UNPKG

359 kBCSSView Raw
1
2.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 {
3 color: #DEE8FF;
4 cursor: not-allowed;
5}
6.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 {
7 color: #DEE8FF;
8}
9.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 {
10 color: #DEE8FF;
11}
12.next-nav.next-normal {
13 background: #FFFFFF;
14 border-color: #DCDEE3;
15 color: #333333;
16 font-weight: normal;
17 -webkit-box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.12);
18 box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.12);
19}
20.next-nav.next-normal .next-nav-item.next-menu-item {
21 background: #FFFFFF;
22 color: #333333;
23}
24.next-nav.next-normal .next-nav-item.next-menu-item.next-focused, .next-nav.next-normal .next-nav-item.next-menu-item:hover {
25 background: #FFFFFF;
26 color: #5584FF;
27 font-weight: normal;
28}
29.next-nav.next-normal .next-nav-item.next-menu-item.next-selected {
30 background: #F2F3F7;
31 color: #5584FF;
32 font-weight: bold;
33}
34.next-nav.next-normal .next-nav-item.next-menu-item.next-selected.next-nav-item {
35 background: #F2F3F7;
36 color: #5584FF;
37}
38.next-nav.next-normal .next-nav-item.next-menu-item.next-opened {
39 background: transparent;
40 color: #5584FF;
41}
42.next-nav.next-normal .next-nav-item.next-menu-item.next-child-selected {
43 font-weight: normal;
44 background: transparent;
45 color: #5584FF;
46}
47.next-nav.next-normal .next-nav-item.next-menu-item.next-opened.next-nav-popup {
48 color: #5584FF;
49}
50.next-nav.next-normal .next-nav-item.next-menu-item.next-child-selected.next-nav-popup {
51 color: #5584FF;
52}
53.next-nav.next-normal .next-nav-item.next-menu-item:before {
54 background: #5584FF;
55}
56.next-nav.next-normal .next-nav-item.next-menu-item:hover:before {
57 background: #5584FF;
58}
59.next-nav.next-normal .next-menu-sub-menu .next-menu-item.next-opened {
60 background: transparent;
61 color: #5584FF;
62}
63.next-nav.next-normal .next-nav-group-label {
64 color: #999999;
65 font-weight: normal;
66}
67.next-nav.next-normal .next-menu-sub-menu .next-menu-item {
68 background: #FFFFFF;
69 color: #333333;
70 font-weight: normal;
71}
72.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 {
73 background: #F2F3F7;
74 color: #5584FF;
75}
76.next-nav.next-normal .next-menu-sub-menu .next-menu-item.next-selected {
77 background: #F2F3F7;
78 color: #5584FF;
79}
80.next-nav.next-normal .next-menu-sub-menu .next-menu-item.next-selected.next-nav-item {
81 background: #F2F3F7;
82 color: #5584FF;
83}
84.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 {
85 color: #999999;
86 cursor: not-allowed;
87}
88.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 {
89 color: #999999;
90}
91.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 {
92 color: #999999;
93}
94.next-nav.next-line {
95 background: transparent;
96 border-color: #DCDEE3;
97 color: #333333;
98 font-weight: normal;
99 -webkit-box-shadow: none;
100 box-shadow: none;
101}
102.next-nav.next-line.next-hoz {
103 border-top-color: transparent;
104 border-left-color: transparent;
105 border-right-color: transparent;
106}
107.next-nav.next-line.next-ver {
108 border-top-color: transparent;
109 border-left-color: transparent;
110 border-bottom-color: transparent;
111}
112.next-nav.next-line .next-nav-item.next-menu-item {
113 background: transparent;
114 color: #333333;
115}
116.next-nav.next-line .next-nav-item.next-menu-item.next-focused, .next-nav.next-line .next-nav-item.next-menu-item:hover {
117 background: transparent;
118 color: #5584FF;
119 font-weight: normal;
120}
121.next-nav.next-line .next-nav-item.next-menu-item.next-selected {
122 background: transparent;
123 color: #5584FF;
124 font-weight: bold;
125}
126.next-nav.next-line .next-nav-item.next-menu-item.next-selected.next-nav-item {
127 background: transparent;
128 color: #5584FF;
129}
130.next-nav.next-line .next-nav-item.next-menu-item.next-opened {
131 background: transparent;
132 color: #5584FF;
133}
134.next-nav.next-line .next-nav-item.next-menu-item.next-child-selected {
135 font-weight: normal;
136 background: transparent;
137 color: #5584FF;
138}
139.next-nav.next-line .next-nav-item.next-menu-item.next-opened.next-nav-popup {
140 color: #5584FF;
141}
142.next-nav.next-line .next-nav-item.next-menu-item.next-child-selected.next-nav-popup {
143 color: #5584FF;
144}
145.next-nav.next-line .next-nav-item.next-menu-item:before {
146 background: #5584FF;
147}
148.next-nav.next-line .next-nav-item.next-menu-item:hover:before {
149 background: #5584FF;
150}
151.next-nav.next-line .next-menu-sub-menu .next-menu-item.next-opened {
152 background: transparent;
153 color: #5584FF;
154}
155.next-nav.next-line .next-nav-group-label {
156 color: #999999;
157 font-weight: normal;
158}
159.next-nav.next-line .next-menu-sub-menu .next-menu-item {
160 background: transparent;
161 color: #333333;
162 font-weight: normal;
163}
164.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 {
165 background: transparent;
166 color: #5584FF;
167}
168.next-nav.next-line .next-menu-sub-menu .next-menu-item.next-selected {
169 background: transparent;
170 color: #5584FF;
171}
172.next-nav.next-line .next-menu-sub-menu .next-menu-item.next-selected.next-nav-item {
173 background: transparent;
174 color: #5584FF;
175}
176.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 {
177 color: #999999;
178 cursor: not-allowed;
179}
180.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 {
181 color: #999999;
182}
183.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 {
184 color: #999999;
185}
186.next-nav.next-icon-only.next-icon-only-text {
187 padding-top: 4px;
188 padding-bottom: 4px;
189}
190.next-nav.next-icon-only.next-custom-icon-only-width {
191 text-align: center;
192}
193.next-nav.next-icon-only .next-menu-item-inner {
194 text-overflow: clip;
195}
196.next-nav.next-icon-only.next-normal .next-nav-icon.next-icon {
197 margin-left: 1px;
198 margin-right: 1px;
199 margin-left: 0px;
200 margin-right: 0px;
201}
202.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 {
203 width: 16px;
204 font-size: 16px;
205 line-height: inherit;
206}
207.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 {
208 width: 16px;
209 font-size: 16px;
210 line-height: inherit;
211}
212.next-nav.next-icon-only.next-primary .next-nav-icon.next-icon {
213 margin-left: 1px;
214 margin-right: 1px;
215 margin-left: 1px;
216 margin-right: 1px;
217}
218.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 {
219 width: 16px;
220 font-size: 16px;
221 line-height: inherit;
222}
223.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 {
224 width: 16px;
225 font-size: 16px;
226 line-height: inherit;
227}
228.next-nav.next-icon-only.next-secondary .next-nav-icon.next-icon {
229 margin-left: 1px;
230 margin-right: 1px;
231 margin-left: 1px;
232 margin-right: 1px;
233}
234.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 {
235 width: 16px;
236 font-size: 16px;
237 line-height: inherit;
238}
239.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 {
240 width: 16px;
241 font-size: 16px;
242 line-height: inherit;
243}
244.next-nav.next-icon-only .next-nav-icon-only-arrow.next-icon {
245 margin-left: 1px;
246 margin-right: 1px;
247 -webkit-transition: all 100ms linear;
248 transition: all 100ms linear;
249 -webkit-transform-origin: center 50%;
250 -ms-transform-origin: center 50%;
251 transform-origin: center 50%;
252}
253.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 {
254 width: 16px;
255 font-size: 16px;
256 line-height: inherit;
257}
258.next-nav.next-icon-only .next-nav-item.next-opened .next-nav-icon-only-arrow.next-icon-arrow-down {
259 -webkit-transform: rotate(180deg);
260 -ms-transform: rotate(180deg);
261 transform: rotate(180deg);
262 margin-left: 1px;
263 margin-right: 1px;
264}
265.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 {
266 width: 16px;
267 font-size: 16px;
268 line-height: inherit;
269}
270.next-nav.next-icon-only .next-menu-hoz-icon-arrow,
271.next-nav.next-icon-only .next-menu-icon-arrow {
272 display: none;
273}
274.next-nav-embeddable.next-primary, .next-nav-embeddable.next-secondary, .next-nav-embeddable.next-normal {
275 height: 100%;
276 background: transparent;
277 -webkit-box-shadow: none;
278 box-shadow: none;
279 border: none;
280}
281.next-nav-embeddable.next-primary .next-menu-sub-menu .next-menu-item,
282.next-nav-embeddable.next-primary .next-nav-item.next-menu-item, .next-nav-embeddable.next-secondary .next-menu-sub-menu .next-menu-item,
283.next-nav-embeddable.next-secondary .next-nav-item.next-menu-item, .next-nav-embeddable.next-normal .next-menu-sub-menu .next-menu-item,
284.next-nav-embeddable.next-normal .next-nav-item.next-menu-item {
285 background: transparent;
286}
287.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 {
288 margin-left: 1px;
289 margin-right: 1px;
290 margin-left: 1px;
291 margin-right: 1px;
292}
293.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 {
294 width: 16px;
295 font-size: 16px;
296 line-height: inherit;
297}
298.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 {
299 width: 16px;
300 font-size: 16px;
301 line-height: inherit;
302}
303.next-nav-embeddable.next-nav.next-hoz .next-menu-item-inner {
304 height: 100%;
305}
306.next-nav-embeddable.next-nav.next-hoz .next-menu-sub-menu .next-menu-item,
307.next-nav-embeddable.next-nav.next-hoz .next-nav-item.next-menu-item {
308 height: 100%;
309}
310.next-nav-embeddable, .next-nav-embeddable .next-nav-item.next-disabled, .next-nav-embeddable .next-nav-item.next-disabled .next-menu-item-text > a {
311 background: transparent;
312 border: none;
313}
314
315.next-nav[dir=rtl] .next-nav-icon.next-icon {
316 margin-left: 4px;
317 margin-right: 0;
318}
319.next-nav[dir=rtl] .next-nav-icon.next-icon:before, .next-nav[dir=rtl] .next-nav-icon.next-icon .next-icon-remote {
320 width: 12px;
321 font-size: 12px;
322 line-height: inherit;
323}
324.next-nav[dir=rtl].next-hoz .next-menu-header {
325 float: right;
326}
327.next-nav[dir=rtl].next-hoz .next-menu-footer {
328 float: left;
329}
330.next-nav[dir=rtl].next-hoz .next-nav-item:before {
331 width: 0;
332 left: 50%;
333}
334.next-nav[dir=rtl].next-hoz .next-selected.next-nav-item:before {
335 width: 100%;
336 left: auto;
337 right: 0;
338}
339.next-nav[dir=rtl].next-ver.next-left .next-nav-item:before {
340 right: 0;
341 right: -1px;
342 left: auto;
343}
344.next-nav[dir=rtl].next-ver.next-right .next-nav-item:before {
345 left: 0;
346 left: -1px;
347 right: auto;
348}
349.next-nav[dir=rtl].next-primary.next-ver.next-left .next-nav-item:before {
350 right: 0;
351 right: 0px;
352 left: auto;
353}
354.next-nav[dir=rtl].next-primary.next-ver.next-right .next-nav-item:before {
355 left: 0;
356 left: 0px;
357 right: auto;
358}
359.next-nav[dir=rtl].next-secondary.next-ver.next-left .next-nav-item:before {
360 right: 0;
361 right: 0px;
362 left: auto;
363}
364.next-nav[dir=rtl].next-secondary.next-ver.next-right .next-nav-item:before {
365 left: 0;
366 left: 0px;
367 right: auto;
368}
369.next-nav[dir=rtl] .next-nav.next-line.next-ver {
370 border-top-color: transparent;
371 border-right-color: transparent;
372 border-left-color: transparent;
373 border-bottom-color: transparent;
374}
375.next-nav[dir=rtl].next-icon-only .next-nav-icon.next-icon,
376.next-nav[dir=rtl].next-icon-only .next-nav-icon-only-arrow.next-icon,
377.next-nav[dir=rtl].next-icon-only .next-nav-item.next-opened .next-nav-icon-only-arrow.next-icon-arrow-down {
378 margin-left: 0;
379 margin-right: 1px;
380}
381.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,
382.next-nav[dir=rtl].next-icon-only .next-nav-icon-only-arrow.next-icon:before,
383.next-nav[dir=rtl].next-icon-only .next-nav-icon-only-arrow.next-icon .next-icon-remote,
384.next-nav[dir=rtl].next-icon-only .next-nav-item.next-opened .next-nav-icon-only-arrow.next-icon-arrow-down:before,
385.next-nav[dir=rtl].next-icon-only .next-nav-item.next-opened .next-nav-icon-only-arrow.next-icon-arrow-down .next-icon-remote {
386 width: 16px;
387 font-size: 16px;
388 line-height: inherit;
389}
390
391.next-number-picker {
392 -webkit-box-sizing: border-box;
393 box-sizing: border-box;
394 display: inline-block;
395 /* stylelint-disable declaration-no-important */
396}
397.next-number-picker *,
398.next-number-picker *:before,
399.next-number-picker *:after {
400 -webkit-box-sizing: border-box;
401 box-sizing: border-box;
402}
403.next-number-picker .next-btn {
404 padding: 0 !important;
405 line-height: 0 !important;
406 -webkit-box-shadow: none !important;
407 box-shadow: none !important;
408}
409.next-number-picker-normal .next-input {
410 width: 100%;
411}
412.next-number-picker-normal .next-input .next-input-control {
413 padding-right: 0;
414 height: 100%;
415}
416.next-number-picker-normal:not(.next-number-picker-no-trigger) .next-input input {
417 padding-right: 2px;
418}
419.next-number-picker-normal .next-btn {
420 display: block;
421}
422.next-number-picker-normal .next-btn:hover {
423 z-index: 1;
424}
425.next-number-picker-normal .next-btn:first-child {
426 border-right: none;
427 border-top: none;
428 height: 50%;
429 border-top-left-radius: 0;
430 border-bottom-left-radius: 0;
431 border-bottom-right-radius: 0;
432}
433.next-number-picker-normal .next-btn:last-child {
434 border-right: none;
435 border-bottom: none;
436 margin-top: -1px;
437 height: calc(50% + 1px);
438 border-top-left-radius: 0;
439 border-bottom-left-radius: 0;
440 border-top-right-radius: 0;
441}
442.next-number-picker-normal .next-number-picker-handler {
443 -webkit-transition: opacity 100ms linear;
444 transition: opacity 100ms linear;
445 height: 100%;
446 display: block;
447}
448.next-number-picker-normal:not(.next-number-picker-show-trigger) .next-number-picker-handler {
449 opacity: 0;
450}
451.next-number-picker-normal:hover .next-number-picker-handler, .next-number-picker-normal.hover .next-number-picker-handler {
452 opacity: 1;
453}
454.next-number-picker-normal .next-input.next-disabled .next-number-picker-handler {
455 opacity: 0;
456}
457.next-number-picker-normal .next-number-picker-up-icon::before {
458 content: "\E625";
459}
460.next-number-picker-normal .next-number-picker-down-icon::before {
461 content: "\E63D";
462}
463.next-number-picker-normal.next-small {
464 width: 68px;
465}
466.next-number-picker-normal.next-small .next-btn {
467 width: 20px;
468}
469.next-number-picker-normal.next-small .next-btn:first-child {
470 border-top-right-radius: 3px;
471}
472.next-number-picker-normal.next-small .next-btn:last-child {
473 border-bottom-right-radius: 3px;
474}
475.next-number-picker-normal.next-small .next-icon:before, .next-number-picker-normal.next-small .next-icon .next-icon-remote {
476 width: 8px;
477 font-size: 8px;
478 line-height: inherit;
479}
480@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
481 .next-number-picker-normal.next-small .next-icon {
482 -webkit-transform: scale(0.5);
483 -ms-transform: scale(0.5);
484 transform: scale(0.5);
485 margin-left: -4px;
486 margin-right: -4px;
487 }
488 .next-number-picker-normal.next-small .next-icon:before {
489 width: 16px;
490 font-size: 16px;
491 }
492}
493.next-number-picker-normal.next-medium {
494 width: 80px;
495}
496.next-number-picker-normal.next-medium .next-btn {
497 width: 20px;
498}
499.next-number-picker-normal.next-medium .next-btn:first-child {
500 border-top-right-radius: 3px;
501}
502.next-number-picker-normal.next-medium .next-btn:last-child {
503 border-bottom-right-radius: 3px;
504}
505.next-number-picker-normal.next-medium .next-icon:before, .next-number-picker-normal.next-medium .next-icon .next-icon-remote {
506 width: 8px;
507 font-size: 8px;
508 line-height: inherit;
509}
510@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
511 .next-number-picker-normal.next-medium .next-icon {
512 -webkit-transform: scale(0.5);
513 -ms-transform: scale(0.5);
514 transform: scale(0.5);
515 margin-left: -4px;
516 margin-right: -4px;
517 }
518 .next-number-picker-normal.next-medium .next-icon:before {
519 width: 16px;
520 font-size: 16px;
521 }
522}
523.next-number-picker-normal.next-large {
524 width: 80px;
525}
526.next-number-picker-normal.next-large .next-btn {
527 width: 20px;
528}
529.next-number-picker-normal.next-large .next-btn:first-child {
530 border-top-right-radius: 3px;
531}
532.next-number-picker-normal.next-large .next-btn:last-child {
533 border-bottom-right-radius: 3px;
534}
535.next-number-picker-normal.next-large .next-icon:before, .next-number-picker-normal.next-large .next-icon .next-icon-remote {
536 width: 8px;
537 font-size: 8px;
538 line-height: inherit;
539}
540@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
541 .next-number-picker-normal.next-large .next-icon {
542 -webkit-transform: scale(0.5);
543 -ms-transform: scale(0.5);
544 transform: scale(0.5);
545 margin-left: -4px;
546 margin-right: -4px;
547 }
548 .next-number-picker-normal.next-large .next-icon:before {
549 width: 16px;
550 font-size: 16px;
551 }
552}
553.next-number-picker-inline input {
554 text-align: center;
555}
556.next-number-picker-inline .next-input input {
557 padding: 0;
558}
559.next-number-picker-inline .next-number-picker-add-icon::before {
560 content: "\E655";
561}
562.next-number-picker-inline .next-number-picker-minus-icon::before {
563 content: "\E601";
564}
565.next-number-picker-inline.next-small {
566 width: 68px;
567 min-width: 60px;
568}
569.next-number-picker-inline.next-small .next-icon:before, .next-number-picker-inline.next-small .next-icon .next-icon-remote {
570 width: 12px;
571 font-size: 12px;
572 line-height: inherit;
573}
574.next-number-picker-inline.next-small .next-btn {
575 height: 20px;
576}
577.next-number-picker-inline.next-small .next-before .next-btn {
578 margin-right: 2px;
579 border-top-left-radius: 3px;
580 border-bottom-left-radius: 3px;
581}
582.next-number-picker-inline.next-small .next-after .next-btn {
583 margin-left: 2px;
584 border-top-right-radius: 3px;
585 border-bottom-right-radius: 3px;
586}
587.next-number-picker-inline.next-medium {
588 width: 100px;
589 min-width: 84px;
590}
591.next-number-picker-inline.next-medium .next-icon:before, .next-number-picker-inline.next-medium .next-icon .next-icon-remote {
592 width: 12px;
593 font-size: 12px;
594 line-height: inherit;
595}
596.next-number-picker-inline.next-medium .next-btn {
597 height: 28px;
598}
599.next-number-picker-inline.next-medium .next-before .next-btn {
600 margin-right: 2px;
601 border-top-left-radius: 3px;
602 border-bottom-left-radius: 3px;
603}
604.next-number-picker-inline.next-medium .next-after .next-btn {
605 margin-left: 2px;
606 border-top-right-radius: 3px;
607 border-bottom-right-radius: 3px;
608}
609.next-number-picker-inline.next-large {
610 width: 128px;
611 min-width: 120px;
612}
613.next-number-picker-inline.next-large .next-icon:before, .next-number-picker-inline.next-large .next-icon .next-icon-remote {
614 width: 12px;
615 font-size: 12px;
616 line-height: inherit;
617}
618.next-number-picker-inline.next-large .next-btn {
619 height: 40px;
620}
621.next-number-picker-inline.next-large .next-before .next-btn {
622 margin-right: 2px;
623 border-top-left-radius: 3px;
624 border-bottom-left-radius: 3px;
625}
626.next-number-picker-inline.next-large .next-after .next-btn {
627 margin-left: 2px;
628 border-top-right-radius: 3px;
629 border-bottom-right-radius: 3px;
630}
631.next-number-picker-inline .next-btn.next-small {
632 width: 20px;
633}
634.next-number-picker-inline .next-btn.next-medium {
635 width: 28px;
636}
637.next-number-picker-inline .next-btn.next-large {
638 width: 40px;
639}
640
641@-moz-document url-prefix() {
642 .next-number-picker-normal.next-small .next-number-picker-handler {
643 height: 18px;
644 }
645 .next-number-picker-normal.next-medium .next-number-picker-handler {
646 height: 26px;
647 }
648 .next-number-picker-normal.next-large .next-number-picker-handler {
649 height: 38px;
650 }
651}
652.next-number-picker-normal[dir=rtl] .next-btn:first-child {
653 border-right: 1px solid #C4C6CF;
654 border-left: 0;
655 border-top-right-radius: 0;
656}
657.next-number-picker-normal[dir=rtl] .next-btn:first-child.next-small {
658 border-top-left-radius: 3px;
659}
660.next-number-picker-normal[dir=rtl] .next-btn:first-child.next-medium {
661 border-top-left-radius: 3px;
662}
663.next-number-picker-normal[dir=rtl] .next-btn:first-child.next-large {
664 border-top-left-radius: 3px;
665}
666.next-number-picker-normal[dir=rtl] .next-btn:last-child {
667 border-right: 1px solid #C4C6CF;
668 border-left: 0;
669 border-bottom-right-radius: 0;
670}
671.next-number-picker-normal[dir=rtl] .next-btn:last-child.next-small {
672 border-bottom-left-radius: 3px;
673}
674.next-number-picker-normal[dir=rtl] .next-btn:last-child.next-medium {
675 border-bottom-left-radius: 3px;
676}
677.next-number-picker-normal[dir=rtl] .next-btn:last-child.next-large {
678 border-bottom-left-radius: 3px;
679}
680.next-number-picker-normal[dir=rtl] .next-input .next-input-control {
681 padding-left: 0;
682}
683
684.next-number-picker-inline[dir=rtl] .next-before .next-btn {
685 margin-right: 0;
686}
687.next-number-picker-inline[dir=rtl] .next-before .next-btn.next-small {
688 margin-left: 2px;
689 border-top-right-radius: 3px !important;
690 border-bottom-right-radius: 3px !important;
691}
692.next-number-picker-inline[dir=rtl] .next-before .next-btn.next-medium {
693 margin-left: 2px;
694 border-top-right-radius: 3px !important;
695 border-bottom-right-radius: 3px !important;
696}
697.next-number-picker-inline[dir=rtl] .next-before .next-btn.next-large {
698 margin-left: 2px;
699 border-top-right-radius: 3px !important;
700 border-bottom-right-radius: 3px !important;
701}
702.next-number-picker-inline[dir=rtl] .next-after .next-btn {
703 margin-left: 0;
704}
705.next-number-picker-inline[dir=rtl] .next-after .next-btn.next-small {
706 margin-right: 2px;
707 border-top-left-radius: 3px !important;
708 border-bottom-left-radius: 3px !important;
709}
710.next-number-picker-inline[dir=rtl] .next-after .next-btn.next-medium {
711 margin-right: 2px;
712 border-top-left-radius: 3px !important;
713 border-bottom-left-radius: 3px !important;
714}
715.next-number-picker-inline[dir=rtl] .next-after .next-btn.next-large {
716 margin-right: 2px;
717 border-top-left-radius: 3px !important;
718 border-bottom-left-radius: 3px !important;
719}
720
721.next-pagination[dir=rtl] .next-pagination-total {
722 margin-right: 0;
723 margin-left: 16px;
724}
725.next-pagination[dir=rtl] .next-pagination-jump-go {
726 margin-left: 0;
727 margin-right: 4px;
728}
729.next-pagination[dir=rtl] .next-pagination-size-selector-title {
730 margin-right: 0;
731 margin-left: 4px;
732}
733.next-pagination[dir=rtl] .next-pagination-size-selector-btn.next-btn-text + .next-pagination-size-selector-btn {
734 border-left: none;
735 border-right: 1px solid #DCDEE3;
736}
737.next-pagination[dir=rtl] .next-pagination-pages + .next-pagination-size-selector, .next-pagination[dir=rtl] .next-pagination-size-selector + .next-pagination-pages {
738 margin-left: 0;
739 margin-right: 40px;
740}
741.next-pagination[dir=rtl].next-start .next-pagination-pages {
742 float: left;
743}
744.next-pagination[dir=rtl].next-start .next-pagination-size-selector {
745 float: right;
746}
747.next-pagination[dir=rtl].next-end .next-pagination-pages {
748 float: right;
749}
750.next-pagination[dir=rtl].next-end .next-pagination-size-selector {
751 float: left;
752}
753.next-pagination[dir=rtl].next-small .next-pagination-list {
754 margin: 0 4px;
755}
756.next-pagination[dir=rtl].next-small .next-pagination-total {
757 line-height: 20px;
758 vertical-align: middle;
759}
760.next-pagination[dir=rtl].next-small .next-pagination-item {
761 padding: 0 6px;
762 border-width: 1px;
763 border-radius: 3px;
764}
765.next-pagination[dir=rtl].next-small .next-pagination-item + .next-pagination-item {
766 margin: 0 4px 0 0;
767}
768.next-pagination[dir=rtl].next-small .next-pagination-ellipsis {
769 height: 20px;
770 line-height: 20px;
771 margin-left: 8px;
772 margin-right: 8px;
773}
774.next-pagination[dir=rtl].next-small .next-pagination-ellipsis:before, .next-pagination[dir=rtl].next-small .next-pagination-ellipsis .next-icon-remote {
775 width: 12px;
776 font-size: 12px;
777 line-height: inherit;
778}
779.next-pagination[dir=rtl].next-small .next-pagination-display {
780 font-size: 12px;
781}
782.next-pagination[dir=rtl].next-small .next-pagination-display em {
783 font-size: 12px;
784}
785.next-pagination[dir=rtl].next-small .next-pagination-jump-text {
786 font-size: 12px;
787}
788.next-pagination[dir=rtl].next-small .next-pagination-jump-input {
789 width: 28px;
790}
791.next-pagination[dir=rtl].next-small .next-pagination-size-selector-title {
792 height: 20px;
793 line-height: 20px;
794 font-size: 12px;
795 vertical-align: middle;
796}
797.next-pagination[dir=rtl].next-small .next-pagination-size-selector-btn {
798 padding: 0 8px;
799}
800.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 {
801 color: #666666;
802}
803.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 {
804 color: #333333;
805}
806.next-pagination[dir=rtl].next-medium .next-pagination-list {
807 margin: 0 4px;
808}
809.next-pagination[dir=rtl].next-medium .next-pagination-total {
810 line-height: 28px;
811 vertical-align: middle;
812}
813.next-pagination[dir=rtl].next-medium .next-pagination-item {
814 padding: 0 10px;
815 border-width: 1px;
816 border-radius: 3px;
817}
818.next-pagination[dir=rtl].next-medium .next-pagination-item + .next-pagination-item {
819 margin: 0 4px 0 0;
820}
821.next-pagination[dir=rtl].next-medium .next-pagination-ellipsis {
822 height: 28px;
823 line-height: 28px;
824 margin-left: 8px;
825 margin-right: 8px;
826}
827.next-pagination[dir=rtl].next-medium .next-pagination-ellipsis:before, .next-pagination[dir=rtl].next-medium .next-pagination-ellipsis .next-icon-remote {
828 width: 12px;
829 font-size: 12px;
830 line-height: inherit;
831}
832.next-pagination[dir=rtl].next-medium .next-pagination-display {
833 font-size: 12px;
834}
835.next-pagination[dir=rtl].next-medium .next-pagination-display em {
836 font-size: 12px;
837}
838.next-pagination[dir=rtl].next-medium .next-pagination-jump-text {
839 font-size: 12px;
840}
841.next-pagination[dir=rtl].next-medium .next-pagination-jump-input {
842 width: 36px;
843}
844.next-pagination[dir=rtl].next-medium .next-pagination-size-selector-title {
845 height: 28px;
846 line-height: 28px;
847 font-size: 12px;
848 vertical-align: middle;
849}
850.next-pagination[dir=rtl].next-medium .next-pagination-size-selector-btn {
851 padding: 0 12px;
852}
853.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 {
854 color: #666666;
855}
856.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 {
857 color: #333333;
858}
859.next-pagination[dir=rtl].next-large .next-pagination-list {
860 margin: 0 8px;
861}
862.next-pagination[dir=rtl].next-large .next-pagination-total {
863 line-height: 40px;
864 vertical-align: middle;
865}
866.next-pagination[dir=rtl].next-large .next-pagination-item {
867 padding: 0 15px;
868 border-width: 1px;
869 border-radius: 3px;
870}
871.next-pagination[dir=rtl].next-large .next-pagination-item + .next-pagination-item {
872 margin: 0 8px 0 0;
873}
874.next-pagination[dir=rtl].next-large .next-pagination-ellipsis {
875 height: 40px;
876 line-height: 40px;
877 margin-left: 8px;
878 margin-right: 8px;
879}
880.next-pagination[dir=rtl].next-large .next-pagination-ellipsis:before, .next-pagination[dir=rtl].next-large .next-pagination-ellipsis .next-icon-remote {
881 width: 16px;
882 font-size: 16px;
883 line-height: inherit;
884}
885.next-pagination[dir=rtl].next-large .next-pagination-display {
886 font-size: 16px;
887}
888.next-pagination[dir=rtl].next-large .next-pagination-display em {
889 font-size: 16px;
890}
891.next-pagination[dir=rtl].next-large .next-pagination-jump-text {
892 font-size: 16px;
893}
894.next-pagination[dir=rtl].next-large .next-pagination-jump-input {
895 width: 48px;
896}
897.next-pagination[dir=rtl].next-large .next-pagination-size-selector-title {
898 height: 40px;
899 line-height: 40px;
900 font-size: 16px;
901 vertical-align: middle;
902}
903.next-pagination[dir=rtl].next-large .next-pagination-size-selector-btn {
904 padding: 0 16px;
905}
906.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 {
907 color: #666666;
908}
909.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 {
910 color: #333333;
911}
912
913.next-pagination {
914 -webkit-box-sizing: border-box;
915 box-sizing: border-box;
916 font-size: 0;
917}
918.next-pagination *,
919.next-pagination *:before,
920.next-pagination *:after {
921 -webkit-box-sizing: border-box;
922 box-sizing: border-box;
923}
924.next-pagination:after {
925 visibility: hidden;
926 display: block;
927 height: 0;
928 font-size: 0;
929 content: " ";
930 clear: both;
931}
932.next-pagination-total {
933 display: inline-block;
934 font-size: 14px;
935 margin-right: 16px;
936}
937.next-pagination-pages {
938 display: inline-block;
939}
940.next-pagination-list {
941 display: inline-block;
942 vertical-align: top;
943}
944.next-pagination .next-pagination-item:not([disabled]) {
945 display: inline-block;
946 border-style: solid;
947 border-color: #C4C6CF;
948 background: #FFFFFF;
949 color: #333333;
950 -webkit-box-shadow: none;
951 box-shadow: none;
952}
953.next-pagination .next-pagination-item {
954 -webkit-transition: none;
955 transition: none;
956}
957.next-pagination .next-pagination-item.next-current {
958 border-color: #5584FF;
959 background: #5584FF;
960 color: #FFFFFF;
961 -webkit-box-shadow: none;
962 box-shadow: none;
963}
964.next-pagination .next-pagination-item.next-current:hover, .next-pagination .next-pagination-item.next-current:focus {
965 border-color: transparent;
966 background: #3E71F7;
967 color: #FFFFFF;
968 -webkit-box-shadow: none;
969 box-shadow: none;
970}
971.next-pagination-ellipsis {
972 display: inline-block;
973 color: #999999;
974 vertical-align: top;
975}
976.next-pagination-display {
977 display: inline-block;
978 margin: 0 16px;
979 color: #333333;
980 vertical-align: middle;
981}
982.next-pagination-display em {
983 font-style: normal;
984 color: #5584FF;
985}
986.next-pagination-jump-text {
987 display: inline-block;
988 vertical-align: middle;
989 color: #999999;
990}
991.next-pagination-jump-input {
992 margin: 0 4px;
993 vertical-align: top;
994}
995.next-pagination-jump-go {
996 margin-left: 4px;
997 vertical-align: top;
998}
999.next-pagination-size-selector {
1000 display: inline-block;
1001 position: relative;
1002}
1003.next-pagination-size-selector-title {
1004 margin-right: 4px;
1005 color: #999999;
1006}
1007.next-pagination-size-selector-filter {
1008 display: inline-block;
1009 vertical-align: middle;
1010}
1011.next-pagination-size-selector-dropdown {
1012 vertical-align: top;
1013 min-width: 64px;
1014}
1015.next-pagination-size-selector-dropdown .next-select-inner {
1016 min-width: 64px;
1017}
1018.next-pagination-size-selector-popup {
1019 min-width: 64px;
1020}
1021.next-pagination-size-selector-btn.next-btn-text {
1022 height: initial;
1023 line-height: initial;
1024 color: #666666;
1025 border-radius: 0;
1026}
1027.next-pagination-size-selector-btn.next-btn-text.next-current {
1028 color: #5584FF;
1029}
1030.next-pagination-size-selector-btn.next-btn-text + .next-pagination-size-selector-btn {
1031 border-left: 1px solid #DCDEE3;
1032}
1033.next-pagination-pages + .next-pagination-size-selector, .next-pagination-size-selector + .next-pagination-pages {
1034 margin-left: 40px;
1035}
1036.next-pagination.next-hide {
1037 display: none;
1038}
1039.next-pagination.next-start .next-pagination-pages {
1040 float: right;
1041}
1042.next-pagination.next-start .next-pagination-size-selector {
1043 float: left;
1044}
1045.next-pagination.next-end .next-pagination-pages {
1046 float: left;
1047}
1048.next-pagination.next-end .next-pagination-size-selector {
1049 float: right;
1050}
1051.next-pagination.next-small .next-pagination-list {
1052 margin: 0 4px;
1053}
1054.next-pagination.next-small .next-pagination-total {
1055 line-height: 20px;
1056 vertical-align: middle;
1057}
1058.next-pagination.next-small .next-pagination-item {
1059 padding: 0 6px;
1060 border-width: 1px;
1061 border-radius: 3px;
1062}
1063.next-pagination.next-small .next-pagination-item + .next-pagination-item {
1064 margin: 0 0 0 4px;
1065}
1066.next-pagination.next-small .next-pagination-ellipsis {
1067 height: 20px;
1068 line-height: 20px;
1069 margin-left: 8px;
1070 margin-right: 8px;
1071}
1072.next-pagination.next-small .next-pagination-ellipsis:before, .next-pagination.next-small .next-pagination-ellipsis .next-icon-remote {
1073 width: 12px;
1074 font-size: 12px;
1075 line-height: inherit;
1076}
1077.next-pagination.next-small .next-pagination-display {
1078 font-size: 12px;
1079}
1080.next-pagination.next-small .next-pagination-display em {
1081 font-size: 12px;
1082}
1083.next-pagination.next-small .next-pagination-jump-text {
1084 font-size: 12px;
1085}
1086.next-pagination.next-small .next-pagination-jump-input {
1087 width: 28px;
1088}
1089.next-pagination.next-small .next-pagination-size-selector-title {
1090 height: 20px;
1091 line-height: 20px;
1092 font-size: 12px;
1093 vertical-align: middle;
1094}
1095.next-pagination.next-small .next-pagination-size-selector-btn {
1096 padding: 0 8px;
1097}
1098.next-pagination.next-small .next-pagination-item.next-prev:not([disabled]) i, .next-pagination.next-small .next-pagination-item.next-next:not([disabled]) i {
1099 color: #666666;
1100}
1101.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 {
1102 color: #333333;
1103}
1104.next-pagination.next-small.next-arrow-only .next-pagination-item.next-prev, .next-pagination.next-small.next-arrow-only .next-pagination-item.next-next {
1105 width: 20px;
1106 padding: 0;
1107}
1108.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 {
1109 margin: 0 auto;
1110}
1111.next-pagination.next-small.next-arrow-prev-only .next-pagination-item.next-prev {
1112 width: 20px;
1113 padding: 0;
1114}
1115.next-pagination.next-small.next-arrow-prev-only .next-pagination-item.next-prev .next-icon {
1116 margin: 0 auto;
1117}
1118.next-pagination.next-small.next-no-border .next-pagination-item.next-prev, .next-pagination.next-small.next-no-border .next-pagination-item.next-next {
1119 padding: 0;
1120 border: none;
1121 background-color: transparent;
1122 -webkit-box-shadow: none;
1123 box-shadow: none;
1124}
1125.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 {
1126 margin: 0;
1127}
1128.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 {
1129 color: #5584FF;
1130}
1131.next-pagination.next-small.next-no-border .next-pagination-display {
1132 margin: 0 8px;
1133}
1134.next-pagination.next-small.next-mini .next-pagination-item.next-prev {
1135 margin-right: 4px;
1136}
1137.next-pagination.next-small.next-mini .next-pagination-item.next-next {
1138 margin-left: 4px;
1139}
1140.next-pagination.next-medium .next-pagination-list {
1141 margin: 0 4px;
1142}
1143.next-pagination.next-medium .next-pagination-total {
1144 line-height: 28px;
1145 vertical-align: middle;
1146}
1147.next-pagination.next-medium .next-pagination-item {
1148 padding: 0 10px;
1149 border-width: 1px;
1150 border-radius: 3px;
1151}
1152.next-pagination.next-medium .next-pagination-item + .next-pagination-item {
1153 margin: 0 0 0 4px;
1154}
1155.next-pagination.next-medium .next-pagination-ellipsis {
1156 height: 28px;
1157 line-height: 28px;
1158 margin-left: 8px;
1159 margin-right: 8px;
1160}
1161.next-pagination.next-medium .next-pagination-ellipsis:before, .next-pagination.next-medium .next-pagination-ellipsis .next-icon-remote {
1162 width: 12px;
1163 font-size: 12px;
1164 line-height: inherit;
1165}
1166.next-pagination.next-medium .next-pagination-display {
1167 font-size: 12px;
1168}
1169.next-pagination.next-medium .next-pagination-display em {
1170 font-size: 12px;
1171}
1172.next-pagination.next-medium .next-pagination-jump-text {
1173 font-size: 12px;
1174}
1175.next-pagination.next-medium .next-pagination-jump-input {
1176 width: 36px;
1177}
1178.next-pagination.next-medium .next-pagination-size-selector-title {
1179 height: 28px;
1180 line-height: 28px;
1181 font-size: 12px;
1182 vertical-align: middle;
1183}
1184.next-pagination.next-medium .next-pagination-size-selector-btn {
1185 padding: 0 12px;
1186}
1187.next-pagination.next-medium .next-pagination-item.next-prev:not([disabled]) i, .next-pagination.next-medium .next-pagination-item.next-next:not([disabled]) i {
1188 color: #666666;
1189}
1190.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 {
1191 color: #333333;
1192}
1193.next-pagination.next-medium.next-arrow-only .next-pagination-item.next-prev, .next-pagination.next-medium.next-arrow-only .next-pagination-item.next-next {
1194 width: 28px;
1195 padding: 0;
1196}
1197.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 {
1198 margin: 0 auto;
1199}
1200.next-pagination.next-medium.next-arrow-prev-only .next-pagination-item.next-prev {
1201 width: 28px;
1202 padding: 0;
1203}
1204.next-pagination.next-medium.next-arrow-prev-only .next-pagination-item.next-prev .next-icon {
1205 margin: 0 auto;
1206}
1207.next-pagination.next-medium.next-no-border .next-pagination-item.next-prev, .next-pagination.next-medium.next-no-border .next-pagination-item.next-next {
1208 padding: 0;
1209 border: none;
1210 background-color: transparent;
1211 -webkit-box-shadow: none;
1212 box-shadow: none;
1213}
1214.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 {
1215 margin: 0;
1216}
1217.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 {
1218 color: #5584FF;
1219}
1220.next-pagination.next-medium.next-no-border .next-pagination-display {
1221 margin: 0 12px;
1222}
1223.next-pagination.next-medium.next-mini .next-pagination-item.next-prev {
1224 margin-right: 4px;
1225}
1226.next-pagination.next-medium.next-mini .next-pagination-item.next-next {
1227 margin-left: 4px;
1228}
1229.next-pagination.next-large .next-pagination-list {
1230 margin: 0 8px;
1231}
1232.next-pagination.next-large .next-pagination-total {
1233 line-height: 40px;
1234 vertical-align: middle;
1235}
1236.next-pagination.next-large .next-pagination-item {
1237 padding: 0 15px;
1238 border-width: 1px;
1239 border-radius: 3px;
1240}
1241.next-pagination.next-large .next-pagination-item + .next-pagination-item {
1242 margin: 0 0 0 8px;
1243}
1244.next-pagination.next-large .next-pagination-ellipsis {
1245 height: 40px;
1246 line-height: 40px;
1247 margin-left: 8px;
1248 margin-right: 8px;
1249}
1250.next-pagination.next-large .next-pagination-ellipsis:before, .next-pagination.next-large .next-pagination-ellipsis .next-icon-remote {
1251 width: 16px;
1252 font-size: 16px;
1253 line-height: inherit;
1254}
1255.next-pagination.next-large .next-pagination-display {
1256 font-size: 16px;
1257}
1258.next-pagination.next-large .next-pagination-display em {
1259 font-size: 16px;
1260}
1261.next-pagination.next-large .next-pagination-jump-text {
1262 font-size: 16px;
1263}
1264.next-pagination.next-large .next-pagination-jump-input {
1265 width: 48px;
1266}
1267.next-pagination.next-large .next-pagination-size-selector-title {
1268 height: 40px;
1269 line-height: 40px;
1270 font-size: 16px;
1271 vertical-align: middle;
1272}
1273.next-pagination.next-large .next-pagination-size-selector-btn {
1274 padding: 0 16px;
1275}
1276.next-pagination.next-large .next-pagination-item.next-prev:not([disabled]) i, .next-pagination.next-large .next-pagination-item.next-next:not([disabled]) i {
1277 color: #666666;
1278}
1279.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 {
1280 color: #333333;
1281}
1282.next-pagination.next-large.next-arrow-only .next-pagination-item.next-prev, .next-pagination.next-large.next-arrow-only .next-pagination-item.next-next {
1283 width: 40px;
1284 padding: 0;
1285}
1286.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 {
1287 margin: 0 auto;
1288}
1289.next-pagination.next-large.next-arrow-prev-only .next-pagination-item.next-prev {
1290 width: 40px;
1291 padding: 0;
1292}
1293.next-pagination.next-large.next-arrow-prev-only .next-pagination-item.next-prev .next-icon {
1294 margin: 0 auto;
1295}
1296.next-pagination.next-large.next-no-border .next-pagination-item.next-prev, .next-pagination.next-large.next-no-border .next-pagination-item.next-next {
1297 padding: 0;
1298 border: none;
1299 background-color: transparent;
1300 -webkit-box-shadow: none;
1301 box-shadow: none;
1302}
1303.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 {
1304 margin: 0;
1305}
1306.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 {
1307 color: #5584FF;
1308}
1309.next-pagination.next-large.next-no-border .next-pagination-display {
1310 margin: 0 16px;
1311}
1312.next-pagination.next-large.next-mini .next-pagination-item.next-prev {
1313 margin-right: 8px;
1314}
1315.next-pagination.next-large.next-mini .next-pagination-item.next-next {
1316 margin-left: 8px;
1317}
1318.next-pagination-icon-prev::before {
1319 content: "\E61D";
1320}
1321.next-pagination-icon-next::before {
1322 content: "\E619";
1323}
1324.next-pagination-icon-ellipsis::before {
1325 content: "\E654";
1326}
1327
1328.next-paragraph {
1329 color: #333333;
1330}
1331.next-paragraph-short {
1332 line-height: 1.5;
1333}
1334.next-paragraph-long {
1335 line-height: 1.7;
1336}
1337.next-paragraph-small {
1338 font-size: 12px;
1339}
1340.next-paragraph-medium {
1341 font-size: 14px;
1342}
1343
1344.next-progress-circle[dir=rtl] .next-progress-circle-container {
1345 -webkit-transform: scaleX(-1);
1346 -ms-transform: scaleX(-1);
1347 transform: scaleX(-1);
1348}
1349
1350.next-progress-line[dir=rtl] .next-progress-line-overlay {
1351 left: auto;
1352 right: 0;
1353}
1354
1355.next-progress-line {
1356 -webkit-box-sizing: border-box;
1357 box-sizing: border-box;
1358}
1359.next-progress-line *,
1360.next-progress-line *:before,
1361.next-progress-line *:after {
1362 -webkit-box-sizing: border-box;
1363 box-sizing: border-box;
1364}
1365.next-progress-line {
1366 width: 100%;
1367 display: inline-block;
1368 position: relative;
1369}
1370.next-progress-line-container {
1371 display: inline-block;
1372 width: 100%;
1373 vertical-align: middle;
1374}
1375.next-progress-line-underlay {
1376 position: relative;
1377 overflow: hidden;
1378 width: 100%;
1379 background: #EBECF0;
1380}
1381.next-progress-line-overlay {
1382 position: absolute;
1383 left: 0;
1384 top: 0;
1385 -webkit-transition: all 300ms ease;
1386 transition: all 300ms ease;
1387}
1388.next-progress-line-overlay-normal {
1389 background: #5584FF;
1390}
1391.next-progress-line-overlay-success {
1392 background: #46BC15;
1393}
1394.next-progress-line-overlay-error {
1395 background: #FF3000;
1396}
1397.next-progress-line-overlay-started {
1398 background: #FF3000;
1399}
1400.next-progress-line-overlay-middle {
1401 background: #FF9300;
1402}
1403.next-progress-line-overlay-finishing {
1404 background: #46BC15;
1405}
1406.next-progress-line.next-small .next-progress-line-underlay {
1407 border-radius: 20px;
1408 height: 4px;
1409}
1410.next-progress-line.next-small .next-progress-line-overlay {
1411 height: 4px;
1412 border-radius: 20px;
1413 top: 50%;
1414 margin-top: -2px;
1415}
1416.next-progress-line.next-small .next-progress-line-text {
1417 font-size: 12px;
1418 line-height: 4px;
1419}
1420.next-progress-line.next-medium .next-progress-line-underlay {
1421 border-radius: 20px;
1422 height: 8px;
1423}
1424.next-progress-line.next-medium .next-progress-line-overlay {
1425 height: 8px;
1426 border-radius: 20px;
1427 top: 50%;
1428 margin-top: -4px;
1429}
1430.next-progress-line.next-medium .next-progress-line-text {
1431 font-size: 12px;
1432 line-height: 8px;
1433}
1434.next-progress-line.next-large .next-progress-line-underlay {
1435 border-radius: 20px;
1436 height: 12px;
1437}
1438.next-progress-line.next-large .next-progress-line-overlay {
1439 height: 12px;
1440 border-radius: 20px;
1441 top: 50%;
1442 margin-top: -6px;
1443}
1444.next-progress-line.next-large .next-progress-line-text {
1445 font-size: 12px;
1446 line-height: 12px;
1447}
1448.next-progress-line-show-info .next-progress-line-container {
1449 padding-right: 60px;
1450 margin-right: -60px;
1451}
1452.next-progress-line-show-info .next-progress-line-text {
1453 width: 50px;
1454 text-align: left;
1455 margin-left: 10px;
1456 vertical-align: middle;
1457 display: inline-block;
1458 color: #333333;
1459}
1460.next-progress-line-show-border .next-progress-line-underlay {
1461 border: 1px solid #DCDEE3;
1462}
1463.next-progress-line-show-border.next-small .next-progress-line-underlay {
1464 border-radius: 20px;
1465 height: 6px;
1466}
1467.next-progress-line-show-border.next-small .next-progress-line-overlay {
1468 height: 4px;
1469 border-radius: 20px;
1470 top: 50%;
1471 margin-top: -2px;
1472}
1473.next-progress-line-show-border.next-small .next-progress-line-text {
1474 font-size: 12px;
1475 line-height: 6px;
1476}
1477.next-progress-line-show-border.next-medium .next-progress-line-underlay {
1478 border-radius: 20px;
1479 height: 10px;
1480}
1481.next-progress-line-show-border.next-medium .next-progress-line-overlay {
1482 height: 8px;
1483 border-radius: 20px;
1484 top: 50%;
1485 margin-top: -4px;
1486}
1487.next-progress-line-show-border.next-medium .next-progress-line-text {
1488 font-size: 12px;
1489 line-height: 10px;
1490}
1491.next-progress-line-show-border.next-large .next-progress-line-underlay {
1492 border-radius: 20px;
1493 height: 14px;
1494}
1495.next-progress-line-show-border.next-large .next-progress-line-overlay {
1496 height: 12px;
1497 border-radius: 20px;
1498 top: 50%;
1499 margin-top: -6px;
1500}
1501.next-progress-line-show-border.next-large .next-progress-line-text {
1502 font-size: 12px;
1503 line-height: 14px;
1504}
1505
1506.next-progress-circle {
1507 -webkit-box-sizing: border-box;
1508 box-sizing: border-box;
1509}
1510.next-progress-circle *,
1511.next-progress-circle *:before,
1512.next-progress-circle *:after {
1513 -webkit-box-sizing: border-box;
1514 box-sizing: border-box;
1515}
1516.next-progress-circle {
1517 position: relative;
1518 display: inline-block;
1519}
1520.next-progress-circle-underlay {
1521 stroke-width: 8px;
1522 stroke: #EBECF0;
1523}
1524.next-progress-circle-overlay {
1525 -webkit-transition: all 300ms ease;
1526 transition: all 300ms ease;
1527 stroke-linecap: round;
1528 stroke-width: 8px;
1529}
1530.next-progress-circle-overlay-normal {
1531 stroke: #5584FF;
1532}
1533.next-progress-circle-overlay-success {
1534 stroke: #46BC15;
1535}
1536.next-progress-circle-overlay-error {
1537 stroke: #FF3000;
1538}
1539.next-progress-circle-overlay-started {
1540 stroke: #FF3000;
1541}
1542.next-progress-circle-overlay-middle {
1543 stroke: #FF9300;
1544}
1545.next-progress-circle-overlay-finishing {
1546 stroke: #46BC15;
1547}
1548.next-progress-circle.next-small {
1549 width: 100px;
1550 height: 100px;
1551 font-size: 20px;
1552}
1553.next-progress-circle.next-medium {
1554 width: 116px;
1555 height: 116px;
1556 font-size: 24px;
1557}
1558.next-progress-circle.next-large {
1559 width: 132px;
1560 height: 132px;
1561 font-size: 36px;
1562}
1563.next-progress-circle-text {
1564 display: block;
1565 position: absolute;
1566 width: 100%;
1567 top: 50%;
1568 left: 0;
1569 text-align: center;
1570 line-height: 1;
1571 -webkit-transform: translateY(-50%);
1572 -ms-transform: translateY(-50%);
1573 transform: translateY(-50%);
1574 -webkit-transition: -webkit-transform 300ms ease;
1575 transition: -webkit-transform 300ms ease;
1576 transition: transform 300ms ease;
1577 transition: transform 300ms ease, -webkit-transform 300ms ease;
1578 color: #333333;
1579}
1580
1581.next-range {
1582 -webkit-box-sizing: border-box;
1583 box-sizing: border-box;
1584 width: 100%;
1585 font-family: inherit;
1586 font-weight: normal;
1587 font-size: inherit;
1588 line-height: inherit;
1589 vertical-align: baseline;
1590 display: -webkit-box;
1591 display: -ms-flexbox;
1592 display: flex;
1593 -webkit-box-orient: vertical;
1594 -webkit-box-direction: normal;
1595 -ms-flex-direction: column;
1596 flex-direction: column;
1597 cursor: pointer;
1598}
1599.next-range *,
1600.next-range *:before,
1601.next-range *:after {
1602 -webkit-box-sizing: border-box;
1603 box-sizing: border-box;
1604}
1605.next-range .next-range-inner {
1606 position: relative;
1607}
1608.next-range .next-range-inner:only-child {
1609 margin-top: auto;
1610 margin-bottom: auto;
1611}
1612.next-range .next-range-track {
1613 position: absolute;
1614 width: 100%;
1615 top: 50%;
1616 border-radius: 0px;
1617}
1618.next-range .next-range-selected {
1619 position: absolute;
1620 width: 0;
1621 top: 50%;
1622 left: 0;
1623 border-radius: 0px;
1624}
1625.next-range .next-range-scale {
1626 position: relative;
1627 width: 100%;
1628 height: 12px;
1629}
1630.next-range .next-range-scale .next-range-scale-item {
1631 position: absolute;
1632 left: 0;
1633 width: 2px;
1634 border: 1px solid;
1635 border-radius: 0px;
1636}
1637.next-range .next-range-scale .next-range-scale-item:last-child {
1638 margin-left: -2px;
1639}
1640.next-range .next-range-slider {
1641 position: absolute;
1642 top: 50%;
1643 left: 0;
1644 border-radius: 50%;
1645}
1646.next-range .next-range-slider-inner {
1647 position: absolute;
1648 top: 50%;
1649 left: 50%;
1650 border-width: 1px;
1651 border-style: solid;
1652 border-color: #C4C6CF;
1653 border-radius: 50%;
1654 -webkit-transition: border-color 100ms linear, -webkit-transform 100ms linear;
1655 transition: border-color 100ms linear, -webkit-transform 100ms linear;
1656 transition: transform 100ms linear, border-color 100ms linear;
1657 transition: transform 100ms linear, border-color 100ms linear, -webkit-transform 100ms linear;
1658}
1659.next-range .next-range-slider.next-range-slider-moving .next-range-slider-inner {
1660 border: 2px solid #5584FF;
1661 -webkit-box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.12);
1662 box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.12);
1663 -webkit-transform: scale(1.2);
1664 -ms-transform: scale(1.2);
1665 transform: scale(1.2);
1666}
1667.next-range .next-range-frag.next-range-active .next-range-slider .next-range-slider-inner {
1668 border: 2px solid #5584FF;
1669 -webkit-box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.12);
1670 box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.12);
1671 -webkit-transform: scale(1.2);
1672 -ms-transform: scale(1.2);
1673 transform: scale(1.2);
1674}
1675.next-range .next-range-mark {
1676 position: relative;
1677 cursor: auto;
1678}
1679.next-range .next-range-mark .next-range-mark-text {
1680 position: absolute;
1681 left: 0;
1682 -webkit-transform: translateX(-50%);
1683 -ms-transform: translateX(-50%);
1684 transform: translateX(-50%);
1685 padding-left: 2px;
1686 text-align: center;
1687}
1688.next-range .next-range-frag {
1689 position: absolute;
1690 top: 0;
1691}
1692.next-range .next-range-frag .next-range-slider {
1693 left: 0;
1694}
1695.next-range .next-range-frag .next-range-slider:nth-child(2) {
1696 left: 100%;
1697}
1698.next-range .next-range-frag .next-range-selected {
1699 width: 100%;
1700}
1701.next-range.disabled {
1702 cursor: not-allowed;
1703}
1704.next-range.disabled .next-range-mark {
1705 cursor: auto;
1706}
1707.next-range .next-range-track {
1708 background: #C4C6CF;
1709}
1710.next-range .next-range-track:hover {
1711 background: #C4C6CF;
1712}
1713.next-range .next-range-selected {
1714 background: #5584FF;
1715}
1716.next-range .next-range-selected:hover {
1717 background: #5584FF;
1718}
1719.next-range .next-range-scale .next-range-scale-item {
1720 border-color: #C4C6CF;
1721 background: #C4C6CF;
1722}
1723.next-range .next-range-scale .next-range-scale-item:hover {
1724 border-color: #C4C6CF;
1725}
1726.next-range .next-range-scale .next-range-scale-item.activated {
1727 border-color: #5584FF;
1728 background: #5584FF;
1729}
1730.next-range .next-range-scale .next-range-scale-item.activated:hover {
1731 border-color: #5584FF;
1732}
1733.next-range .next-range-slider-inner {
1734 background: #FFFFFF;
1735 border-color: #C4C6CF;
1736}
1737.next-range .next-range-slider-inner:hover {
1738 background: #FFFFFF;
1739 -webkit-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.12);
1740 box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.12);
1741 -webkit-transform: scale(1.2);
1742 -ms-transform: scale(1.2);
1743 transform: scale(1.2);
1744}
1745.next-range .next-range-mark .next-range-mark-text {
1746 color: #999999;
1747}
1748.next-range .next-range-mark .next-range-mark-text:hover {
1749 color: #999999;
1750}
1751.next-range .next-range-mark .next-range-mark-text.activated {
1752 color: #333333;
1753}
1754.next-range .next-range-mark .next-range-mark-text.activated:hover {
1755 color: #333333;
1756}
1757.next-range.disabled .next-range-track {
1758 background: #C4C6CF;
1759}
1760.next-range.disabled .next-range-selected {
1761 background: #A0A2AD;
1762}
1763.next-range.disabled .next-range-scale-item {
1764 border-color: #C4C6CF;
1765}
1766.next-range.disabled .next-range-scale-item.activated {
1767 border-color: #A0A2AD;
1768}
1769.next-range.disabled .next-range-slider-inner {
1770 background: #E6E7EB;
1771 border-color: #E6E7EB;
1772 -webkit-transform: none;
1773 -ms-transform: none;
1774 transform: none;
1775 -webkit-box-shadow: none;
1776 box-shadow: none;
1777}
1778.next-range.disabled .next-range-mark-text {
1779 color: #CCCCCC;
1780}
1781.next-range.disabled .next-range-mark-text.activated {
1782 color: #999999;
1783}
1784.next-range .next-range-track {
1785 height: 4px;
1786 margin-top: -2px;
1787}
1788.next-range .next-range-selected {
1789 height: 4px;
1790 margin-top: -2px;
1791}
1792.next-range .next-range-frag {
1793 margin-top: 4px;
1794 height: 4px;
1795}
1796.next-range .next-range-slider {
1797 height: 16px;
1798 width: 16px;
1799 margin-top: -8px;
1800 margin-left: -8px;
1801 -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
1802 box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
1803}
1804.next-range .next-range-slider-inner {
1805 height: 16px;
1806 width: 16px;
1807 margin-top: -8px;
1808 margin-left: -8px;
1809}
1810.next-range .next-range-mark {
1811 display: block;
1812}
1813.next-range .next-range-mark .next-range-mark-text {
1814 font-size: 12px;
1815 font-weight: normal;
1816 line-height: 20px;
1817 height: 20px;
1818}
1819.next-range .next-range-mark.next-range-mark-below {
1820 height: 30px;
1821}
1822.next-range .next-range-mark.next-range-mark-below .next-range-mark-text {
1823 bottom: 0;
1824}
1825.next-range .next-range-mark.next-range-mark-above {
1826 height: 30px;
1827}
1828.next-range .next-range-scale .next-range-scale-item {
1829 height: 12px;
1830}
1831.next-range.simulation-hover > .next-range-slider-inner {
1832 background: #FFFFFF;
1833 -webkit-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.12);
1834 box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.12);
1835 -webkit-transform: scale(1.2);
1836 -ms-transform: scale(1.2);
1837 transform: scale(1.2);
1838}
1839.next-range.simulation-hover .next-range-selected {
1840 background: #5584FF;
1841}
1842.next-range.simulation-hover .next-range-track {
1843 background: #C4C6CF;
1844}
1845.next-range.simulation-hover .next-range-scale-item {
1846 border-color: #C4C6CF;
1847}
1848.next-range.simulation-hover .next-range-scale-item.activated {
1849 border-color: #5584FF;
1850}
1851.next-range.simulation-click > .next-range-slider-inner {
1852 border: 2px solid #5584FF;
1853 -webkit-box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.12);
1854 box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.12);
1855 -webkit-transform: scale(1.2);
1856 -ms-transform: scale(1.2);
1857 transform: scale(1.2);
1858}
1859.next-range[dir=rtl] .next-range-mark {
1860 position: relative;
1861 cursor: auto;
1862}
1863.next-range[dir=rtl] .next-range-mark .next-range-mark-text {
1864 position: absolute;
1865 right: 0;
1866 -webkit-transform: translateX(50%);
1867 -ms-transform: translateX(50%);
1868 transform: translateX(50%);
1869 padding-right: 2px;
1870 text-align: center;
1871}
1872
1873.next-rating[dir=rtl] .next-rating-overlay {
1874 right: 0;
1875 left: auto;
1876}
1877.next-rating[dir=rtl] .next-rating-underlay .next-rating-icon,
1878.next-rating[dir=rtl] .next-rating-overlay .next-rating-icon {
1879 margin-right: 4px;
1880 margin-left: 0;
1881}
1882.next-rating[dir=rtl] .next-rating-underlay .next-rating-icon:last-child,
1883.next-rating[dir=rtl] .next-rating-overlay .next-rating-icon:last-child {
1884 /* icon 放大会产生边缘溢出,这里使用 margin 为放大扩展一部分空间 */
1885 margin-left: 4px;
1886}
1887
1888.next-rating {
1889 vertical-align: top;
1890}
1891.next-rating {
1892 display: inline-block;
1893 position: relative;
1894}
1895.next-rating:after {
1896 visibility: hidden;
1897 display: block;
1898 height: 0;
1899 font-size: 0;
1900 content: " ";
1901 clear: both;
1902}
1903.next-rating-base {
1904 float: left;
1905}
1906.next-rating-text {
1907 float: left;
1908}
1909.next-rating-base-disabled {
1910 cursor: not-allowed;
1911}
1912.next-rating-base-disabled .next-rating-underlay .next-rating-icon {
1913 cursor: not-allowed;
1914}
1915.next-rating-base-disabled .next-rating-overlay .next-rating-icon {
1916 cursor: not-allowed;
1917}
1918.next-rating-symbol-icon::before {
1919 content: "\E60E";
1920}
1921.next-rating-underlay {
1922 white-space: nowrap;
1923 overflow: hidden;
1924}
1925.next-rating-underlay .next-icon {
1926 color: #E2E4E8;
1927}
1928.next-rating-stroke-mode .next-rating-underlay .next-icon {
1929 color: transparent;
1930 -webkit-text-stroke: 1px #5584FF;
1931}
1932.next-rating-overlay {
1933 white-space: nowrap;
1934 overflow: hidden;
1935 position: absolute;
1936 width: 0;
1937 top: 0;
1938 left: 0;
1939}
1940.next-rating-overlay .next-icon {
1941 color: #5584FF;
1942}
1943.next-rating-underlay .next-rating-icon, .next-rating-overlay .next-rating-icon {
1944 cursor: pointer;
1945 margin-left: 4px;
1946}
1947.next-rating-underlay .next-rating-icon:last-child, .next-rating-overlay .next-rating-icon:last-child {
1948 /* icon 放大会产生边缘溢出,这里使用 margin 为放大扩展一部分空间 */
1949 margin-right: 4px;
1950}
1951.next-rating-underlay .next-icon, .next-rating-overlay .next-icon {
1952 -webkit-transition: all 100ms linear;
1953 transition: all 100ms linear;
1954}
1955.next-rating-underlay .next-icon.hover, .next-rating-overlay .next-icon.hover {
1956 -webkit-transform: scale3d(1.1, 1.1, 1.1);
1957 transform: scale3d(1.1, 1.1, 1.1);
1958}
1959.next-rating-underlay .next-icon.clicked, .next-rating-overlay .next-icon.clicked {
1960 -webkit-transform: scale3d(0.9, 0.9, 0.9);
1961 transform: scale3d(0.9, 0.9, 0.9);
1962}
1963.next-rating-info {
1964 position: absolute;
1965 top: calc(100% + 4px);
1966 left: 0;
1967 border: 1px solid #E2E4E8;
1968 background: #FFFFFF;
1969 padding: 4px 8px 3px;
1970 font-size: 12px;
1971 white-space: nowrap;
1972}
1973.next-rating-info:after {
1974 position: absolute;
1975 content: "";
1976 width: 4px;
1977 height: 4px;
1978 -webkit-transform: rotate(45deg);
1979 -ms-transform: rotate(45deg);
1980 transform: rotate(45deg);
1981 border: 1px solid #E2E4E8;
1982 background: #FFFFFF;
1983 border-bottom-color: transparent;
1984 border-right-color: transparent;
1985 top: -3px;
1986 left: 4px;
1987}
1988.next-rating:focus .next-rating-base:not(.next-rating-base-disabled), .next-rating.hover {
1989 outline: none;
1990}
1991.next-rating:focus .next-rating-base:not(.next-rating-base-disabled) .next-rating-overlay .next-icon, .next-rating.hover .next-rating-overlay .next-icon {
1992 color: #5584FF;
1993}
1994
1995/* 状态 */
1996/* ======================================== */
1997.next-rating-grade-low .next-rating-overlay .next-icon {
1998 color: #666666;
1999}
2000.next-rating-grade-low.hover .next-rating-overlay .next-icon {
2001 color: #666666;
2002}
2003
2004.next-rating-grade-high .next-rating-overlay .next-icon {
2005 color: #5584FF;
2006}
2007.next-rating-grade-high.hover .next-rating-overlay .next-icon {
2008 color: #5584FF;
2009}
2010
2011/* 尺寸 */
2012/* ======================================== */
2013.next-rating-small {
2014 font-size: 12px;
2015}
2016.next-rating-small .next-icon:before, .next-rating-small .next-icon .next-icon-remote {
2017 width: 12px;
2018 font-size: 12px;
2019 line-height: inherit;
2020}
2021.next-rating-small .next-rating-text {
2022 margin-left: 8px;
2023}
2024
2025.next-rating-medium {
2026 font-size: 12px;
2027}
2028.next-rating-medium .next-icon:before, .next-rating-medium .next-icon .next-icon-remote {
2029 width: 16px;
2030 font-size: 16px;
2031 line-height: inherit;
2032}
2033.next-rating-medium .next-rating-text {
2034 margin-left: 12px;
2035}
2036
2037.next-rating-large {
2038 font-size: 16px;
2039}
2040.next-rating-large .next-icon:before, .next-rating-large .next-icon .next-icon-remote {
2041 width: 20px;
2042 font-size: 20px;
2043 line-height: inherit;
2044}
2045.next-rating-large .next-rating-text {
2046 margin-left: 16px;
2047}
2048
2049.next-search-simple[dir=rtl].next-large .next-search-icon {
2050 margin-left: 12px;
2051 margin-right: 0;
2052}
2053.next-search-simple[dir=rtl].next-medium .next-search-icon {
2054 margin-left: 8px;
2055 margin-right: 0;
2056}
2057.next-search-simple[dir=rtl].next-normal .next-search-left .next-search-left-addon {
2058 border-left: 1px solid #C4C6CF;
2059 border-right: none;
2060}
2061.next-search-simple[dir=rtl].next-dark .next-search-left {
2062 border-color: #C4C6CF;
2063}
2064.next-search-simple[dir=rtl].next-dark .next-search-left .next-search-left-addon {
2065 border-right: 1px solid #C4C6CF;
2066}
2067.next-search-simple[dir=rtl].next-dark:hover .next-search-left {
2068 border-color: #C4C6CF;
2069}
2070.next-search-simple[dir=rtl].next-dark .next-search-icon {
2071 color: #999999;
2072}
2073.next-search-simple[dir=rtl].next-dark .next-search-icon:hover {
2074 color: #666666;
2075}
2076.next-search-normal[dir=rtl] .next-search-left {
2077 border-left: none;
2078 border-top-right-radius: 3px;
2079 border-bottom-right-radius: 3px;
2080 border-top-left-radius: 0;
2081 border-bottom-left-radius: 0;
2082}
2083.next-search-normal[dir=rtl] .next-search-btn.next-btn {
2084 border-radius: 3px 0 0 3px !important;
2085}
2086.next-search-normal[dir=rtl] .next-input {
2087 border-radius: 0 3px 3px 0;
2088}
2089.next-search-normal[dir=rtl].next-primary .next-input {
2090 border-top-left-radius: 0;
2091 border-bottom-left-radius: 0;
2092 border-top-right-radius: 1px;
2093 border-bottom-right-radius: 1px;
2094}
2095.next-search-normal[dir=rtl].next-primary .next-search-left .next-search-left-addon {
2096 border-left: 1px solid #E6E7EB;
2097 border-right: none;
2098}
2099.next-search-normal[dir=rtl].next-secondary .next-input {
2100 border-top-left-radius: 0;
2101 border-bottom-left-radius: 0;
2102 border-top-right-radius: 1px;
2103 border-bottom-right-radius: 1px;
2104}
2105.next-search-normal[dir=rtl].next-secondary .next-search-left .next-search-left-addon {
2106 border-left: 1px solid #E6E7EB;
2107 border-right: none;
2108}
2109.next-search-normal[dir=rtl].next-normal .next-input {
2110 border-top-left-radius: 0;
2111 border-bottom-left-radius: 0;
2112 border-top-right-radius: 1px;
2113 border-bottom-right-radius: 1px;
2114}
2115.next-search-normal[dir=rtl].next-normal .next-search-left .next-search-left-addon {
2116 border-left: 1px solid #E6E7EB;
2117 border-right: none;
2118}
2119.next-search-normal[dir=rtl].next-dark .next-search-left .next-search-left-addon {
2120 border-left: 1px solid #5584FF;
2121 border-right: none;
2122}
2123
2124.next-search {
2125 -webkit-box-sizing: border-box;
2126 box-sizing: border-box;
2127 width: 100%;
2128 display: inline-block;
2129}
2130.next-search *,
2131.next-search *:before,
2132.next-search *:after {
2133 -webkit-box-sizing: border-box;
2134 box-sizing: border-box;
2135}
2136.next-search.next-search-focus {
2137 -webkit-box-shadow: none;
2138 box-shadow: none;
2139}
2140.next-search.next-search-focus .next-input {
2141 background-color: #FFFFFF;
2142}
2143.next-search.next-search-focus.next-search-normal.next-primary .next-search-left {
2144 border-color: #5584FF;
2145}
2146.next-search.next-search-focus.next-search-normal.next-secondary .next-search-left {
2147 border-color: #5584FF;
2148}
2149.next-search.next-search-focus.next-search-normal.next-normal .next-search-left {
2150 border-color: #A0A2AD;
2151}
2152.next-search.next-search-focus.next-search-normal.next-dark .next-search-left {
2153 border-color: #5584FF;
2154}
2155.next-search.next-search-focus.next-search-simple.next-dark .next-search-left {
2156 border-color: #C4C6CF;
2157}
2158.next-search.next-search-focus.next-search-simple.next-normal .next-search-left {
2159 border-color: #A0A2AD;
2160}
2161.next-search .next-input,
2162.next-search .next-select {
2163 border: none;
2164 -webkit-box-shadow: none;
2165 box-shadow: none;
2166}
2167.next-search .next-select .next-input {
2168 height: auto;
2169}
2170.next-search .next-select .next-input .next-input-text-field {
2171 height: auto;
2172}
2173.next-search .next-search-left {
2174 border-style: solid;
2175 -webkit-transition: all 100ms linear;
2176 transition: all 100ms linear;
2177}
2178.next-search .next-search-left-addon .next-input,
2179.next-search .next-search-left-addon .next-select-trigger-search {
2180 min-height: 100%;
2181 border-bottom-right-radius: 0;
2182 border-top-right-radius: 0;
2183}
2184.next-search .next-search-left-addon .next-select-values {
2185 line-height: 1;
2186}
2187.next-search .next-search-left-addon.next-input-group-addon .next-select {
2188 margin: 0;
2189}
2190.next-search .next-search-left-addon + .next-search-input .next-input {
2191 border-bottom-left-radius: 0;
2192 border-top-left-radius: 0;
2193}
2194.next-search .next-search-input {
2195 width: 100%;
2196}
2197.next-search .next-search-btn {
2198 -webkit-box-shadow: none;
2199 box-shadow: none;
2200}
2201.next-search .next-search-symbol-icon::before {
2202 content: "\E656";
2203}
2204.next-search-normal {
2205 width: 600px;
2206}
2207.next-search-normal .next-search-left {
2208 border-top-left-radius: 3px;
2209 border-bottom-left-radius: 3px;
2210}
2211.next-search-normal .next-input {
2212 border-radius: 3px 0 0 3px;
2213}
2214.next-search-normal .next-btn {
2215 border-radius: 0 3px 3px 0;
2216}
2217.next-search-normal.next-primary .next-search-left {
2218 border-color: #5584FF;
2219}
2220.next-search-normal.next-primary .next-search-left .next-search-left-addon {
2221 border-right: 1px solid #E6E7EB;
2222}
2223.next-search-normal.next-primary:hover .next-search-left,
2224.next-search-normal.next-primary:hover .next-btn {
2225 border-color: #5584FF;
2226}
2227.next-search-normal.next-primary .next-search-btn {
2228 background: #5584FF;
2229 border-color: #5584FF;
2230 color: #FFFFFF;
2231}
2232.next-search-normal.next-primary .next-search-btn:hover {
2233 background: #3E71F7;
2234 border-color: #5584FF;
2235 color: #FFFFFF;
2236}
2237.next-search-normal.next-primary .next-search-btn .next-icon {
2238 color: #FFFFFF;
2239}
2240.next-search-normal.next-primary .next-search-btn .next-icon:hover {
2241 color: #FFFFFF;
2242}
2243.next-search-normal.next-primary.next-large {
2244 -webkit-box-shadow: none;
2245 box-shadow: none;
2246}
2247.next-search-normal.next-primary.next-large .next-search-left, .next-search-normal.next-primary.next-large .next-search-btn {
2248 border-width: 2px;
2249 height: 60px;
2250}
2251.next-search-normal.next-primary.next-large .next-search-input {
2252 height: 56px;
2253 overflow-y: hidden;
2254}
2255.next-search-normal.next-primary.next-large .next-search-input input {
2256 height: 56px;
2257 line-height: 56px \0 ;
2258}
2259.next-search-normal.next-primary.next-large .next-select {
2260 height: 56px;
2261}
2262.next-search-normal.next-primary.next-large .next-search-btn {
2263 font-size: 16px;
2264}
2265.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 {
2266 width: 24px;
2267 font-size: 24px;
2268 line-height: inherit;
2269}
2270.next-search-normal.next-primary.next-large .next-search-btn .next-search-btn-text {
2271 display: inline-block;
2272 padding-left: 0px;
2273}
2274.next-search-normal.next-primary.next-medium {
2275 -webkit-box-shadow: none;
2276 box-shadow: none;
2277}
2278.next-search-normal.next-primary.next-medium .next-search-left, .next-search-normal.next-primary.next-medium .next-search-btn {
2279 border-width: 2px;
2280 height: 40px;
2281}
2282.next-search-normal.next-primary.next-medium .next-search-input {
2283 height: 36px;
2284 overflow-y: hidden;
2285}
2286.next-search-normal.next-primary.next-medium .next-search-input input {
2287 height: 36px;
2288 line-height: 36px \0 ;
2289}
2290.next-search-normal.next-primary.next-medium .next-select {
2291 height: 36px;
2292}
2293.next-search-normal.next-primary.next-medium .next-search-btn {
2294 font-size: 16px;
2295}
2296.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 {
2297 width: 16px;
2298 font-size: 16px;
2299 line-height: inherit;
2300}
2301.next-search-normal.next-primary.next-medium .next-search-btn .next-search-btn-text {
2302 display: inline-block;
2303 padding-left: 0px;
2304}
2305.next-search-normal.next-primary .next-input {
2306 border-top-left-radius: 1px;
2307 border-bottom-left-radius: 1px;
2308}
2309.next-search-normal.next-secondary .next-search-left {
2310 border-color: #C4C6CF;
2311}
2312.next-search-normal.next-secondary .next-search-left .next-search-left-addon {
2313 border-right: 1px solid #E6E7EB;
2314}
2315.next-search-normal.next-secondary:hover .next-search-left,
2316.next-search-normal.next-secondary:hover .next-btn {
2317 border-color: #5584FF;
2318}
2319.next-search-normal.next-secondary .next-search-btn {
2320 background: #5584FF;
2321 border-color: #5584FF;
2322 color: #FFFFFF;
2323}
2324.next-search-normal.next-secondary .next-search-btn:hover {
2325 background: #3E71F7;
2326 border-color: #5584FF;
2327 color: #FFFFFF;
2328}
2329.next-search-normal.next-secondary .next-search-btn .next-icon {
2330 color: #FFFFFF;
2331}
2332.next-search-normal.next-secondary .next-search-btn .next-icon:hover {
2333 color: #FFFFFF;
2334}
2335.next-search-normal.next-secondary.next-large {
2336 -webkit-box-shadow: none;
2337 box-shadow: none;
2338}
2339.next-search-normal.next-secondary.next-large .next-search-left, .next-search-normal.next-secondary.next-large .next-search-btn {
2340 border-width: 1px;
2341 height: 60px;
2342}
2343.next-search-normal.next-secondary.next-large .next-search-input {
2344 height: 58px;
2345 overflow-y: hidden;
2346}
2347.next-search-normal.next-secondary.next-large .next-search-input input {
2348 height: 58px;
2349 line-height: 58px \0 ;
2350}
2351.next-search-normal.next-secondary.next-large .next-select {
2352 height: 58px;
2353}
2354.next-search-normal.next-secondary.next-large .next-search-btn {
2355 font-size: 16px;
2356}
2357.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 {
2358 width: 24px;
2359 font-size: 24px;
2360 line-height: inherit;
2361}
2362.next-search-normal.next-secondary.next-large .next-search-btn .next-search-btn-text {
2363 display: inline-block;
2364 padding-left: 0px;
2365}
2366.next-search-normal.next-secondary.next-medium {
2367 -webkit-box-shadow: none;
2368 box-shadow: none;
2369}
2370.next-search-normal.next-secondary.next-medium .next-search-left, .next-search-normal.next-secondary.next-medium .next-search-btn {
2371 border-width: 1px;
2372 height: 40px;
2373}
2374.next-search-normal.next-secondary.next-medium .next-search-input {
2375 height: 38px;
2376 overflow-y: hidden;
2377}
2378.next-search-normal.next-secondary.next-medium .next-search-input input {
2379 height: 38px;
2380 line-height: 38px \0 ;
2381}
2382.next-search-normal.next-secondary.next-medium .next-select {
2383 height: 38px;
2384}
2385.next-search-normal.next-secondary.next-medium .next-search-btn {
2386 font-size: 16px;
2387}
2388.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 {
2389 width: 16px;
2390 font-size: 16px;
2391 line-height: inherit;
2392}
2393.next-search-normal.next-secondary.next-medium .next-search-btn .next-search-btn-text {
2394 display: inline-block;
2395 padding-left: 0px;
2396}
2397.next-search-normal.next-secondary .next-input {
2398 border-top-left-radius: 2px;
2399 border-bottom-left-radius: 2px;
2400}
2401.next-search-normal.next-normal .next-search-left {
2402 border-color: #C4C6CF;
2403}
2404.next-search-normal.next-normal .next-search-left .next-search-left-addon {
2405 border-right: 1px solid #E6E7EB;
2406}
2407.next-search-normal.next-normal:hover .next-search-left,
2408.next-search-normal.next-normal:hover .next-btn {
2409 border-color: #A0A2AD;
2410}
2411.next-search-normal.next-normal .next-search-btn {
2412 background: #F7F8FA;
2413 border-color: #C4C6CF;
2414 color: #666666;
2415}
2416.next-search-normal.next-normal .next-search-btn:hover {
2417 background: #EBECF0;
2418 border-color: #A0A2AD;
2419 color: #333333;
2420}
2421.next-search-normal.next-normal .next-search-btn .next-icon {
2422 color: #666666;
2423}
2424.next-search-normal.next-normal .next-search-btn .next-icon:hover {
2425 color: #333333;
2426}
2427.next-search-normal.next-normal.next-large {
2428 -webkit-box-shadow: none;
2429 box-shadow: none;
2430}
2431.next-search-normal.next-normal.next-large .next-search-left, .next-search-normal.next-normal.next-large .next-search-btn {
2432 border-width: 1px;
2433 height: 60px;
2434}
2435.next-search-normal.next-normal.next-large .next-search-input {
2436 height: 58px;
2437 overflow-y: hidden;
2438}
2439.next-search-normal.next-normal.next-large .next-search-input input {
2440 height: 58px;
2441 line-height: 58px \0 ;
2442}
2443.next-search-normal.next-normal.next-large .next-select {
2444 height: 58px;
2445}
2446.next-search-normal.next-normal.next-large .next-search-btn {
2447 font-size: 16px;
2448}
2449.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 {
2450 width: 24px;
2451 font-size: 24px;
2452 line-height: inherit;
2453}
2454.next-search-normal.next-normal.next-large .next-search-btn .next-search-btn-text {
2455 display: inline-block;
2456 padding-left: 0px;
2457}
2458.next-search-normal.next-normal.next-medium {
2459 -webkit-box-shadow: none;
2460 box-shadow: none;
2461}
2462.next-search-normal.next-normal.next-medium .next-search-left, .next-search-normal.next-normal.next-medium .next-search-btn {
2463 border-width: 1px;
2464 height: 40px;
2465}
2466.next-search-normal.next-normal.next-medium .next-search-input {
2467 height: 38px;
2468 overflow-y: hidden;
2469}
2470.next-search-normal.next-normal.next-medium .next-search-input input {
2471 height: 38px;
2472 line-height: 38px \0 ;
2473}
2474.next-search-normal.next-normal.next-medium .next-select {
2475 height: 38px;
2476}
2477.next-search-normal.next-normal.next-medium .next-search-btn {
2478 font-size: 16px;
2479}
2480.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 {
2481 width: 16px;
2482 font-size: 16px;
2483 line-height: inherit;
2484}
2485.next-search-normal.next-normal.next-medium .next-search-btn .next-search-btn-text {
2486 display: inline-block;
2487 padding-left: 0px;
2488}
2489.next-search-normal.next-normal .next-input {
2490 border-top-left-radius: 2px;
2491 border-bottom-left-radius: 2px;
2492}
2493.next-search-normal.next-dark .next-search-left {
2494 border-color: #5584FF;
2495}
2496.next-search-normal.next-dark .next-search-left .next-search-left-addon {
2497 border-right: 1px solid #5584FF;
2498}
2499.next-search-normal.next-dark:hover .next-search-left,
2500.next-search-normal.next-dark:hover .next-btn {
2501 border-color: #5584FF;
2502}
2503.next-search-normal.next-dark .next-search-btn {
2504 background: #5584FF;
2505 border-color: #5584FF;
2506 color: #FFFFFF;
2507}
2508.next-search-normal.next-dark .next-search-btn:hover {
2509 background: #3E71F7;
2510 border-color: #5584FF;
2511 color: #FFFFFF;
2512}
2513.next-search-normal.next-dark .next-search-btn .next-icon {
2514 color: #FFFFFF;
2515}
2516.next-search-normal.next-dark .next-search-btn .next-icon:hover {
2517 color: #FFFFFF;
2518}
2519.next-search-normal.next-dark .next-select-inner,
2520.next-search-normal.next-dark input {
2521 color: #FFFFFF;
2522}
2523.next-search-normal.next-dark .next-input {
2524 background: rgba(255, 255, 255, 0);
2525}
2526.next-search-normal.next-dark .next-select {
2527 background: rgba(255, 255, 255, 0);
2528}
2529.next-search-normal.next-dark.next-large {
2530 -webkit-box-shadow: none;
2531 box-shadow: none;
2532}
2533.next-search-normal.next-dark.next-large .next-search-left, .next-search-normal.next-dark.next-large .next-search-btn {
2534 border-width: 1px;
2535 height: 60px;
2536}
2537.next-search-normal.next-dark.next-large .next-search-input {
2538 height: 58px;
2539 overflow-y: hidden;
2540}
2541.next-search-normal.next-dark.next-large .next-search-input input {
2542 height: 58px;
2543 line-height: 58px \0 ;
2544}
2545.next-search-normal.next-dark.next-large .next-select {
2546 height: 58px;
2547}
2548.next-search-normal.next-dark.next-large .next-search-btn {
2549 font-size: 16px;
2550}
2551.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 {
2552 width: 24px;
2553 font-size: 24px;
2554 line-height: inherit;
2555}
2556.next-search-normal.next-dark.next-large .next-search-btn .next-search-btn-text {
2557 display: inline-block;
2558 padding-left: 0px;
2559}
2560.next-search-normal.next-dark.next-medium {
2561 -webkit-box-shadow: none;
2562 box-shadow: none;
2563}
2564.next-search-normal.next-dark.next-medium .next-search-left, .next-search-normal.next-dark.next-medium .next-search-btn {
2565 border-width: 1px;
2566 height: 40px;
2567}
2568.next-search-normal.next-dark.next-medium .next-search-input {
2569 height: 38px;
2570 overflow-y: hidden;
2571}
2572.next-search-normal.next-dark.next-medium .next-search-input input {
2573 height: 38px;
2574 line-height: 38px \0 ;
2575}
2576.next-search-normal.next-dark.next-medium .next-select {
2577 height: 38px;
2578}
2579.next-search-normal.next-dark.next-medium .next-search-btn {
2580 font-size: 16px;
2581}
2582.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 {
2583 width: 16px;
2584 font-size: 16px;
2585 line-height: inherit;
2586}
2587.next-search-normal.next-dark.next-medium .next-search-btn .next-search-btn-text {
2588 display: inline-block;
2589 padding-left: 0px;
2590}
2591.next-search-normal:not([dir=rtl]) .next-search-left {
2592 border-right: none;
2593}
2594.next-search-simple {
2595 width: 300px;
2596 -webkit-box-shadow: none;
2597 box-shadow: none;
2598 border-radius: 3px;
2599}
2600.next-search-simple .next-search-icon {
2601 cursor: pointer;
2602 -webkit-transition: all 100ms linear;
2603 transition: all 100ms linear;
2604}
2605.next-search-simple .next-search-left, .next-search-simple .next-input {
2606 border-radius: 3px;
2607}
2608.next-search-simple.next-large .next-search-icon {
2609 margin-right: 12px;
2610}
2611.next-search-simple.next-medium .next-search-icon {
2612 margin-right: 8px;
2613}
2614.next-search-simple.next-normal .next-search-left {
2615 border-color: #C4C6CF;
2616}
2617.next-search-simple.next-normal .next-search-left .next-search-left-addon {
2618 border-right: 1px solid #C4C6CF;
2619}
2620.next-search-simple.next-normal:hover .next-search-left {
2621 border-color: #A0A2AD;
2622}
2623.next-search-simple.next-normal .next-search-icon {
2624 color: #999999;
2625}
2626.next-search-simple.next-normal .next-search-icon:hover {
2627 color: #666666;
2628}
2629.next-search-simple.next-normal .next-search-left {
2630 border-width: 1px;
2631}
2632.next-search-simple.next-normal.next-large .next-search-icon:before, .next-search-simple.next-normal.next-large .next-search-icon .next-icon-remote {
2633 width: 20px;
2634 font-size: 20px;
2635 line-height: inherit;
2636}
2637.next-search-simple.next-normal.next-medium .next-search-icon:before, .next-search-simple.next-normal.next-medium .next-search-icon .next-icon-remote {
2638 width: 12px;
2639 font-size: 12px;
2640 line-height: inherit;
2641}
2642.next-search-simple.next-dark .next-search-left {
2643 border-color: #C4C6CF;
2644}
2645.next-search-simple.next-dark .next-search-left .next-search-left-addon {
2646 border-right: 1px solid #C4C6CF;
2647}
2648.next-search-simple.next-dark:hover .next-search-left {
2649 border-color: #C4C6CF;
2650}
2651.next-search-simple.next-dark .next-search-icon {
2652 color: #999999;
2653}
2654.next-search-simple.next-dark .next-search-icon:hover {
2655 color: #666666;
2656}
2657.next-search-simple.next-dark .next-select-inner,
2658.next-search-simple.next-dark input {
2659 color: #FFFFFF;
2660}
2661.next-search-simple.next-dark .next-input {
2662 background: rgba(255, 255, 255, 0);
2663}
2664.next-search-simple.next-dark .next-select {
2665 background: rgba(255, 255, 255, 0);
2666}
2667.next-search-simple.next-dark .next-search-left {
2668 border-width: 1px;
2669}
2670.next-search-simple.next-dark.next-large .next-search-icon:before, .next-search-simple.next-dark.next-large .next-search-icon .next-icon-remote {
2671 width: 20px;
2672 font-size: 20px;
2673 line-height: inherit;
2674}
2675.next-search-simple.next-dark.next-medium .next-search-icon:before, .next-search-simple.next-dark.next-medium .next-search-icon .next-icon-remote {
2676 width: 12px;
2677 font-size: 12px;
2678 line-height: inherit;
2679}
2680
2681.next-search-simple .next-select.next-large {
2682 height: 38px;
2683}
2684.next-search-simple .next-select.next-medium {
2685 height: 26px;
2686}
2687
2688/* Slider */
2689/* -------------------------------------- */
2690.next-slick {
2691 -webkit-box-sizing: border-box;
2692 box-sizing: border-box;
2693 position: relative;
2694 display: block;
2695 -webkit-touch-callout: none;
2696 -webkit-user-select: none;
2697 -moz-user-select: none;
2698 -ms-user-select: none;
2699 user-select: none;
2700 -ms-touch-action: pan-y;
2701 touch-action: pan-y;
2702 -webkit-tap-highlight-color: transparent;
2703 /* 水平滑动 */
2704 /* 垂直滑动 */
2705}
2706.next-slick *,
2707.next-slick *:before,
2708.next-slick *:after {
2709 -webkit-box-sizing: border-box;
2710 box-sizing: border-box;
2711}
2712.next-slick-initialized .next-slick-slide {
2713 display: block;
2714}
2715.next-slick-list {
2716 position: relative;
2717 overflow: hidden;
2718 display: block;
2719 margin: 0;
2720 padding: 0;
2721 -webkit-transform: translate3d(0, 0, 0);
2722 transform: translate3d(0, 0, 0);
2723}
2724.next-slick-list:focus {
2725 outline: none;
2726}
2727.next-slick-list.dragging {
2728 cursor: pointer;
2729 cursor: hand;
2730}
2731.next-slick-track {
2732 position: relative;
2733 top: 0;
2734 left: 0;
2735 display: block;
2736 -webkit-transform: translate3d(0, 0, 0);
2737 transform: translate3d(0, 0, 0);
2738}
2739.next-slick-slide {
2740 float: left;
2741 height: 100%;
2742 min-height: 1px;
2743 outline: 0;
2744 -webkit-transition: all 100ms linear;
2745 transition: all 100ms linear;
2746}
2747.next-slick[dir=rtl] .next-slick-slide {
2748 float: right;
2749}
2750.next-slick-slide img {
2751 display: block;
2752}
2753.next-slick-arrow {
2754 display: block;
2755 position: absolute;
2756 cursor: pointer;
2757 text-align: center;
2758 -webkit-transition: all 100ms linear;
2759 transition: all 100ms linear;
2760 /* prev/next 按钮不同位置下的外观 */
2761}
2762.next-slick-arrow.inner {
2763 color: #FFFFFF;
2764 background: #000000;
2765 opacity: 0.2;
2766 padding: 0;
2767 border: none;
2768}
2769.next-slick-arrow.inner:focus, .next-slick-arrow.inner:hover {
2770 color: #FFFFFF;
2771 background: #000000;
2772 opacity: 0.4;
2773}
2774.next-slick-arrow.inner.disabled {
2775 color: #CCCCCC;
2776 background: #F7F8FA;
2777 opacity: 0.5;
2778}
2779.next-slick-arrow.outer {
2780 color: #666666;
2781 background: transparent;
2782 opacity: 0.32;
2783 padding: 0;
2784 border: none;
2785 border-radius: 0px;
2786}
2787.next-slick-arrow.outer:focus, .next-slick-arrow.outer:hover {
2788 color: #333333;
2789 background: transparent;
2790 opacity: 0.32;
2791}
2792.next-slick-arrow.outer.disabled {
2793 color: #CCCCCC;
2794 background: transparent;
2795 opacity: 0.32;
2796}
2797.next-slick-arrow.disabled {
2798 cursor: not-allowed;
2799}
2800.next-slick-dots {
2801 display: block;
2802 position: absolute;
2803 margin: 0;
2804 padding: 0;
2805 /* dots 位于水平位置 */
2806 /* dots 位于右侧垂直位置 */
2807}
2808.next-slick-dots-item {
2809 position: relative;
2810 display: inline-block;
2811 cursor: pointer;
2812}
2813.next-slick-dots-item button {
2814 cursor: pointer;
2815 border-width: 0px;
2816 border-color: white;
2817 border-style: solid;
2818 outline: none;
2819 padding: 0;
2820 height: 8px;
2821 width: 8px;
2822 border-radius: 50%;
2823 background: rgba(0, 0, 0, 0.32);
2824}
2825.next-slick-dots-item button:focus, .next-slick-dots-item button:hover {
2826 background-color: rgba(255, 255, 255, 0.5);
2827 /* border-width: $slick-dots-border-width-hover; */
2828 border-color: white;
2829}
2830.next-slick-dots-item.active button {
2831 background: #5584ff;
2832 /* border-width: $slick-dots-border-width-selected; */
2833 border-color: white;
2834 -webkit-animation: zoom 0.3s cubic-bezier(0.86, 0, 0.07, 1);
2835 animation: zoom 0.3s cubic-bezier(0.86, 0, 0.07, 1);
2836}
2837.next-slick-dots.hoz {
2838 width: 100%;
2839 bottom: 12px;
2840 left: 0;
2841 text-align: center;
2842}
2843.next-slick-dots.hoz .next-slick-dots-item {
2844 margin: 0 4px;
2845}
2846.next-slick-dots.ver {
2847 width: 16px;
2848 top: 0;
2849 right: 20px;
2850 bottom: 0;
2851 display: -webkit-box;
2852 display: -ms-flexbox;
2853 display: flex;
2854 -webkit-box-pack: center;
2855 -ms-flex-pack: center;
2856 justify-content: center;
2857 -webkit-box-orient: vertical;
2858 -webkit-box-direction: normal;
2859 -ms-flex-direction: column;
2860 flex-direction: column;
2861}
2862.next-slick-dots.ver .next-slick-dots-item {
2863 margin: 0px 0;
2864}
2865.next-slick.next-slick-hoz.next-slick-outer {
2866 padding: 0 24px;
2867}
2868.next-slick.next-slick-hoz .next-slick-arrow.medium {
2869 width: 28px;
2870 height: 56px;
2871 line-height: 56px;
2872}
2873.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 {
2874 width: 20px;
2875 font-size: 20px;
2876 line-height: inherit;
2877}
2878.next-slick.next-slick-hoz .next-slick-arrow.medium.inner {
2879 top: calc(50% - 28px);
2880}
2881.next-slick.next-slick-hoz .next-slick-arrow.medium.inner.next-slick-prev {
2882 left: 0;
2883}
2884.next-slick.next-slick-hoz .next-slick-arrow.medium.inner.next-slick-next {
2885 right: 0;
2886}
2887.next-slick.next-slick-hoz .next-slick-arrow.medium.outer {
2888 top: calc(50% - 28px);
2889}
2890.next-slick.next-slick-hoz .next-slick-arrow.medium.outer.next-slick-prev {
2891 left: -4px;
2892}
2893.next-slick.next-slick-hoz .next-slick-arrow.medium.outer.next-slick-next {
2894 right: -4px;
2895}
2896.next-slick.next-slick-hoz .next-slick-arrow.large {
2897 width: 48px;
2898 height: 96px;
2899 line-height: 96px;
2900}
2901.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 {
2902 width: 32px;
2903 font-size: 32px;
2904 line-height: inherit;
2905}
2906.next-slick.next-slick-hoz .next-slick-arrow.large.inner {
2907 top: calc(50% - 48px);
2908}
2909.next-slick.next-slick-hoz .next-slick-arrow.large.inner.next-slick-prev {
2910 left: 0;
2911}
2912.next-slick.next-slick-hoz .next-slick-arrow.large.inner.next-slick-next {
2913 right: 0;
2914}
2915.next-slick.next-slick-hoz .next-slick-arrow.large.outer {
2916 top: calc(50% - 48px);
2917}
2918.next-slick.next-slick-hoz .next-slick-arrow.large.outer.next-slick-prev {
2919 left: -8px;
2920}
2921.next-slick.next-slick-hoz .next-slick-arrow.large.outer.next-slick-next {
2922 right: -8px;
2923}
2924.next-slick.next-slick-ver.next-slick-outer {
2925 padding: 24px 0;
2926}
2927.next-slick.next-slick-ver .next-slick-slide {
2928 display: block;
2929 height: auto;
2930 /* border: $slick-ver-slide-border-width solid transparent; */
2931}
2932.next-slick.next-slick-ver .next-slick-arrow {
2933 /* size medium */
2934 /* size medium & position inner */
2935 /* size medium & position outer */
2936 /* size large */
2937 /* size large & position inner */
2938 /* size large & position outer */
2939}
2940.next-slick.next-slick-ver .next-slick-arrow.medium {
2941 width: 56px;
2942 height: 28px;
2943 line-height: 28px;
2944}
2945.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 {
2946 width: 20px;
2947 font-size: 20px;
2948 line-height: inherit;
2949}
2950.next-slick.next-slick-ver .next-slick-arrow.medium.inner {
2951 left: calc(50% - 28px);
2952}
2953.next-slick.next-slick-ver .next-slick-arrow.medium.inner.next-slick-prev {
2954 top: 0;
2955}
2956.next-slick.next-slick-ver .next-slick-arrow.medium.inner.next-slick-next {
2957 bottom: 0;
2958}
2959.next-slick.next-slick-ver .next-slick-arrow.medium.outer {
2960 left: calc(50% - 28px);
2961}
2962.next-slick.next-slick-ver .next-slick-arrow.medium.outer.next-slick-prev {
2963 top: -4px;
2964}
2965.next-slick.next-slick-ver .next-slick-arrow.medium.outer.next-slick-next {
2966 bottom: -4px;
2967}
2968.next-slick.next-slick-ver .next-slick-arrow.large {
2969 width: 96px;
2970 height: 48px;
2971 line-height: 48px;
2972}
2973.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 {
2974 width: 32px;
2975 font-size: 32px;
2976 line-height: inherit;
2977}
2978.next-slick.next-slick-ver .next-slick-arrow.large.inner {
2979 left: calc(50% - 48px);
2980}
2981.next-slick.next-slick-ver .next-slick-arrow.large.inner.next-slick-prev {
2982 top: 0;
2983}
2984.next-slick.next-slick-ver .next-slick-arrow.large.inner.next-slick-next {
2985 bottom: 0;
2986}
2987.next-slick.next-slick-ver .next-slick-arrow.large.outer {
2988 left: calc(50% - 48px);
2989}
2990.next-slick.next-slick-ver .next-slick-arrow.large.outer.next-slick-prev {
2991 top: -16px;
2992}
2993.next-slick.next-slick-ver .next-slick-arrow.large.outer.next-slick-next {
2994 bottom: -16px;
2995}
2996
2997.next-split-btn {
2998 display: inline-block;
2999 position: relative;
3000}
3001.next-split-btn-spacing-tb {
3002 padding: 0px 0;
3003}
3004.next-split-btn-trigger .next-icon {
3005 -webkit-transition: -webkit-transform 100ms linear;
3006 transition: -webkit-transform 100ms linear;
3007 transition: transform 100ms linear;
3008 transition: transform 100ms linear, -webkit-transform 100ms linear;
3009}
3010.next-split-btn-trigger.next-expand .next-split-btn-symbol-fold {
3011 -webkit-transform: rotate(180deg);
3012 -ms-transform: rotate(180deg);
3013 transform: rotate(180deg);
3014}
3015.next-split-btn-trigger.next-btn-normal:not(:disabled):not(.disabled) .next-icon {
3016 color: #999999;
3017}
3018.next-split-btn-trigger.next-small {
3019 padding-left: 4px;
3020 padding-right: 4px;
3021}
3022.next-split-btn-trigger.next-medium {
3023 padding-left: 8px;
3024 padding-right: 8px;
3025}
3026.next-split-btn-symbol-fold::before {
3027 content: "\E63D";
3028}
3029.next-split-btn-symbol-unfold::before {
3030 content: "";
3031}
3032
3033.next-step *,
3034.next-step *:before,
3035.next-step *:after {
3036 -webkit-box-sizing: border-box;
3037 box-sizing: border-box;
3038}
3039.next-step, .next-step:before, .next-step:after {
3040 -webkit-box-sizing: border-box;
3041 box-sizing: border-box;
3042}
3043
3044.next-step {
3045 width: 100%;
3046 position: relative;
3047 border: none;
3048}
3049.next-step-item {
3050 position: relative;
3051 vertical-align: middle;
3052 outline: 0;
3053 height: 100%;
3054}
3055.next-step-item-body {
3056 outline: 0;
3057}
3058.next-step-item-node {
3059 -webkit-transition: all 100ms linear;
3060 transition: all 100ms linear;
3061}
3062.next-step-item-node.clicked {
3063 -webkit-transform: scale3d(0.8, 0.8, 0.8);
3064 transform: scale3d(0.8, 0.8, 0.8);
3065}
3066.next-step-horizontal {
3067 overflow: hidden;
3068}
3069.next-step-horizontal > .next-step-item {
3070 display: inline-block;
3071 text-align: left;
3072}
3073.next-step-vertical > .next-step-item {
3074 display: block;
3075 text-align: center;
3076}
3077
3078.next-step-arrow {
3079 display: -webkit-box;
3080 display: -ms-flexbox;
3081 display: flex;
3082}
3083.next-step-arrow .next-step-item {
3084 -webkit-box-flex: 1;
3085 -ms-flex: 1;
3086 flex: 1;
3087 height: 32px;
3088 line-height: 32px;
3089 margin-left: 16px;
3090 margin-right: 4px;
3091}
3092.next-step-arrow .next-step-item:before {
3093 content: "";
3094 position: absolute;
3095 left: -16px;
3096 top: 0;
3097 z-index: 1;
3098 border: 16px solid transparent;
3099 border-left-color: transparent;
3100}
3101.next-step-arrow .next-step-item:after {
3102 content: "";
3103 position: absolute;
3104 right: -16px;
3105 top: 0;
3106 z-index: 1;
3107 border-top: 16px solid transparent;
3108 border-bottom: 16px solid transparent;
3109 border-left: 16px solid transparent;
3110}
3111.next-step-arrow .next-step-item .next-step-item-container {
3112 min-width: 100px;
3113 height: 32px;
3114 cursor: pointer;
3115}
3116.next-step-arrow .next-step-item .next-step-item-container .next-step-item-title {
3117 height: 32px;
3118 line-height: 32px;
3119 font-weight: bold;
3120 font-size: 14px;
3121 overflow: hidden;
3122 text-overflow: ellipsis;
3123 white-space: nowrap;
3124 text-align: center;
3125}
3126.next-step-arrow > .next-step-item-wait {
3127 background: #EBECF0;
3128}
3129.next-step-arrow > .next-step-item-wait .next-step-item-tail-overlay {
3130 background: #000000;
3131}
3132.next-step-arrow > .next-step-item-wait .next-step-item-tail-underlay {
3133 background: #CCCCCC;
3134}
3135.next-step-arrow > .next-step-item-wait > .next-step-item-container .next-step-item-progress {
3136 width: 32px;
3137 height: 32px;
3138}
3139.next-step-arrow > .next-step-item-wait > .next-step-item-container .next-step-item-node {
3140 color: #000000;
3141}
3142.next-step-arrow > .next-step-item-wait > .next-step-item-container .next-step-item-node-circle {
3143 background: #EBECF0;
3144 border-color: #000000;
3145}
3146.next-step-arrow > .next-step-item-wait > .next-step-item-container .next-step-item-node-dot {
3147 background: #EBECF0;
3148 border-color: #000000;
3149}
3150.next-step-arrow > .next-step-item-wait .next-step-item-title {
3151 color: #999999;
3152 word-break: break-word;
3153}
3154.next-step-arrow > .next-step-item-wait .next-step-item-content {
3155 color: #999999;
3156 font-size: 12px;
3157 line-height: 1.5;
3158 word-break: break-word;
3159}
3160.next-step-arrow > .next-step-item-wait .next-step-item-node-placeholder {
3161 width: 32px;
3162 height: 32px;
3163 position: relative;
3164}
3165.next-step-arrow > .next-step-item-wait .next-step-item-node {
3166 position: relative;
3167 display: inline-block;
3168 text-align: center;
3169 cursor: pointer;
3170}
3171.next-step-arrow > .next-step-item-wait .next-step-item-node-circle {
3172 display: block;
3173 width: 32px;
3174 height: 32px;
3175 font-size: 12px;
3176 font-weight: normal;
3177 line-height: 30px;
3178 text-align: center;
3179 border: 1px solid;
3180 border-radius: 50%;
3181 -webkit-transition: background-color 100ms linear;
3182 transition: background-color 100ms linear;
3183}
3184.next-step-arrow > .next-step-item-wait .next-step-item-node-circle .next-icon {
3185 -webkit-animation: zoomIn 300ms linear;
3186 animation: zoomIn 300ms linear;
3187}
3188.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 {
3189 width: 12px;
3190 font-size: 12px;
3191 line-height: inherit;
3192}
3193.next-step-arrow > .next-step-item-wait:before {
3194 border: 16px solid #EBECF0;
3195 border-left-color: transparent;
3196}
3197.next-step-arrow > .next-step-item-wait:after {
3198 border-left-color: #EBECF0;
3199}
3200.next-step-arrow > .next-step-item-process {
3201 background: #5584FF;
3202}
3203.next-step-arrow > .next-step-item-process .next-step-item-tail-overlay {
3204 background: #000000;
3205}
3206.next-step-arrow > .next-step-item-process .next-step-item-tail-underlay {
3207 background: #CCCCCC;
3208}
3209.next-step-arrow > .next-step-item-process > .next-step-item-container .next-step-item-progress {
3210 width: 32px;
3211 height: 32px;
3212}
3213.next-step-arrow > .next-step-item-process > .next-step-item-container .next-step-item-node {
3214 color: #000000;
3215}
3216.next-step-arrow > .next-step-item-process > .next-step-item-container .next-step-item-node-circle {
3217 background: #5584FF;
3218 border-color: #000000;
3219}
3220.next-step-arrow > .next-step-item-process > .next-step-item-container .next-step-item-node-dot {
3221 background: #5584FF;
3222 border-color: #000000;
3223}
3224.next-step-arrow > .next-step-item-process .next-step-item-title {
3225 color: #FFFFFF;
3226 word-break: break-word;
3227}
3228.next-step-arrow > .next-step-item-process .next-step-item-content {
3229 color: #FFFFFF;
3230 font-size: 12px;
3231 line-height: 1.5;
3232 word-break: break-word;
3233}
3234.next-step-arrow > .next-step-item-process .next-step-item-node-placeholder {
3235 width: 32px;
3236 height: 32px;
3237 position: relative;
3238}
3239.next-step-arrow > .next-step-item-process .next-step-item-node {
3240 position: relative;
3241 display: inline-block;
3242 text-align: center;
3243 cursor: pointer;
3244}
3245.next-step-arrow > .next-step-item-process .next-step-item-node-circle {
3246 display: block;
3247 width: 32px;
3248 height: 32px;
3249 font-size: 12px;
3250 font-weight: normal;
3251 line-height: 30px;
3252 text-align: center;
3253 border: 1px solid;
3254 border-radius: 50%;
3255 -webkit-transition: background-color 100ms linear;
3256 transition: background-color 100ms linear;
3257}
3258.next-step-arrow > .next-step-item-process .next-step-item-node-circle .next-icon {
3259 -webkit-animation: zoomIn 300ms linear;
3260 animation: zoomIn 300ms linear;
3261}
3262.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 {
3263 width: 12px;
3264 font-size: 12px;
3265 line-height: inherit;
3266}
3267.next-step-arrow > .next-step-item-process:before {
3268 border: 16px solid #5584FF;
3269 border-left-color: transparent;
3270}
3271.next-step-arrow > .next-step-item-process:after {
3272 border-left-color: #5584FF;
3273}
3274.next-step-arrow > .next-step-item-finish {
3275 background: #DEE8FF;
3276}
3277.next-step-arrow > .next-step-item-finish .next-step-item-tail-overlay {
3278 background: #000000;
3279}
3280.next-step-arrow > .next-step-item-finish .next-step-item-tail-underlay {
3281 background: #CCCCCC;
3282}
3283.next-step-arrow > .next-step-item-finish > .next-step-item-container .next-step-item-progress {
3284 width: 32px;
3285 height: 32px;
3286}
3287.next-step-arrow > .next-step-item-finish > .next-step-item-container .next-step-item-node {
3288 color: #000000;
3289}
3290.next-step-arrow > .next-step-item-finish > .next-step-item-container .next-step-item-node-circle {
3291 background: #DEE8FF;
3292 border-color: #000000;
3293}
3294.next-step-arrow > .next-step-item-finish > .next-step-item-container .next-step-item-node-dot {
3295 background: #DEE8FF;
3296 border-color: #000000;
3297}
3298.next-step-arrow > .next-step-item-finish .next-step-item-title {
3299 color: #5584FF;
3300 word-break: break-word;
3301}
3302.next-step-arrow > .next-step-item-finish .next-step-item-content {
3303 color: #5584FF;
3304 font-size: 12px;
3305 line-height: 1.5;
3306 word-break: break-word;
3307}
3308.next-step-arrow > .next-step-item-finish .next-step-item-node-placeholder {
3309 width: 32px;
3310 height: 32px;
3311 position: relative;
3312}
3313.next-step-arrow > .next-step-item-finish .next-step-item-node {
3314 position: relative;
3315 display: inline-block;
3316 text-align: center;
3317 cursor: pointer;
3318}
3319.next-step-arrow > .next-step-item-finish .next-step-item-node-circle {
3320 display: block;
3321 width: 32px;
3322 height: 32px;
3323 font-size: 12px;
3324 font-weight: normal;
3325 line-height: 30px;
3326 text-align: center;
3327 border: 1px solid;
3328 border-radius: 50%;
3329 -webkit-transition: background-color 100ms linear;
3330 transition: background-color 100ms linear;
3331}
3332.next-step-arrow > .next-step-item-finish .next-step-item-node-circle .next-icon {
3333 -webkit-animation: zoomIn 300ms linear;
3334 animation: zoomIn 300ms linear;
3335}
3336.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 {
3337 width: 12px;
3338 font-size: 12px;
3339 line-height: inherit;
3340}
3341.next-step-arrow > .next-step-item-finish:before {
3342 border: 16px solid #DEE8FF;
3343 border-left-color: transparent;
3344}
3345.next-step-arrow > .next-step-item-finish:after {
3346 border-left-color: #DEE8FF;
3347}
3348.next-step-arrow .next-step-item-disabled {
3349 cursor: not-allowed;
3350 background: #F7F8FA;
3351}
3352.next-step-arrow .next-step-item-disabled .next-step-item-tail-overlay {
3353 background: #000000;
3354}
3355.next-step-arrow .next-step-item-disabled .next-step-item-tail-underlay {
3356 background: #CCCCCC;
3357}
3358.next-step-arrow .next-step-item-disabled > .next-step-item-container .next-step-item-progress {
3359 width: 32px;
3360 height: 32px;
3361}
3362.next-step-arrow .next-step-item-disabled > .next-step-item-container .next-step-item-node {
3363 color: #000000;
3364}
3365.next-step-arrow .next-step-item-disabled > .next-step-item-container .next-step-item-node-circle {
3366 background: #F7F8FA;
3367 border-color: #000000;
3368}
3369.next-step-arrow .next-step-item-disabled > .next-step-item-container .next-step-item-node-dot {
3370 background: #F7F8FA;
3371 border-color: #000000;
3372}
3373.next-step-arrow .next-step-item-disabled .next-step-item-title {
3374 color: #CCCCCC;
3375 word-break: break-word;
3376}
3377.next-step-arrow .next-step-item-disabled .next-step-item-content {
3378 color: #CCCCCC;
3379 font-size: 12px;
3380 line-height: 1.5;
3381 word-break: break-word;
3382}
3383.next-step-arrow .next-step-item-disabled .next-step-item-node-placeholder {
3384 width: 32px;
3385 height: 32px;
3386 position: relative;
3387}
3388.next-step-arrow .next-step-item-disabled .next-step-item-node {
3389 position: relative;
3390 display: inline-block;
3391 text-align: center;
3392 cursor: pointer;
3393}
3394.next-step-arrow .next-step-item-disabled .next-step-item-node-circle {
3395 display: block;
3396 width: 32px;
3397 height: 32px;
3398 font-size: 12px;
3399 font-weight: normal;
3400 line-height: 30px;
3401 text-align: center;
3402 border: 1px solid;
3403 border-radius: 50%;
3404 -webkit-transition: background-color 100ms linear;
3405 transition: background-color 100ms linear;
3406}
3407.next-step-arrow .next-step-item-disabled .next-step-item-node-circle .next-icon {
3408 -webkit-animation: zoomIn 300ms linear;
3409 animation: zoomIn 300ms linear;
3410}
3411.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 {
3412 width: 12px;
3413 font-size: 12px;
3414 line-height: inherit;
3415}
3416.next-step-arrow .next-step-item-disabled:before {
3417 border: 16px solid #F7F8FA;
3418 border-left-color: transparent;
3419}
3420.next-step-arrow .next-step-item-disabled:after {
3421 border-left-color: #F7F8FA;
3422}
3423.next-step-arrow .next-step-item-disabled .next-step-item-container {
3424 cursor: not-allowed;
3425}
3426.next-step-arrow .next-step-item-read-only {
3427 cursor: default;
3428}
3429.next-step-arrow .next-step-item-read-only .next-step-item-container {
3430 cursor: default;
3431}
3432.next-step-arrow .next-step-item-first {
3433 margin-left: 0;
3434}
3435.next-step-arrow .next-step-item-first:before {
3436 border: 16px solid transparent;
3437}
3438.next-step-arrow .next-step-item-last {
3439 margin-right: 0;
3440}
3441.next-step-arrow .next-step-item-last:after {
3442 border: 16px solid transparent;
3443}
3444
3445.next-step-circle .next-step-item-container {
3446 display: inline-block;
3447 vertical-align: middle;
3448 position: relative;
3449 padding: 0 8px;
3450}
3451.next-step-circle .next-step-item-container .next-step-item-progress .next-progress-circle-text {
3452 color: #5584FF;
3453 font-size: 12px;
3454}
3455.next-step-circle .next-step-item-container .next-step-item-progress .next-progress-circle-underlay {
3456 stroke: #A0A2AD;
3457 stroke-width: 3px;
3458}
3459.next-step-circle .next-step-item-container .next-step-item-progress .next-progress-circle-overlay-normal {
3460 stroke: #5584FF;
3461 stroke-width: 3px;
3462}
3463.next-step-circle .next-step-item-container .next-step-item-node-placeholder {
3464 display: inline-block;
3465}
3466.next-step-circle > .next-step-item-wait .next-step-item-tail-overlay {
3467 background: #C4C6CF;
3468}
3469.next-step-circle > .next-step-item-wait .next-step-item-tail-underlay {
3470 background: #E6E7EB;
3471}
3472.next-step-circle > .next-step-item-wait > .next-step-item-container .next-step-item-progress {
3473 width: 32px;
3474 height: 32px;
3475}
3476.next-step-circle > .next-step-item-wait > .next-step-item-container .next-step-item-node {
3477 color: #666666;
3478}
3479.next-step-circle > .next-step-item-wait > .next-step-item-container .next-step-item-node-circle {
3480 background: #FFFFFF;
3481 border-color: #A0A2AD;
3482}
3483.next-step-circle > .next-step-item-wait > .next-step-item-container .next-step-item-node-dot {
3484 background: #FFFFFF;
3485 border-color: #A0A2AD;
3486}
3487.next-step-circle > .next-step-item-wait .next-step-item-title {
3488 color: #666666;
3489 word-break: break-word;
3490}
3491.next-step-circle > .next-step-item-wait .next-step-item-content {
3492 color: #666666;
3493 font-size: 12px;
3494 line-height: 1.5;
3495 word-break: break-word;
3496}
3497.next-step-circle > .next-step-item-wait .next-step-item-node-placeholder {
3498 width: 32px;
3499 height: 32px;
3500 position: relative;
3501}
3502.next-step-circle > .next-step-item-wait .next-step-item-node {
3503 position: relative;
3504 display: inline-block;
3505 text-align: center;
3506 cursor: pointer;
3507}
3508.next-step-circle > .next-step-item-wait .next-step-item-node-circle {
3509 display: block;
3510 width: 32px;
3511 height: 32px;
3512 font-size: 12px;
3513 font-weight: normal;
3514 line-height: 30px;
3515 text-align: center;
3516 border: 1px solid;
3517 border-radius: 50%;
3518 -webkit-transition: background-color 100ms linear;
3519 transition: background-color 100ms linear;
3520}
3521.next-step-circle > .next-step-item-wait .next-step-item-node-circle .next-icon {
3522 -webkit-animation: zoomIn 300ms linear;
3523 animation: zoomIn 300ms linear;
3524}
3525.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 {
3526 width: 12px;
3527 font-size: 12px;
3528 line-height: inherit;
3529}
3530.next-step-circle > .next-step-item-process .next-step-item-tail-overlay {
3531 background: #C4C6CF;
3532}
3533.next-step-circle > .next-step-item-process .next-step-item-tail-underlay {
3534 background: #E6E7EB;
3535}
3536.next-step-circle > .next-step-item-process > .next-step-item-container .next-step-item-progress {
3537 width: 32px;
3538 height: 32px;
3539}
3540.next-step-circle > .next-step-item-process > .next-step-item-container .next-step-item-node {
3541 color: #FFFFFF;
3542}
3543.next-step-circle > .next-step-item-process > .next-step-item-container .next-step-item-node-circle {
3544 background: #5584FF;
3545 border-color: #5584FF;
3546}
3547.next-step-circle > .next-step-item-process > .next-step-item-container .next-step-item-node-dot {
3548 background: #5584FF;
3549 border-color: #5584FF;
3550}
3551.next-step-circle > .next-step-item-process .next-step-item-title {
3552 color: #333333;
3553 word-break: break-word;
3554}
3555.next-step-circle > .next-step-item-process .next-step-item-content {
3556 color: #333333;
3557 font-size: 12px;
3558 line-height: 1.5;
3559 word-break: break-word;
3560}
3561.next-step-circle > .next-step-item-process .next-step-item-node-placeholder {
3562 width: 32px;
3563 height: 32px;
3564 position: relative;
3565}
3566.next-step-circle > .next-step-item-process .next-step-item-node {
3567 position: relative;
3568 display: inline-block;
3569 text-align: center;
3570 cursor: pointer;
3571}
3572.next-step-circle > .next-step-item-process .next-step-item-node-circle {
3573 display: block;
3574 width: 32px;
3575 height: 32px;
3576 font-size: 12px;
3577 font-weight: normal;
3578 line-height: 30px;
3579 text-align: center;
3580 border: 1px solid;
3581 border-radius: 50%;
3582 -webkit-transition: background-color 100ms linear;
3583 transition: background-color 100ms linear;
3584}
3585.next-step-circle > .next-step-item-process .next-step-item-node-circle .next-icon {
3586 -webkit-animation: zoomIn 300ms linear;
3587 animation: zoomIn 300ms linear;
3588}
3589.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 {
3590 width: 12px;
3591 font-size: 12px;
3592 line-height: inherit;
3593}
3594.next-step-circle > .next-step-item-finish .next-step-item-tail-overlay {
3595 background: #5584FF;
3596}
3597.next-step-circle > .next-step-item-finish .next-step-item-tail-underlay {
3598 background: #E6E7EB;
3599}
3600.next-step-circle > .next-step-item-finish > .next-step-item-container .next-step-item-progress {
3601 width: 32px;
3602 height: 32px;
3603}
3604.next-step-circle > .next-step-item-finish > .next-step-item-container .next-step-item-node {
3605 color: #5584FF;
3606}
3607.next-step-circle > .next-step-item-finish > .next-step-item-container .next-step-item-node-circle {
3608 background: #FFFFFF;
3609 border-color: #5584FF;
3610}
3611.next-step-circle > .next-step-item-finish > .next-step-item-container .next-step-item-node-dot {
3612 background: #FFFFFF;
3613 border-color: #5584FF;
3614}
3615.next-step-circle > .next-step-item-finish .next-step-item-title {
3616 color: #666666;
3617 word-break: break-word;
3618}
3619.next-step-circle > .next-step-item-finish .next-step-item-content {
3620 color: #666666;
3621 font-size: 12px;
3622 line-height: 1.5;
3623 word-break: break-word;
3624}
3625.next-step-circle > .next-step-item-finish .next-step-item-node-placeholder {
3626 width: 32px;
3627 height: 32px;
3628 position: relative;
3629}
3630.next-step-circle > .next-step-item-finish .next-step-item-node {
3631 position: relative;
3632 display: inline-block;
3633 text-align: center;
3634 cursor: pointer;
3635}
3636.next-step-circle > .next-step-item-finish .next-step-item-node-circle {
3637 display: block;
3638 width: 32px;
3639 height: 32px;
3640 font-size: 12px;
3641 font-weight: normal;
3642 line-height: 30px;
3643 text-align: center;
3644 border: 1px solid;
3645 border-radius: 50%;
3646 -webkit-transition: background-color 100ms linear;
3647 transition: background-color 100ms linear;
3648}
3649.next-step-circle > .next-step-item-finish .next-step-item-node-circle .next-icon {
3650 -webkit-animation: zoomIn 300ms linear;
3651 animation: zoomIn 300ms linear;
3652}
3653.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 {
3654 width: 12px;
3655 font-size: 12px;
3656 line-height: inherit;
3657}
3658.next-step-circle .next-step-item-disabled .next-step-item-tail-overlay {
3659 background: #E6E7EB;
3660}
3661.next-step-circle .next-step-item-disabled .next-step-item-tail-underlay {
3662 background: #E6E7EB;
3663}
3664.next-step-circle .next-step-item-disabled > .next-step-item-container .next-step-item-progress {
3665 width: 32px;
3666 height: 32px;
3667}
3668.next-step-circle .next-step-item-disabled > .next-step-item-container .next-step-item-node {
3669 color: #CCCCCC;
3670}
3671.next-step-circle .next-step-item-disabled > .next-step-item-container .next-step-item-node-circle {
3672 background: #FFFFFF;
3673 border-color: #E6E7EB;
3674}
3675.next-step-circle .next-step-item-disabled > .next-step-item-container .next-step-item-node-dot {
3676 background: #FFFFFF;
3677 border-color: #E6E7EB;
3678}
3679.next-step-circle .next-step-item-disabled .next-step-item-title {
3680 color: #CCCCCC;
3681 word-break: break-word;
3682}
3683.next-step-circle .next-step-item-disabled .next-step-item-content {
3684 color: #CCCCCC;
3685 font-size: 12px;
3686 line-height: 1.5;
3687 word-break: break-word;
3688}
3689.next-step-circle .next-step-item-disabled .next-step-item-node-placeholder {
3690 width: 32px;
3691 height: 32px;
3692 position: relative;
3693}
3694.next-step-circle .next-step-item-disabled .next-step-item-node {
3695 position: relative;
3696 display: inline-block;
3697 text-align: center;
3698 cursor: pointer;
3699}
3700.next-step-circle .next-step-item-disabled .next-step-item-node-circle {
3701 display: block;
3702 width: 32px;
3703 height: 32px;
3704 font-size: 12px;
3705 font-weight: normal;
3706 line-height: 30px;
3707 text-align: center;
3708 border: 1px solid;
3709 border-radius: 50%;
3710 -webkit-transition: background-color 100ms linear;
3711 transition: background-color 100ms linear;
3712}
3713.next-step-circle .next-step-item-disabled .next-step-item-node-circle .next-icon {
3714 -webkit-animation: zoomIn 300ms linear;
3715 animation: zoomIn 300ms linear;
3716}
3717.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 {
3718 width: 12px;
3719 font-size: 12px;
3720 line-height: inherit;
3721}
3722.next-step-circle .next-step-item-disabled .next-step-item-node-placeholder,
3723.next-step-circle .next-step-item-disabled .next-step-item-node {
3724 cursor: not-allowed;
3725}
3726.next-step-circle .next-step-item-read-only .next-step-item-node-placeholder,
3727.next-step-circle .next-step-item-read-only .next-step-item-node {
3728 cursor: default;
3729}
3730.next-step-circle .next-step-item-last .next-step-item-tail {
3731 display: none;
3732}
3733.next-step-circle.next-step-horizontal {
3734 text-align: center;
3735 white-space: nowrap;
3736}
3737.next-step-circle.next-step-horizontal > .next-step-item .next-step-item-title {
3738 white-space: normal;
3739}
3740.next-step-circle.next-step-horizontal > .next-step-item .next-step-item-content {
3741 white-space: normal;
3742}
3743.next-step-circle.next-step-horizontal > .next-step-item-wait .next-step-item-tail {
3744 display: inline-block;
3745 clear: both;
3746 width: calc(100% - 48px);
3747 vertical-align: middle;
3748}
3749.next-step-circle.next-step-horizontal > .next-step-item-wait .next-step-item-tail .next-step-item-tail-underlay {
3750 display: block;
3751 height: 1px;
3752 position: relative;
3753}
3754.next-step-circle.next-step-horizontal > .next-step-item-wait .next-step-item-tail .next-step-item-tail-overlay {
3755 position: absolute;
3756 top: 0;
3757 height: 1px;
3758 -webkit-transition: all 100ms linear;
3759 transition: all 100ms linear;
3760 width: 100%;
3761}
3762.next-step-circle.next-step-horizontal > .next-step-item-wait > .next-step-item-body {
3763 width: 100px;
3764 left: -26px;
3765 text-align: center;
3766 position: absolute;
3767}
3768.next-step-circle.next-step-horizontal > .next-step-item-wait > .next-step-item-body > .next-step-item-title {
3769 font-size: 14px;
3770 line-height: 18px;
3771 margin-top: 8px;
3772 font-weight: bold;
3773}
3774.next-step-circle.next-step-horizontal > .next-step-item-wait > .next-step-item-body > .next-step-item-content {
3775 margin-top: 4px;
3776}
3777.next-step-circle.next-step-horizontal > .next-step-item-process .next-step-item-tail {
3778 display: inline-block;
3779 clear: both;
3780 width: calc(100% - 48px);
3781 vertical-align: middle;
3782}
3783.next-step-circle.next-step-horizontal > .next-step-item-process .next-step-item-tail .next-step-item-tail-underlay {
3784 display: block;
3785 height: 1px;
3786 position: relative;
3787}
3788.next-step-circle.next-step-horizontal > .next-step-item-process .next-step-item-tail .next-step-item-tail-overlay {
3789 position: absolute;
3790 top: 0;
3791 height: 1px;
3792 -webkit-transition: all 100ms linear;
3793 transition: all 100ms linear;
3794 width: 100%;
3795}
3796.next-step-circle.next-step-horizontal > .next-step-item-process > .next-step-item-body {
3797 width: 100px;
3798 left: -26px;
3799 text-align: center;
3800 position: absolute;
3801}
3802.next-step-circle.next-step-horizontal > .next-step-item-process > .next-step-item-body > .next-step-item-title {
3803 font-size: 14px;
3804 line-height: 18px;
3805 margin-top: 8px;
3806 font-weight: bold;
3807}
3808.next-step-circle.next-step-horizontal > .next-step-item-process > .next-step-item-body > .next-step-item-content {
3809 margin-top: 4px;
3810}
3811.next-step-circle.next-step-horizontal > .next-step-item-finish .next-step-item-tail {
3812 display: inline-block;
3813 clear: both;
3814 width: calc(100% - 48px);
3815 vertical-align: middle;
3816}
3817.next-step-circle.next-step-horizontal > .next-step-item-finish .next-step-item-tail .next-step-item-tail-underlay {
3818 display: block;
3819 height: 1px;
3820 position: relative;
3821}
3822.next-step-circle.next-step-horizontal > .next-step-item-finish .next-step-item-tail .next-step-item-tail-overlay {
3823 position: absolute;
3824 top: 0;
3825 height: 1px;
3826 -webkit-transition: all 100ms linear;
3827 transition: all 100ms linear;
3828 width: 100%;
3829}
3830.next-step-circle.next-step-horizontal > .next-step-item-finish > .next-step-item-body {
3831 width: 100px;
3832 left: -26px;
3833 text-align: center;
3834 position: absolute;
3835}
3836.next-step-circle.next-step-horizontal > .next-step-item-finish > .next-step-item-body > .next-step-item-title {
3837 font-size: 14px;
3838 line-height: 18px;
3839 margin-top: 8px;
3840 font-weight: bold;
3841}
3842.next-step-circle.next-step-horizontal > .next-step-item-finish > .next-step-item-body > .next-step-item-content {
3843 margin-top: 4px;
3844}
3845.next-step-circle.next-step-horizontal > .next-step-item-disabled .next-step-item-tail {
3846 display: inline-block;
3847 clear: both;
3848 width: calc(100% - 48px);
3849 vertical-align: middle;
3850}
3851.next-step-circle.next-step-horizontal > .next-step-item-disabled .next-step-item-tail .next-step-item-tail-underlay {
3852 display: block;
3853 height: 1px;
3854 position: relative;
3855}
3856.next-step-circle.next-step-horizontal > .next-step-item-disabled .next-step-item-tail .next-step-item-tail-overlay {
3857 position: absolute;
3858 top: 0;
3859 height: 1px;
3860 -webkit-transition: all 100ms linear;
3861 transition: all 100ms linear;
3862 width: 100%;
3863}
3864.next-step-circle.next-step-horizontal > .next-step-item-disabled > .next-step-item-body {
3865 width: 100px;
3866 left: -26px;
3867 text-align: center;
3868 position: absolute;
3869}
3870.next-step-circle.next-step-horizontal > .next-step-item-disabled > .next-step-item-body > .next-step-item-title {
3871 font-size: 14px;
3872 line-height: 18px;
3873 margin-top: 8px;
3874 font-weight: bold;
3875}
3876.next-step-circle.next-step-horizontal > .next-step-item-disabled > .next-step-item-body > .next-step-item-content {
3877 margin-top: 4px;
3878}
3879.next-step-circle.next-step-horizontal.next-step-label-horizontal > .next-step-item {
3880 vertical-align: unset;
3881}
3882.next-step-circle.next-step-horizontal.next-step-label-horizontal > .next-step-item-wait .next-step-item:last-child .next-step-item-tail {
3883 display: none;
3884}
3885.next-step-circle.next-step-horizontal.next-step-label-horizontal > .next-step-item-wait .next-step-item-body {
3886 position: relative;
3887 display: inline-block;
3888 top: 0;
3889 left: 0;
3890 max-width: 100px;
3891 overflow: hidden;
3892 vertical-align: top;
3893 text-align: left;
3894}
3895.next-step-circle.next-step-horizontal.next-step-label-horizontal > .next-step-item-wait .next-step-item-body .next-step-item-title {
3896 display: inline-block;
3897 padding-right: 8px;
3898 margin-top: 9px;
3899}
3900.next-step-circle.next-step-horizontal.next-step-label-horizontal > .next-step-item-wait .next-step-item-tail {
3901 width: calc(100% - 148px);
3902 position: absolute;
3903 right: 0;
3904 margin-top: -1px;
3905}
3906.next-step-circle.next-step-horizontal.next-step-label-horizontal > .next-step-item-process .next-step-item:last-child .next-step-item-tail {
3907 display: none;
3908}
3909.next-step-circle.next-step-horizontal.next-step-label-horizontal > .next-step-item-process .next-step-item-body {
3910 position: relative;
3911 display: inline-block;
3912 top: 0;
3913 left: 0;
3914 max-width: 100px;
3915 overflow: hidden;
3916 vertical-align: top;
3917 text-align: left;
3918}
3919.next-step-circle.next-step-horizontal.next-step-label-horizontal > .next-step-item-process .next-step-item-body .next-step-item-title {
3920 display: inline-block;
3921 padding-right: 8px;
3922 margin-top: 9px;
3923}
3924.next-step-circle.next-step-horizontal.next-step-label-horizontal > .next-step-item-process .next-step-item-tail {
3925 width: calc(100% - 148px);
3926 position: absolute;
3927 right: 0;
3928 margin-top: -1px;
3929}
3930.next-step-circle.next-step-horizontal.next-step-label-horizontal > .next-step-item-finish .next-step-item:last-child .next-step-item-tail {
3931 display: none;
3932}
3933.next-step-circle.next-step-horizontal.next-step-label-horizontal > .next-step-item-finish .next-step-item-body {
3934 position: relative;
3935 display: inline-block;
3936 top: 0;
3937 left: 0;
3938 max-width: 100px;
3939 overflow: hidden;
3940 vertical-align: top;
3941 text-align: left;
3942}
3943.next-step-circle.next-step-horizontal.next-step-label-horizontal > .next-step-item-finish .next-step-item-body .next-step-item-title {
3944 display: inline-block;
3945 padding-right: 8px;
3946 margin-top: 9px;
3947}
3948.next-step-circle.next-step-horizontal.next-step-label-horizontal > .next-step-item-finish .next-step-item-tail {
3949 width: calc(100% - 148px);
3950 position: absolute;
3951 right: 0;
3952 margin-top: -1px;
3953}
3954.next-step-circle.next-step-horizontal.next-step-label-horizontal > .next-step-item-disabled .next-step-item:last-child .next-step-item-tail {
3955 display: none;
3956}
3957.next-step-circle.next-step-horizontal.next-step-label-horizontal > .next-step-item-disabled .next-step-item-body {
3958 position: relative;
3959 display: inline-block;
3960 top: 0;
3961 left: 0;
3962 max-width: 100px;
3963 overflow: hidden;
3964 vertical-align: top;
3965 text-align: left;
3966}
3967.next-step-circle.next-step-horizontal.next-step-label-horizontal > .next-step-item-disabled .next-step-item-body .next-step-item-title {
3968 display: inline-block;
3969 padding-right: 8px;
3970 margin-top: 9px;
3971}
3972.next-step-circle.next-step-horizontal.next-step-label-horizontal > .next-step-item-disabled .next-step-item-tail {
3973 width: calc(100% - 148px);
3974 position: absolute;
3975 right: 0;
3976 margin-top: -1px;
3977}
3978.next-step-circle.next-step-vertical {
3979 font-size: 0;
3980 display: table-cell;
3981 vertical-align: middle;
3982 position: relative;
3983}
3984.next-step-circle.next-step-vertical .next-step-item-container {
3985 padding: 0;
3986}
3987.next-step-circle.next-step-vertical > .next-step-item:last-child .next-step-item-tail {
3988 display: block;
3989 visibility: hidden;
3990}
3991.next-step-circle.next-step-vertical > .next-step-item-wait .next-step-item-tail {
3992 width: 1px;
3993 height: 0;
3994 margin: 8px auto;
3995}
3996.next-step-circle.next-step-vertical > .next-step-item-wait .next-step-item-tail .next-step-item-tail-underlay {
3997 height: 100%;
3998 width: 1px;
3999 position: relative;
4000}
4001.next-step-circle.next-step-vertical > .next-step-item-wait .next-step-item-tail .next-step-item-tail-overlay {
4002 position: absolute;
4003 top: 0;
4004 height: 100%;
4005 width: 1px;
4006}
4007.next-step-circle.next-step-vertical > .next-step-item-wait > .next-step-item-body {
4008 position: absolute;
4009 top: 0;
4010 left: 16px;
4011 margin-left: 8px;
4012}
4013.next-step-circle.next-step-vertical > .next-step-item-wait > .next-step-item-body > .next-step-item-title {
4014 margin-top: 8px;
4015 text-align: left;
4016 font-weight: bold;
4017 font-family: Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Microsoft YaHei";
4018 font-size: 12px;
4019 line-height: 1.2857142;
4020}
4021.next-step-circle.next-step-vertical > .next-step-item-wait > .next-step-item-body > .next-step-item-content {
4022 margin-top: 4px;
4023 min-height: 8px;
4024 text-align: left;
4025 font-size: 12px;
4026 line-height: 1.5;
4027}
4028.next-step-circle.next-step-vertical > .next-step-item-process .next-step-item-tail {
4029 width: 1px;
4030 height: 0;
4031 margin: 8px auto;
4032}
4033.next-step-circle.next-step-vertical > .next-step-item-process .next-step-item-tail .next-step-item-tail-underlay {
4034 height: 100%;
4035 width: 1px;
4036 position: relative;
4037}
4038.next-step-circle.next-step-vertical > .next-step-item-process .next-step-item-tail .next-step-item-tail-overlay {
4039 position: absolute;
4040 top: 0;
4041 height: 100%;
4042 width: 1px;
4043}
4044.next-step-circle.next-step-vertical > .next-step-item-process > .next-step-item-body {
4045 position: absolute;
4046 top: 0;
4047 left: 16px;
4048 margin-left: 8px;
4049}
4050.next-step-circle.next-step-vertical > .next-step-item-process > .next-step-item-body > .next-step-item-title {
4051 margin-top: 8px;
4052 text-align: left;
4053 font-weight: bold;
4054 font-family: Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Microsoft YaHei";
4055 font-size: 12px;
4056 line-height: 1.2857142;
4057}
4058.next-step-circle.next-step-vertical > .next-step-item-process > .next-step-item-body > .next-step-item-content {
4059 margin-top: 4px;
4060 min-height: 8px;
4061 text-align: left;
4062 font-size: 12px;
4063 line-height: 1.5;
4064}
4065.next-step-circle.next-step-vertical > .next-step-item-finish .next-step-item-tail {
4066 width: 1px;
4067 height: 0;
4068 margin: 8px auto;
4069}
4070.next-step-circle.next-step-vertical > .next-step-item-finish .next-step-item-tail .next-step-item-tail-underlay {
4071 height: 100%;
4072 width: 1px;
4073 position: relative;
4074}
4075.next-step-circle.next-step-vertical > .next-step-item-finish .next-step-item-tail .next-step-item-tail-overlay {
4076 position: absolute;
4077 top: 0;
4078 height: 100%;
4079 width: 1px;
4080}
4081.next-step-circle.next-step-vertical > .next-step-item-finish > .next-step-item-body {
4082 position: absolute;
4083 top: 0;
4084 left: 16px;
4085 margin-left: 8px;
4086}
4087.next-step-circle.next-step-vertical > .next-step-item-finish > .next-step-item-body > .next-step-item-title {
4088 margin-top: 8px;
4089 text-align: left;
4090 font-weight: bold;
4091 font-family: Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Microsoft YaHei";
4092 font-size: 12px;
4093 line-height: 1.2857142;
4094}
4095.next-step-circle.next-step-vertical > .next-step-item-finish > .next-step-item-body > .next-step-item-content {
4096 margin-top: 4px;
4097 min-height: 8px;
4098 text-align: left;
4099 font-size: 12px;
4100 line-height: 1.5;
4101}
4102.next-step-circle.next-step-vertical > .next-step-item-disabled .next-step-item-tail {
4103 width: 1px;
4104 height: 0;
4105 margin: 8px auto;
4106}
4107.next-step-circle.next-step-vertical > .next-step-item-disabled .next-step-item-tail .next-step-item-tail-underlay {
4108 height: 100%;
4109 width: 1px;
4110 position: relative;
4111}
4112.next-step-circle.next-step-vertical > .next-step-item-disabled .next-step-item-tail .next-step-item-tail-overlay {
4113 position: absolute;
4114 top: 0;
4115 height: 100%;
4116 width: 1px;
4117}
4118.next-step-circle.next-step-vertical > .next-step-item-disabled > .next-step-item-body {
4119 position: absolute;
4120 top: 0;
4121 left: 16px;
4122 margin-left: 8px;
4123}
4124.next-step-circle.next-step-vertical > .next-step-item-disabled > .next-step-item-body > .next-step-item-title {
4125 margin-top: 8px;
4126 text-align: left;
4127 font-weight: bold;
4128 font-family: Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Microsoft YaHei";
4129 font-size: 12px;
4130 line-height: 1.2857142;
4131}
4132.next-step-circle.next-step-vertical > .next-step-item-disabled > .next-step-item-body > .next-step-item-content {
4133 margin-top: 4px;
4134 min-height: 8px;
4135 text-align: left;
4136 font-size: 12px;
4137 line-height: 1.5;
4138}
4139
4140.next-step-dot .next-step-item-container {
4141 display: inline-block;
4142 vertical-align: middle;
4143 position: relative;
4144 padding: 0 8px;
4145 margin-top: -1px;
4146 margin-bottom: -1px;
4147}
4148.next-step-dot .next-step-item-container .next-step-item-node-placeholder {
4149 display: inline-block;
4150}
4151.next-step-dot .next-step-item-container .next-step-item-node {
4152 position: relative;
4153 display: inline-block;
4154 text-align: center;
4155 cursor: pointer;
4156}
4157.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 {
4158 width: 12px;
4159 font-size: 12px;
4160 line-height: inherit;
4161}
4162.next-step-dot > .next-step-item-wait .next-step-item-tail-overlay {
4163 background: #C4C6CF;
4164}
4165.next-step-dot > .next-step-item-wait .next-step-item-tail-underlay {
4166 background: #E6E7EB;
4167}
4168.next-step-dot > .next-step-item-wait > .next-step-item-container .next-step-item-progress {
4169 width: 12px;
4170 height: 12px;
4171}
4172.next-step-dot > .next-step-item-wait > .next-step-item-container .next-step-item-node {
4173 color: #999999;
4174}
4175.next-step-dot > .next-step-item-wait > .next-step-item-container .next-step-item-node-circle {
4176 background: #FFFFFF;
4177 border-color: #A0A2AD;
4178}
4179.next-step-dot > .next-step-item-wait > .next-step-item-container .next-step-item-node-dot {
4180 background: #FFFFFF;
4181 border-color: #A0A2AD;
4182}
4183.next-step-dot > .next-step-item-wait .next-step-item-title {
4184 color: #666666;
4185 word-break: break-word;
4186}
4187.next-step-dot > .next-step-item-wait .next-step-item-content {
4188 color: #666666;
4189 font-size: 12px;
4190 line-height: 1.5;
4191 word-break: break-word;
4192}
4193.next-step-dot > .next-step-item-wait .next-step-item-node-placeholder {
4194 width: 12px;
4195 height: 12px;
4196 position: relative;
4197}
4198.next-step-dot > .next-step-item-wait .next-step-item-node {
4199 position: relative;
4200 display: inline-block;
4201 text-align: center;
4202 cursor: pointer;
4203}
4204.next-step-dot > .next-step-item-wait .next-step-item-node-circle {
4205 display: block;
4206 width: 12px;
4207 height: 12px;
4208 font-size: 12px;
4209 font-weight: normal;
4210 line-height: 10px;
4211 text-align: center;
4212 border: 1px solid;
4213 border-radius: 50%;
4214 -webkit-transition: background-color 100ms linear;
4215 transition: background-color 100ms linear;
4216}
4217.next-step-dot > .next-step-item-wait .next-step-item-node-circle .next-icon {
4218 -webkit-animation: zoomIn 300ms linear;
4219 animation: zoomIn 300ms linear;
4220}
4221.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 {
4222 width: 12px;
4223 font-size: 12px;
4224 line-height: inherit;
4225}
4226.next-step-dot > .next-step-item-wait .next-step-item-content {
4227 font-size: 12px;
4228}
4229.next-step-dot > .next-step-item-wait .next-step-item-node-dot {
4230 display: block;
4231 width: 12px;
4232 height: 12px;
4233 font-size: 12px;
4234 line-height: 10px;
4235 text-align: center;
4236 border: 1px solid;
4237 border-radius: 50%;
4238 -webkit-transition: background-color 0.3s ease, border-color 0.3s ease;
4239 transition: background-color 0.3s ease, border-color 0.3s ease;
4240}
4241.next-step-dot > .next-step-item-process .next-step-item-tail-overlay {
4242 background: #C4C6CF;
4243}
4244.next-step-dot > .next-step-item-process .next-step-item-tail-underlay {
4245 background: #E6E7EB;
4246}
4247.next-step-dot > .next-step-item-process > .next-step-item-container .next-step-item-progress {
4248 width: 12px;
4249 height: 12px;
4250}
4251.next-step-dot > .next-step-item-process > .next-step-item-container .next-step-item-node {
4252 color: #5584FF;
4253}
4254.next-step-dot > .next-step-item-process > .next-step-item-container .next-step-item-node-circle {
4255 background: #5584FF;
4256 border-color: #5584FF;
4257}
4258.next-step-dot > .next-step-item-process > .next-step-item-container .next-step-item-node-dot {
4259 background: #5584FF;
4260 border-color: #5584FF;
4261}
4262.next-step-dot > .next-step-item-process .next-step-item-title {
4263 color: #333333;
4264 word-break: break-word;
4265}
4266.next-step-dot > .next-step-item-process .next-step-item-content {
4267 color: #333333;
4268 font-size: 12px;
4269 line-height: 1.5;
4270 word-break: break-word;
4271}
4272.next-step-dot > .next-step-item-process .next-step-item-node-placeholder {
4273 width: 12px;
4274 height: 12px;
4275 position: relative;
4276}
4277.next-step-dot > .next-step-item-process .next-step-item-node {
4278 position: relative;
4279 display: inline-block;
4280 text-align: center;
4281 cursor: pointer;
4282}
4283.next-step-dot > .next-step-item-process .next-step-item-node-circle {
4284 display: block;
4285 width: 12px;
4286 height: 12px;
4287 font-size: 12px;
4288 font-weight: normal;
4289 line-height: 10px;
4290 text-align: center;
4291 border: 1px solid;
4292 border-radius: 50%;
4293 -webkit-transition: background-color 100ms linear;
4294 transition: background-color 100ms linear;
4295}
4296.next-step-dot > .next-step-item-process .next-step-item-node-circle .next-icon {
4297 -webkit-animation: zoomIn 300ms linear;
4298 animation: zoomIn 300ms linear;
4299}
4300.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 {
4301 width: 12px;
4302 font-size: 12px;
4303 line-height: inherit;
4304}
4305.next-step-dot > .next-step-item-process .next-step-item-content {
4306 font-size: 12px;
4307}
4308.next-step-dot > .next-step-item-process .next-step-item-node-dot {
4309 display: block;
4310 width: 12px;
4311 height: 12px;
4312 font-size: 12px;
4313 line-height: 10px;
4314 text-align: center;
4315 border: 1px solid;
4316 border-radius: 50%;
4317 -webkit-transition: background-color 0.3s ease, border-color 0.3s ease;
4318 transition: background-color 0.3s ease, border-color 0.3s ease;
4319}
4320.next-step-dot > .next-step-item-finish .next-step-item-tail-overlay {
4321 background: #5584FF;
4322}
4323.next-step-dot > .next-step-item-finish .next-step-item-tail-underlay {
4324 background: #E6E7EB;
4325}
4326.next-step-dot > .next-step-item-finish > .next-step-item-container .next-step-item-progress {
4327 width: 12px;
4328 height: 12px;
4329}
4330.next-step-dot > .next-step-item-finish > .next-step-item-container .next-step-item-node {
4331 color: #5584FF;
4332}
4333.next-step-dot > .next-step-item-finish > .next-step-item-container .next-step-item-node-circle {
4334 background: #FFFFFF;
4335 border-color: #5584FF;
4336}
4337.next-step-dot > .next-step-item-finish > .next-step-item-container .next-step-item-node-dot {
4338 background: #FFFFFF;
4339 border-color: #5584FF;
4340}
4341.next-step-dot > .next-step-item-finish .next-step-item-title {
4342 color: #666666;
4343 word-break: break-word;
4344}
4345.next-step-dot > .next-step-item-finish .next-step-item-content {
4346 color: #666666;
4347 font-size: 12px;
4348 line-height: 1.5;
4349 word-break: break-word;
4350}
4351.next-step-dot > .next-step-item-finish .next-step-item-node-placeholder {
4352 width: 12px;
4353 height: 12px;
4354 position: relative;
4355}
4356.next-step-dot > .next-step-item-finish .next-step-item-node {
4357 position: relative;
4358 display: inline-block;
4359 text-align: center;
4360 cursor: pointer;
4361}
4362.next-step-dot > .next-step-item-finish .next-step-item-node-circle {
4363 display: block;
4364 width: 12px;
4365 height: 12px;
4366 font-size: 12px;
4367 font-weight: normal;
4368 line-height: 10px;
4369 text-align: center;
4370 border: 1px solid;
4371 border-radius: 50%;
4372 -webkit-transition: background-color 100ms linear;
4373 transition: background-color 100ms linear;
4374}
4375.next-step-dot > .next-step-item-finish .next-step-item-node-circle .next-icon {
4376 -webkit-animation: zoomIn 300ms linear;
4377 animation: zoomIn 300ms linear;
4378}
4379.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 {
4380 width: 12px;
4381 font-size: 12px;
4382 line-height: inherit;
4383}
4384.next-step-dot > .next-step-item-finish .next-step-item-content {
4385 font-size: 12px;
4386}
4387.next-step-dot > .next-step-item-finish .next-step-item-node-dot {
4388 display: block;
4389 width: 12px;
4390 height: 12px;
4391 font-size: 12px;
4392 line-height: 10px;
4393 text-align: center;
4394 border: 1px solid;
4395 border-radius: 50%;
4396 -webkit-transition: background-color 0.3s ease, border-color 0.3s ease;
4397 transition: background-color 0.3s ease, border-color 0.3s ease;
4398}
4399.next-step-dot .next-step-item-disabled .next-step-item-tail-overlay {
4400 background: #E6E7EB;
4401}
4402.next-step-dot .next-step-item-disabled .next-step-item-tail-underlay {
4403 background: #E6E7EB;
4404}
4405.next-step-dot .next-step-item-disabled > .next-step-item-container .next-step-item-progress {
4406 width: 12px;
4407 height: 12px;
4408}
4409.next-step-dot .next-step-item-disabled > .next-step-item-container .next-step-item-node {
4410 color: #E6E7EB;
4411}
4412.next-step-dot .next-step-item-disabled > .next-step-item-container .next-step-item-node-circle {
4413 background: #FFFFFF;
4414 border-color: #DCDEE3;
4415}
4416.next-step-dot .next-step-item-disabled > .next-step-item-container .next-step-item-node-dot {
4417 background: #FFFFFF;
4418 border-color: #DCDEE3;
4419}
4420.next-step-dot .next-step-item-disabled .next-step-item-title {
4421 color: #CCCCCC;
4422 word-break: break-word;
4423}
4424.next-step-dot .next-step-item-disabled .next-step-item-content {
4425 color: #CCCCCC;
4426 font-size: 12px;
4427 line-height: 1.5;
4428 word-break: break-word;
4429}
4430.next-step-dot .next-step-item-disabled .next-step-item-node-placeholder {
4431 width: 12px;
4432 height: 12px;
4433 position: relative;
4434}
4435.next-step-dot .next-step-item-disabled .next-step-item-node {
4436 position: relative;
4437 display: inline-block;
4438 text-align: center;
4439 cursor: pointer;
4440}
4441.next-step-dot .next-step-item-disabled .next-step-item-node-circle {
4442 display: block;
4443 width: 12px;
4444 height: 12px;
4445 font-size: 12px;
4446 font-weight: normal;
4447 line-height: 10px;
4448 text-align: center;
4449 border: 1px solid;
4450 border-radius: 50%;
4451 -webkit-transition: background-color 100ms linear;
4452 transition: background-color 100ms linear;
4453}
4454.next-step-dot .next-step-item-disabled .next-step-item-node-circle .next-icon {
4455 -webkit-animation: zoomIn 300ms linear;
4456 animation: zoomIn 300ms linear;
4457}
4458.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 {
4459 width: 12px;
4460 font-size: 12px;
4461 line-height: inherit;
4462}
4463.next-step-dot .next-step-item-disabled .next-step-item-content {
4464 font-size: 12px;
4465}
4466.next-step-dot .next-step-item-disabled .next-step-item-node-dot {
4467 display: block;
4468 width: 12px;
4469 height: 12px;
4470 font-size: 12px;
4471 line-height: 10px;
4472 text-align: center;
4473 border: 1px solid;
4474 border-radius: 50%;
4475 -webkit-transition: background-color 0.3s ease, border-color 0.3s ease;
4476 transition: background-color 0.3s ease, border-color 0.3s ease;
4477}
4478.next-step-dot .next-step-item-disabled .next-step-item-node-placeholder,
4479.next-step-dot .next-step-item-disabled .next-step-item-node {
4480 cursor: not-allowed;
4481}
4482.next-step-dot .next-step-item-read-only .next-step-item-node-placeholder,
4483.next-step-dot .next-step-item-read-only .next-step-item-node {
4484 cursor: default;
4485}
4486.next-step-dot .next-step-item-last .next-step-item-tail {
4487 display: none;
4488}
4489.next-step-dot.next-step-horizontal {
4490 text-align: center;
4491 white-space: nowrap;
4492}
4493.next-step-dot.next-step-horizontal > .next-step-item .next-step-item-title {
4494 white-space: normal;
4495}
4496.next-step-dot.next-step-horizontal > .next-step-item .next-step-item-content {
4497 white-space: normal;
4498}
4499.next-step-dot.next-step-horizontal .next-step-item-node .next-icon {
4500 vertical-align: middle;
4501}
4502.next-step-dot.next-step-horizontal > .next-step-item-wait .next-step-item-tail {
4503 display: inline-block;
4504 clear: both;
4505 width: calc(100% - 28px);
4506 vertical-align: middle;
4507}
4508.next-step-dot.next-step-horizontal > .next-step-item-wait .next-step-item-tail .next-step-item-tail-underlay {
4509 display: block;
4510 height: 1px;
4511 position: relative;
4512}
4513.next-step-dot.next-step-horizontal > .next-step-item-wait .next-step-item-tail .next-step-item-tail-overlay {
4514 position: absolute;
4515 top: 0;
4516 height: 1px;
4517 -webkit-transition: all 100ms linear;
4518 transition: all 100ms linear;
4519 width: 100%;
4520}
4521.next-step-dot.next-step-horizontal > .next-step-item-wait > .next-step-item-body {
4522 width: 100px;
4523 left: -36px;
4524 text-align: center;
4525 position: absolute;
4526}
4527.next-step-dot.next-step-horizontal > .next-step-item-wait > .next-step-item-body > .next-step-item-title {
4528 font-size: 12px;
4529 line-height: 16px;
4530 margin-top: 8px;
4531 font-weight: bold;
4532}
4533.next-step-dot.next-step-horizontal > .next-step-item-wait > .next-step-item-body > .next-step-item-content {
4534 margin-top: 4px;
4535}
4536.next-step-dot.next-step-horizontal > .next-step-item-process .next-step-item-tail {
4537 display: inline-block;
4538 clear: both;
4539 width: calc(100% - 28px);
4540 vertical-align: middle;
4541}
4542.next-step-dot.next-step-horizontal > .next-step-item-process .next-step-item-tail .next-step-item-tail-underlay {
4543 display: block;
4544 height: 1px;
4545 position: relative;
4546}
4547.next-step-dot.next-step-horizontal > .next-step-item-process .next-step-item-tail .next-step-item-tail-overlay {
4548 position: absolute;
4549 top: 0;
4550 height: 1px;
4551 -webkit-transition: all 100ms linear;
4552 transition: all 100ms linear;
4553 width: 100%;
4554}
4555.next-step-dot.next-step-horizontal > .next-step-item-process > .next-step-item-body {
4556 width: 100px;
4557 left: -36px;
4558 text-align: center;
4559 position: absolute;
4560}
4561.next-step-dot.next-step-horizontal > .next-step-item-process > .next-step-item-body > .next-step-item-title {
4562 font-size: 12px;
4563 line-height: 16px;
4564 margin-top: 8px;
4565 font-weight: bold;
4566}
4567.next-step-dot.next-step-horizontal > .next-step-item-process > .next-step-item-body > .next-step-item-content {
4568 margin-top: 4px;
4569}
4570.next-step-dot.next-step-horizontal > .next-step-item-finish .next-step-item-tail {
4571 display: inline-block;
4572 clear: both;
4573 width: calc(100% - 28px);
4574 vertical-align: middle;
4575}
4576.next-step-dot.next-step-horizontal > .next-step-item-finish .next-step-item-tail .next-step-item-tail-underlay {
4577 display: block;
4578 height: 1px;
4579 position: relative;
4580}
4581.next-step-dot.next-step-horizontal > .next-step-item-finish .next-step-item-tail .next-step-item-tail-overlay {
4582 position: absolute;
4583 top: 0;
4584 height: 1px;
4585 -webkit-transition: all 100ms linear;
4586 transition: all 100ms linear;
4587 width: 100%;
4588}
4589.next-step-dot.next-step-horizontal > .next-step-item-finish > .next-step-item-body {
4590 width: 100px;
4591 left: -36px;
4592 text-align: center;
4593 position: absolute;
4594}
4595.next-step-dot.next-step-horizontal > .next-step-item-finish > .next-step-item-body > .next-step-item-title {
4596 font-size: 12px;
4597 line-height: 16px;
4598 margin-top: 8px;
4599 font-weight: bold;
4600}
4601.next-step-dot.next-step-horizontal > .next-step-item-finish > .next-step-item-body > .next-step-item-content {
4602 margin-top: 4px;
4603}
4604.next-step-dot.next-step-horizontal > .next-step-item-disabled .next-step-item-tail {
4605 display: inline-block;
4606 clear: both;
4607 width: calc(100% - 28px);
4608 vertical-align: middle;
4609}
4610.next-step-dot.next-step-horizontal > .next-step-item-disabled .next-step-item-tail .next-step-item-tail-underlay {
4611 display: block;
4612 height: 1px;
4613 position: relative;
4614}
4615.next-step-dot.next-step-horizontal > .next-step-item-disabled .next-step-item-tail .next-step-item-tail-overlay {
4616 position: absolute;
4617 top: 0;
4618 height: 1px;
4619 -webkit-transition: all 100ms linear;
4620 transition: all 100ms linear;
4621 width: 100%;
4622}
4623.next-step-dot.next-step-horizontal > .next-step-item-disabled > .next-step-item-body {
4624 width: 100px;
4625 left: -36px;
4626 text-align: center;
4627 position: absolute;
4628}
4629.next-step-dot.next-step-horizontal > .next-step-item-disabled > .next-step-item-body > .next-step-item-title {
4630 font-size: 12px;
4631 line-height: 16px;
4632 margin-top: 8px;
4633 font-weight: bold;
4634}
4635.next-step-dot.next-step-horizontal > .next-step-item-disabled > .next-step-item-body > .next-step-item-content {
4636 margin-top: 4px;
4637}
4638.next-step-dot.next-step-vertical {
4639 padding: 0 0 0 4px;
4640 font-size: 0;
4641 display: table-cell;
4642 position: relative;
4643}
4644.next-step-dot.next-step-vertical .next-step-item-container {
4645 padding: 0;
4646}
4647.next-step-dot.next-step-vertical > .next-step-item:last-child .next-step-item-tail {
4648 display: block;
4649 visibility: hidden;
4650}
4651.next-step-dot.next-step-vertical > .next-step-item-wait .next-step-item-tail {
4652 width: 1px;
4653 height: 0;
4654 margin: 8px auto;
4655}
4656.next-step-dot.next-step-vertical > .next-step-item-wait .next-step-item-tail .next-step-item-tail-underlay {
4657 height: 100%;
4658 width: 1px;
4659 position: relative;
4660}
4661.next-step-dot.next-step-vertical > .next-step-item-wait .next-step-item-tail .next-step-item-tail-overlay {
4662 position: absolute;
4663 top: 0;
4664 height: 100%;
4665 width: 1px;
4666}
4667.next-step-dot.next-step-vertical > .next-step-item-wait > .next-step-item-body {
4668 position: absolute;
4669 top: 0;
4670 left: 6px;
4671 margin-left: 8px;
4672}
4673.next-step-dot.next-step-vertical > .next-step-item-wait > .next-step-item-body > .next-step-item-title {
4674 margin-top: 0px;
4675 font-weight: bold;
4676 text-align: left;
4677 font-family: Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Microsoft YaHei";
4678 font-size: 12px;
4679 line-height: 1.2857142;
4680}
4681.next-step-dot.next-step-vertical > .next-step-item-wait > .next-step-item-body > .next-step-item-content {
4682 margin-top: 8px;
4683 min-height: 8px;
4684 text-align: left;
4685 font-size: 12px;
4686 line-height: 1.5;
4687}
4688.next-step-dot.next-step-vertical > .next-step-item-process .next-step-item-tail {
4689 width: 1px;
4690 height: 0;
4691 margin: 8px auto;
4692}
4693.next-step-dot.next-step-vertical > .next-step-item-process .next-step-item-tail .next-step-item-tail-underlay {
4694 height: 100%;
4695 width: 1px;
4696 position: relative;
4697}
4698.next-step-dot.next-step-vertical > .next-step-item-process .next-step-item-tail .next-step-item-tail-overlay {
4699 position: absolute;
4700 top: 0;
4701 height: 100%;
4702 width: 1px;
4703}
4704.next-step-dot.next-step-vertical > .next-step-item-process > .next-step-item-body {
4705 position: absolute;
4706 top: 0;
4707 left: 6px;
4708 margin-left: 8px;
4709}
4710.next-step-dot.next-step-vertical > .next-step-item-process > .next-step-item-body > .next-step-item-title {
4711 margin-top: 0px;
4712 font-weight: bold;
4713 text-align: left;
4714 font-family: Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Microsoft YaHei";
4715 font-size: 12px;
4716 line-height: 1.2857142;
4717}
4718.next-step-dot.next-step-vertical > .next-step-item-process > .next-step-item-body > .next-step-item-content {
4719 margin-top: 8px;
4720 min-height: 8px;
4721 text-align: left;
4722 font-size: 12px;
4723 line-height: 1.5;
4724}
4725.next-step-dot.next-step-vertical > .next-step-item-finish .next-step-item-tail {
4726 width: 1px;
4727 height: 0;
4728 margin: 8px auto;
4729}
4730.next-step-dot.next-step-vertical > .next-step-item-finish .next-step-item-tail .next-step-item-tail-underlay {
4731 height: 100%;
4732 width: 1px;
4733 position: relative;
4734}
4735.next-step-dot.next-step-vertical > .next-step-item-finish .next-step-item-tail .next-step-item-tail-overlay {
4736 position: absolute;
4737 top: 0;
4738 height: 100%;
4739 width: 1px;
4740}
4741.next-step-dot.next-step-vertical > .next-step-item-finish > .next-step-item-body {
4742 position: absolute;
4743 top: 0;
4744 left: 6px;
4745 margin-left: 8px;
4746}
4747.next-step-dot.next-step-vertical > .next-step-item-finish > .next-step-item-body > .next-step-item-title {
4748 margin-top: 0px;
4749 font-weight: bold;
4750 text-align: left;
4751 font-family: Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Microsoft YaHei";
4752 font-size: 12px;
4753 line-height: 1.2857142;
4754}
4755.next-step-dot.next-step-vertical > .next-step-item-finish > .next-step-item-body > .next-step-item-content {
4756 margin-top: 8px;
4757 min-height: 8px;
4758 text-align: left;
4759 font-size: 12px;
4760 line-height: 1.5;
4761}
4762.next-step-dot.next-step-vertical > .next-step-item-disabled .next-step-item-tail {
4763 width: 1px;
4764 height: 0;
4765 margin: 8px auto;
4766}
4767.next-step-dot.next-step-vertical > .next-step-item-disabled .next-step-item-tail .next-step-item-tail-underlay {
4768 height: 100%;
4769 width: 1px;
4770 position: relative;
4771}
4772.next-step-dot.next-step-vertical > .next-step-item-disabled .next-step-item-tail .next-step-item-tail-overlay {
4773 position: absolute;
4774 top: 0;
4775 height: 100%;
4776 width: 1px;
4777}
4778.next-step-dot.next-step-vertical > .next-step-item-disabled > .next-step-item-body {
4779 position: absolute;
4780 top: 0;
4781 left: 6px;
4782 margin-left: 8px;
4783}
4784.next-step-dot.next-step-vertical > .next-step-item-disabled > .next-step-item-body > .next-step-item-title {
4785 margin-top: 0px;
4786 font-weight: bold;
4787 text-align: left;
4788 font-family: Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Microsoft YaHei";
4789 font-size: 12px;
4790 line-height: 1.2857142;
4791}
4792.next-step-dot.next-step-vertical > .next-step-item-disabled > .next-step-item-body > .next-step-item-content {
4793 margin-top: 8px;
4794 min-height: 8px;
4795 text-align: left;
4796 font-size: 12px;
4797 line-height: 1.5;
4798}
4799
4800.next-step-horizontal[dir=rtl] > .next-step-item {
4801 text-align: right;
4802}
4803
4804.next-step-arrow[dir=rtl] .next-step-item {
4805 height: 32px;
4806 line-height: 32px;
4807 margin-left: 4px;
4808 margin-right: 16px;
4809}
4810.next-step-arrow[dir=rtl] .next-step-item:before {
4811 right: -16px;
4812 left: auto;
4813 border: 16px solid transparent;
4814 border-right-color: transparent;
4815}
4816.next-step-arrow[dir=rtl] .next-step-item:after {
4817 left: -32px;
4818 right: auto;
4819 border-top: 16px solid transparent;
4820 border-bottom: 16px solid transparent;
4821 border-right: 16px solid transparent;
4822}
4823.next-step-arrow[dir=rtl] > .next-step-item-wait {
4824 background: #EBECF0;
4825}
4826.next-step-arrow[dir=rtl] > .next-step-item-wait .next-step-item-node-dot {
4827 right: 50%;
4828 left: auto;
4829}
4830.next-step-arrow[dir=rtl] > .next-step-item-wait:before {
4831 border: 16px solid #EBECF0;
4832 border-right-color: transparent;
4833}
4834.next-step-arrow[dir=rtl] > .next-step-item-wait:after {
4835 border-right-color: #EBECF0;
4836 border-left-color: transparent;
4837}
4838.next-step-arrow[dir=rtl] > .next-step-item-process {
4839 background: #5584FF;
4840}
4841.next-step-arrow[dir=rtl] > .next-step-item-process .next-step-item-node-dot {
4842 right: 50%;
4843 left: auto;
4844}
4845.next-step-arrow[dir=rtl] > .next-step-item-process:before {
4846 border: 16px solid #5584FF;
4847 border-right-color: transparent;
4848}
4849.next-step-arrow[dir=rtl] > .next-step-item-process:after {
4850 border-right-color: #5584FF;
4851 border-left-color: transparent;
4852}
4853.next-step-arrow[dir=rtl] > .next-step-item-finish {
4854 background: #DEE8FF;
4855}
4856.next-step-arrow[dir=rtl] > .next-step-item-finish .next-step-item-node-dot {
4857 right: 50%;
4858 left: auto;
4859}
4860.next-step-arrow[dir=rtl] > .next-step-item-finish:before {
4861 border: 16px solid #DEE8FF;
4862 border-right-color: transparent;
4863}
4864.next-step-arrow[dir=rtl] > .next-step-item-finish:after {
4865 border-right-color: #DEE8FF;
4866 border-left-color: transparent;
4867}
4868.next-step-arrow[dir=rtl] .next-step-item-disabled {
4869 background: #F7F8FA;
4870}
4871.next-step-arrow[dir=rtl] .next-step-item-disabled .next-step-item-node-dot {
4872 right: 50%;
4873 left: auto;
4874}
4875.next-step-arrow[dir=rtl] .next-step-item-disabled:before {
4876 border: 16px solid #F7F8FA;
4877 border-right-color: transparent;
4878}
4879.next-step-arrow[dir=rtl] .next-step-item-disabled:after {
4880 border-right-color: #F7F8FA;
4881 border-left-color: transparent;
4882}
4883.next-step-arrow[dir=rtl] .next-step-item-first {
4884 margin-right: 0;
4885}
4886.next-step-arrow[dir=rtl] .next-step-item-last {
4887 margin-left: 0;
4888}
4889
4890.next-step-circle[dir=rtl] > .next-step-item-wait .next-step-item-node-dot {
4891 right: 50%;
4892 left: auto;
4893}
4894.next-step-circle[dir=rtl] > .next-step-item-process .next-step-item-node-dot {
4895 right: 50%;
4896 left: auto;
4897}
4898.next-step-circle[dir=rtl] > .next-step-item-finish .next-step-item-node-dot {
4899 right: 50%;
4900 left: auto;
4901}
4902.next-step-circle[dir=rtl] .next-step-item-disabled .next-step-item-node-dot {
4903 right: 50%;
4904 left: auto;
4905}
4906.next-step-circle[dir=rtl].next-step-horizontal > .next-step-item-wait > .next-step-item-body {
4907 right: -26px;
4908 left: auto;
4909}
4910.next-step-circle[dir=rtl].next-step-horizontal > .next-step-item-process > .next-step-item-body {
4911 right: -26px;
4912 left: auto;
4913}
4914.next-step-circle[dir=rtl].next-step-horizontal > .next-step-item-finish > .next-step-item-body {
4915 right: -26px;
4916 left: auto;
4917}
4918.next-step-circle[dir=rtl].next-step-horizontal > .next-step-item-disabled > .next-step-item-body {
4919 right: -26px;
4920 left: auto;
4921}
4922.next-step-circle[dir=rtl].next-step-horizontal.next-step-label-horizontal > .next-step-item-wait .next-step-item-body {
4923 left: auto;
4924 right: 0;
4925 text-align: right;
4926}
4927.next-step-circle[dir=rtl].next-step-horizontal.next-step-label-horizontal > .next-step-item-wait .next-step-item-body .next-step-item-title {
4928 padding-left: 8px;
4929 padding-right: 0;
4930}
4931.next-step-circle[dir=rtl].next-step-horizontal.next-step-label-horizontal > .next-step-item-wait .next-step-item-tail {
4932 left: 0;
4933 right: auto;
4934}
4935.next-step-circle[dir=rtl].next-step-horizontal.next-step-label-horizontal > .next-step-item-process .next-step-item-body {
4936 left: auto;
4937 right: 0;
4938 text-align: right;
4939}
4940.next-step-circle[dir=rtl].next-step-horizontal.next-step-label-horizontal > .next-step-item-process .next-step-item-body .next-step-item-title {
4941 padding-left: 8px;
4942 padding-right: 0;
4943}
4944.next-step-circle[dir=rtl].next-step-horizontal.next-step-label-horizontal > .next-step-item-process .next-step-item-tail {
4945 left: 0;
4946 right: auto;
4947}
4948.next-step-circle[dir=rtl].next-step-horizontal.next-step-label-horizontal > .next-step-item-finish .next-step-item-body {
4949 left: auto;
4950 right: 0;
4951 text-align: right;
4952}
4953.next-step-circle[dir=rtl].next-step-horizontal.next-step-label-horizontal > .next-step-item-finish .next-step-item-body .next-step-item-title {
4954 padding-left: 8px;
4955 padding-right: 0;
4956}
4957.next-step-circle[dir=rtl].next-step-horizontal.next-step-label-horizontal > .next-step-item-finish .next-step-item-tail {
4958 left: 0;
4959 right: auto;
4960}
4961.next-step-circle[dir=rtl].next-step-horizontal.next-step-label-horizontal > .next-step-item-disabled .next-step-item-body {
4962 left: auto;
4963 right: 0;
4964 text-align: right;
4965}
4966.next-step-circle[dir=rtl].next-step-horizontal.next-step-label-horizontal > .next-step-item-disabled .next-step-item-body .next-step-item-title {
4967 padding-left: 8px;
4968 padding-right: 0;
4969}
4970.next-step-circle[dir=rtl].next-step-horizontal.next-step-label-horizontal > .next-step-item-disabled .next-step-item-tail {
4971 left: 0;
4972 right: auto;
4973}
4974.next-step-circle[dir=rtl].next-step-vertical > .next-step-item-wait > .next-step-item-body {
4975 right: 16px;
4976 left: auto;
4977 margin-right: 8px;
4978 margin-left: 0;
4979}
4980.next-step-circle[dir=rtl].next-step-vertical > .next-step-item-wait > .next-step-item-body > .next-step-item-title {
4981 text-align: right;
4982 font-family: Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Microsoft YaHei";
4983 font-size: 12px;
4984 line-height: 1.2857142;
4985}
4986.next-step-circle[dir=rtl].next-step-vertical > .next-step-item-wait > .next-step-item-body > .next-step-item-content {
4987 text-align: right;
4988}
4989.next-step-circle[dir=rtl].next-step-vertical > .next-step-item-process > .next-step-item-body {
4990 right: 16px;
4991 left: auto;
4992 margin-right: 8px;
4993 margin-left: 0;
4994}
4995.next-step-circle[dir=rtl].next-step-vertical > .next-step-item-process > .next-step-item-body > .next-step-item-title {
4996 text-align: right;
4997 font-family: Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Microsoft YaHei";
4998 font-size: 12px;
4999 line-height: 1.2857142;
5000}
5001.next-step-circle[dir=rtl].next-step-vertical > .next-step-item-process > .next-step-item-body > .next-step-item-content {
5002 text-align: right;
5003}
5004.next-step-circle[dir=rtl].next-step-vertical > .next-step-item-finish > .next-step-item-body {
5005 right: 16px;
5006 left: auto;
5007 margin-right: 8px;
5008 margin-left: 0;
5009}
5010.next-step-circle[dir=rtl].next-step-vertical > .next-step-item-finish > .next-step-item-body > .next-step-item-title {
5011 text-align: right;
5012 font-family: Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Microsoft YaHei";
5013 font-size: 12px;
5014 line-height: 1.2857142;
5015}
5016.next-step-circle[dir=rtl].next-step-vertical > .next-step-item-finish > .next-step-item-body > .next-step-item-content {
5017 text-align: right;
5018}
5019.next-step-circle[dir=rtl].next-step-vertical > .next-step-item-disabled > .next-step-item-body {
5020 right: 16px;
5021 left: auto;
5022 margin-right: 8px;
5023 margin-left: 0;
5024}
5025.next-step-circle[dir=rtl].next-step-vertical > .next-step-item-disabled > .next-step-item-body > .next-step-item-title {
5026 text-align: right;
5027 font-family: Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Microsoft YaHei";
5028 font-size: 12px;
5029 line-height: 1.2857142;
5030}
5031.next-step-circle[dir=rtl].next-step-vertical > .next-step-item-disabled > .next-step-item-body > .next-step-item-content {
5032 text-align: right;
5033}
5034
5035.next-step-dot[dir=rtl] > .next-step-item-wait .next-step-item-node-dot {
5036 right: 50%;
5037 left: auto;
5038}
5039.next-step-dot[dir=rtl] > .next-step-item-process .next-step-item-node-dot {
5040 right: 50%;
5041 left: auto;
5042}
5043.next-step-dot[dir=rtl] > .next-step-item-finish .next-step-item-node-dot {
5044 right: 50%;
5045 left: auto;
5046}
5047.next-step-dot[dir=rtl] .next-step-item-disabled .next-step-item-node-dot {
5048 right: 50%;
5049 left: auto;
5050}
5051.next-step-dot[dir=rtl].next-step-horizontal > .next-step-item-wait > .next-step-item-body {
5052 right: -36px;
5053 left: auto;
5054}
5055.next-step-dot[dir=rtl].next-step-horizontal > .next-step-item-process > .next-step-item-body {
5056 right: -36px;
5057 left: auto;
5058}
5059.next-step-dot[dir=rtl].next-step-horizontal > .next-step-item-finish > .next-step-item-body {
5060 right: -36px;
5061 left: auto;
5062}
5063.next-step-dot[dir=rtl].next-step-horizontal > .next-step-item-disabled > .next-step-item-body {
5064 right: -36px;
5065 left: auto;
5066}
5067.next-step-dot[dir=rtl].next-step-vertical {
5068 padding: 0 4px 0 0;
5069}
5070.next-step-dot[dir=rtl].next-step-vertical > .next-step-item-wait > .next-step-item-body {
5071 right: 6px;
5072 left: auto;
5073 margin-right: 8px;
5074 margin-left: 0;
5075}
5076.next-step-dot[dir=rtl].next-step-vertical > .next-step-item-wait > .next-step-item-body > .next-step-item-title {
5077 text-align: right;
5078 font-family: Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Microsoft YaHei";
5079 font-size: 12px;
5080 line-height: 1.2857142;
5081}
5082.next-step-dot[dir=rtl].next-step-vertical > .next-step-item-wait > .next-step-item-body > .next-step-item-content {
5083 text-align: right;
5084}
5085.next-step-dot[dir=rtl].next-step-vertical > .next-step-item-process > .next-step-item-body {
5086 right: 6px;
5087 left: auto;
5088 margin-right: 8px;
5089 margin-left: 0;
5090}
5091.next-step-dot[dir=rtl].next-step-vertical > .next-step-item-process > .next-step-item-body > .next-step-item-title {
5092 text-align: right;
5093 font-family: Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Microsoft YaHei";
5094 font-size: 12px;
5095 line-height: 1.2857142;
5096}
5097.next-step-dot[dir=rtl].next-step-vertical > .next-step-item-process > .next-step-item-body > .next-step-item-content {
5098 text-align: right;
5099}
5100.next-step-dot[dir=rtl].next-step-vertical > .next-step-item-finish > .next-step-item-body {
5101 right: 6px;
5102 left: auto;
5103 margin-right: 8px;
5104 margin-left: 0;
5105}
5106.next-step-dot[dir=rtl].next-step-vertical > .next-step-item-finish > .next-step-item-body > .next-step-item-title {
5107 text-align: right;
5108 font-family: Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Microsoft YaHei";
5109 font-size: 12px;
5110 line-height: 1.2857142;
5111}
5112.next-step-dot[dir=rtl].next-step-vertical > .next-step-item-finish > .next-step-item-body > .next-step-item-content {
5113 text-align: right;
5114}
5115.next-step-dot[dir=rtl].next-step-vertical > .next-step-item-disabled > .next-step-item-body {
5116 right: 6px;
5117 left: auto;
5118 margin-right: 8px;
5119 margin-left: 0;
5120}
5121.next-step-dot[dir=rtl].next-step-vertical > .next-step-item-disabled > .next-step-item-body > .next-step-item-title {
5122 text-align: right;
5123 font-family: Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Microsoft YaHei";
5124 font-size: 12px;
5125 line-height: 1.2857142;
5126}
5127.next-step-dot[dir=rtl].next-step-vertical > .next-step-item-disabled > .next-step-item-body > .next-step-item-content {
5128 text-align: right;
5129}
5130
5131.next-switch:after[dir=rtl] {
5132 content: " ";
5133 -webkit-transition: all 100ms linear;
5134 transition: all 100ms linear;
5135 -webkit-transform-origin: right center;
5136 -ms-transform-origin: right center;
5137 transform-origin: right center;
5138}
5139.next-switch-medium[dir=rtl]:after {
5140 right: 100%;
5141 -webkit-transform: translateX(100%);
5142 -ms-transform: translateX(100%);
5143 transform: translateX(100%);
5144}
5145.next-switch-small[dir=rtl]:after {
5146 right: 100%;
5147 -webkit-transform: translateX(100%);
5148 -ms-transform: translateX(100%);
5149 transform: translateX(100%);
5150}
5151.next-switch-on[dir=rtl] > .next-switch-children {
5152 color: #FFFFFF;
5153}
5154.next-switch-on[disabled][dir=rtl]:after {
5155 left: 0;
5156 right: 100%;
5157 -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
5158 box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
5159}
5160.next-switch-off[dir=rtl]:after {
5161 right: 0;
5162 -webkit-transform: translateX(0);
5163 -ms-transform: translateX(0);
5164 transform: translateX(0);
5165 -webkit-box-shadow: -1px 0px 3px 0px rgba(0, 0, 0, 0.12);
5166 box-shadow: -1px 0px 3px 0px rgba(0, 0, 0, 0.12);
5167}
5168.next-switch-off[dir=rtl] > .next-switch-children {
5169 right: auto;
5170}
5171.next-switch-off.next-switch-small[dir=rtl] > .next-switch-children {
5172 right: auto;
5173}
5174
5175.next-switch {
5176 -webkit-box-sizing: border-box;
5177 box-sizing: border-box;
5178 outline: none;
5179 text-align: left;
5180 cursor: pointer;
5181 vertical-align: middle;
5182 -webkit-user-select: none;
5183 -moz-user-select: none;
5184 -ms-user-select: none;
5185 user-select: none;
5186 overflow: hidden;
5187 -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);
5188 transition: background 0.1s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.1s cubic-bezier(0.4, 0, 0.2, 1);
5189}
5190.next-switch *,
5191.next-switch *:before,
5192.next-switch *:after {
5193 -webkit-box-sizing: border-box;
5194 box-sizing: border-box;
5195}
5196.next-switch-btn {
5197 -webkit-transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
5198 transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
5199 -webkit-transform-origin: left center;
5200 -ms-transform-origin: left center;
5201 transform-origin: left center;
5202}
5203.next-switch:after {
5204 content: "";
5205}
5206.next-switch-loading {
5207 pointer-events: none;
5208}
5209.next-switch-loading .next-icon-loading {
5210 color: #5584FF;
5211 text-align: center;
5212 -webkit-transform: translate(-1px, -1px);
5213 -ms-transform: translate(-1px, -1px);
5214 transform: translate(-1px, -1px);
5215}
5216.next-switch-loading .next-icon-loading.next-switch-inner-icon:before {
5217 vertical-align: top;
5218}
5219.next-switch-medium {
5220 position: relative;
5221 display: inline-block;
5222 border: 2px solid transparent;
5223 width: 56px;
5224 height: 28px;
5225 border-radius: 20px;
5226}
5227.next-switch-medium:not([disabled]):active .next-switch-btn {
5228 width: 31.2px;
5229}
5230.next-switch-medium.next-switch-on:not([disabled]):active .next-switch-btn {
5231 left: calc(100% - 31.2px);
5232}
5233.next-switch-medium.next-switch-auto-width {
5234 min-width: 56px;
5235 width: auto;
5236 overflow: initial;
5237}
5238.next-switch-medium:after {
5239 content: "";
5240}
5241.next-switch-medium > .next-switch-btn {
5242 border: 1px solid transparent;
5243 position: absolute;
5244 left: calc(100% - 24px);
5245 width: 24px;
5246 height: 24px;
5247 border-radius: 20px;
5248 -webkit-box-sizing: border-box;
5249 box-sizing: border-box;
5250}
5251.next-switch-medium > .next-switch-children {
5252 height: 24px;
5253 line-height: 24px;
5254}
5255.next-switch-medium > .next-switch-children {
5256 font-size: 12px;
5257}
5258.next-switch-medium.next-switch.next-switch-on > .next-switch-children {
5259 margin: 0 32px 0 8px;
5260}
5261.next-switch-medium.next-switch.next-switch-off > .next-switch-children {
5262 margin: 0 8px 0 32px;
5263}
5264.next-switch-medium.next-switch-loading .next-icon-loading {
5265 line-height: 24px;
5266 height: 24px;
5267 width: 24px;
5268}
5269.next-switch-medium.next-switch-loading .next-icon-loading:before, .next-switch-medium.next-switch-loading .next-icon-loading .next-icon-remote {
5270 width: 16px;
5271 font-size: 16px;
5272 line-height: inherit;
5273}
5274.next-switch-small {
5275 position: relative;
5276 display: inline-block;
5277 border: 2px solid transparent;
5278 width: 44px;
5279 height: 24px;
5280 border-radius: 20px;
5281}
5282.next-switch-small:not([disabled]):active .next-switch-btn {
5283 width: 26px;
5284}
5285.next-switch-small.next-switch-on:not([disabled]):active .next-switch-btn {
5286 left: calc(100% - 26px);
5287}
5288.next-switch-small.next-switch-auto-width {
5289 min-width: 44px;
5290 width: auto;
5291 overflow: initial;
5292}
5293.next-switch-small:after {
5294 content: "";
5295}
5296.next-switch-small > .next-switch-btn {
5297 border: 1px solid transparent;
5298 position: absolute;
5299 left: calc(100% - 20px);
5300 width: 20px;
5301 height: 20px;
5302 border-radius: 20px;
5303 -webkit-box-sizing: border-box;
5304 box-sizing: border-box;
5305}
5306.next-switch-small > .next-switch-children {
5307 height: 20px;
5308 line-height: 20px;
5309}
5310.next-switch-small > .next-switch-children {
5311 font-size: 12px;
5312}
5313.next-switch-small.next-switch.next-switch-on > .next-switch-children {
5314 margin: 0 28px 0 8px;
5315}
5316.next-switch-small.next-switch.next-switch-off > .next-switch-children {
5317 margin: 0 8px 0 28px;
5318}
5319.next-switch-small.next-switch-loading .next-icon-loading {
5320 line-height: 20px;
5321 height: 20px;
5322 width: 20px;
5323}
5324.next-switch-small.next-switch-loading .next-icon-loading:before, .next-switch-small.next-switch-loading .next-icon-loading .next-icon-remote {
5325 width: 12px;
5326 font-size: 12px;
5327 line-height: inherit;
5328}
5329.next-switch-on {
5330 background-color: #5584FF;
5331}
5332.next-switch-on .next-switch-btn {
5333 -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
5334 box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
5335 background-color: #FFFFFF;
5336 border-color: transparent;
5337}
5338.next-switch-on > .next-switch-children {
5339 color: #FFFFFF;
5340}
5341.next-switch-on:focus, .next-switch-on.hover, .next-switch-on:hover {
5342 background-color: #3E71F7;
5343}
5344.next-switch-on:focus .next-switch-btn, .next-switch-on.hover .next-switch-btn, .next-switch-on:hover .next-switch-btn {
5345 background-color: #FFFFFF;
5346}
5347.next-switch-on[disabled] {
5348 background-color: #EBECF0;
5349 cursor: not-allowed;
5350}
5351.next-switch-on[disabled] .next-switch-btn {
5352 right: 0;
5353 -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
5354 box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
5355 background-color: #F7F8FA;
5356 border-color: transparent;
5357}
5358.next-switch-on[disabled] > .next-switch-children {
5359 color: #CCCCCC;
5360}
5361.next-switch-off {
5362 background-color: #EBECF0;
5363 border-color: #EBECF0;
5364}
5365.next-switch-off:focus, .next-switch-off.hover, .next-switch-off:hover {
5366 background-color: #EBECF0;
5367 border-color: #EBECF0;
5368}
5369.next-switch-off .next-switch-btn {
5370 left: 0;
5371 -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
5372 box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
5373 background-color: #FFFFFF;
5374 border-color: transparent;
5375}
5376.next-switch-off:focus .next-switch-btn, .next-switch-off.hover .next-switch-btn, .next-switch-off:hover .next-switch-btn {
5377 background-color: #FFFFFF;
5378}
5379.next-switch-off > .next-switch-children {
5380 color: #999999;
5381}
5382.next-switch-off[disabled] {
5383 background-color: #EBECF0;
5384 cursor: not-allowed;
5385}
5386.next-switch-off[disabled] .next-switch-btn {
5387 -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
5388 box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
5389 background-color: #F7F8FA;
5390 border-color: transparent;
5391}
5392.next-switch-off[disabled] > .next-switch-children {
5393 color: #C4C6CF;
5394}
5395
5396.next-tabs {
5397 /* Nav Button */
5398 /* ----------------- */
5399 /* position: vertical */
5400 /* ----------------- */
5401 /* Size */
5402 /* ----------------- */
5403 /* shape: pure */
5404 /* ----------------- */
5405 /* Shape: wrapped */
5406 /* --------------------- */
5407 /* Shape: wrapped(top) */
5408 /* Shape: wrapped(bottom) */
5409 /* Shape: wrapped(left) */
5410 /* Shape: wrapped(right) */
5411 /* Shape: text */
5412 /* ------------------- */
5413}
5414.next-tabs {
5415 -webkit-box-sizing: border-box;
5416 box-sizing: border-box;
5417 width: 100%;
5418}
5419.next-tabs *,
5420.next-tabs *:before,
5421.next-tabs *:after {
5422 -webkit-box-sizing: border-box;
5423 box-sizing: border-box;
5424}
5425.next-tabs-bar {
5426 outline: none;
5427}
5428.next-tabs-bar-popup {
5429 overflow-y: auto;
5430 max-height: 480px;
5431}
5432.next-tabs-nav-container {
5433 position: relative;
5434}
5435.next-tabs-nav-container:after {
5436 visibility: hidden;
5437 display: block;
5438 height: 0;
5439 font-size: 0;
5440 content: " ";
5441 clear: both;
5442}
5443.next-tabs-nav-wrap {
5444 overflow: hidden;
5445}
5446.next-tabs-nav-scroll {
5447 overflow: hidden;
5448 white-space: nowrap;
5449}
5450.next-tabs-scrollable .next-tabs-nav-scroll {
5451 overflow-x: auto;
5452 overflow-y: hidden;
5453 -webkit-overflow-scrolling: touch;
5454}
5455.next-tabs-scrollable .next-tabs-nav-scroll::-webkit-scrollbar {
5456 display: none !important;
5457 width: 0 !important;
5458 height: 0 !important;
5459 -webkit-appearance: none;
5460 opacity: 0 !important;
5461}
5462.next-tabs-nav {
5463 display: inline-block;
5464 position: relative;
5465 -webkit-transition: all 300ms ease;
5466 transition: all 300ms ease;
5467 list-style: none;
5468 padding: 0;
5469 margin: 0;
5470}
5471.next-tabs-nav-enter, .next-tabs-nav-appear {
5472 -webkit-animation: fadeInLeft 0.4s cubic-bezier(0.78, 0.14, 0.15, 0.86);
5473 animation: fadeInLeft 0.4s cubic-bezier(0.78, 0.14, 0.15, 0.86);
5474 -webkit-animation-fill-mode: both;
5475 animation-fill-mode: both;
5476}
5477.next-tabs-nav-leave {
5478 -webkit-animation: fadeOutLeft 0.2s cubic-bezier(0.78, 0.14, 0.15, 0.86);
5479 animation: fadeOutLeft 0.2s cubic-bezier(0.78, 0.14, 0.15, 0.86);
5480 -webkit-animation-fill-mode: both;
5481 animation-fill-mode: both;
5482}
5483.next-tabs-nav.next-disable-animation .next-tabs-tab:before {
5484 -webkit-transition: none;
5485 transition: none;
5486}
5487.next-tabs-tab {
5488 display: inline-block;
5489 position: relative;
5490 -webkit-transition: all 100ms linear;
5491 transition: all 100ms linear;
5492}
5493.next-tabs-tab-inner {
5494 position: relative;
5495 cursor: pointer;
5496 text-decoration: none;
5497}
5498.next-tabs-tab:before {
5499 content: "";
5500 position: absolute;
5501 -webkit-transition: all 300ms ease;
5502 transition: all 300ms ease;
5503}
5504.next-tabs-tab.active {
5505 font-weight: normal;
5506}
5507.next-tabs-tab .next-tabs-tab-close {
5508 color: #666666;
5509}
5510.next-tabs-tab .next-tabs-tab-close:hover {
5511 color: #333333;
5512}
5513.next-tabs-tab .next-tabs-tab-close:focus {
5514 outline: none;
5515}
5516.next-tabs-tab.active .next-tabs-tab-close {
5517 color: #5584FF;
5518}
5519.next-tabs-tab.disabled .next-tabs-tab-close {
5520 color: #DCDEE3;
5521}
5522.next-tabs-tab:focus {
5523 outline: none;
5524}
5525.next-tabs-tabpane {
5526 visibility: hidden;
5527 opacity: 0;
5528}
5529.next-tabs-tabpane.active {
5530 visibility: visible;
5531 opacity: 1;
5532 height: auto;
5533}
5534.next-tabs-tabpane.hidden {
5535 overflow: hidden;
5536 height: 0 !important;
5537 margin: 0 !important;
5538 padding: 0 !important;
5539 border: 0 !important;
5540}
5541.next-tabs-btn-down, .next-tabs-btn-prev, .next-tabs-btn-next {
5542 position: absolute;
5543 top: 0;
5544 cursor: pointer;
5545 padding: 0;
5546 border: 0;
5547 outline: none;
5548 height: 100%;
5549 background: transparent;
5550 border-color: transparent;
5551}
5552.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 {
5553 color: #666666;
5554}
5555.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 {
5556 color: #333333;
5557 background: transparent;
5558 border-color: transparent;
5559 text-decoration: none;
5560}
5561.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 {
5562 color: #333333;
5563 background: transparent;
5564 border-color: transparent;
5565 text-decoration: none;
5566}
5567.next-tabs-btn-down.disabled, .next-tabs-btn-prev.disabled, .next-tabs-btn-next.disabled {
5568 cursor: not-allowed;
5569 color: #DCDEE3;
5570}
5571.next-tabs-btn-next {
5572 right: 8px;
5573}
5574.next-tabs-btn-prev {
5575 right: 32px;
5576}
5577.next-tabs-btn-down {
5578 right: 8px;
5579}
5580.next-tabs .next-tab-icon-dropdown::before {
5581 content: "\E63D";
5582}
5583.next-tabs .next-tab-icon-prev::before {
5584 content: "\E61D";
5585}
5586.next-tabs .next-tab-icon-next::before {
5587 content: "\E619";
5588}
5589.next-tabs-content {
5590 overflow: hidden;
5591}
5592.next-tabs-vertical > .next-tabs-bar .next-tabs-nav {
5593 width: 100%;
5594}
5595.next-tabs-vertical > .next-tabs-bar .next-tabs-tab {
5596 display: block;
5597}
5598.next-tabs.next-medium .next-tabs-nav-container-scrolling {
5599 padding-right: 60px;
5600}
5601.next-tabs.next-medium .next-tabs-tab-inner {
5602 font-size: 12px;
5603 padding: 12px 16px;
5604}
5605.next-tabs.next-medium .next-tabs-tab-inner .next-icon {
5606 line-height: 1;
5607}
5608.next-tabs.next-medium .next-tabs-tab-inner .next-icon:before, .next-tabs.next-medium .next-tabs-tab-inner .next-icon .next-icon-remote {
5609 width: 16px;
5610 font-size: 16px;
5611 line-height: inherit;
5612}
5613.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 {
5614 width: 12px;
5615 font-size: 12px;
5616 line-height: inherit;
5617}
5618.next-tabs.next-medium .next-tabs-tab-inner .next-tabs-tab-close.next-icon {
5619 margin-left: 8px;
5620}
5621.next-tabs.next-medium .next-tabs-tab-inner .next-icon-add:before, .next-tabs.next-medium .next-tabs-tab-inner .next-icon-add .next-icon-remote {
5622 width: 12px;
5623 font-size: 12px;
5624 line-height: inherit;
5625}
5626.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 {
5627 width: 16px;
5628 font-size: 16px;
5629 line-height: inherit;
5630}
5631.next-tabs.next-small .next-tabs-nav-container-scrolling {
5632 padding-right: 56px;
5633}
5634.next-tabs.next-small .next-tabs-tab-inner {
5635 font-size: 12px;
5636 padding: 8px 12px;
5637}
5638.next-tabs.next-small .next-tabs-tab-inner .next-icon {
5639 line-height: 1;
5640}
5641.next-tabs.next-small .next-tabs-tab-inner .next-icon:before, .next-tabs.next-small .next-tabs-tab-inner .next-icon .next-icon-remote {
5642 width: 12px;
5643 font-size: 12px;
5644 line-height: inherit;
5645}
5646.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 {
5647 width: 8px;
5648 font-size: 8px;
5649 line-height: inherit;
5650}
5651@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
5652 .next-tabs.next-small .next-tabs-tab-inner .next-tabs-tab-close {
5653 -webkit-transform: scale(0.5);
5654 -ms-transform: scale(0.5);
5655 transform: scale(0.5);
5656 margin-left: -4px;
5657 margin-right: -4px;
5658 }
5659 .next-tabs.next-small .next-tabs-tab-inner .next-tabs-tab-close:before {
5660 width: 16px;
5661 font-size: 16px;
5662 }
5663}
5664.next-tabs.next-small .next-tabs-tab-inner .next-tabs-tab-close.next-icon {
5665 margin-left: 8px;
5666}
5667.next-tabs.next-small .next-tabs-tab-inner .next-icon-add:before, .next-tabs.next-small .next-tabs-tab-inner .next-icon-add .next-icon-remote {
5668 width: 8px;
5669 font-size: 8px;
5670 line-height: inherit;
5671}
5672@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
5673 .next-tabs.next-small .next-tabs-tab-inner .next-icon-add {
5674 -webkit-transform: scale(0.5);
5675 -ms-transform: scale(0.5);
5676 transform: scale(0.5);
5677 margin-left: -4px;
5678 margin-right: -4px;
5679 }
5680 .next-tabs.next-small .next-tabs-tab-inner .next-icon-add:before {
5681 width: 16px;
5682 font-size: 16px;
5683 }
5684}
5685.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 {
5686 width: 12px;
5687 font-size: 12px;
5688 line-height: inherit;
5689}
5690.next-tabs-show-add {
5691 position: relative;
5692 display: -webkit-box;
5693 display: -ms-flexbox;
5694 display: flex;
5695 -webkit-box-flex: 0;
5696 -ms-flex: none;
5697 flex: none;
5698 -webkit-box-align: center;
5699 -ms-flex-align: center;
5700 align-items: center;
5701 padding-right: 0 !important;
5702}
5703.next-tabs-show-add .next-tabs-nav-wrap {
5704 position: relative;
5705 display: -webkit-box;
5706 display: -ms-flexbox;
5707 display: flex;
5708 -webkit-box-flex: 1;
5709 -ms-flex: auto;
5710 flex: auto;
5711 -ms-flex-item-align: stretch;
5712 align-self: stretch;
5713 overflow: hidden;
5714 white-space: nowrap;
5715}
5716.next-tabs-show-add .next-tabs-nav-wrap::after {
5717 position: absolute;
5718 height: 100%;
5719 width: 1px;
5720 right: 0;
5721 content: "";
5722 pointer-events: none;
5723 -webkit-box-shadow: -2px 0 3px 0px rgba(0, 0, 0, 0.12);
5724 box-shadow: -2px 0 3px 0px rgba(0, 0, 0, 0.12);
5725 z-index: 1;
5726}
5727.next-tabs-show-add .next-tabs-nav-operations {
5728 display: -webkit-box;
5729 display: -ms-flexbox;
5730 display: flex;
5731 -ms-flex-item-align: stretch;
5732 align-self: stretch;
5733}
5734.next-tabs-show-add .next-tabs-nav-operations .next-tabs-btn-prev {
5735 position: initial;
5736 right: auto;
5737}
5738.next-tabs-show-add .next-tabs-nav-operations .next-tabs-btn-next {
5739 position: initial;
5740 margin-left: 8px;
5741 right: auto;
5742}
5743.next-tabs-show-add .next-tabs-nav-operations .next-tabs-btn-down {
5744 margin-left: 8px;
5745 position: initial;
5746 right: auto;
5747}
5748.next-tabs.next-small .next-tabs-nav-operations .next-tabs-btn-prev {
5749 margin-left: 8px;
5750}
5751.next-tabs.next-small .next-tabs-nav-operations .next-tabs-btn-next {
5752 margin-right: 8px;
5753}
5754.next-tabs.next-medium .next-tabs-nav-operations .next-tabs-btn-prev {
5755 margin-left: 12px;
5756}
5757.next-tabs.next-medium .next-tabs-nav-operations .next-tabs-btn-next {
5758 margin-right: 12px;
5759}
5760.next-tabs-pure > .next-tabs-bar {
5761 border-bottom: solid 1px #DCDEE3;
5762 background-color: transparent;
5763}
5764.next-tabs-pure > .next-tabs-bar .next-tabs-nav-container {
5765 margin-bottom: -1px;
5766 -webkit-box-shadow: none;
5767 box-shadow: none;
5768}
5769.next-tabs-pure > .next-tabs-bar .next-tabs-nav-container .next-tabs-tab {
5770 color: #666666;
5771 background-color: transparent;
5772}
5773.next-tabs-pure > .next-tabs-bar .next-tabs-nav-container .next-tabs-tab:hover {
5774 cursor: pointer;
5775 color: #333333;
5776 background-color: transparent;
5777}
5778.next-tabs-pure > .next-tabs-bar .next-tabs-nav-container .next-tabs-tab.active {
5779 z-index: 1;
5780 color: #5584FF;
5781 background-color: transparent;
5782}
5783.next-tabs-pure > .next-tabs-bar .next-tabs-nav-container .next-tabs-tab.disabled {
5784 pointer-events: none;
5785 cursor: default;
5786 color: #DCDEE3;
5787 background: transparent;
5788}
5789.next-tabs-pure > .next-tabs-bar .next-tabs-nav-container .next-tabs-tab:before {
5790 border-radius: 0%;
5791 width: 0;
5792 border-bottom: 2px solid #5584FF;
5793 left: 50%;
5794 bottom: 0%;
5795}
5796.next-tabs-pure > .next-tabs-bar .next-tabs-nav-container .next-tabs-tab.active:before {
5797 width: 100%;
5798 left: 0px;
5799}
5800.next-tabs-wrapped > .next-tabs-bar {
5801 background: transparent;
5802}
5803.next-tabs-wrapped > .next-tabs-bar .next-tabs-tab {
5804 color: #666666;
5805 background-color: #F2F3F7;
5806}
5807.next-tabs-wrapped > .next-tabs-bar .next-tabs-tab:hover {
5808 cursor: pointer;
5809 color: #333333;
5810 background-color: #EBECF0;
5811}
5812.next-tabs-wrapped > .next-tabs-bar .next-tabs-tab.active {
5813 z-index: 1;
5814 color: #5584FF;
5815 background-color: #FFFFFF;
5816}
5817.next-tabs-wrapped > .next-tabs-bar .next-tabs-tab.disabled {
5818 pointer-events: none;
5819 cursor: default;
5820 color: #CCCCCC;
5821 background: #F7F8FA;
5822}
5823.next-tabs-wrapped > .next-tabs-bar .next-tabs-tab .next-tabs-tab-close {
5824 color: #666666;
5825}
5826.next-tabs-wrapped > .next-tabs-bar .next-tabs-tab .next-tabs-tab-close:hover {
5827 color: #333333;
5828}
5829.next-tabs-wrapped > .next-tabs-bar .next-tabs-tab .next-tabs-tab-close:focus {
5830 outline: none;
5831}
5832.next-tabs-wrapped > .next-tabs-bar .next-tabs-tab.active .next-tabs-tab-close {
5833 color: #5584FF;
5834}
5835.next-tabs-wrapped > .next-tabs-bar .next-tabs-tab.disabled .next-tabs-tab-close {
5836 color: #DCDEE3;
5837}
5838.next-tabs-wrapped:before, .next-tabs-wrapped:after {
5839 content: "";
5840 display: table;
5841}
5842.next-tabs-wrapped:after {
5843 clear: both;
5844}
5845.next-tabs-wrapped > .next-tabs-content {
5846 position: relative;
5847}
5848.next-tabs-wrapped.next-tabs-top > .next-tabs-bar {
5849 position: relative;
5850}
5851.next-tabs-wrapped.next-tabs-top > .next-tabs-bar .next-tabs-nav-extra {
5852 position: absolute;
5853 top: 50%;
5854 right: 0;
5855 -webkit-transform: translateY(-50%);
5856 -ms-transform: translateY(-50%);
5857 transform: translateY(-50%);
5858}
5859.next-tabs-wrapped.next-tabs-top > .next-tabs-bar .next-tabs-tab {
5860 border: solid 1px #DCDEE3;
5861 border-radius: 3px 3px 0 0;
5862 border-width: 1px 1px 1px 1px;
5863}
5864.next-tabs-wrapped.next-tabs-top > .next-tabs-bar .next-tabs-tab + .next-tabs-tab {
5865 margin-left: 4px;
5866}
5867.next-tabs-wrapped.next-tabs-top > .next-tabs-bar .next-tabs-tab:hover {
5868 border-color: #C4C6CF;
5869}
5870.next-tabs-wrapped.next-tabs-top > .next-tabs-bar .next-tabs-tab.active {
5871 border-color: #DCDEE3 #DCDEE3 #FFFFFF #DCDEE3;
5872}
5873.next-tabs-wrapped.next-tabs-top > .next-tabs-bar .next-tabs-tab:before {
5874 border-radius: 3px;
5875 width: 0;
5876 border-top: 2px solid #5584FF;
5877 left: 50%;
5878 top: -1px;
5879}
5880.next-tabs-wrapped.next-tabs-top > .next-tabs-bar .next-tabs-tab.active:before {
5881 width: calc(100% - 6px);
5882 left: 3px;
5883}
5884.next-tabs-wrapped.next-tabs-top > .next-tabs-bar .next-tabs-tab.active {
5885 border-width: 1px 1px 1px 1px;
5886}
5887.next-tabs-wrapped.next-tabs-top > .next-tabs-bar:before {
5888 content: "";
5889 position: absolute;
5890 top: 100%;
5891 width: 100%;
5892 height: 0;
5893 border-bottom: 1px solid #DCDEE3;
5894 -webkit-transform: translateY(-1px);
5895 -ms-transform: translateY(-1px);
5896 transform: translateY(-1px);
5897 display: block;
5898}
5899.next-tabs-wrapped.next-tabs-bottom > .next-tabs-bar {
5900 position: relative;
5901}
5902.next-tabs-wrapped.next-tabs-bottom > .next-tabs-bar .next-tabs-nav-extra {
5903 position: absolute;
5904 top: 50%;
5905 right: 0;
5906 -webkit-transform: translateY(-50%);
5907 -ms-transform: translateY(-50%);
5908 transform: translateY(-50%);
5909}
5910.next-tabs-wrapped.next-tabs-bottom > .next-tabs-bar .next-tabs-tab {
5911 margin-right: 4px;
5912 border: solid 1px #DCDEE3;
5913 border-radius: 0 0 3px 3px;
5914}
5915.next-tabs-wrapped.next-tabs-bottom > .next-tabs-bar .next-tabs-tab:hover {
5916 border-color: #C4C6CF;
5917}
5918.next-tabs-wrapped.next-tabs-bottom > .next-tabs-bar .next-tabs-tab.active {
5919 border-color: #FFFFFF #DCDEE3 #DCDEE3 #DCDEE3;
5920}
5921.next-tabs-wrapped.next-tabs-bottom > .next-tabs-bar .next-tabs-tab:before {
5922 border-radius: 3px;
5923 width: 0;
5924 border-bottom: 2px solid #5584FF;
5925 left: 50%;
5926 bottom: -1px;
5927}
5928.next-tabs-wrapped.next-tabs-bottom > .next-tabs-bar .next-tabs-tab.active:before {
5929 width: calc(100% - 6px);
5930 left: 3px;
5931}
5932.next-tabs-wrapped.next-tabs-bottom > .next-tabs-content {
5933 top: 1px;
5934 border-bottom: 1px solid #DCDEE3;
5935}
5936.next-tabs-wrapped.next-tabs-left > .next-tabs-bar {
5937 float: left;
5938}
5939.next-tabs-wrapped.next-tabs-left > .next-tabs-bar .next-tabs-tab {
5940 float: none;
5941 margin-bottom: 4px;
5942 border: solid 1px #DCDEE3;
5943 border-radius: 3px 0 0 3px;
5944 border-width: 1px 1px 1px 1px;
5945}
5946.next-tabs-wrapped.next-tabs-left > .next-tabs-bar .next-tabs-tab:hover {
5947 border-color: #C4C6CF;
5948}
5949.next-tabs-wrapped.next-tabs-left > .next-tabs-bar .next-tabs-tab.active {
5950 border-color: #DCDEE3 #FFFFFF #DCDEE3 #DCDEE3;
5951}
5952.next-tabs-wrapped.next-tabs-left > .next-tabs-bar .next-tabs-tab:before {
5953 border-radius: 3px;
5954 height: 0;
5955 border-left: 2px solid #5584FF;
5956 top: 50%;
5957 left: -1px;
5958}
5959.next-tabs-wrapped.next-tabs-left > .next-tabs-bar .next-tabs-tab.active:before {
5960 height: calc(100% - 6px);
5961 top: 3px;
5962}
5963.next-tabs-wrapped.next-tabs-left > .next-tabs-bar .next-tabs-tab.active {
5964 border-width: 1px 1px 1px 1px;
5965}
5966.next-tabs-wrapped.next-tabs-left > .next-tabs-content {
5967 right: 1px;
5968 border-left: 1px solid #DCDEE3;
5969}
5970.next-tabs-wrapped.next-tabs-right > .next-tabs-bar {
5971 float: right;
5972}
5973.next-tabs-wrapped.next-tabs-right > .next-tabs-bar .next-tabs-tab {
5974 float: none;
5975 margin-bottom: 4px;
5976 border: solid 1px #DCDEE3;
5977 border-radius: 0 3px 3px 0;
5978 border-width: 1px 1px 1px 1px;
5979}
5980.next-tabs-wrapped.next-tabs-right > .next-tabs-bar .next-tabs-tab:hover {
5981 border-color: #C4C6CF;
5982}
5983.next-tabs-wrapped.next-tabs-right > .next-tabs-bar .next-tabs-tab.active {
5984 border-color: #DCDEE3 #DCDEE3 #DCDEE3 #FFFFFF;
5985}
5986.next-tabs-wrapped.next-tabs-right > .next-tabs-bar .next-tabs-tab:before {
5987 border-radius: 3px;
5988 height: 0;
5989 border-right: 2px solid #5584FF;
5990 top: 50%;
5991 right: -1px;
5992}
5993.next-tabs-wrapped.next-tabs-right > .next-tabs-bar .next-tabs-tab.active:before {
5994 height: calc(100% - 6px);
5995 top: 3px;
5996}
5997.next-tabs-wrapped.next-tabs-right > .next-tabs-bar .next-tabs-tab.active {
5998 border-width: 1px 1px 1px 1px;
5999}
6000.next-tabs-wrapped.next-tabs-right > .next-tabs-content {
6001 right: -1px;
6002 border-right: 1px solid #DCDEE3;
6003}
6004.next-tabs-capsule > .next-tabs-bar .next-tabs-tab {
6005 -webkit-transition: background-color 100ms linear;
6006 transition: background-color 100ms linear;
6007 border: 1px solid #C4C6CF;
6008 border-right-color: transparent;
6009 margin-right: -1px;
6010 color: #333333;
6011 background-color: #F2F3F7;
6012}
6013.next-tabs-capsule > .next-tabs-bar .next-tabs-tab:first-child {
6014 border-radius: 3px 0 0 3px;
6015}
6016.next-tabs-capsule > .next-tabs-bar .next-tabs-tab:last-child {
6017 border-radius: 0 3px 3px 0;
6018 border-right: 1px solid #C4C6CF;
6019 margin-right: 0;
6020}
6021.next-tabs-capsule > .next-tabs-bar .next-tabs-tab.active {
6022 border-right: 1px solid #C4C6CF;
6023 border-color: #5584FF;
6024}
6025.next-tabs-capsule > .next-tabs-bar .next-tabs-tab.disabled {
6026 border-color: #E6E7EB;
6027}
6028.next-tabs-capsule > .next-tabs-bar .next-tabs-tab:hover {
6029 z-index: 2;
6030 border-right: 1px solid #C4C6CF;
6031 border-color: #C4C6CF;
6032}
6033.next-tabs-capsule > .next-tabs-bar .next-tabs-tab:hover {
6034 cursor: pointer;
6035 color: #333333;
6036 background-color: #EBECF0;
6037}
6038.next-tabs-capsule > .next-tabs-bar .next-tabs-tab.active {
6039 z-index: 1;
6040 color: #FFFFFF;
6041 background-color: #5584FF;
6042}
6043.next-tabs-capsule > .next-tabs-bar .next-tabs-tab.disabled {
6044 pointer-events: none;
6045 cursor: default;
6046 color: #CCCCCC;
6047 background: #F7F8FA;
6048}
6049.next-tabs-text > .next-tabs-bar .next-tabs-tab {
6050 color: #666666;
6051 background-color: transparent;
6052}
6053.next-tabs-text > .next-tabs-bar .next-tabs-tab:hover {
6054 cursor: pointer;
6055 color: #333333;
6056 background-color: transparent;
6057}
6058.next-tabs-text > .next-tabs-bar .next-tabs-tab.active {
6059 z-index: 1;
6060 color: #5584FF;
6061 background-color: transparent;
6062}
6063.next-tabs-text > .next-tabs-bar .next-tabs-tab.disabled {
6064 pointer-events: none;
6065 cursor: default;
6066 color: #CCCCCC;
6067 background: transparent;
6068}
6069.next-tabs-text > .next-tabs-bar .next-tabs-tab:not(:last-child):after {
6070 content: "";
6071 position: absolute;
6072 right: 0;
6073 top: calc(50% - 4px);
6074 width: 1px;
6075 height: 8px;
6076 background-color: #DCDEE3;
6077}
6078.next-tabs-pure > .next-tabs-bar {
6079 position: relative;
6080}
6081.next-tabs-pure > .next-tabs-bar .next-tabs-nav-extra {
6082 position: absolute;
6083 top: 50%;
6084 right: 0;
6085 -webkit-transform: translateY(-50%);
6086 -ms-transform: translateY(-50%);
6087 transform: translateY(-50%);
6088}
6089.next-tabs-capsule > .next-tabs-bar {
6090 position: relative;
6091}
6092.next-tabs-capsule > .next-tabs-bar .next-tabs-nav-extra {
6093 position: absolute;
6094 top: 50%;
6095 right: 0;
6096 -webkit-transform: translateY(-50%);
6097 -ms-transform: translateY(-50%);
6098 transform: translateY(-50%);
6099}
6100.next-tabs-text > .next-tabs-bar {
6101 position: relative;
6102}
6103.next-tabs-text > .next-tabs-bar .next-tabs-nav-extra {
6104 position: absolute;
6105 top: 50%;
6106 right: 0;
6107 -webkit-transform: translateY(-50%);
6108 -ms-transform: translateY(-50%);
6109 transform: translateY(-50%);
6110}
6111
6112.next-tabs[dir=rtl].next-medium .next-tabs-nav-container-scrolling {
6113 padding-left: 60px;
6114 padding-right: 0;
6115}
6116.next-tabs[dir=rtl].next-medium .next-tabs-tab-close {
6117 padding-right: 8px;
6118 padding-left: 0;
6119}
6120.next-tabs[dir=rtl].next-small .next-tabs-nav-container-scrolling {
6121 padding-left: 56px;
6122 padding-right: 0;
6123}
6124.next-tabs[dir=rtl].next-small .next-tabs-tab-close {
6125 padding-right: 8px;
6126 padding-left: 0;
6127}
6128.next-tabs[dir=rtl].next-tabs-wrapped.next-tabs-top > .next-tabs-bar .next-tabs-nav-extra {
6129 right: auto;
6130 left: 0;
6131}
6132.next-tabs[dir=rtl].next-tabs-wrapped.next-tabs-bottom > .next-tabs-bar .next-tabs-nav-extra {
6133 right: auto;
6134 left: 0;
6135}
6136.next-tabs[dir=rtl] > .next-tabs-bar .next-tabs-nav-extra {
6137 right: auto;
6138 left: 0;
6139}
6140.next-tabs[dir=rtl].next-tabs-capsule > .next-tabs-bar .next-tabs-tab {
6141 border-top: 1px solid #C4C6CF;
6142 border-bottom: 1px solid #C4C6CF;
6143 border-right: 1px solid #C4C6CF;
6144 border-left: 0;
6145}
6146.next-tabs[dir=rtl].next-tabs-capsule > .next-tabs-bar .next-tabs-tab:first-child {
6147 border-left: 0;
6148 border-radius: 0 3px 3px 0;
6149}
6150.next-tabs[dir=rtl].next-tabs-capsule > .next-tabs-bar .next-tabs-tab:last-child {
6151 border-radius: 3px 0 0 3px;
6152 border-left: 1px solid #C4C6CF;
6153}
6154.next-tabs[dir=rtl].next-tabs-capsule > .next-tabs-bar .next-tabs-tab.active {
6155 margin-left: -1px;
6156 margin-right: auto;
6157 border-left: 1px solid #C4C6CF;
6158 border-color: #5584FF;
6159}
6160.next-tabs[dir=rtl] .next-tabs-btn-next {
6161 left: 8px;
6162 right: auto;
6163}
6164.next-tabs[dir=rtl] .next-tabs-btn-prev {
6165 left: 32px;
6166 right: auto;
6167}
6168.next-tabs[dir=rtl] .next-tabs-btn-down {
6169 left: 8px;
6170 right: auto;
6171}
6172
6173.next-tabs-text[dir=rtl] > .next-tabs-bar .next-tabs-tab:not(:last-child):after {
6174 content: "";
6175 position: absolute;
6176 left: 0;
6177 right: auto;
6178}
6179
6180@-webkit-keyframes fadeInRightForTag {
6181 0% {
6182 opacity: 0;
6183 -webkit-transform: rotate(45deg) translateX(20px);
6184 transform: rotate(45deg) translateX(20px);
6185 }
6186 100% {
6187 opacity: 1;
6188 -webkit-transform: rotate(45deg) translateX(0);
6189 transform: rotate(45deg) translateX(0);
6190 }
6191}
6192
6193@keyframes fadeInRightForTag {
6194 0% {
6195 opacity: 0;
6196 -webkit-transform: rotate(45deg) translateX(20px);
6197 transform: rotate(45deg) translateX(20px);
6198 }
6199 100% {
6200 opacity: 1;
6201 -webkit-transform: rotate(45deg) translateX(0);
6202 transform: rotate(45deg) translateX(0);
6203 }
6204}
6205.next-tag > .next-tag-body {
6206 overflow: hidden;
6207 text-overflow: ellipsis;
6208}
6209
6210.next-tag-checkable.next-tag-level-secondary {
6211 color: #333333;
6212 border-color: transparent;
6213 background-color: transparent;
6214}
6215.next-tag-checkable.next-tag-level-secondary:not(.disabled):not([disabled]):hover, .next-tag-checkable.next-tag-level-secondary:not(.disabled):not([disabled]).hover {
6216 color: #5584FF;
6217}
6218.next-tag-default.next-tag-level-primary {
6219 color: #666666;
6220 border-color: #EBECF0;
6221 background-color: #EBECF0;
6222}
6223.next-tag-default.next-tag-level-primary:not(.disabled):not([disabled]):hover, .next-tag-default.next-tag-level-primary:not(.disabled):not([disabled]).hover {
6224 color: #333333;
6225 border-color: #E2E4E8;
6226 background-color: #E2E4E8;
6227}
6228.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 {
6229 color: #333333;
6230}
6231[disabled].next-tag-default.next-tag-level-primary, .disabled.next-tag-default.next-tag-level-primary {
6232 color: #CCCCCC;
6233 border-color: #F7F8FA;
6234 background-color: #F7F8FA;
6235}
6236[disabled].next-tag-default.next-tag-level-primary > .next-tag-close-btn, .disabled.next-tag-default.next-tag-level-primary > .next-tag-close-btn {
6237 color: #CCCCCC;
6238}
6239.next-tag-default.next-tag-level-primary > .next-tag-close-btn {
6240 color: #666666;
6241}
6242
6243.next-tag-closable.next-tag-level-primary {
6244 color: #666666;
6245 border-color: #EBECF0;
6246 background-color: #EBECF0;
6247}
6248.next-tag-closable.next-tag-level-primary:not(.disabled):not([disabled]):hover, .next-tag-closable.next-tag-level-primary:not(.disabled):not([disabled]).hover {
6249 color: #333333;
6250 border-color: #E2E4E8;
6251 background-color: #E2E4E8;
6252}
6253.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 {
6254 color: #333333;
6255}
6256[disabled].next-tag-closable.next-tag-level-primary, .disabled.next-tag-closable.next-tag-level-primary {
6257 color: #CCCCCC;
6258 border-color: #F7F8FA;
6259 background-color: #F7F8FA;
6260}
6261[disabled].next-tag-closable.next-tag-level-primary > .next-tag-close-btn, .disabled.next-tag-closable.next-tag-level-primary > .next-tag-close-btn {
6262 color: #CCCCCC;
6263}
6264.next-tag-closable.next-tag-level-primary > .next-tag-close-btn {
6265 color: #666666;
6266}
6267
6268.next-tag-checkable.next-tag-level-primary {
6269 color: #666666;
6270 border-color: #EBECF0;
6271 background-color: #EBECF0;
6272}
6273.next-tag-checkable.next-tag-level-primary:not(.disabled):not([disabled]):hover, .next-tag-checkable.next-tag-level-primary:not(.disabled):not([disabled]).hover {
6274 color: #333333;
6275 border-color: #E2E4E8;
6276 background-color: #E2E4E8;
6277}
6278.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 {
6279 color: #333333;
6280}
6281[disabled].next-tag-checkable.next-tag-level-primary, .disabled.next-tag-checkable.next-tag-level-primary {
6282 color: #CCCCCC;
6283 border-color: #F7F8FA;
6284 background-color: #F7F8FA;
6285}
6286[disabled].next-tag-checkable.next-tag-level-primary > .next-tag-close-btn, .disabled.next-tag-checkable.next-tag-level-primary > .next-tag-close-btn {
6287 color: #CCCCCC;
6288}
6289.next-tag-checkable.next-tag-level-primary > .next-tag-close-btn {
6290 color: #666666;
6291}
6292
6293.next-tag-checkable.next-tag-level-primary.checked {
6294 color: #FFFFFF;
6295 border-color: #5584FF;
6296 background-color: #5584FF;
6297}
6298.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 {
6299 color: #FFFFFF;
6300 border-color: #3E71F7;
6301 background-color: #3E71F7;
6302}
6303.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 {
6304 color: #FFFFFF;
6305}
6306[disabled].next-tag-checkable.next-tag-level-primary.checked, .disabled.next-tag-checkable.next-tag-level-primary.checked {
6307 color: #CCCCCC;
6308 border-color: #F7F8FA;
6309 background-color: #F7F8FA;
6310}
6311[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 {
6312 color: #FFFFFF;
6313}
6314.next-tag-checkable.next-tag-level-primary.checked > .next-tag-close-btn {
6315 color: #FFFFFF;
6316}
6317
6318.next-tag-default.next-tag-level-normal {
6319 color: #666666;
6320 border-color: #C4C6CF;
6321 background-color: transparent;
6322}
6323.next-tag-default.next-tag-level-normal:not(.disabled):not([disabled]):hover, .next-tag-default.next-tag-level-normal:not(.disabled):not([disabled]).hover {
6324 color: #333333;
6325 border-color: #A0A2AD;
6326 background-color: transparent;
6327}
6328.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 {
6329 color: #333333;
6330}
6331[disabled].next-tag-default.next-tag-level-normal, .disabled.next-tag-default.next-tag-level-normal {
6332 color: #CCCCCC;
6333 border-color: #E6E7EB;
6334 background-color: #F7F8FA;
6335}
6336[disabled].next-tag-default.next-tag-level-normal > .next-tag-close-btn, .disabled.next-tag-default.next-tag-level-normal > .next-tag-close-btn {
6337 color: #CCCCCC;
6338}
6339.next-tag-default.next-tag-level-normal > .next-tag-close-btn {
6340 color: #666666;
6341}
6342
6343.next-tag-closable.next-tag-level-normal {
6344 color: #666666;
6345 border-color: #C4C6CF;
6346 background-color: transparent;
6347}
6348.next-tag-closable.next-tag-level-normal:not(.disabled):not([disabled]):hover, .next-tag-closable.next-tag-level-normal:not(.disabled):not([disabled]).hover {
6349 color: #333333;
6350 border-color: #A0A2AD;
6351 background-color: transparent;
6352}
6353.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 {
6354 color: #333333;
6355}
6356[disabled].next-tag-closable.next-tag-level-normal, .disabled.next-tag-closable.next-tag-level-normal {
6357 color: #CCCCCC;
6358 border-color: #E6E7EB;
6359 background-color: transparent;
6360}
6361[disabled].next-tag-closable.next-tag-level-normal > .next-tag-close-btn, .disabled.next-tag-closable.next-tag-level-normal > .next-tag-close-btn {
6362 color: #CCCCCC;
6363}
6364.next-tag-closable.next-tag-level-normal > .next-tag-close-btn {
6365 color: #666666;
6366}
6367
6368.next-tag-checkable.next-tag-level-normal.checked {
6369 color: #5584FF;
6370 border-color: #5584FF;
6371 background-color: transparent;
6372}
6373.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 {
6374 color: #3E71F7;
6375 border-color: #3E71F7;
6376 background-color: transparent;
6377}
6378.next-tag-checkable.next-tag-level-secondary.checked {
6379 color: #5584FF;
6380 border-color: #5584FF;
6381 background-color: transparent;
6382}
6383.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 {
6384 color: #3E71F7;
6385 border-color: #3E71F7;
6386 background-color: transparent;
6387}
6388.next-tag-checkable.next-tag-level-secondary.checked:before {
6389 position: absolute;
6390 content: "";
6391 -webkit-font-smoothing: antialiased;
6392 background-color: #5584FF;
6393 -webkit-transform: rotate(45deg);
6394 -ms-transform: rotate(45deg);
6395 transform: rotate(45deg);
6396}
6397.next-tag-checkable.next-tag-level-secondary.checked:after {
6398 position: absolute;
6399 font-family: NextIcon;
6400 -webkit-font-smoothing: antialiased;
6401 content: "\E632";
6402 -webkit-transform: scale(0.6);
6403 -ms-transform: scale(0.6);
6404 transform: scale(0.6);
6405 color: #FFFFFF;
6406}
6407.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 {
6408 background-color: #3E71F7;
6409}
6410.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 {
6411 color: #FFFFFF;
6412}
6413[disabled].next-tag-checkable.next-tag-level-secondary.checked:before, .next-tag-checkable.next-tag-level-secondary.checked:disabled:before {
6414 background-color: #E6E7EB;
6415}
6416[disabled].next-tag-checkable.next-tag-level-secondary.checked:after, .next-tag-checkable.next-tag-level-secondary.checked:disabled:after {
6417 color: #FFFFFF;
6418}
6419
6420.next-tag-checkable.next-tag-level-normal {
6421 color: #666666;
6422 border-color: #C4C6CF;
6423 background-color: transparent;
6424}
6425.next-tag-checkable.next-tag-level-normal:not(.disabled):not([disabled]):hover, .next-tag-checkable.next-tag-level-normal:not(.disabled):not([disabled]).hover {
6426 color: #333333;
6427 border-color: #C4C6CF;
6428 background-color: transparent;
6429}
6430[disabled].next-tag-checkable.next-tag-level-normal, .disabled.next-tag-checkable.next-tag-level-normal {
6431 color: #CCCCCC;
6432 border-color: #E6E7EB;
6433 background-color: #F7F8FA;
6434}
6435.next-tag-checkable.next-tag-level-normal.checked:before {
6436 position: absolute;
6437 content: "";
6438 -webkit-font-smoothing: antialiased;
6439 background-color: #5584FF;
6440 -webkit-transform: rotate(45deg);
6441 -ms-transform: rotate(45deg);
6442 transform: rotate(45deg);
6443}
6444.next-tag-checkable.next-tag-level-normal.checked:after {
6445 position: absolute;
6446 font-family: NextIcon;
6447 -webkit-font-smoothing: antialiased;
6448 content: "\E632";
6449 -webkit-transform: scale(0.6);
6450 -ms-transform: scale(0.6);
6451 transform: scale(0.6);
6452 color: #FFFFFF;
6453}
6454.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 {
6455 background-color: #3E71F7;
6456}
6457.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 {
6458 color: #FFFFFF;
6459}
6460[disabled].next-tag-checkable.next-tag-level-normal.checked:before, .next-tag-checkable.next-tag-level-normal.checked:disabled:before {
6461 background-color: #E6E7EB;
6462}
6463[disabled].next-tag-checkable.next-tag-level-normal.checked:after, .next-tag-checkable.next-tag-level-normal.checked:disabled:after {
6464 color: #FFFFFF;
6465}
6466
6467.next-tag-closable.next-tag-level-normal:before {
6468 position: absolute;
6469 content: "";
6470 -webkit-font-smoothing: antialiased;
6471 background-color: #C4C6CF;
6472 -webkit-transform: rotate(45deg);
6473 -ms-transform: rotate(45deg);
6474 transform: rotate(45deg);
6475}
6476.next-tag-closable.next-tag-level-normal:after {
6477 position: absolute;
6478 font-family: NextIcon;
6479 -webkit-font-smoothing: antialiased;
6480 content: "\E626";
6481 -webkit-transform: scale(0.6);
6482 -ms-transform: scale(0.6);
6483 transform: scale(0.6);
6484 color: #FFFFFF;
6485}
6486.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 {
6487 background-color: #A0A2AD;
6488}
6489.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 {
6490 color: #FFFFFF;
6491}
6492[disabled].next-tag-closable.next-tag-level-normal:before, .next-tag-closable.next-tag-level-normal:disabled:before {
6493 background-color: #E6E7EB;
6494}
6495[disabled].next-tag-closable.next-tag-level-normal:after, .next-tag-closable.next-tag-level-normal:disabled:after {
6496 color: #FFFFFF;
6497}
6498
6499.next- {
6500 /* Animation */
6501 /* ----------- */
6502}
6503.next-tag-group .next-tag-medium,
6504.next-tag-group .next-tag-large {
6505 margin-right: 8px;
6506 margin-bottom: 8px;
6507}
6508.next-tag-group .next-tag-small {
6509 margin-right: 4px;
6510 margin-bottom: 4px;
6511}
6512.next-tag {
6513 -webkit-box-sizing: border-box;
6514 box-sizing: border-box;
6515 display: inline-block;
6516 max-width: 100%;
6517 vertical-align: middle;
6518 border-width: 1px;
6519 border-radius: 3px;
6520 -webkit-box-shadow: none;
6521 box-shadow: none;
6522 border-style: solid; /* 可配置??? */
6523 overflow: hidden;
6524 white-space: nowrap;
6525 -webkit-transition: all 100ms linear;
6526 transition: all 100ms linear;
6527 font-size: 0;
6528 outline: 0;
6529 /* 预设颜色值 */
6530}
6531.next-tag *,
6532.next-tag *:before,
6533.next-tag *:after {
6534 -webkit-box-sizing: border-box;
6535 box-sizing: border-box;
6536}
6537.next-tag > .next-tag-body {
6538 position: relative;
6539 display: inline-block;
6540 height: 100%;
6541 text-align: center;
6542 vertical-align: middle;
6543 max-width: 100%;
6544 cursor: default;
6545 /* 用户手动传的 icon 的大小也保持一致? */
6546}
6547.next-tag > .next-tag-body > a {
6548 text-decoration: none;
6549 color: inherit;
6550}
6551.next-tag > .next-tag-body > a:before {
6552 content: " ";
6553 position: absolute;
6554 display: block;
6555 top: 0;
6556 left: 0;
6557 right: 0;
6558 bottom: 0;
6559}
6560.next-tag > .next-tag-body .next-icon {
6561 line-height: 1;
6562 vertical-align: baseline;
6563}
6564.next-tag > .next-tag-body .next-icon:before {
6565 font-size: inherit;
6566}
6567.next-tag.next-tag-body-pointer {
6568 cursor: pointer;
6569}
6570.next-tag[disabled], .next-tag.disabled {
6571 cursor: not-allowed;
6572 pointer-events: none;
6573}
6574.next-tag-blue {
6575 background-color: #4494F9;
6576 border-color: #4494F9;
6577 color: #FFF;
6578}
6579.next-tag-blue-inverse {
6580 background-color: rgba(68, 148, 249, 0.25);
6581 border-color: #4494F9;
6582 color: #4494F9;
6583}
6584.next-tag-green {
6585 background-color: #46BC15;
6586 border-color: #46BC15;
6587 color: #FFF;
6588}
6589.next-tag-green-inverse {
6590 background-color: rgba(70, 188, 21, 0.25);
6591 border-color: #46BC15;
6592 color: #46BC15;
6593}
6594.next-tag-orange {
6595 background-color: #FF9300;
6596 border-color: #FF9300;
6597 color: #FFF;
6598}
6599.next-tag-orange-inverse {
6600 background-color: rgba(255, 147, 0, 0.25);
6601 border-color: #FF9300;
6602 color: #FF9300;
6603}
6604.next-tag-red {
6605 background-color: #FF3000;
6606 border-color: #FF3000;
6607 color: #FFF;
6608}
6609.next-tag-red-inverse {
6610 background-color: rgba(255, 48, 0, 0.25);
6611 border-color: #FF3000;
6612 color: #FF3000;
6613}
6614.next-tag-turquoise {
6615 background-color: #01C1B2;
6616 border-color: #01C1B2;
6617 color: #FFF;
6618}
6619.next-tag-turquoise-inverse {
6620 background-color: rgba(1, 193, 178, 0.25);
6621 border-color: #01C1B2;
6622 color: #01C1B2;
6623}
6624.next-tag-yellow {
6625 background-color: #FCCC12;
6626 border-color: #FCCC12;
6627 color: #FFF;
6628}
6629.next-tag-yellow-inverse {
6630 background-color: rgba(252, 204, 18, 0.25);
6631 border-color: #FCCC12;
6632 color: #FCCC12;
6633}
6634.next-tag-large {
6635 height: 40px;
6636 padding: 0;
6637 line-height: 38px;
6638 font-size: 0;
6639}
6640.next-tag-large > .next-tag-body {
6641 font-size: 16px;
6642 padding: 0 16px;
6643 min-width: 48px;
6644}
6645.next-tag-large.next-tag-closable > .next-tag-body {
6646 padding: 0 0 0 16px;
6647 max-width: calc(100% - 44px);
6648}
6649.next-tag-large[dir=rtl].next-tag-closable > .next-tag-body {
6650 padding: 0 16px 0 0;
6651}
6652.next-tag-large.next-tag-closable > .next-tag-close-btn {
6653 margin-left: 16px;
6654 padding-right: 16px;
6655}
6656.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 {
6657 width: 12px;
6658 font-size: 12px;
6659 line-height: inherit;
6660}
6661.next-tag-large[dir=rtl] > .next-tag-close-btn {
6662 margin-right: 16px;
6663 margin-left: 0;
6664 padding-right: 0;
6665 padding-left: 16px;
6666}
6667.next-tag-medium {
6668 height: 28px;
6669 padding: 0;
6670 line-height: 26px;
6671 font-size: 0;
6672}
6673.next-tag-medium > .next-tag-body {
6674 font-size: 14px;
6675 padding: 0 12px;
6676 min-width: 40px;
6677}
6678.next-tag-medium.next-tag-closable > .next-tag-body {
6679 padding: 0 0 0 12px;
6680 max-width: calc(100% - 32px);
6681}
6682.next-tag-medium[dir=rtl].next-tag-closable > .next-tag-body {
6683 padding: 0 12px 0 0;
6684}
6685.next-tag-medium.next-tag-closable > .next-tag-close-btn {
6686 margin-left: 12px;
6687 padding-right: 12px;
6688}
6689.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 {
6690 width: 8px;
6691 font-size: 8px;
6692 line-height: inherit;
6693}
6694@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
6695 .next-tag-medium.next-tag-closable > .next-tag-close-btn .next-icon {
6696 -webkit-transform: scale(0.5);
6697 -ms-transform: scale(0.5);
6698 transform: scale(0.5);
6699 margin-left: -4px;
6700 margin-right: -4px;
6701 }
6702 .next-tag-medium.next-tag-closable > .next-tag-close-btn .next-icon:before {
6703 width: 16px;
6704 font-size: 16px;
6705 }
6706}
6707.next-tag-medium[dir=rtl] > .next-tag-close-btn {
6708 margin-right: 12px;
6709 margin-left: 0;
6710 padding-right: 0;
6711 padding-left: 12px;
6712}
6713.next-tag-small {
6714 height: 20px;
6715 padding: 0;
6716 line-height: 18px;
6717 font-size: 0;
6718}
6719.next-tag-small > .next-tag-body {
6720 font-size: 12px;
6721 padding: 0 8px;
6722 min-width: 28px;
6723}
6724.next-tag-small.next-tag-closable > .next-tag-body {
6725 padding: 0 0 0 8px;
6726 max-width: calc(100% - 24px);
6727}
6728.next-tag-small[dir=rtl].next-tag-closable > .next-tag-body {
6729 padding: 0 8px 0 0;
6730}
6731.next-tag-small.next-tag-closable > .next-tag-close-btn {
6732 margin-left: 8px;
6733 padding-right: 8px;
6734}
6735.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 {
6736 width: 8px;
6737 font-size: 8px;
6738 line-height: inherit;
6739}
6740@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
6741 .next-tag-small.next-tag-closable > .next-tag-close-btn .next-icon {
6742 -webkit-transform: scale(0.5);
6743 -ms-transform: scale(0.5);
6744 transform: scale(0.5);
6745 margin-left: -4px;
6746 margin-right: -4px;
6747 }
6748 .next-tag-small.next-tag-closable > .next-tag-close-btn .next-icon:before {
6749 width: 16px;
6750 font-size: 16px;
6751 }
6752}
6753.next-tag-small[dir=rtl] > .next-tag-close-btn {
6754 margin-right: 8px;
6755 margin-left: 0;
6756 padding-right: 0;
6757 padding-left: 8px;
6758}
6759.next-tag-default {
6760 cursor: default;
6761}
6762.next-tag-closable {
6763 position: relative;
6764}
6765.next-tag-closable > .next-tag-close-btn {
6766 display: inline-block;
6767 vertical-align: middle;
6768 height: 100%;
6769 text-align: center;
6770 cursor: pointer;
6771}
6772.next-tag-checkable {
6773 cursor: pointer;
6774 position: relative;
6775 border-radius: 3px;
6776}
6777.next-tag-checkable.checked:before {
6778 -webkit-animation: fadeInRightForTag 0.4s cubic-bezier(0.78, 0.14, 0.15, 0.86);
6779 animation: fadeInRightForTag 0.4s cubic-bezier(0.78, 0.14, 0.15, 0.86);
6780}
6781.next-tag-checkable.checked:after {
6782 -webkit-animation: zoomIn 0.4s cubic-bezier(0.78, 0.14, 0.15, 0.86);
6783 animation: zoomIn 0.4s cubic-bezier(0.78, 0.14, 0.15, 0.86);
6784}
6785.next-tag-checkable.next-tag-small:not(.next-tag-level-primary):before {
6786 right: -10px;
6787 bottom: -10px;
6788 width: 20px;
6789 height: 20px;
6790}
6791.next-tag-checkable.next-tag-small:not(.next-tag-level-primary):after {
6792 font-size: 8px;
6793 line-height: 8px;
6794 right: 0;
6795 bottom: 0;
6796}
6797.next-tag-checkable.next-tag-medium:not(.next-tag-level-primary):before {
6798 right: -14px;
6799 bottom: -14px;
6800 width: 28px;
6801 height: 28px;
6802}
6803.next-tag-checkable.next-tag-medium:not(.next-tag-level-primary):after {
6804 font-size: 12px;
6805 line-height: 12px;
6806 right: 0;
6807 bottom: 0;
6808}
6809.next-tag-checkable.next-tag-large:not(.next-tag-level-primary):before {
6810 right: -18px;
6811 bottom: -18px;
6812 width: 36px;
6813 height: 36px;
6814}
6815.next-tag-checkable.next-tag-large:not(.next-tag-level-primary):after {
6816 font-size: 16px;
6817 line-height: 16px;
6818 right: 0;
6819 bottom: 0;
6820}
6821.next-tag-checkable.next-tag-level-secondary[disabled], .next-tag-checkable.next-tag-level-secondary.disabled {
6822 color: #CCCCCC;
6823 border-color: #E6E7EB;
6824 background-color: #F7F8FA;
6825}
6826.next-tag-zoom-enter, .next-tag-zoom-appear {
6827 -webkit-animation: fadeInLeft 0.4s cubic-bezier(0.78, 0.14, 0.15, 0.86);
6828 animation: fadeInLeft 0.4s cubic-bezier(0.78, 0.14, 0.15, 0.86);
6829 -webkit-animation-fill-mode: both;
6830 animation-fill-mode: both;
6831}
6832.next-tag-zoom-leave {
6833 -webkit-animation: zoomOut 0.3s ease-in;
6834 animation: zoomOut 0.3s ease-in;
6835 -webkit-animation-fill-mode: both;
6836 animation-fill-mode: both;
6837}
6838
6839.next-timeline *,
6840.next-timeline *:before,
6841.next-timeline *:after {
6842 -webkit-box-sizing: border-box;
6843 box-sizing: border-box;
6844}
6845.next-timeline, .next-timeline:before, .next-timeline:after {
6846 -webkit-box-sizing: border-box;
6847 box-sizing: border-box;
6848}
6849.next-timeline ul {
6850 margin: 0;
6851 padding: 0;
6852 list-style: none;
6853}
6854.next-timeline p {
6855 margin: 0;
6856}
6857
6858.next-timeline-hide {
6859 display: none;
6860}
6861
6862.next-timeline[dir=rtl] .next-timeline-item {
6863 /* 时间轴左边存在内容的情况 */
6864}
6865.next-timeline[dir=rtl] .next-timeline-item-folder {
6866 padding-left: 0;
6867 padding-right: 28px;
6868}
6869.next-timeline[dir=rtl] .next-timeline-item-dot-tail {
6870 left: auto;
6871 right: 8px;
6872 border-left: none;
6873 border-right: 1px dotted #DCDEE3;
6874}
6875.next-timeline[dir=rtl] .next-timeline-item-has-left-content.next-timeline-item-folder {
6876 margin-left: 0;
6877 margin-right: 80px;
6878}
6879.next-timeline[dir=rtl] .next-timeline-item-done {
6880 position: relative;
6881}
6882.next-timeline[dir=rtl] .next-timeline-item-done .next-timeline-item-timeline {
6883 position: absolute;
6884 left: auto;
6885 right: 0;
6886 top: 0;
6887 height: 100%;
6888}
6889.next-timeline[dir=rtl] .next-timeline-item-done .next-timeline-item-timeline .next-timeline-item-node {
6890 position: relative;
6891 width: 16px;
6892 height: 24px;
6893 padding: 4px 0;
6894 text-align: center;
6895 float: right;
6896}
6897.next-timeline[dir=rtl] .next-timeline-item-done .next-timeline-item-timeline .next-timeline-item-node.next-timeline-item-node-custom {
6898 width: 40px;
6899 height: auto;
6900 font-size: 12px;
6901 word-break: break-all;
6902 margin-right: -12px;
6903 margin-left: 0;
6904 line-height: 1;
6905}
6906.next-timeline[dir=rtl] .next-timeline-item-done .next-timeline-item-timeline .next-timeline-item-dot {
6907 display: block;
6908 position: absolute;
6909 width: 8px;
6910 height: 8px;
6911 border-radius: 100%;
6912 top: 50%;
6913 margin-top: -4px;
6914 left: 50%;
6915 margin-left: -4px;
6916}
6917.next-timeline[dir=rtl] .next-timeline-item-done .next-timeline-item-timeline .next-timeline-item-icon {
6918 display: block;
6919 position: absolute;
6920 width: 16px;
6921 height: 16px;
6922 line-height: 16px;
6923 border-radius: 100%;
6924 top: 50%;
6925 left: 50%;
6926 margin-top: -8px;
6927 margin-left: -8px;
6928}
6929.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 {
6930 width: 12px;
6931 font-size: 12px;
6932 line-height: inherit;
6933}
6934.next-timeline[dir=rtl] .next-timeline-item-done .next-timeline-item-timeline .next-timeline-item-tail {
6935 position: absolute;
6936 width: auto;
6937 height: calc(100% - 24px);
6938 top: 24px;
6939 left: auto;
6940 right: 8px;
6941}
6942.next-timeline[dir=rtl] .next-timeline-item-done .next-timeline-item-timeline .next-timeline-item-tail i {
6943 display: inline-block;
6944 vertical-align: top;
6945 height: 100%;
6946 width: 1px;
6947 position: relative;
6948 background: #DCDEE3;
6949 -webkit-transition: all 100ms linear;
6950 transition: all 100ms linear;
6951}
6952.next-timeline[dir=rtl] .next-timeline-item-done .next-timeline-item-content {
6953 display: inline-block;
6954 margin-right: 28px;
6955 margin-left: 0;
6956}
6957.next-timeline[dir=rtl] .next-timeline-item-done .next-timeline-item-content .next-timeline-item-title {
6958 margin: 0;
6959 font-size: 12px;
6960 font-weight: bold;
6961 line-height: 1.5;
6962 margin-top: 4px;
6963 overflow: hidden;
6964 text-overflow: ellipsis;
6965 white-space: nowrap;
6966 color: #333333;
6967 text-align: right;
6968}
6969.next-timeline[dir=rtl] .next-timeline-item-done .next-timeline-item-content .next-timeline-item-body {
6970 margin: 0;
6971 margin-top: 4px;
6972 font-size: 12px;
6973 line-height: 1.5;
6974 color: #666666;
6975 text-align: right;
6976}
6977.next-timeline[dir=rtl] .next-timeline-item-done .next-timeline-item-content .next-timeline-item-time {
6978 margin: 0;
6979 margin-top: 4px;
6980 margin-bottom: 12px;
6981 font-size: 12px;
6982 color: #999999;
6983 text-align: right;
6984}
6985.next-timeline[dir=rtl] .next-timeline-item-done.next-timeline-item-has-left-content > .next-timeline-item-left-content {
6986 position: absolute;
6987 width: 80px;
6988 display: inline-block;
6989 font-size: 12px;
6990 color: #999999;
6991 line-height: 1.5;
6992 margin-top: 4px;
6993 text-align: left;
6994 padding-left: 12px;
6995 padding-right: 0;
6996}
6997.next-timeline[dir=rtl] .next-timeline-item-done.next-timeline-item-has-left-content > .next-timeline-item-left-content p {
6998 word-break: break-word;
6999}
7000.next-timeline[dir=rtl] .next-timeline-item-done.next-timeline-item-has-left-content > .next-timeline-item-timeline {
7001 margin-right: 80px;
7002 margin-left: 0;
7003}
7004.next-timeline[dir=rtl] .next-timeline-item-done.next-timeline-item-has-left-content > .next-timeline-item-content {
7005 margin-right: 108px;
7006 margin-left: 0;
7007}
7008.next-timeline[dir=rtl] .next-timeline-item-done .next-timeline-item-dot {
7009 background: #C4C6CF;
7010}
7011.next-timeline[dir=rtl] .next-timeline-item-done .next-timeline-item-icon {
7012 background: #C4C6CF;
7013 color: #FFFFFF;
7014}
7015.next-timeline[dir=rtl] .next-timeline-item-process {
7016 position: relative;
7017}
7018.next-timeline[dir=rtl] .next-timeline-item-process .next-timeline-item-timeline {
7019 position: absolute;
7020 left: auto;
7021 right: 0;
7022 top: 0;
7023 height: 100%;
7024}
7025.next-timeline[dir=rtl] .next-timeline-item-process .next-timeline-item-timeline .next-timeline-item-node {
7026 position: relative;
7027 width: 16px;
7028 height: 24px;
7029 padding: 4px 0;
7030 text-align: center;
7031 float: right;
7032}
7033.next-timeline[dir=rtl] .next-timeline-item-process .next-timeline-item-timeline .next-timeline-item-node.next-timeline-item-node-custom {
7034 width: 40px;
7035 height: auto;
7036 font-size: 12px;
7037 word-break: break-all;
7038 margin-right: -12px;
7039 margin-left: 0;
7040 line-height: 1;
7041}
7042.next-timeline[dir=rtl] .next-timeline-item-process .next-timeline-item-timeline .next-timeline-item-dot {
7043 display: block;
7044 position: absolute;
7045 width: 8px;
7046 height: 8px;
7047 border-radius: 100%;
7048 top: 50%;
7049 margin-top: -4px;
7050 left: 50%;
7051 margin-left: -4px;
7052}
7053.next-timeline[dir=rtl] .next-timeline-item-process .next-timeline-item-timeline .next-timeline-item-icon {
7054 display: block;
7055 position: absolute;
7056 width: 16px;
7057 height: 16px;
7058 line-height: 16px;
7059 border-radius: 100%;
7060 top: 50%;
7061 left: 50%;
7062 margin-top: -8px;
7063 margin-left: -8px;
7064}
7065.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 {
7066 width: 12px;
7067 font-size: 12px;
7068 line-height: inherit;
7069}
7070.next-timeline[dir=rtl] .next-timeline-item-process .next-timeline-item-timeline .next-timeline-item-tail {
7071 position: absolute;
7072 width: auto;
7073 height: calc(100% - 24px);
7074 top: 24px;
7075 left: auto;
7076 right: 8px;
7077}
7078.next-timeline[dir=rtl] .next-timeline-item-process .next-timeline-item-timeline .next-timeline-item-tail i {
7079 display: inline-block;
7080 vertical-align: top;
7081 height: 100%;
7082 width: 1px;
7083 position: relative;
7084 background: #DCDEE3;
7085 -webkit-transition: all 100ms linear;
7086 transition: all 100ms linear;
7087}
7088.next-timeline[dir=rtl] .next-timeline-item-process .next-timeline-item-content {
7089 display: inline-block;
7090 margin-right: 28px;
7091 margin-left: 0;
7092}
7093.next-timeline[dir=rtl] .next-timeline-item-process .next-timeline-item-content .next-timeline-item-title {
7094 margin: 0;
7095 font-size: 12px;
7096 font-weight: bold;
7097 line-height: 1.5;
7098 margin-top: 4px;
7099 overflow: hidden;
7100 text-overflow: ellipsis;
7101 white-space: nowrap;
7102 color: #333333;
7103 text-align: right;
7104}
7105.next-timeline[dir=rtl] .next-timeline-item-process .next-timeline-item-content .next-timeline-item-body {
7106 margin: 0;
7107 margin-top: 4px;
7108 font-size: 12px;
7109 line-height: 1.5;
7110 color: #666666;
7111 text-align: right;
7112}
7113.next-timeline[dir=rtl] .next-timeline-item-process .next-timeline-item-content .next-timeline-item-time {
7114 margin: 0;
7115 margin-top: 4px;
7116 margin-bottom: 12px;
7117 font-size: 12px;
7118 color: #999999;
7119 text-align: right;
7120}
7121.next-timeline[dir=rtl] .next-timeline-item-process.next-timeline-item-has-left-content > .next-timeline-item-left-content {
7122 position: absolute;
7123 width: 80px;
7124 display: inline-block;
7125 font-size: 12px;
7126 color: #999999;
7127 line-height: 1.5;
7128 margin-top: 4px;
7129 text-align: left;
7130 padding-left: 12px;
7131 padding-right: 0;
7132}
7133.next-timeline[dir=rtl] .next-timeline-item-process.next-timeline-item-has-left-content > .next-timeline-item-left-content p {
7134 word-break: break-word;
7135}
7136.next-timeline[dir=rtl] .next-timeline-item-process.next-timeline-item-has-left-content > .next-timeline-item-timeline {
7137 margin-right: 80px;
7138 margin-left: 0;
7139}
7140.next-timeline[dir=rtl] .next-timeline-item-process.next-timeline-item-has-left-content > .next-timeline-item-content {
7141 margin-right: 108px;
7142 margin-left: 0;
7143}
7144.next-timeline[dir=rtl] .next-timeline-item-process .next-timeline-item-dot {
7145 background: #5584FF;
7146}
7147.next-timeline[dir=rtl] .next-timeline-item-process .next-timeline-item-icon {
7148 background: #5584FF;
7149 color: #FFFFFF;
7150}
7151.next-timeline[dir=rtl] .next-timeline-item-success {
7152 position: relative;
7153}
7154.next-timeline[dir=rtl] .next-timeline-item-success .next-timeline-item-timeline {
7155 position: absolute;
7156 left: auto;
7157 right: 0;
7158 top: 0;
7159 height: 100%;
7160}
7161.next-timeline[dir=rtl] .next-timeline-item-success .next-timeline-item-timeline .next-timeline-item-node {
7162 position: relative;
7163 width: 16px;
7164 height: 24px;
7165 padding: 4px 0;
7166 text-align: center;
7167 float: right;
7168}
7169.next-timeline[dir=rtl] .next-timeline-item-success .next-timeline-item-timeline .next-timeline-item-node.next-timeline-item-node-custom {
7170 width: 40px;
7171 height: auto;
7172 font-size: 12px;
7173 word-break: break-all;
7174 margin-right: -12px;
7175 margin-left: 0;
7176 line-height: 1;
7177}
7178.next-timeline[dir=rtl] .next-timeline-item-success .next-timeline-item-timeline .next-timeline-item-dot {
7179 display: block;
7180 position: absolute;
7181 width: 8px;
7182 height: 8px;
7183 border-radius: 100%;
7184 top: 50%;
7185 margin-top: -4px;
7186 left: 50%;
7187 margin-left: -4px;
7188}
7189.next-timeline[dir=rtl] .next-timeline-item-success .next-timeline-item-timeline .next-timeline-item-icon {
7190 display: block;
7191 position: absolute;
7192 width: 16px;
7193 height: 16px;
7194 line-height: 16px;
7195 border-radius: 100%;
7196 top: 50%;
7197 left: 50%;
7198 margin-top: -8px;
7199 margin-left: -8px;
7200}
7201.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 {
7202 width: 12px;
7203 font-size: 12px;
7204 line-height: inherit;
7205}
7206.next-timeline[dir=rtl] .next-timeline-item-success .next-timeline-item-timeline .next-timeline-item-tail {
7207 position: absolute;
7208 width: auto;
7209 height: calc(100% - 24px);
7210 top: 24px;
7211 left: auto;
7212 right: 8px;
7213}
7214.next-timeline[dir=rtl] .next-timeline-item-success .next-timeline-item-timeline .next-timeline-item-tail i {
7215 display: inline-block;
7216 vertical-align: top;
7217 height: 100%;
7218 width: 1px;
7219 position: relative;
7220 background: #DCDEE3;
7221 -webkit-transition: all 100ms linear;
7222 transition: all 100ms linear;
7223}
7224.next-timeline[dir=rtl] .next-timeline-item-success .next-timeline-item-content {
7225 display: inline-block;
7226 margin-right: 28px;
7227 margin-left: 0;
7228}
7229.next-timeline[dir=rtl] .next-timeline-item-success .next-timeline-item-content .next-timeline-item-title {
7230 margin: 0;
7231 font-size: 12px;
7232 font-weight: bold;
7233 line-height: 1.5;
7234 margin-top: 4px;
7235 overflow: hidden;
7236 text-overflow: ellipsis;
7237 white-space: nowrap;
7238 color: #333333;
7239 text-align: right;
7240}
7241.next-timeline[dir=rtl] .next-timeline-item-success .next-timeline-item-content .next-timeline-item-body {
7242 margin: 0;
7243 margin-top: 4px;
7244 font-size: 12px;
7245 line-height: 1.5;
7246 color: #666666;
7247 text-align: right;
7248}
7249.next-timeline[dir=rtl] .next-timeline-item-success .next-timeline-item-content .next-timeline-item-time {
7250 margin: 0;
7251 margin-top: 4px;
7252 margin-bottom: 12px;
7253 font-size: 12px;
7254 color: #999999;
7255 text-align: right;
7256}
7257.next-timeline[dir=rtl] .next-timeline-item-success.next-timeline-item-has-left-content > .next-timeline-item-left-content {
7258 position: absolute;
7259 width: 80px;
7260 display: inline-block;
7261 font-size: 12px;
7262 color: #999999;
7263 line-height: 1.5;
7264 margin-top: 4px;
7265 text-align: left;
7266 padding-left: 12px;
7267 padding-right: 0;
7268}
7269.next-timeline[dir=rtl] .next-timeline-item-success.next-timeline-item-has-left-content > .next-timeline-item-left-content p {
7270 word-break: break-word;
7271}
7272.next-timeline[dir=rtl] .next-timeline-item-success.next-timeline-item-has-left-content > .next-timeline-item-timeline {
7273 margin-right: 80px;
7274 margin-left: 0;
7275}
7276.next-timeline[dir=rtl] .next-timeline-item-success.next-timeline-item-has-left-content > .next-timeline-item-content {
7277 margin-right: 108px;
7278 margin-left: 0;
7279}
7280.next-timeline[dir=rtl] .next-timeline-item-success .next-timeline-item-dot {
7281 background: #46BC15;
7282}
7283.next-timeline[dir=rtl] .next-timeline-item-success .next-timeline-item-icon {
7284 background: #46BC15;
7285 color: #FFFFFF;
7286}
7287.next-timeline[dir=rtl] .next-timeline-item-error {
7288 position: relative;
7289}
7290.next-timeline[dir=rtl] .next-timeline-item-error .next-timeline-item-timeline {
7291 position: absolute;
7292 left: auto;
7293 right: 0;
7294 top: 0;
7295 height: 100%;
7296}
7297.next-timeline[dir=rtl] .next-timeline-item-error .next-timeline-item-timeline .next-timeline-item-node {
7298 position: relative;
7299 width: 16px;
7300 height: 24px;
7301 padding: 4px 0;
7302 text-align: center;
7303 float: right;
7304}
7305.next-timeline[dir=rtl] .next-timeline-item-error .next-timeline-item-timeline .next-timeline-item-node.next-timeline-item-node-custom {
7306 width: 40px;
7307 height: auto;
7308 font-size: 12px;
7309 word-break: break-all;
7310 margin-right: -12px;
7311 margin-left: 0;
7312 line-height: 1;
7313}
7314.next-timeline[dir=rtl] .next-timeline-item-error .next-timeline-item-timeline .next-timeline-item-dot {
7315 display: block;
7316 position: absolute;
7317 width: 8px;
7318 height: 8px;
7319 border-radius: 100%;
7320 top: 50%;
7321 margin-top: -4px;
7322 left: 50%;
7323 margin-left: -4px;
7324}
7325.next-timeline[dir=rtl] .next-timeline-item-error .next-timeline-item-timeline .next-timeline-item-icon {
7326 display: block;
7327 position: absolute;
7328 width: 16px;
7329 height: 16px;
7330 line-height: 16px;
7331 border-radius: 100%;
7332 top: 50%;
7333 left: 50%;
7334 margin-top: -8px;
7335 margin-left: -8px;
7336}
7337.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 {
7338 width: 12px;
7339 font-size: 12px;
7340 line-height: inherit;
7341}
7342.next-timeline[dir=rtl] .next-timeline-item-error .next-timeline-item-timeline .next-timeline-item-tail {
7343 position: absolute;
7344 width: auto;
7345 height: calc(100% - 24px);
7346 top: 24px;
7347 left: auto;
7348 right: 8px;
7349}
7350.next-timeline[dir=rtl] .next-timeline-item-error .next-timeline-item-timeline .next-timeline-item-tail i {
7351 display: inline-block;
7352 vertical-align: top;
7353 height: 100%;
7354 width: 1px;
7355 position: relative;
7356 background: #DCDEE3;
7357 -webkit-transition: all 100ms linear;
7358 transition: all 100ms linear;
7359}
7360.next-timeline[dir=rtl] .next-timeline-item-error .next-timeline-item-content {
7361 display: inline-block;
7362 margin-right: 28px;
7363 margin-left: 0;
7364}
7365.next-timeline[dir=rtl] .next-timeline-item-error .next-timeline-item-content .next-timeline-item-title {
7366 margin: 0;
7367 font-size: 12px;
7368 font-weight: bold;
7369 line-height: 1.5;
7370 margin-top: 4px;
7371 overflow: hidden;
7372 text-overflow: ellipsis;
7373 white-space: nowrap;
7374 color: #333333;
7375 text-align: right;
7376}
7377.next-timeline[dir=rtl] .next-timeline-item-error .next-timeline-item-content .next-timeline-item-body {
7378 margin: 0;
7379 margin-top: 4px;
7380 font-size: 12px;
7381 line-height: 1.5;
7382 color: #666666;
7383 text-align: right;
7384}
7385.next-timeline[dir=rtl] .next-timeline-item-error .next-timeline-item-content .next-timeline-item-time {
7386 margin: 0;
7387 margin-top: 4px;
7388 margin-bottom: 12px;
7389 font-size: 12px;
7390 color: #999999;
7391 text-align: right;
7392}
7393.next-timeline[dir=rtl] .next-timeline-item-error.next-timeline-item-has-left-content > .next-timeline-item-left-content {
7394 position: absolute;
7395 width: 80px;
7396 display: inline-block;
7397 font-size: 12px;
7398 color: #999999;
7399 line-height: 1.5;
7400 margin-top: 4px;
7401 text-align: left;
7402 padding-left: 12px;
7403 padding-right: 0;
7404}
7405.next-timeline[dir=rtl] .next-timeline-item-error.next-timeline-item-has-left-content > .next-timeline-item-left-content p {
7406 word-break: break-word;
7407}
7408.next-timeline[dir=rtl] .next-timeline-item-error.next-timeline-item-has-left-content > .next-timeline-item-timeline {
7409 margin-right: 80px;
7410 margin-left: 0;
7411}
7412.next-timeline[dir=rtl] .next-timeline-item-error.next-timeline-item-has-left-content > .next-timeline-item-content {
7413 margin-right: 108px;
7414 margin-left: 0;
7415}
7416.next-timeline[dir=rtl] .next-timeline-item-error .next-timeline-item-dot {
7417 background: #FF3000;
7418}
7419.next-timeline[dir=rtl] .next-timeline-item-error .next-timeline-item-icon {
7420 background: #FF3000;
7421 color: #FFFFFF;
7422}
7423
7424.next-timeline {
7425 margin: 0;
7426 padding: 0;
7427 list-style: none;
7428}
7429.next-timeline > li {
7430 outline: 0;
7431}
7432
7433.next-timeline-item {
7434 /* 时间轴左边存在内容的情况 */
7435}
7436.next-timeline-item-folder {
7437 padding-left: 28px;
7438 padding-top: 4px;
7439 padding-bottom: 4px;
7440 font-size: 12px;
7441 line-height: 1.5;
7442 position: relative;
7443 /* min-height: auto !important; */
7444}
7445.next-timeline-item-dot-tail {
7446 position: absolute;
7447 top: 0;
7448 left: 8px;
7449 height: 100%;
7450 border-top: 0;
7451 border-bottom: 0;
7452 border-right: 0;
7453 border-left: 1px dotted #DCDEE3;
7454}
7455.next-timeline-item-dot-tail-solid {
7456 border-style: solid;
7457}
7458.next-timeline-item-has-left-content.next-timeline-item-folder {
7459 margin-left: 80px;
7460}
7461
7462.next-timeline-item-done {
7463 position: relative;
7464}
7465.next-timeline-item-done .next-timeline-item-timeline {
7466 position: absolute;
7467 left: 0;
7468 top: 0;
7469 height: 100%;
7470}
7471.next-timeline-item-done .next-timeline-item-timeline .next-timeline-item-node {
7472 position: relative;
7473 width: 16px;
7474 height: 24px;
7475 padding: 4px 0;
7476 text-align: center;
7477 float: left;
7478}
7479.next-timeline-item-done .next-timeline-item-timeline .next-timeline-item-node.next-timeline-item-node-custom {
7480 width: 40px;
7481 height: auto;
7482 font-size: 12px;
7483 word-break: break-all;
7484 margin-left: -12px;
7485 line-height: 1;
7486}
7487.next-timeline-item-done .next-timeline-item-timeline .next-timeline-item-dot {
7488 display: block;
7489 position: absolute;
7490 width: 8px;
7491 height: 8px;
7492 border-radius: 100%;
7493 top: 50%;
7494 margin-top: -4px;
7495 left: 50%;
7496 margin-left: -4px;
7497}
7498.next-timeline-item-done .next-timeline-item-timeline .next-timeline-item-icon {
7499 display: block;
7500 position: absolute;
7501 width: 16px;
7502 height: 16px;
7503 line-height: 16px;
7504 border-radius: 100%;
7505 top: 50%;
7506 left: 50%;
7507 margin-top: -8px;
7508 margin-left: -8px;
7509}
7510.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 {
7511 width: 12px;
7512 font-size: 12px;
7513 line-height: inherit;
7514}
7515.next-timeline-item-done .next-timeline-item-timeline .next-timeline-item-tail {
7516 position: absolute;
7517 width: auto;
7518 height: calc(100% - 24px);
7519 top: 24px;
7520 left: 8px;
7521}
7522.next-timeline-item-done .next-timeline-item-timeline .next-timeline-item-tail i {
7523 display: inline-block;
7524 vertical-align: top;
7525 height: 100%;
7526 width: 1px;
7527 position: relative;
7528 background: #DCDEE3;
7529 -webkit-transition: all 100ms linear;
7530 transition: all 100ms linear;
7531}
7532.next-timeline-item-done .next-timeline-item-content {
7533 display: inline-block;
7534 margin-left: 28px;
7535}
7536.next-timeline-item-done .next-timeline-item-content .next-timeline-item-title {
7537 margin: 0;
7538 font-size: 12px;
7539 font-weight: bold;
7540 line-height: 1.5;
7541 margin-top: 4px;
7542 overflow: hidden;
7543 text-overflow: ellipsis;
7544 white-space: nowrap;
7545 color: #333333;
7546 text-align: left;
7547}
7548.next-timeline-item-done .next-timeline-item-content .next-timeline-item-body {
7549 margin: 0;
7550 margin-top: 4px;
7551 font-size: 12px;
7552 line-height: 1.5;
7553 color: #666666;
7554 text-align: left;
7555}
7556.next-timeline-item-done .next-timeline-item-content .next-timeline-item-time {
7557 margin: 0;
7558 margin-top: 4px;
7559 margin-bottom: 12px;
7560 font-size: 12px;
7561 color: #999999;
7562 text-align: left;
7563}
7564.next-timeline-item-done.next-timeline-item-has-left-content > .next-timeline-item-left-content {
7565 position: absolute;
7566 width: 80px;
7567 display: inline-block;
7568 font-size: 12px;
7569 color: #999999;
7570 line-height: 1.5;
7571 margin-top: 4px;
7572 text-align: right;
7573 padding-right: 12px;
7574}
7575.next-timeline-item-done.next-timeline-item-has-left-content > .next-timeline-item-left-content p {
7576 word-break: break-word;
7577}
7578.next-timeline-item-done.next-timeline-item-has-left-content > .next-timeline-item-timeline {
7579 margin-left: 80px;
7580}
7581.next-timeline-item-done.next-timeline-item-has-left-content > .next-timeline-item-content {
7582 margin-left: 108px;
7583}
7584.next-timeline-item-done .next-timeline-item-dot {
7585 background: #C4C6CF;
7586}
7587.next-timeline-item-done .next-timeline-item-icon {
7588 background: #C4C6CF;
7589 color: #FFFFFF;
7590}
7591
7592.next-timeline-item-process {
7593 position: relative;
7594}
7595.next-timeline-item-process .next-timeline-item-timeline {
7596 position: absolute;
7597 left: 0;
7598 top: 0;
7599 height: 100%;
7600}
7601.next-timeline-item-process .next-timeline-item-timeline .next-timeline-item-node {
7602 position: relative;
7603 width: 16px;
7604 height: 24px;
7605 padding: 4px 0;
7606 text-align: center;
7607 float: left;
7608}
7609.next-timeline-item-process .next-timeline-item-timeline .next-timeline-item-node.next-timeline-item-node-custom {
7610 width: 40px;
7611 height: auto;
7612 font-size: 12px;
7613 word-break: break-all;
7614 margin-left: -12px;
7615 line-height: 1;
7616}
7617.next-timeline-item-process .next-timeline-item-timeline .next-timeline-item-dot {
7618 display: block;
7619 position: absolute;
7620 width: 8px;
7621 height: 8px;
7622 border-radius: 100%;
7623 top: 50%;
7624 margin-top: -4px;
7625 left: 50%;
7626 margin-left: -4px;
7627}
7628.next-timeline-item-process .next-timeline-item-timeline .next-timeline-item-icon {
7629 display: block;
7630 position: absolute;
7631 width: 16px;
7632 height: 16px;
7633 line-height: 16px;
7634 border-radius: 100%;
7635 top: 50%;
7636 left: 50%;
7637 margin-top: -8px;
7638 margin-left: -8px;
7639}
7640.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 {
7641 width: 12px;
7642 font-size: 12px;
7643 line-height: inherit;
7644}
7645.next-timeline-item-process .next-timeline-item-timeline .next-timeline-item-tail {
7646 position: absolute;
7647 width: auto;
7648 height: calc(100% - 24px);
7649 top: 24px;
7650 left: 8px;
7651}
7652.next-timeline-item-process .next-timeline-item-timeline .next-timeline-item-tail i {
7653 display: inline-block;
7654 vertical-align: top;
7655 height: 100%;
7656 width: 1px;
7657 position: relative;
7658 background: #DCDEE3;
7659 -webkit-transition: all 100ms linear;
7660 transition: all 100ms linear;
7661}
7662.next-timeline-item-process .next-timeline-item-content {
7663 display: inline-block;
7664 margin-left: 28px;
7665}
7666.next-timeline-item-process .next-timeline-item-content .next-timeline-item-title {
7667 margin: 0;
7668 font-size: 12px;
7669 font-weight: bold;
7670 line-height: 1.5;
7671 margin-top: 4px;
7672 overflow: hidden;
7673 text-overflow: ellipsis;
7674 white-space: nowrap;
7675 color: #333333;
7676 text-align: left;
7677}
7678.next-timeline-item-process .next-timeline-item-content .next-timeline-item-body {
7679 margin: 0;
7680 margin-top: 4px;
7681 font-size: 12px;
7682 line-height: 1.5;
7683 color: #666666;
7684 text-align: left;
7685}
7686.next-timeline-item-process .next-timeline-item-content .next-timeline-item-time {
7687 margin: 0;
7688 margin-top: 4px;
7689 margin-bottom: 12px;
7690 font-size: 12px;
7691 color: #999999;
7692 text-align: left;
7693}
7694.next-timeline-item-process.next-timeline-item-has-left-content > .next-timeline-item-left-content {
7695 position: absolute;
7696 width: 80px;
7697 display: inline-block;
7698 font-size: 12px;
7699 color: #999999;
7700 line-height: 1.5;
7701 margin-top: 4px;
7702 text-align: right;
7703 padding-right: 12px;
7704}
7705.next-timeline-item-process.next-timeline-item-has-left-content > .next-timeline-item-left-content p {
7706 word-break: break-word;
7707}
7708.next-timeline-item-process.next-timeline-item-has-left-content > .next-timeline-item-timeline {
7709 margin-left: 80px;
7710}
7711.next-timeline-item-process.next-timeline-item-has-left-content > .next-timeline-item-content {
7712 margin-left: 108px;
7713}
7714.next-timeline-item-process .next-timeline-item-dot {
7715 background: #5584FF;
7716}
7717.next-timeline-item-process .next-timeline-item-icon {
7718 background: #5584FF;
7719 color: #FFFFFF;
7720}
7721
7722.next-timeline-item-success {
7723 position: relative;
7724}
7725.next-timeline-item-success .next-timeline-item-timeline {
7726 position: absolute;
7727 left: 0;
7728 top: 0;
7729 height: 100%;
7730}
7731.next-timeline-item-success .next-timeline-item-timeline .next-timeline-item-node {
7732 position: relative;
7733 width: 16px;
7734 height: 24px;
7735 padding: 4px 0;
7736 text-align: center;
7737 float: left;
7738}
7739.next-timeline-item-success .next-timeline-item-timeline .next-timeline-item-node.next-timeline-item-node-custom {
7740 width: 40px;
7741 height: auto;
7742 font-size: 12px;
7743 word-break: break-all;
7744 margin-left: -12px;
7745 line-height: 1;
7746}
7747.next-timeline-item-success .next-timeline-item-timeline .next-timeline-item-dot {
7748 display: block;
7749 position: absolute;
7750 width: 8px;
7751 height: 8px;
7752 border-radius: 100%;
7753 top: 50%;
7754 margin-top: -4px;
7755 left: 50%;
7756 margin-left: -4px;
7757}
7758.next-timeline-item-success .next-timeline-item-timeline .next-timeline-item-icon {
7759 display: block;
7760 position: absolute;
7761 width: 16px;
7762 height: 16px;
7763 line-height: 16px;
7764 border-radius: 100%;
7765 top: 50%;
7766 left: 50%;
7767 margin-top: -8px;
7768 margin-left: -8px;
7769}
7770.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 {
7771 width: 12px;
7772 font-size: 12px;
7773 line-height: inherit;
7774}
7775.next-timeline-item-success .next-timeline-item-timeline .next-timeline-item-tail {
7776 position: absolute;
7777 width: auto;
7778 height: calc(100% - 24px);
7779 top: 24px;
7780 left: 8px;
7781}
7782.next-timeline-item-success .next-timeline-item-timeline .next-timeline-item-tail i {
7783 display: inline-block;
7784 vertical-align: top;
7785 height: 100%;
7786 width: 1px;
7787 position: relative;
7788 background: #DCDEE3;
7789 -webkit-transition: all 100ms linear;
7790 transition: all 100ms linear;
7791}
7792.next-timeline-item-success .next-timeline-item-content {
7793 display: inline-block;
7794 margin-left: 28px;
7795}
7796.next-timeline-item-success .next-timeline-item-content .next-timeline-item-title {
7797 margin: 0;
7798 font-size: 12px;
7799 font-weight: bold;
7800 line-height: 1.5;
7801 margin-top: 4px;
7802 overflow: hidden;
7803 text-overflow: ellipsis;
7804 white-space: nowrap;
7805 color: #333333;
7806 text-align: left;
7807}
7808.next-timeline-item-success .next-timeline-item-content .next-timeline-item-body {
7809 margin: 0;
7810 margin-top: 4px;
7811 font-size: 12px;
7812 line-height: 1.5;
7813 color: #666666;
7814 text-align: left;
7815}
7816.next-timeline-item-success .next-timeline-item-content .next-timeline-item-time {
7817 margin: 0;
7818 margin-top: 4px;
7819 margin-bottom: 12px;
7820 font-size: 12px;
7821 color: #999999;
7822 text-align: left;
7823}
7824.next-timeline-item-success.next-timeline-item-has-left-content > .next-timeline-item-left-content {
7825 position: absolute;
7826 width: 80px;
7827 display: inline-block;
7828 font-size: 12px;
7829 color: #999999;
7830 line-height: 1.5;
7831 margin-top: 4px;
7832 text-align: right;
7833 padding-right: 12px;
7834}
7835.next-timeline-item-success.next-timeline-item-has-left-content > .next-timeline-item-left-content p {
7836 word-break: break-word;
7837}
7838.next-timeline-item-success.next-timeline-item-has-left-content > .next-timeline-item-timeline {
7839 margin-left: 80px;
7840}
7841.next-timeline-item-success.next-timeline-item-has-left-content > .next-timeline-item-content {
7842 margin-left: 108px;
7843}
7844.next-timeline-item-success .next-timeline-item-dot {
7845 background: #46BC15;
7846}
7847.next-timeline-item-success .next-timeline-item-icon {
7848 background: #46BC15;
7849 color: #FFFFFF;
7850}
7851
7852.next-timeline-item-error {
7853 position: relative;
7854}
7855.next-timeline-item-error .next-timeline-item-timeline {
7856 position: absolute;
7857 left: 0;
7858 top: 0;
7859 height: 100%;
7860}
7861.next-timeline-item-error .next-timeline-item-timeline .next-timeline-item-node {
7862 position: relative;
7863 width: 16px;
7864 height: 24px;
7865 padding: 4px 0;
7866 text-align: center;
7867 float: left;
7868}
7869.next-timeline-item-error .next-timeline-item-timeline .next-timeline-item-node.next-timeline-item-node-custom {
7870 width: 40px;
7871 height: auto;
7872 font-size: 12px;
7873 word-break: break-all;
7874 margin-left: -12px;
7875 line-height: 1;
7876}
7877.next-timeline-item-error .next-timeline-item-timeline .next-timeline-item-dot {
7878 display: block;
7879 position: absolute;
7880 width: 8px;
7881 height: 8px;
7882 border-radius: 100%;
7883 top: 50%;
7884 margin-top: -4px;
7885 left: 50%;
7886 margin-left: -4px;
7887}
7888.next-timeline-item-error .next-timeline-item-timeline .next-timeline-item-icon {
7889 display: block;
7890 position: absolute;
7891 width: 16px;
7892 height: 16px;
7893 line-height: 16px;
7894 border-radius: 100%;
7895 top: 50%;
7896 left: 50%;
7897 margin-top: -8px;
7898 margin-left: -8px;
7899}
7900.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 {
7901 width: 12px;
7902 font-size: 12px;
7903 line-height: inherit;
7904}
7905.next-timeline-item-error .next-timeline-item-timeline .next-timeline-item-tail {
7906 position: absolute;
7907 width: auto;
7908 height: calc(100% - 24px);
7909 top: 24px;
7910 left: 8px;
7911}
7912.next-timeline-item-error .next-timeline-item-timeline .next-timeline-item-tail i {
7913 display: inline-block;
7914 vertical-align: top;
7915 height: 100%;
7916 width: 1px;
7917 position: relative;
7918 background: #DCDEE3;
7919 -webkit-transition: all 100ms linear;
7920 transition: all 100ms linear;
7921}
7922.next-timeline-item-error .next-timeline-item-content {
7923 display: inline-block;
7924 margin-left: 28px;
7925}
7926.next-timeline-item-error .next-timeline-item-content .next-timeline-item-title {
7927 margin: 0;
7928 font-size: 12px;
7929 font-weight: bold;
7930 line-height: 1.5;
7931 margin-top: 4px;
7932 overflow: hidden;
7933 text-overflow: ellipsis;
7934 white-space: nowrap;
7935 color: #333333;
7936 text-align: left;
7937}
7938.next-timeline-item-error .next-timeline-item-content .next-timeline-item-body {
7939 margin: 0;
7940 margin-top: 4px;
7941 font-size: 12px;
7942 line-height: 1.5;
7943 color: #666666;
7944 text-align: left;
7945}
7946.next-timeline-item-error .next-timeline-item-content .next-timeline-item-time {
7947 margin: 0;
7948 margin-top: 4px;
7949 margin-bottom: 12px;
7950 font-size: 12px;
7951 color: #999999;
7952 text-align: left;
7953}
7954.next-timeline-item-error.next-timeline-item-has-left-content > .next-timeline-item-left-content {
7955 position: absolute;
7956 width: 80px;
7957 display: inline-block;
7958 font-size: 12px;
7959 color: #999999;
7960 line-height: 1.5;
7961 margin-top: 4px;
7962 text-align: right;
7963 padding-right: 12px;
7964}
7965.next-timeline-item-error.next-timeline-item-has-left-content > .next-timeline-item-left-content p {
7966 word-break: break-word;
7967}
7968.next-timeline-item-error.next-timeline-item-has-left-content > .next-timeline-item-timeline {
7969 margin-left: 80px;
7970}
7971.next-timeline-item-error.next-timeline-item-has-left-content > .next-timeline-item-content {
7972 margin-left: 108px;
7973}
7974.next-timeline-item-error .next-timeline-item-dot {
7975 background: #FF3000;
7976}
7977.next-timeline-item-error .next-timeline-item-icon {
7978 background: #FF3000;
7979 color: #FFFFFF;
7980}
7981
7982.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 {
7983 width: 50%;
7984 padding-right: 12px;
7985}
7986.next-timeline.next-alternate .next-timeline-item-left .next-timeline-item-timeline, .next-timeline.next-alternate .next-timeline-item-right .next-timeline-item-timeline {
7987 margin-left: 50%;
7988}
7989.next-timeline.next-alternate .next-timeline-item-left .next-timeline-item-content, .next-timeline.next-alternate .next-timeline-item-right .next-timeline-item-content {
7990 margin-left: calc(50% + 28px);
7991}
7992.next-timeline.next-alternate .next-timeline-item-folder {
7993 margin-left: 50%;
7994}
7995.next-timeline.next-alternate .next-timeline-item-right .next-timeline-item-title {
7996 margin: 0;
7997 margin-top: 4px;
7998 font-size: 12px;
7999 font-weight: bold;
8000 line-height: 1.5;
8001 overflow: hidden;
8002 text-overflow: ellipsis;
8003 white-space: nowrap;
8004 color: #333333;
8005 text-align: right;
8006}
8007.next-timeline.next-alternate .next-timeline-item-right .next-timeline-item-body {
8008 margin: 0;
8009 margin-top: 4px;
8010 font-size: 12px;
8011 line-height: 1.5;
8012 color: #666666;
8013 text-align: right;
8014}
8015.next-timeline.next-alternate .next-timeline-item-right .next-timeline-item-time {
8016 margin: 0;
8017 margin-top: 4px;
8018 margin-bottom: 12px;
8019 font-size: 12px;
8020 color: #999999;
8021 text-align: right;
8022}
8023.next-timeline.next-alternate .next-timeline-item-right .next-timeline-item-left-content {
8024 display: inline-block;
8025 position: relative;
8026}
8027.next-timeline.next-alternate .next-timeline-item-right .next-timeline-item-left-content .next-timeline-item-title {
8028 margin-top: 0;
8029}
8030.next-timeline.next-alternate .next-timeline-item-right .next-timeline-item-content {
8031 margin-left: 28px;
8032 position: absolute;
8033}
8034.next-timeline.next-alternate .next-timeline-item-right .next-timeline-item-content .next-timeline-item-body {
8035 margin-top: 4px;
8036 color: #999999;
8037}
8038
8039.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 {
8040 width: 50%;
8041 padding-left: 12px;
8042}
8043.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 {
8044 margin-right: 50%;
8045}
8046.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 {
8047 width: 50%;
8048 margin-right: calc(50% + 28px);
8049}
8050.next-timeline[dir=rtl].next-alternate .next-timeline-item-folder {
8051 margin-right: 50%;
8052}
8053.next-timeline[dir=rtl].next-alternate .next-timeline-item-right .next-timeline-item-title {
8054 margin: 0;
8055 font-size: 12px;
8056 font-weight: bold;
8057 line-height: 1.5;
8058 overflow: hidden;
8059 text-overflow: ellipsis;
8060 white-space: nowrap;
8061 color: #333333;
8062 text-align: left;
8063}
8064.next-timeline[dir=rtl].next-alternate .next-timeline-item-right .next-timeline-item-body {
8065 margin: 0;
8066 font-size: 12px;
8067 line-height: 1.5;
8068 color: #666666;
8069 text-align: left;
8070}
8071.next-timeline[dir=rtl].next-alternate .next-timeline-item-right .next-timeline-item-time {
8072 margin: 0;
8073 margin-top: 4px;
8074 margin-bottom: 12px;
8075 font-size: 12px;
8076 color: #999999;
8077 text-align: left;
8078}
8079.next-timeline[dir=rtl].next-alternate .next-timeline-item-right .next-timeline-item-left-content {
8080 display: inline-block;
8081 position: relative;
8082}
8083.next-timeline[dir=rtl].next-alternate .next-timeline-item-right .next-timeline-item-content {
8084 margin-right: 28px;
8085 position: absolute;
8086}
8087.next-timeline[dir=rtl].next-alternate .next-timeline-item-right .next-timeline-item-content .next-timeline-item-body {
8088 text-align: right;
8089}
8090
8091.next-timeline-item-last .next-timeline-item-tail {
8092 display: none;
8093}
8094
8095.next-timeline-item-has-left-content {
8096 min-height: 48px;
8097}
8098
8099.next-timeline-item-folder.next-timeline-item-has-left-content {
8100 min-height: auto;
8101}
8102
8103.next-transfer {
8104 -webkit-box-sizing: border-box;
8105 box-sizing: border-box;
8106 display: inline-block;
8107}
8108.next-transfer *,
8109.next-transfer *:before,
8110.next-transfer *:after {
8111 -webkit-box-sizing: border-box;
8112 box-sizing: border-box;
8113}
8114.next-transfer-panel {
8115 display: inline-block;
8116 border: 1px solid #DCDEE3;
8117 border-radius: 3px;
8118 background-color: #FFFFFF;
8119 vertical-align: middle;
8120}
8121.next-transfer-panel-header {
8122 padding: 8px 20px;
8123 border-bottom: 1px solid #DCDEE3;
8124 background-color: #F7F8FA;
8125 color: #333333;
8126 font-size: 12px;
8127}
8128.next-transfer-panel-search {
8129 padding: 0 4px;
8130 margin-top: 8px;
8131 margin-bottom: 0px;
8132 width: 180px;
8133}
8134.next-transfer .next-transfer-panel-list {
8135 width: 180px;
8136 /* TODO */
8137 height: 160px;
8138 padding: 0;
8139 border: none;
8140 -webkit-box-shadow: none;
8141 box-shadow: none;
8142 border-radius: 0;
8143 overflow-y: auto;
8144}
8145.next-transfer-panel-not-found-container {
8146 display: table;
8147 width: 100%;
8148 height: 100%;
8149}
8150.next-transfer-panel-not-found {
8151 display: table-cell;
8152 vertical-align: middle;
8153 text-align: center;
8154 color: #999999;
8155 font-size: 14px;
8156}
8157.next-transfer-panel-item.next-focused {
8158 -webkit-transition: background-color 100ms linear;
8159 transition: background-color 100ms linear;
8160}
8161.next-transfer-panel-item:not(.next-disabled).next-simple:hover {
8162 color: #5584FF;
8163}
8164.next-transfer-panel-item.next-insert-before:before {
8165 position: absolute;
8166 top: 0;
8167 left: 0;
8168 content: "";
8169 width: 100%;
8170 border-top: 1px solid #5584FF;
8171}
8172.next-transfer-panel-item.next-insert-after:after {
8173 position: absolute;
8174 left: 0;
8175 bottom: 0;
8176 content: "";
8177 width: 100%;
8178 border-bottom: 1px solid #5584FF;
8179}
8180.next-transfer-panel-footer {
8181 position: relative;
8182 padding: 8px 20px;
8183 border-top: 1px solid #DCDEE3;
8184 background-color: #FFFFFF;
8185 font-size: 0;
8186 -webkit-box-shadow: none;
8187 box-shadow: none;
8188}
8189.next-transfer-panel-count {
8190 /* TODO */
8191 margin-left: 4px;
8192 font-size: 12px;
8193 vertical-align: middle;
8194 color: #333333;
8195}
8196.next-transfer-panel-move-all {
8197 font-size: 12px;
8198 color: #5584FF;
8199 cursor: pointer;
8200}
8201.next-transfer-panel-move-all.next-disabled {
8202 color: #CCCCCC;
8203 cursor: not-allowed;
8204}
8205.next-transfer-operations {
8206 display: inline-block;
8207 vertical-align: middle;
8208 margin: 0 20px;
8209}
8210.next-transfer-move.next-icon {
8211 color: #C4C6CF;
8212}
8213.next-transfer-move.next-icon::before {
8214 content: "\E6B3";
8215}
8216.next-transfer-operation.next-btn {
8217 display: block;
8218}
8219.next-transfer-operation.next-btn + .next-transfer-operation.next-btn {
8220 margin-top: 8px;
8221}
8222.next-transfer-operation.next-btn .next-icon:before, .next-transfer-operation.next-btn .next-icon .next-icon-remote {
8223 width: 12px;
8224 font-size: 12px;
8225 line-height: inherit;
8226}
8227
8228.next-tree {
8229 -webkit-box-sizing: border-box;
8230 box-sizing: border-box;
8231}
8232.next-tree *,
8233.next-tree *:before,
8234.next-tree *:after {
8235 -webkit-box-sizing: border-box;
8236 box-sizing: border-box;
8237}
8238.next-tree, .next-tree-child-tree {
8239 margin: 0;
8240 padding: 0;
8241 list-style: none;
8242}
8243.next-tree-node {
8244 white-space: nowrap;
8245}
8246.next-tree-node-inner {
8247 font-size: 0;
8248 outline: none;
8249}
8250.next-tree-node-label-wrapper {
8251 font-size: 0;
8252 outline: none;
8253 display: inline-block;
8254 margin: 0 4px;
8255 vertical-align: middle;
8256}
8257.next-tree-node-label {
8258 height: 20px;
8259 line-height: 20px;
8260 padding: 0 4px;
8261 border-radius: 3px;
8262 font-size: 12px;
8263}
8264.next-tree-node-label .next-icon {
8265 font-size: 14px;
8266}
8267.next-tree-node-label .next-icon::before {
8268 font-size: 12px;
8269 width: 12px;
8270 margin-right: 0.5em;
8271}
8272.next-tree-node-input.next-input {
8273 margin: 0 4px;
8274}
8275.next-tree-node-indent-unit {
8276 display: inline-block;
8277 width: 24px;
8278 vertical-align: middle;
8279 position: relative;
8280}
8281.next-tree-node-indent-unit.next-line::before {
8282 content: "";
8283 position: absolute;
8284 display: inline-block;
8285 border-left: 1px solid #C4C6CF;
8286 height: 28px;
8287 left: 7.5px;
8288}
8289.next-tree-switcher {
8290 position: relative;
8291 display: inline-block;
8292 vertical-align: middle;
8293 margin-right: 8px;
8294}
8295.next-tree .next-tree-unfold-icon::before {
8296 content: "";
8297}
8298.next-tree-switcher.next-noline {
8299 width: 12px;
8300 height: 12px;
8301 line-height: 12px;
8302 cursor: pointer;
8303}
8304.next-tree-switcher.next-noline .next-tree-switcher-icon {
8305 -webkit-transition: -webkit-transform 100ms linear;
8306 transition: -webkit-transform 100ms linear;
8307 transition: transform 100ms linear;
8308 transition: transform 100ms linear, -webkit-transform 100ms linear;
8309 color: #999999;
8310}
8311.next-tree-switcher.next-noline .next-tree-switcher-icon:before, .next-tree-switcher.next-noline .next-tree-switcher-icon .next-icon-remote {
8312 width: 12px;
8313 font-size: 12px;
8314 line-height: inherit;
8315}
8316.next-tree-switcher.next-noline .next-tree-fold-icon::before {
8317 content: "\E63D";
8318}
8319.next-tree-switcher.next-noline.next-close .next-tree-switcher-icon {
8320 -webkit-transform: rotate(-90deg);
8321 -ms-transform: rotate(-90deg);
8322 transform: rotate(-90deg);
8323}
8324.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 {
8325 width: 12px;
8326 font-size: 12px;
8327 line-height: inherit;
8328}
8329.next-tree-switcher.next-noline:not(.next-disabled):hover .next-tree-switcher-icon {
8330 color: #333333;
8331}
8332.next-tree-switcher.next-noline.next-disabled {
8333 cursor: not-allowed;
8334}
8335.next-tree-switcher.next-noline.next-disabled .next-tree-switcher-icon {
8336 color: #CCCCCC;
8337}
8338.next-tree-switcher.next-noop-noline {
8339 -webkit-box-flex: 0;
8340 -ms-flex: none;
8341 flex: none;
8342 width: 12px;
8343 height: 12px;
8344}
8345.next-tree-switcher.next-line {
8346 width: 16px;
8347 height: 16px;
8348 line-height: 14px;
8349 border: 1px solid #C4C6CF;
8350 border-radius: 3px;
8351 background-color: #FFFFFF;
8352 cursor: pointer;
8353}
8354.next-tree-switcher.next-line .next-tree-switcher-icon {
8355 margin-left: 3px;
8356 color: #666666;
8357}
8358.next-tree-switcher.next-line .next-tree-switcher-icon:before, .next-tree-switcher.next-line .next-tree-switcher-icon .next-icon-remote {
8359 width: 8px;
8360 font-size: 8px;
8361 line-height: inherit;
8362}
8363@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
8364 .next-tree-switcher.next-line .next-tree-switcher-icon {
8365 -webkit-transform: scale(0.5);
8366 -ms-transform: scale(0.5);
8367 transform: scale(0.5);
8368 margin-left: -1px;
8369 margin-right: -4px;
8370 }
8371 .next-tree-switcher.next-line .next-tree-switcher-icon:before {
8372 width: 16px;
8373 font-size: 16px;
8374 }
8375}
8376.next-tree-switcher.next-line .next-tree-switcher-fold-icon::before {
8377 content: "\E655";
8378}
8379.next-tree-switcher.next-line .next-tree-switcher-unfold-icon::before {
8380 content: "\E601";
8381}
8382.next-tree-switcher.next-line:not(.next-disabled):hover {
8383 border-color: #A0A2AD;
8384 background-color: #F2F3F7;
8385}
8386.next-tree-switcher.next-line:not(.next-disabled):hover .next-tree-switcher-icon {
8387 color: #333333;
8388}
8389.next-tree-switcher.next-line.next-disabled {
8390 border-color: #E6E7EB;
8391 background-color: #FFFFFF;
8392 cursor: not-allowed;
8393}
8394.next-tree-switcher.next-line.next-disabled .next-tree-switcher-icon {
8395 color: #CCCCCC;
8396}
8397.next-tree-switcher.next-noop-line {
8398 width: 16px;
8399 height: 16px;
8400}
8401.next-tree-switcher.next-noop-line-noroot {
8402 height: 0;
8403 border-left: 1px solid #C4C6CF;
8404 border-bottom: 1px solid #C4C6CF;
8405}
8406.next-tree-switcher.next-noop-line-noroot .next-tree-right-angle {
8407 bottom: -1px;
8408}
8409.next-tree-switcher.next-loading.next-loading-noline {
8410 width: 12px;
8411 height: 12px;
8412 line-height: 12px;
8413}
8414.next-tree-switcher.next-loading.next-loading-line {
8415 width: 16px;
8416 height: 16px;
8417 line-height: 14px;
8418 border: 1px solid transparent;
8419}
8420.next-tree-switcher.next-loading .next-tree-switcher-icon {
8421 color: #5584FF;
8422}
8423.next-tree-switcher.next-loading .next-tree-switcher-icon:before, .next-tree-switcher.next-loading .next-tree-switcher-icon .next-icon-remote {
8424 width: 12px;
8425 font-size: 12px;
8426 line-height: inherit;
8427}
8428.next-tree-right-angle {
8429 position: absolute;
8430 bottom: 6.5px;
8431 left: -17.5px;
8432 display: block;
8433 width: 16.5px;
8434 height: 22px;
8435 border-left: 1px solid #C4C6CF;
8436 border-bottom: 1px solid #C4C6CF;
8437}
8438.next-tree.next-label-block .next-tree-node-inner {
8439 display: -webkit-box;
8440 display: -ms-flexbox;
8441 display: flex;
8442 -webkit-box-align: center;
8443 -ms-flex-align: center;
8444 align-items: center;
8445}
8446.next-tree.next-label-block .next-tree-node-label-wrapper {
8447 -webkit-box-flex: 1;
8448 -ms-flex: 1 1 auto;
8449 flex: 1 1 auto;
8450 outline: none;
8451}
8452.next-tree.next-node-indent .next-tree-node .next-tree-node {
8453 margin-left: 24px;
8454}
8455.next-tree.next-node-indent .next-tree-node-inner {
8456 padding-top: 2px;
8457 padding-bottom: 2px;
8458}
8459.next-tree.next-node-indent .next-tree-node-label-wrapper {
8460 border-top: 2px solid transparent;
8461 border-bottom: 2px solid transparent;
8462}
8463.next-tree.next-node-indent .next-tree-node-label-wrapper:focus .next-tree-node-label {
8464 color: #333333;
8465 background-color: #F2F3F7;
8466}
8467.next-tree.next-node-indent .next-tree-node-label {
8468 -webkit-transition: color 100ms linear, background-color 100ms linear;
8469 transition: color 100ms linear, background-color 100ms linear;
8470 cursor: default;
8471 color: #333333;
8472 background-color: #FFFFFF;
8473}
8474.next-tree.next-node-indent .next-tree-node-label-selectable {
8475 cursor: pointer;
8476}
8477.next-tree.next-node-indent .next-tree-node-label:hover {
8478 color: #333333;
8479 background-color: #F2F3F7;
8480}
8481.next-tree.next-node-indent .next-tree-node-inner.next-selected .next-tree-node-label {
8482 color: #333333;
8483 background-color: #DEE8FF;
8484}
8485.next-tree.next-node-indent .next-tree-node-inner.next-disabled .next-tree-node-label,
8486.next-tree.next-node-indent .next-tree-node-inner.next-disabled .next-tree-node-label:hover {
8487 color: #CCCCCC;
8488 background-color: #FFFFFF;
8489 cursor: not-allowed;
8490}
8491.next-tree.next-node-indent .next-tree-node-inner.next-drag-over .next-tree-node-label {
8492 background-color: #5584FF;
8493 color: #FFFFFF;
8494 opacity: 0.8;
8495}
8496.next-tree.next-node-indent .next-tree-node-inner.next-drag-over-gap-top .next-tree-node-label-wrapper {
8497 border-top-color: #5584FF;
8498}
8499.next-tree.next-node-indent .next-tree-node-inner.next-drag-over-gap-bottom .next-tree-node-label-wrapper {
8500 border-bottom-color: #5584FF;
8501}
8502.next-tree.next-node-block .next-tree-node-inner {
8503 padding-top: 4px;
8504 padding-bottom: 4px;
8505 -webkit-transition: color 100ms linear, background-color 100ms linear;
8506 transition: color 100ms linear, background-color 100ms linear;
8507 display: -webkit-box;
8508 display: -ms-flexbox;
8509 display: flex;
8510 -webkit-box-align: center;
8511 -ms-flex-align: center;
8512 align-items: center;
8513}
8514.next-tree.next-node-block .next-tree-node-inner .next-tree-node-label-wrapper {
8515 cursor: pointer;
8516 -webkit-box-flex: 1;
8517 -ms-flex-positive: 1;
8518 flex-grow: 1;
8519 color: #333333;
8520 background-color: #FFFFFF;
8521}
8522.next-tree.next-node-block .next-tree-node-inner .next-tree-node-label-wrapper:hover, .next-tree.next-node-block .next-tree-node-inner .next-tree-node-label-wrapper:focus {
8523 color: #333333;
8524 background-color: #F2F3F7;
8525}
8526.next-tree.next-node-block .next-tree-node-inner.next-selected .next-tree-node-label {
8527 color: #333333;
8528 background-color: #DEE8FF;
8529}
8530.next-tree.next-node-block .next-tree-node-inner.next-disabled .next-tree-node-label, .next-tree.next-node-block .next-tree-node-inner.next-disabled:hover .next-tree-node-label {
8531 color: #CCCCCC;
8532 background-color: #FFFFFF;
8533 cursor: not-allowed;
8534}
8535.next-tree.next-show-line .next-tree-node .next-tree-node:not(:last-child) {
8536 margin-left: 7.5px;
8537 border-left: 1px solid #C4C6CF;
8538 padding-left: 15.5px;
8539}
8540.next-tree-node.next-filtered > .next-tree-node-inner .next-tree-node-label {
8541 color: #5584FF;
8542}
8543.next-tree-node.next-filtered > .next-tree-node-inner .next-tree-node-label:hover {
8544 color: #5584FF;
8545}
8546
8547.next-tree[dir=rtl] .next-tree-switcher {
8548 margin-left: 8px;
8549 margin-right: 0;
8550}
8551.next-tree[dir=rtl] .next-tree-switcher.next-noop-line-noroot {
8552 border-left: none;
8553 border-right: 1px solid #C4C6CF;
8554}
8555.next-tree[dir=rtl] .next-tree-right-angle {
8556 left: auto;
8557 right: -17.5px;
8558 border-left: none;
8559 border-right: 1px solid #C4C6CF;
8560}
8561.next-tree[dir=rtl].next-show-line .next-tree-node .next-tree-node:not(:last-child) {
8562 margin-left: 0;
8563 margin-right: 7.5px;
8564 border-left: none;
8565 border-right: 1px solid #C4C6CF;
8566 padding-left: 0;
8567 padding-right: 15.5px;
8568}
8569.next-tree[dir=rtl].next-node-indent .next-tree-node .next-tree-node {
8570 margin-left: 0;
8571 margin-right: 24px;
8572}
8573
8574.next-tree-select {
8575 -webkit-box-sizing: border-box;
8576 box-sizing: border-box;
8577}
8578.next-tree-select *,
8579.next-tree-select *:before,
8580.next-tree-select *:after {
8581 -webkit-box-sizing: border-box;
8582 box-sizing: border-box;
8583}
8584.next-tree-select-dropdown {
8585 background: #FFFFFF;
8586 border: 1px solid #DCDEE3;
8587 border-radius: 3px;
8588 -webkit-box-shadow: none;
8589 box-shadow: none;
8590 max-height: 260px;
8591 overflow: auto;
8592}
8593.next-tree-select-dropdown > .next-tree,
8594.next-tree-select-dropdown > .next-tree-select-not-found,
8595.next-tree-select-dropdown > .next-virtual-tree-container {
8596 padding: 8px 20px;
8597}
8598.next-tree-select-not-found {
8599 font-size: 12px;
8600 color: #999999;
8601}
8602
8603.next-upload-list[dir=rtl].next-upload-list-text .next-upload-list-item {
8604 padding: 4px 8px;
8605 padding-left: 36px;
8606}
8607.next-upload-list[dir=rtl].next-upload-list-text .next-icon {
8608 left: 12px;
8609 right: auto;
8610}
8611.next-upload-list[dir=rtl].next-upload-list-image .next-icon-close {
8612 float: left;
8613 margin-left: 4px;
8614 margin-right: 0;
8615}
8616.next-upload-list[dir=rtl].next-upload-list-image .next-upload-list-item-thumbnail {
8617 float: right;
8618 margin-left: 8px;
8619 margin-right: 0;
8620}
8621.next-upload-list[dir=rtl].next-upload-list-image .next-upload-list-item-progress {
8622 margin-right: 56px;
8623 margin-left: 20px;
8624}
8625
8626.next-upload {
8627 -webkit-box-sizing: border-box;
8628 box-sizing: border-box;
8629}
8630.next-upload *,
8631.next-upload *:before,
8632.next-upload *:after {
8633 -webkit-box-sizing: border-box;
8634 box-sizing: border-box;
8635}
8636.next-upload-inner {
8637 outline: 0;
8638 display: inline-block;
8639}
8640.next-upload-inner.next-hidden {
8641 display: none;
8642}
8643.next-upload-list {
8644 overflow: hidden;
8645 -webkit-box-sizing: border-box;
8646 box-sizing: border-box;
8647}
8648.next-upload-list *,
8649.next-upload-list *:before,
8650.next-upload-list *:after {
8651 -webkit-box-sizing: border-box;
8652 box-sizing: border-box;
8653}
8654.next-upload-list-item {
8655 position: relative;
8656}
8657.next-upload-list-item.next-hidden {
8658 display: none;
8659}
8660.next-upload-list-item-name {
8661 text-decoration: none;
8662}
8663.next-upload.next-disabled {
8664 border-color: #E6E7EB !important;
8665 color: #CCCCCC !important;
8666}
8667.next-upload.next-disabled .next-icon-close {
8668 cursor: not-allowed !important;
8669}
8670.next-upload.next-disabled .next-upload-inner * {
8671 color: #CCCCCC !important;
8672 border-color: #E6E7EB !important;
8673 cursor: not-allowed !important;
8674}
8675
8676.next-upload-list-text .next-upload-list-item {
8677 background-color: #F2F3F7;
8678 padding: 4px 8px;
8679 padding-right: 36px;
8680 height: 40px;
8681 line-height: 32px;
8682 font-size: 12px;
8683 overflow: hidden;
8684 -webkit-transition: all 100ms linear;
8685 transition: all 100ms linear;
8686 border-radius: 0px;
8687}
8688.next-upload-list-text .next-upload-list-item:not(:last-child) {
8689 margin-bottom: 4px;
8690}
8691.next-upload-list-text .next-upload-list-item-op {
8692 position: absolute;
8693 top: 0;
8694 right: 12px;
8695}
8696.next-upload-list-text .next-upload-list-item .next-icon-close {
8697 color: #999999;
8698 cursor: pointer;
8699 text-align: center;
8700 -webkit-transition: all 100ms linear;
8701 transition: all 100ms linear;
8702 line-height: 40px;
8703}
8704.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 {
8705 width: 12px;
8706 font-size: 12px;
8707 line-height: inherit;
8708}
8709.next-upload-list-text .next-upload-list-item:hover {
8710 background-color: #F2F3F7;
8711}
8712.next-upload-list-text .next-upload-list-item:hover .next-icon {
8713 color: #666666;
8714}
8715.next-upload-list-text .next-upload-list-item-name-wrap {
8716 text-overflow: ellipsis;
8717 white-space: nowrap;
8718 overflow: hidden;
8719 margin-right: 4px;
8720}
8721.next-upload-list-text .next-upload-list-item-name {
8722 color: #333333;
8723 -webkit-transition: all 100ms linear;
8724 transition: all 100ms linear;
8725}
8726.next-upload-list-text .next-upload-list-item-size {
8727 color: #999999;
8728 margin-left: 8px;
8729}
8730.next-upload-list-text .next-upload-list-item-uploading {
8731 line-height: 16px;
8732}
8733.next-upload-list-text .next-upload-list-item-uploading .next-upload-list-item-progress {
8734 line-height: 0;
8735 padding-top: 4px;
8736 padding-bottom: 4px;
8737}
8738.next-upload-list-text .next-upload-list-item-uploading .next-upload-list-item-progress .next-progress-line-underlay {
8739 height: 8px;
8740}
8741.next-upload-list-text .next-upload-list-item-uploading .next-upload-list-item-progress .next-progress-line-overlay {
8742 height: 8px;
8743 margin-top: -4px;
8744}
8745.next-upload-list-text .next-upload-list-item-done {
8746 line-height: 32px;
8747}
8748.next-upload-list-text .next-upload-list-item-done:hover .next-upload-list-item-name {
8749 color: #5584FF;
8750}
8751.next-upload-list-text .next-upload-list-item-done:hover .next-upload-list-item-size {
8752 color: #5584FF;
8753}
8754.next-upload-list-text .next-upload-list-item-error {
8755 /* stylelint-disable declaration-no-important */
8756 background-color: #FFECE4 !important;
8757}
8758.next-upload-list-text .next-upload-list-item-error.next-upload-list-item-error-with-msg {
8759 line-height: 16px;
8760}
8761.next-upload-list-text .next-upload-list-item-error-msg {
8762 text-overflow: ellipsis;
8763 white-space: nowrap;
8764 overflow: hidden;
8765 color: #FF3000;
8766}
8767
8768.next-upload-list-image .next-upload-list-item {
8769 -webkit-box-sizing: content-box;
8770 box-sizing: content-box;
8771 border: 1px solid #DCDEE3;
8772 background-color: #FFFFFF;
8773 padding: 8px;
8774 height: 48px;
8775 line-height: 48px;
8776 font-size: 12px;
8777 -webkit-transition: all 100ms linear;
8778 transition: all 100ms linear;
8779 overflow: hidden;
8780 border-radius: 0px;
8781}
8782.next-upload-list-image .next-upload-list-item:not(:last-child) {
8783 margin-bottom: 4px;
8784}
8785.next-upload-list-image .next-upload-list-item:after {
8786 visibility: hidden;
8787 display: block;
8788 height: 0;
8789 font-size: 0;
8790 content: " ";
8791 clear: both;
8792}
8793.next-upload-list-image .next-upload-list-item-op {
8794 float: right;
8795 margin-right: 4px;
8796}
8797.next-upload-list-image .next-upload-list-item .next-icon-close {
8798 cursor: pointer;
8799 color: #999999;
8800 text-align: center;
8801}
8802.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 {
8803 width: 12px;
8804 font-size: 12px;
8805 line-height: inherit;
8806}
8807.next-upload-list-image .next-upload-list-item:hover {
8808 border-color: #5584FF;
8809}
8810.next-upload-list-image .next-upload-list-item:hover .next-icon-close {
8811 color: #666666;
8812}
8813.next-upload-list-image .next-upload-list-item-name {
8814 display: block;
8815 color: #333333;
8816 margin-left: 56px;
8817 margin-right: 20px;
8818 text-overflow: ellipsis;
8819 white-space: nowrap;
8820 overflow: hidden;
8821 -webkit-transition: all 100ms linear;
8822 transition: all 100ms linear;
8823}
8824.next-upload-list-image .next-upload-list-item-size {
8825 color: #999999;
8826 margin-left: 8px;
8827}
8828.next-upload-list-image .next-upload-list-item-done:hover .next-upload-list-item-name {
8829 color: #5584FF;
8830}
8831.next-upload-list-image .next-upload-list-item-done:hover .next-upload-list-item-size {
8832 color: #5584FF;
8833}
8834.next-upload-list-image .next-upload-list-item-thumbnail {
8835 float: left;
8836 width: 48px;
8837 height: 48px;
8838 color: #CCCCCC;
8839 border: 1px solid #DCDEE3;
8840 border-radius: 0px;
8841 background-color: #F2F3F7;
8842 margin-right: 8px;
8843 vertical-align: middle;
8844 text-align: center;
8845 overflow: hidden;
8846 -webkit-box-sizing: border-box;
8847 box-sizing: border-box;
8848}
8849.next-upload-list-image .next-upload-list-item-thumbnail img {
8850 width: 100%;
8851 height: 100%;
8852}
8853.next-upload-list-image .next-upload-list-item-thumbnail .next-icon {
8854 display: block;
8855 margin: 0;
8856 line-height: 48px;
8857}
8858.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 {
8859 width: 24px;
8860 font-size: 24px;
8861 line-height: inherit;
8862}
8863.next-upload-list-image .next-upload-list-item-error {
8864 border-color: #FF3000 !important;
8865 background-color: #FFFFFF;
8866}
8867.next-upload-list-image .next-upload-list-item-uploading {
8868 background-color: #FFFFFF;
8869}
8870.next-upload-list-image .next-upload-list-item-uploading .next-upload-list-item-name {
8871 height: 24px;
8872 line-height: 24px;
8873}
8874.next-upload-list-image .next-upload-list-item-uploading .next-upload-list-item-progress {
8875 margin-left: 56px;
8876 margin-right: 20px;
8877 line-height: 0;
8878 padding-top: 8px;
8879 padding-bottom: 8px;
8880}
8881.next-upload-list-image .next-upload-list-item-uploading .next-upload-list-item-progress .next-progress-line-underlay {
8882 height: 8px;
8883}
8884.next-upload-list-image .next-upload-list-item-uploading .next-upload-list-item-progress .next-progress-line-overlay {
8885 height: 8px;
8886 margin-top: -4px;
8887}
8888.next-upload-list-image .next-upload-list-item-error-with-msg .next-upload-list-item-name,
8889.next-upload-list-image .next-upload-list-item-error-with-msg .next-upload-list-item-error-msg {
8890 height: 24px;
8891 line-height: 24px;
8892}
8893.next-upload-list-image .next-upload-list-item-error-with-msg .next-upload-list-item-error-msg {
8894 margin-left: 56px;
8895 margin-right: 20px;
8896 color: #FF3000;
8897 text-overflow: ellipsis;
8898 white-space: nowrap;
8899 overflow: hidden;
8900}
8901
8902.next-upload-list-card {
8903 display: inline-block;
8904}
8905.next-upload-list-card .next-upload-list-item {
8906 vertical-align: middle;
8907 float: left;
8908}
8909.next-upload-list-card .next-upload-list-item:not(:last-child) {
8910 margin-right: 12px;
8911}
8912.next-upload-list-card .next-upload-list-item-wrapper {
8913 position: relative;
8914 border: 1px solid #C4C6CF;
8915 width: 100px;
8916 height: 100px;
8917 padding: 0px;
8918 background-color: transparent;
8919 border-radius: 0px;
8920 overflow: hidden;
8921}
8922.next-upload-list-card .next-upload-list-item-thumbnail {
8923 text-align: center;
8924 width: 100%;
8925 height: 100%;
8926 color: #CCCCCC;
8927 font-size: 12px;
8928}
8929.next-upload-list-card .next-upload-list-item-thumbnail img {
8930 max-width: 100%;
8931 max-height: 100%;
8932 position: absolute;
8933 top: 0;
8934 right: 0;
8935 bottom: 0;
8936 left: 0;
8937 margin: auto;
8938}
8939.next-upload-list-card .next-upload-list-item-thumbnail img:focus {
8940 outline: 0;
8941}
8942.next-upload-list-card .next-upload-list-item-thumbnail .next-icon {
8943 width: 100%;
8944}
8945.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 {
8946 width: 48px;
8947 font-size: 48px;
8948 line-height: inherit;
8949}
8950.next-upload-list-card .next-upload-list-item-handler {
8951 margin-top: 13px;
8952}
8953.next-upload-list-card .next-upload-list-item-handler .next-icon-cry {
8954 margin-top: 10px;
8955}
8956.next-upload-list-card .next-upload-list-item-name {
8957 display: block;
8958 width: 100px;
8959 text-align: center;
8960 margin-top: 4px;
8961 font-size: 12px;
8962 color: #666666;
8963 text-overflow: ellipsis;
8964 white-space: nowrap;
8965 overflow: hidden;
8966}
8967.next-upload-list-card .next-upload-list-item-progress {
8968 position: absolute;
8969 font-size: 0;
8970 bottom: 0;
8971 left: 0;
8972 width: 100%;
8973}
8974.next-upload-list-card .next-upload-list-item-progress .next-progress-line-underlay {
8975 border-radius: 0;
8976 height: 8px;
8977}
8978.next-upload-list-card .next-upload-list-item-progress .next-progress-line-overlay {
8979 border-radius: 0;
8980 height: 8px;
8981 margin-top: -4px;
8982}
8983.next-upload-list-card .next-upload-list-item-uploading .next-upload-list-item-wrapper {
8984 background-color: #F7F8FA;
8985}
8986.next-upload-list-card .next-upload-list-item:hover .next-upload-tool {
8987 opacity: 0.8;
8988}
8989.next-upload-list-card .next-upload-list-item .next-upload-tool {
8990 position: absolute;
8991 z-index: 1;
8992 background-color: rgba(0, 0, 0, 0.7);
8993 -webkit-transition: all 100ms linear;
8994 transition: all 100ms linear;
8995 opacity: 0;
8996 width: 100%;
8997 height: 28px;
8998 left: 0;
8999 bottom: 0;
9000 display: -webkit-box;
9001 display: -ms-flexbox;
9002 display: flex;
9003}
9004.next-upload-list-card .next-upload-list-item .next-upload-tool .next-icon {
9005 line-height: 28px;
9006 color: #FFFFFF;
9007 cursor: pointer;
9008}
9009.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 {
9010 width: 16px;
9011 font-size: 16px;
9012 line-height: inherit;
9013}
9014.next-upload-list-card .next-upload-list-item .next-upload-tool-item {
9015 width: 100%;
9016 text-align: center;
9017}
9018.next-upload-list-card .next-upload-list-item .next-upload-tool-item:not(:last-child) {
9019 border-right: 1px solid #FFFFFF;
9020}
9021.next-upload-list-card .next-upload-list-item .next-upload-tool-reupload {
9022 display: inline-block;
9023}
9024.next-upload-list-card .next-upload-list-item .next-upload-card {
9025 display: -webkit-box;
9026 display: -ms-flexbox;
9027 display: flex;
9028 -webkit-box-orient: vertical;
9029 -webkit-box-direction: normal;
9030 -ms-flex-direction: column;
9031 flex-direction: column;
9032 -webkit-box-pack: center;
9033 -ms-flex-pack: center;
9034 justify-content: center;
9035}
9036.next-upload-list-card .next-upload-list-item-error .next-upload-list-item-wrapper {
9037 border-color: #FF3000;
9038}
9039.next-upload-list-card.next-upload-ie9 .next-upload-tool {
9040 display: table;
9041}
9042.next-upload-list-card.next-upload-ie9 .next-upload-tool-item {
9043 display: table-cell;
9044 width: 1%;
9045}
9046.next-upload-list-card.next-upload-ie9 .next-upload-card {
9047 display: table-cell;
9048}
9049
9050.next-upload-card {
9051 border: 1px dashed #C4C6CF;
9052 width: 100px;
9053 height: 100px;
9054 background-color: #FFFFFF;
9055 text-align: center;
9056 cursor: pointer;
9057 -webkit-transition: border-color 100ms linear;
9058 transition: border-color 100ms linear;
9059 display: table-cell;
9060 vertical-align: middle;
9061 border-radius: 0px;
9062}
9063.next-upload-card .next-icon {
9064 color: #C4C6CF;
9065}
9066.next-upload-card .next-icon:before, .next-upload-card .next-icon .next-icon-remote {
9067 width: 24px;
9068 font-size: 24px;
9069 line-height: inherit;
9070}
9071.next-upload-card .next-upload-add-icon::before {
9072 content: "\E655";
9073}
9074.next-upload-card .next-upload-text {
9075 font-size: 12px;
9076 margin-top: 12px;
9077 color: #666666;
9078 outline: none;
9079}
9080.next-upload-card:hover {
9081 border-color: #5584FF;
9082}
9083.next-upload-card:hover .next-icon {
9084 color: #5584FF;
9085}
9086.next-upload-card:hover .next-upload-text {
9087 color: #5584FF;
9088}
9089
9090.next-upload-dragable .next-upload-inner {
9091 display: block;
9092}
9093.next-upload-dragable .next-upload-inner.next-hidden {
9094 display: none;
9095}
9096.next-upload-dragable .next-upload-drag {
9097 border: 1px dashed #C4C6CF;
9098 -webkit-transition: border-color 100ms linear;
9099 transition: border-color 100ms linear;
9100 cursor: pointer;
9101 border-radius: 3px;
9102 background-color: transparent;
9103 text-align: center;
9104 margin-bottom: 4px;
9105}
9106.next-upload-dragable .next-upload-drag-icon {
9107 margin: 20px 0 0;
9108 color: #666666;
9109}
9110.next-upload-dragable .next-upload-drag-icon .next-upload-drag-upload-icon::before {
9111 content: "\E7EE";
9112 font-size: 24px;
9113}
9114.next-upload-dragable .next-upload-drag-text {
9115 margin: 12px 0 0;
9116 font-size: 14px;
9117 color: #666666;
9118}
9119.next-upload-dragable .next-upload-drag-hint {
9120 margin: 4px 0 20px;
9121 font-size: 12px;
9122 color: #999999;
9123}
9124.next-upload-dragable .next-upload-drag-over {
9125 border-color: #5584FF;
9126}
9127
9128/** light **/
9129/** dark **/
9130/** brand **/
9131.next-shell {
9132 -webkit-box-sizing: border-box;
9133 box-sizing: border-box;
9134 position: relative;
9135 display: -webkit-box;
9136 display: -ms-flexbox;
9137 display: flex;
9138 -webkit-box-orient: vertical;
9139 -webkit-box-direction: normal;
9140 -ms-flex-direction: column;
9141 flex-direction: column;
9142 -webkit-transition: all 0.2s ease;
9143 transition: all 0.2s ease;
9144}
9145.next-shell *,
9146.next-shell *:before,
9147.next-shell *:after {
9148 -webkit-box-sizing: border-box;
9149 box-sizing: border-box;
9150}
9151.next-shell-content-wrapper {
9152 overflow: auto;
9153}
9154.next-shell-header {
9155 display: -webkit-box;
9156 display: -ms-flexbox;
9157 display: flex;
9158 width: 100%;
9159 -webkit-box-pack: justify;
9160 -ms-flex-pack: justify;
9161 justify-content: space-between;
9162 -webkit-box-align: center;
9163 -ms-flex-align: center;
9164 align-items: center;
9165 z-index: 9;
9166}
9167.next-shell-header .dock-trigger,
9168.next-shell-header .nav-trigger {
9169 outline: 0;
9170 display: -webkit-box;
9171 display: -ms-flexbox;
9172 display: flex;
9173 -webkit-box-pack: center;
9174 -ms-flex-pack: center;
9175 justify-content: center;
9176 -webkit-box-align: center;
9177 -ms-flex-align: center;
9178 align-items: center;
9179 cursor: pointer;
9180 width: 32px;
9181 height: 32px;
9182}
9183.next-shell-header .nav-trigger {
9184 margin-right: 10px;
9185}
9186.next-shell-header .dock-trigger {
9187 margin-left: 10px;
9188}
9189.next-shell-header.next-shell-fixed-header {
9190 position: sticky;
9191 top: 0;
9192}
9193.next-shell-header .next-shell-navigation {
9194 -webkit-box-flex: 1;
9195 -ms-flex: 1 1;
9196 flex: 1 1;
9197 display: -webkit-box;
9198 display: -ms-flexbox;
9199 display: flex;
9200 -webkit-box-align: center;
9201 -ms-flex-align: center;
9202 align-items: center;
9203 -webkit-box-orient: horizontal;
9204 -webkit-box-direction: normal;
9205 -ms-flex-direction: row;
9206 flex-direction: row;
9207}
9208.next-shell-header .next-shell-branding {
9209 display: -webkit-box;
9210 display: -ms-flexbox;
9211 display: flex;
9212 -webkit-box-align: center;
9213 -ms-flex-align: center;
9214 align-items: center;
9215}
9216.next-shell-header .next-shell-action {
9217 display: -webkit-box;
9218 display: -ms-flexbox;
9219 display: flex;
9220 -webkit-box-align: center;
9221 -ms-flex-align: center;
9222 align-items: center;
9223}
9224.next-shell-sub-main {
9225 -webkit-box-flex: 1;
9226 -ms-flex: 1 1;
9227 flex: 1 1;
9228 display: -webkit-box;
9229 display: -ms-flexbox;
9230 display: flex;
9231 -webkit-box-orient: vertical;
9232 -webkit-box-direction: normal;
9233 -ms-flex-direction: column;
9234 flex-direction: column;
9235 height: 100%;
9236 overflow: auto;
9237 outline: 0;
9238}
9239.next-shell-main {
9240 display: -webkit-box;
9241 display: -ms-flexbox;
9242 display: flex;
9243 -webkit-box-flex: 1;
9244 -ms-flex: 1 1 auto;
9245 flex: 1 1 auto;
9246 -webkit-box-orient: horizontal;
9247 -webkit-box-direction: normal;
9248 -ms-flex-direction: row;
9249 flex-direction: row;
9250 position: relative;
9251 height: 100%;
9252 -webkit-box-sizing: content-box;
9253 box-sizing: content-box;
9254 overflow: auto;
9255 -webkit-transition: all 0.2s ease;
9256 transition: all 0.2s ease;
9257}
9258.next-shell-main .next-shell-content {
9259 -webkit-box-flex: 1;
9260 -ms-flex: 1 1 auto;
9261 flex: 1 1 auto;
9262}
9263.next-shell-main .next-shell-content-inner {
9264 margin: 0 auto;
9265}
9266.next-shell-main .next-shell-footer {
9267 display: -webkit-box;
9268 display: -ms-flexbox;
9269 display: flex;
9270 -webkit-box-orient: vertical;
9271 -webkit-box-direction: normal;
9272 -ms-flex-direction: column;
9273 flex-direction: column;
9274 -webkit-box-pack: center;
9275 -ms-flex-pack: center;
9276 justify-content: center;
9277 -webkit-box-align: center;
9278 -ms-flex-align: center;
9279 align-items: center;
9280 width: 100%;
9281}
9282.next-shell .next-aside-navigation,
9283.next-shell .next-aside-tooldock {
9284 display: -webkit-box;
9285 display: -ms-flexbox;
9286 display: flex;
9287}
9288.next-shell .next-aside-navigation.fixed,
9289.next-shell .next-aside-tooldock.fixed {
9290 position: fixed;
9291 top: 0;
9292 bottom: 0;
9293 z-index: 1;
9294}
9295.next-shell .next-aside-navigation.fixed {
9296 left: 0;
9297}
9298.next-shell .next-aside-tooldock.fixed {
9299 right: 0;
9300}
9301.next-shell-aside {
9302 -webkit-transition: all 0.2s ease;
9303 transition: all 0.2s ease;
9304}
9305.next-shell-aside .aside-trigger {
9306 cursor: pointer;
9307 outline: 0;
9308 position: absolute;
9309 right: 0;
9310 top: 50%;
9311 width: 20px;
9312 height: 48px;
9313 display: -webkit-box;
9314 display: -ms-flexbox;
9315 display: flex;
9316 border: 1px solid #DDD;
9317 -webkit-box-align: center;
9318 -ms-flex-align: center;
9319 align-items: center;
9320 -webkit-box-pack: center;
9321 -ms-flex-pack: center;
9322 justify-content: center;
9323}
9324.next-shell-aside .local-nav-trigger {
9325 outline: 0;
9326 border-left: none;
9327 -webkit-transform: translate(100%, -50%);
9328 -ms-transform: translate(100%, -50%);
9329 transform: translate(100%, -50%);
9330 right: 0;
9331}
9332.next-shell-aside .ancillary-trigger {
9333 outline: 0;
9334 -webkit-transform: translate(-100%, -50%);
9335 -ms-transform: translate(-100%, -50%);
9336 transform: translate(-100%, -50%);
9337 border-right: 0;
9338 left: 1px;
9339}
9340.next-shell-aside.next-aside-localnavigation {
9341 position: relative;
9342}
9343.next-shell-aside.next-aside-ancillary {
9344 position: relative;
9345}
9346.next-shell-aside.next-shell-navigation {
9347 display: -webkit-box;
9348 display: -ms-flexbox;
9349 display: flex;
9350 -webkit-box-orient: vertical;
9351 -webkit-box-direction: normal;
9352 -ms-flex-direction: column;
9353 flex-direction: column;
9354 justify-self: flex-start;
9355 -webkit-transition: all 0.2s ease;
9356 transition: all 0.2s ease;
9357}
9358.next-shell-aside.next-shell-tooldock {
9359 display: -webkit-box;
9360 display: -ms-flexbox;
9361 display: flex;
9362 -webkit-box-orient: vertical;
9363 -webkit-box-direction: normal;
9364 -ms-flex-direction: column;
9365 flex-direction: column;
9366 -webkit-box-align: center;
9367 -ms-flex-align: center;
9368 align-items: center;
9369}
9370.next-shell-aside .next-shell-tooldockitem {
9371 width: 100%;
9372 text-align: center;
9373}
9374.next-shell-aside .next-shell-localnavigation {
9375 position: relative;
9376 height: 100%;
9377 display: -webkit-box;
9378 display: -ms-flexbox;
9379 display: flex;
9380 -webkit-box-orient: vertical;
9381 -webkit-box-direction: normal;
9382 -ms-flex-direction: column;
9383 flex-direction: column;
9384 justify-self: flex-start;
9385 -webkit-transition: all 0.2s ease;
9386 transition: all 0.2s ease;
9387}
9388.next-shell-aside .next-shell-ancillary {
9389 height: 100%;
9390 display: -webkit-box;
9391 display: -ms-flexbox;
9392 display: flex;
9393 -webkit-box-orient: vertical;
9394 -webkit-box-direction: normal;
9395 -ms-flex-direction: column;
9396 flex-direction: column;
9397 justify-self: flex-start;
9398 -webkit-transition: all 0.2s ease;
9399 transition: all 0.2s ease;
9400}
9401.next-shell-light .next-shell-header .dock-trigger,
9402.next-shell-light .next-shell-header .nav-trigger {
9403 background: #FFFFFF;
9404}
9405.next-shell-light .next-shell-aside .local-nav-trigger {
9406 background: #E2E4E8;
9407}
9408.next-shell-light .next-shell-aside .ancillary-trigger {
9409 background: #FFFFFF;
9410}
9411.next-shell-light .next-shell-header {
9412 color: #000000;
9413 height: 52px;
9414 background: #FFFFFF;
9415 border-bottom: 1px solid #E6E7EB;
9416 -webkit-box-shadow: none;
9417 box-shadow: none;
9418 padding: 0 16px;
9419}
9420.next-shell-light .next-shell-header .next-shell-navigation {
9421 -webkit-box-pack: end;
9422 -ms-flex-pack: end;
9423 justify-content: flex-end;
9424 height: 52px;
9425 line-height: 52px;
9426 margin: 0 48px;
9427}
9428.next-shell-light .next-shell-task-header {
9429 width: 100%;
9430 min-height: 40px;
9431 background: #FFFFFF;
9432 border-bottom: 1px solid #E6E7EB;
9433 -webkit-box-shadow: none;
9434 box-shadow: none;
9435 padding: 0 0px;
9436 overflow: auto;
9437}
9438.next-shell-light .next-shell-main {
9439 background: #EBECF0;
9440}
9441.next-shell-light .next-shell-main .next-shell-appbar {
9442 min-height: 48px;
9443 background: #FFFFFF;
9444 border-bottom: 1px solid #E6E7EB;
9445 -webkit-box-shadow: none;
9446 box-shadow: none;
9447 padding: 0 24px;
9448}
9449.next-shell-light .next-shell-main .next-shell-content {
9450 padding: 20px 20px;
9451}
9452.next-shell-light .next-shell-main .next-shell-footer {
9453 background: transparent;
9454 min-height: 56px;
9455 color: #CCCCCC;
9456 font-size: 14px;
9457}
9458.next-shell-light .next-shell-aside.next-shell-navigation {
9459 width: 168px;
9460 background: #FFFFFF;
9461 border-right: 1px solid #E6E7EB;
9462 -webkit-box-shadow: none;
9463 box-shadow: none;
9464 padding: 8px 0 8px;
9465}
9466.next-shell-light .next-shell-aside.next-shell-navigation.next-shell-collapse.next-shell-mini {
9467 width: 60px;
9468}
9469.next-shell-light .next-shell-aside.next-shell-navigation.next-shell-collapse {
9470 width: 0;
9471}
9472.next-shell-light .next-shell-aside.next-shell-tooldock {
9473 width: 52px;
9474 background: #E2E4E8;
9475 border-left: 1px solid #E6E7EB;
9476 -webkit-box-shadow: none;
9477 box-shadow: none;
9478 padding: 8px 0 8px;
9479}
9480.next-shell-light .next-shell-aside .next-shell-tooldockitem {
9481 padding: 8px 0;
9482 color: #666666;
9483 background: transparent;
9484}
9485.next-shell-light .next-shell-aside .next-shell-tooldockitem:hover {
9486 color: #333333;
9487 background: #EBECF0;
9488}
9489.next-shell-light .next-shell-aside .next-shell-localnavigation {
9490 width: 168px;
9491 background: #E2E4E8;
9492 border-right: 1px solid #E6E7EB;
9493 -webkit-box-shadow: none;
9494 box-shadow: none;
9495 padding: 8px 0 8px;
9496}
9497.next-shell-light .next-shell-aside .next-shell-localnavigation.next-shell-collapse {
9498 width: 0;
9499}
9500.next-shell-light .next-shell-aside .next-shell-ancillary {
9501 width: 168px;
9502 background: #FFFFFF;
9503 border-left: 1px solid #E6E7EB;
9504 -webkit-box-shadow: none;
9505 box-shadow: none;
9506 padding: 8px 0 8px;
9507}
9508.next-shell-light .next-shell-aside .next-shell-ancillary.next-shell-collapse {
9509 width: 0;
9510}
9511.next-shell-dark .next-shell-header .dock-trigger,
9512.next-shell-dark .next-shell-header .nav-trigger {
9513 background: #000000;
9514}
9515.next-shell-dark .next-shell-aside .local-nav-trigger {
9516 background: #E2E4E8;
9517}
9518.next-shell-dark .next-shell-aside .ancillary-trigger {
9519 background: #FFFFFF;
9520}
9521.next-shell-dark .next-shell-header {
9522 color: #FFFFFF;
9523 height: 52px;
9524 background: #000000;
9525 border-bottom: 1px solid #1F1F1F;
9526 -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
9527 box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
9528 padding: 0 16px;
9529}
9530.next-shell-dark .next-shell-header .next-shell-navigation {
9531 -webkit-box-pack: end;
9532 -ms-flex-pack: end;
9533 justify-content: flex-end;
9534 height: 52px;
9535 line-height: 52px;
9536 margin: 0 48px;
9537}
9538.next-shell-dark .next-shell-task-header {
9539 width: 100%;
9540 min-height: 40px;
9541 background: #FFFFFF;
9542 border-bottom: 1px solid #E6E7EB;
9543 -webkit-box-shadow: none;
9544 box-shadow: none;
9545 padding: 0 0px;
9546 overflow: auto;
9547}
9548.next-shell-dark .next-shell-main {
9549 background: #EBECF0;
9550}
9551.next-shell-dark .next-shell-main .next-shell-appbar {
9552 min-height: 48px;
9553 background: #FFFFFF;
9554 border-bottom: 1px solid #E6E7EB;
9555 -webkit-box-shadow: none;
9556 box-shadow: none;
9557 padding: 0 24px;
9558}
9559.next-shell-dark .next-shell-main .next-shell-content {
9560 padding: 20px 20px;
9561}
9562.next-shell-dark .next-shell-main .next-shell-footer {
9563 background: transparent;
9564 min-height: 56px;
9565 color: #CCCCCC;
9566 font-size: 14px;
9567}
9568.next-shell-dark .next-shell-aside.next-shell-navigation {
9569 width: 168px;
9570 background: #333333;
9571 border-right: 1px solid #E6E7EB;
9572 -webkit-box-shadow: none;
9573 box-shadow: none;
9574 padding: 8px 0 8px;
9575}
9576.next-shell-dark .next-shell-aside.next-shell-navigation.next-shell-collapse.next-shell-mini {
9577 width: 60px;
9578}
9579.next-shell-dark .next-shell-aside.next-shell-navigation.next-shell-collapse {
9580 width: 0;
9581}
9582.next-shell-dark .next-shell-aside.next-shell-tooldock {
9583 width: 52px;
9584 background: #E2E4E8;
9585 border-left: 1px solid #E6E7EB;
9586 -webkit-box-shadow: none;
9587 box-shadow: none;
9588 padding: 8px 0 8px;
9589}
9590.next-shell-dark .next-shell-aside .next-shell-tooldockitem {
9591 padding: 8px 0;
9592 color: #666666;
9593 background: transparent;
9594}
9595.next-shell-dark .next-shell-aside .next-shell-tooldockitem:hover {
9596 color: #333333;
9597 background: #EBECF0;
9598}
9599.next-shell-dark .next-shell-aside .next-shell-localnavigation {
9600 width: 168px;
9601 background: #E2E4E8;
9602 border-right: 1px solid #E6E7EB;
9603 -webkit-box-shadow: none;
9604 box-shadow: none;
9605 padding: 8px 0 8px;
9606}
9607.next-shell-dark .next-shell-aside .next-shell-localnavigation.next-shell-collapse {
9608 width: 0;
9609}
9610.next-shell-dark .next-shell-aside .next-shell-ancillary {
9611 width: 168px;
9612 background: #FFFFFF;
9613 border-left: 1px solid #E6E7EB;
9614 -webkit-box-shadow: none;
9615 box-shadow: none;
9616 padding: 8px 0 8px;
9617}
9618.next-shell-dark .next-shell-aside .next-shell-ancillary.next-shell-collapse {
9619 width: 0;
9620}
9621.next-shell-brand .next-shell-header .dock-trigger,
9622.next-shell-brand .next-shell-header .nav-trigger {
9623 background: #5584FF;
9624}
9625.next-shell-brand .next-shell-aside .local-nav-trigger {
9626 background: #E2E4E8;
9627}
9628.next-shell-brand .next-shell-aside .ancillary-trigger {
9629 background: #FFFFFF;
9630}
9631.next-shell-brand .next-shell-header {
9632 color: #FFFFFF;
9633 height: 52px;
9634 background: #5584FF;
9635 border-bottom: 1px solid #E6E7EB;
9636 -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
9637 box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
9638 padding: 0 16px;
9639}
9640.next-shell-brand .next-shell-header .next-shell-navigation {
9641 -webkit-box-pack: end;
9642 -ms-flex-pack: end;
9643 justify-content: flex-end;
9644 height: 52px;
9645 line-height: 52px;
9646 margin: 0 48px;
9647}
9648.next-shell-brand .next-shell-task-header {
9649 width: 100%;
9650 min-height: 40px;
9651 background: #FFFFFF;
9652 border-bottom: 1px solid #E6E7EB;
9653 -webkit-box-shadow: none;
9654 box-shadow: none;
9655 padding: 0 0px;
9656 overflow: auto;
9657}
9658.next-shell-brand .next-shell-main {
9659 background: #EBECF0;
9660}
9661.next-shell-brand .next-shell-main .next-shell-appbar {
9662 min-height: 48px;
9663 background: #FFFFFF;
9664 border-bottom: 1px solid #E6E7EB;
9665 -webkit-box-shadow: none;
9666 box-shadow: none;
9667 padding: 0 24px;
9668}
9669.next-shell-brand .next-shell-main .next-shell-content {
9670 padding: 20px 20px;
9671}
9672.next-shell-brand .next-shell-main .next-shell-footer {
9673 background: transparent;
9674 min-height: 56px;
9675 color: #CCCCCC;
9676 font-size: 14px;
9677}
9678.next-shell-brand .next-shell-aside.next-shell-navigation {
9679 width: 168px;
9680 background: #FFFFFF;
9681 border-right: 1px solid #E6E7EB;
9682 -webkit-box-shadow: none;
9683 box-shadow: none;
9684 padding: 8px 0 8px;
9685}
9686.next-shell-brand .next-shell-aside.next-shell-navigation.next-shell-collapse.next-shell-mini {
9687 width: 60px;
9688}
9689.next-shell-brand .next-shell-aside.next-shell-navigation.next-shell-collapse {
9690 width: 0;
9691}
9692.next-shell-brand .next-shell-aside.next-shell-tooldock {
9693 width: 52px;
9694 background: #E2E4E8;
9695 border-left: 1px solid #E6E7EB;
9696 -webkit-box-shadow: none;
9697 box-shadow: none;
9698 padding: 8px 0 8px;
9699}
9700.next-shell-brand .next-shell-aside .next-shell-tooldockitem {
9701 padding: 8px 0;
9702 color: #666666;
9703 background: transparent;
9704}
9705.next-shell-brand .next-shell-aside .next-shell-tooldockitem:hover {
9706 color: #333333;
9707 background: #EBECF0;
9708}
9709.next-shell-brand .next-shell-aside .next-shell-localnavigation {
9710 width: 168px;
9711 background: #E2E4E8;
9712 border-right: 1px solid #E6E7EB;
9713 -webkit-box-shadow: none;
9714 box-shadow: none;
9715 padding: 8px 0 8px;
9716}
9717.next-shell-brand .next-shell-aside .next-shell-localnavigation.next-shell-collapse {
9718 width: 0;
9719}
9720.next-shell-brand .next-shell-aside .next-shell-ancillary {
9721 width: 168px;
9722 background: #FFFFFF;
9723 border-left: 1px solid #E6E7EB;
9724 -webkit-box-shadow: none;
9725 box-shadow: none;
9726 padding: 8px 0 8px;
9727}
9728.next-shell-brand .next-shell-aside .next-shell-ancillary.next-shell-collapse {
9729 width: 0;
9730}
9731.next-shell-header .next-shell-navigation.next-shell-nav-left {
9732 -webkit-box-pack: start;
9733 -ms-flex-pack: start;
9734 justify-content: flex-start;
9735}
9736.next-shell-header .next-shell-navigation.next-shell-nav-right {
9737 -webkit-box-pack: end;
9738 -ms-flex-pack: end;
9739 justify-content: flex-end;
9740}
9741.next-shell-header .next-shell-navigation.next-shell-nav-center {
9742 -webkit-box-pack: center;
9743 -ms-flex-pack: center;
9744 justify-content: center;
9745}
9746.next-shell.next-shell-phone .next-aside-navigation {
9747 width: 100%;
9748}
9749.next-shell.next-shell-phone .next-aside-navigation.next-shell-collapse {
9750 width: 0;
9751 overflow: hidden;
9752}
9753.next-shell.next-shell-phone .next-shell-header .next-shell-navigation {
9754 display: none;
9755}
9756.next-shell.next-shell-phone .next-shell-navigation {
9757 width: 100%;
9758 height: 100%;
9759 -webkit-transition: height 0.2s ease;
9760 transition: height 0.2s ease;
9761}
9762.next-shell.next-shell-phone .next-shell-navigation.next-shell-collapse {
9763 padding: 0;
9764 height: 0;
9765 -webkit-transition: height 0.2s ease;
9766 transition: height 0.2s ease;
9767}
9768.next-shell.next-shell-phone .next-shell-tooldock {
9769 height: 52px;
9770 left: 0;
9771 right: 0;
9772 position: absolute;
9773 width: 100%;
9774 -webkit-box-orient: horizontal;
9775 -webkit-box-direction: normal;
9776 -ms-flex-direction: row;
9777 flex-direction: row;
9778 -webkit-box-pack: center;
9779 -ms-flex-pack: center;
9780 justify-content: center;
9781}
9782.next-shell.next-shell-phone .next-shell-tooldock.next-shell-collapse {
9783 display: none;
9784 height: 0;
9785 padding: 0;
9786 -webkit-transition: all 0.2s ease;
9787 transition: all 0.2s ease;
9788}
9789.next-shell.next-shell-tablet .next-shell-aside.next-aside-ancillary, .next-shell.next-shell-phone .next-shell-aside.next-aside-ancillary {
9790 width: 0;
9791}
9792.next-shell.next-shell-tablet .next-shell-ancillary, .next-shell.next-shell-phone .next-shell-ancillary {
9793 -webkit-transform: translateX(-100%);
9794 -ms-transform: translateX(-100%);
9795 transform: translateX(-100%);
9796}
9797.next-shell.next-shell-tablet .next-shell-aside.next-aside-localnavigation, .next-shell.next-shell-phone .next-shell-aside.next-aside-localnavigation {
9798 width: 0;
9799}
9800
9801.next-notification {
9802 width: 384px;
9803 position: fixed;
9804 z-index: 1010;
9805 padding: 0;
9806 margin: 0;
9807}
9808.next-notification .next-message {
9809 margin-bottom: 16px;
9810 overflow: hidden;
9811}
9812
9813.next-notification-fade-leave {
9814 -webkit-animation-duration: 300ms;
9815 animation-duration: 300ms;
9816 -webkit-animation-play-state: paused;
9817 animation-play-state: paused;
9818 -webkit-animation-fill-mode: both;
9819 animation-fill-mode: both;
9820 -webkit-animation-timing-function: ease;
9821 animation-timing-function: ease;
9822}
9823
9824.next-notification-fade-leave.next-notification-fade-leave-active {
9825 -webkit-animation-name: NotificationFadeOut;
9826 animation-name: NotificationFadeOut;
9827 -webkit-animation-play-state: running;
9828 animation-play-state: running;
9829}
9830
9831@-webkit-keyframes NotificationFadeOut {
9832 0% {
9833 max-height: 150px;
9834 margin-bottom: 16px;
9835 opacity: 1;
9836 }
9837 100% {
9838 max-height: 0;
9839 margin-bottom: 0;
9840 padding-top: 0;
9841 padding-bottom: 0;
9842 opacity: 0;
9843 }
9844}
9845
9846@keyframes NotificationFadeOut {
9847 0% {
9848 max-height: 150px;
9849 margin-bottom: 16px;
9850 opacity: 1;
9851 }
9852 100% {
9853 max-height: 0;
9854 margin-bottom: 0;
9855 padding-top: 0;
9856 padding-bottom: 0;
9857 opacity: 0;
9858 }
9859}
9860.next-typography {
9861 color: #333333;
9862}
9863.next-typography-title {
9864 font-weight: 600;
9865 margin-bottom: 0.5em;
9866}
9867.next-typography + .next-typography-title {
9868 margin-top: 1.2em;
9869}
9870.next-typography-paragraph {
9871 color: #333333;
9872 margin-bottom: 1em;
9873 font-size: 14px;
9874 line-height: 1.5;
9875}
9876.next-typography mark {
9877 padding: 0;
9878 background: #FFE6BD;
9879 color: #333333;
9880}
9881.next-typography strong {
9882 font-weight: 600;
9883}
9884.next-typography code {
9885 background-color: #F2F3F7;
9886 color: #333333;
9887 border: 1px solid #E6E7EB;
9888 margin: 0 0.2em;
9889 padding: 0.2em 0.4em 0.1em;
9890 font-size: 85%;
9891 border-radius: 3px;
9892}
9893.next-typography ul,
9894.next-typography ol {
9895 margin: 0 0 1em 0;
9896 padding: 0;
9897}
9898.next-typography li {
9899 list-style-type: circle;
9900 margin: 0 0 0 20px;
9901 padding: 0 0 0 4px;
9902}
9903.next-typography a {
9904 text-decoration: none;
9905}
9906.next-typography a:link {
9907 color: #5584FF;
9908}
9909.next-typography a:visited {
9910 color: #5584FF;
9911}
9912.next-typography a:hover {
9913 color: #3E71F7;
9914}
9915.next-typography a:active {
9916 text-decoration: underline;
9917 color: #3E71F7;
9918}
9919
9920h1.next-typography-title {
9921 font-size: 24px;
9922}
9923
9924h2.next-typography-title {
9925 font-size: 20px;
9926}
9927
9928h3.next-typography-title {
9929 font-size: 16px;
9930}
9931
9932h4.next-typography-title {
9933 font-size: 16px;
9934}
9935
9936h5.next-typography-title {
9937 font-size: 14px;
9938}
9939
9940h6.next-typography-title {
9941 font-size: 12px;
9942}
9943
9944/* put your code here */
9945.next-divider {
9946 -webkit-box-sizing: border-box;
9947 box-sizing: border-box;
9948 margin: 0;
9949 padding: 0;
9950 font-size: 14px;
9951 line-height: 1.5;
9952 list-style: none;
9953 font-variant: tabular-nums;
9954 -webkit-font-feature-settings: "tnum";
9955 font-feature-settings: "tnum";
9956 background: #DCDEE3;
9957 border-collapse: separate;
9958}
9959.next-divider *,
9960.next-divider *:before,
9961.next-divider *:after {
9962 -webkit-box-sizing: border-box;
9963 box-sizing: border-box;
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-hoz {
9972 display: block;
9973 clear: both;
9974 width: 100%;
9975 min-width: 100%;
9976 height: 1px;
9977 margin: 16px 0;
9978}
9979.next-divider-ver {
9980 position: relative;
9981 top: -0.06em;
9982 display: inline-block;
9983 width: 1px;
9984 background: #DCDEE3;
9985 height: 0.9em;
9986 margin: 0 8px;
9987 vertical-align: middle;
9988}
9989.next-divider-hoz.next-divider-with-text-center, .next-divider-hoz.next-divider-with-text-left, .next-divider-hoz.next-divider-with-text-right {
9990 display: table;
9991 margin: 16px 0;
9992 color: #333333;
9993 font-weight: normal;
9994 font-size: 16px;
9995 white-space: nowrap;
9996 text-align: center;
9997 background: transparent;
9998}
9999.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 {
10000 top: 50%;
10001 display: table-cell;
10002 width: 50%;
10003 border-top: 1px solid #DCDEE3;
10004 -webkit-transform: translateY(50%);
10005 -ms-transform: translateY(50%);
10006 transform: translateY(50%);
10007 content: "";
10008}
10009.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 {
10010 border-top: 0;
10011}
10012.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 {
10013 border-style: dashed none none;
10014}
10015.next-divider-hoz.next-divider-with-text-left .next-divider-inner-text, .next-divider-hoz.next-divider-with-text-right .next-divider-inner-text {
10016 display: inline-block;
10017 padding: 0 16px;
10018}
10019.next-divider-hoz.next-divider-with-text-left::before {
10020 top: 50%;
10021 width: 5%;
10022}
10023.next-divider-hoz.next-divider-with-text-left::after {
10024 top: 50%;
10025 width: 95%;
10026}
10027.next-divider-hoz.next-divider-with-text-right::before {
10028 top: 50%;
10029 width: 95%;
10030}
10031.next-divider-hoz.next-divider-with-text-right::after {
10032 top: 50%;
10033 width: 5%;
10034}
10035.next-divider-inner-text {
10036 display: inline-block;
10037 padding: 0 16px;
10038}
10039.next-divider-dashed {
10040 background: none;
10041 border-color: #DCDEE3;
10042 border-style: dashed;
10043 border-width: 1px 0 0;
10044}
10045.next-divider-dashed.next-divider-ver {
10046 border-width: 0 0 0 1px;
10047}
10048
10049/* put your code here */
10050.next-box {
10051 -webkit-box-sizing: border-box;
10052 box-sizing: border-box;
10053 display: -webkit-box;
10054 display: -ms-flexbox;
10055 display: flex;
10056}
10057.next-box *,
10058.next-box *:before,
10059.next-box *:after {
10060 -webkit-box-sizing: border-box;
10061 box-sizing: border-box;
10062}
10063
10064/* put your code here */
10065.next-table {
10066 -webkit-box-sizing: border-box;
10067 box-sizing: border-box;
10068 position: relative;
10069 border-top-left-radius: 0px;
10070 border-top-right-radius: 0px;
10071 border-bottom-left-radius: 0px;
10072 border-bottom-right-radius: 0px;
10073 border-top: 1px solid #DCDEE3;
10074 border-left: 1px solid #DCDEE3;
10075}
10076.next-table *,
10077.next-table *:before,
10078.next-table *:after {
10079 -webkit-box-sizing: border-box;
10080 box-sizing: border-box;
10081}
10082.next-table .next-table-header tr:first-child th:first-child {
10083 border-top-left-radius: 0px;
10084}
10085.next-table .next-table-header tr:first-child th:last-child {
10086 border-top-right-radius: 0px;
10087}
10088.next-table .next-table-header tr:last-child th:first-child {
10089 border-bottom-left-radius: 0px;
10090}
10091.next-table .next-table-header tr:last-child th:last-child {
10092 border-bottom-right-radius: 0px;
10093}
10094.next-table.next-table-layout-fixed {
10095 overflow: auto;
10096}
10097.next-table.next-table-layout-fixed table {
10098 table-layout: fixed;
10099}
10100.next-table.next-table-layout-auto table {
10101 table-layout: auto;
10102}
10103.next-table.next-table-small th .next-table-cell-wrapper {
10104 padding: 8px 8px;
10105}
10106.next-table.next-table-small td .next-table-cell-wrapper {
10107 padding: 8px 8px;
10108}
10109.next-table.next-table-small .next-table-prerow .next-table-cell-wrapper {
10110 padding: 8px 8px;
10111}
10112.next-table table {
10113 border-collapse: separate;
10114 border-spacing: 0;
10115 width: 100%;
10116 background: #FFFFFF;
10117 border-top-left-radius: 0px;
10118 border-top-right-radius: 0px;
10119 border-bottom-left-radius: 0px;
10120 border-bottom-right-radius: 0px;
10121}
10122.next-table table tr:first-child td {
10123 border-top-width: 0;
10124}
10125.next-table th {
10126 padding: 0;
10127 background: #EBECF0;
10128 color: #333333;
10129 text-align: left;
10130 font-weight: normal;
10131 border-right: 1px solid #DCDEE3;
10132 border-bottom: 1px solid #DCDEE3;
10133}
10134.next-table th .next-table-cell-wrapper {
10135 padding: 12px 16px;
10136 overflow: hidden;
10137 text-overflow: ellipsis;
10138 word-break: break-all;
10139}
10140.next-table th.next-table-prerow .next-table-cell-wrapper {
10141 padding: 12px 16px;
10142}
10143.next-table th.next-table-word-break-word .next-table-cell-wrapper {
10144 word-break: break-word;
10145}
10146.next-table th.next-table-fix-left, .next-table th.next-table-fix-right {
10147 z-index: 1;
10148}
10149.next-table-affix {
10150 z-index: 1;
10151 overflow: hidden;
10152}
10153.next-table-stickylock .next-table-affix {
10154 z-index: 9;
10155}
10156.next-table-header-resizable {
10157 position: relative;
10158}
10159.next-table-header-resizable .next-table-resize-handler {
10160 position: absolute;
10161 right: -5px;
10162 top: 0;
10163 bottom: 0;
10164 width: 10px;
10165 background: transparent;
10166 cursor: ew-resize;
10167}
10168.next-table-header-resizable .next-table-resize-handler::after {
10169 position: absolute;
10170 display: block;
10171 content: " ";
10172 width: 2px;
10173 height: 100%;
10174 right: 50%;
10175}
10176.next-table-header-resizable .next-table-resize-handler:hover::after {
10177 z-index: 1;
10178 background: #5584FF;
10179}
10180.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 {
10181 cursor: initial;
10182}
10183.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 {
10184 z-index: -1;
10185}
10186.next-table td {
10187 padding: 0;
10188 border-right: 1px solid #DCDEE3;
10189 border-bottom: 1px solid #DCDEE3;
10190}
10191.next-table td .next-table-cell-wrapper {
10192 padding: 12px 16px;
10193 overflow: hidden;
10194 text-overflow: ellipsis;
10195 word-break: break-all;
10196}
10197.next-table td .next-table-cell-wrapper .next-icon-arrow-down.next-table-tree-arrow,
10198.next-table td .next-table-cell-wrapper .next-icon-arrow-right.next-table-tree-arrow,
10199.next-table td .next-table-cell-wrapper .next-table-tree-placeholder {
10200 margin-right: 8px;
10201 outline: 0;
10202 cursor: pointer;
10203}
10204.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 {
10205 width: 12px;
10206 font-size: 12px;
10207 line-height: inherit;
10208}
10209.next-table td .next-table-cell-wrapper .next-icon-arrow-right.next-table-tree-arrow::before {
10210 content: "\E619";
10211}
10212.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 {
10213 width: 12px;
10214 font-size: 12px;
10215 line-height: inherit;
10216}
10217.next-table td .next-table-cell-wrapper .next-icon-arrow-down.next-table-tree-arrow::before {
10218 content: "\E63D";
10219}
10220.next-table td.next-table-prerow .next-table-cell-wrapper {
10221 padding: 12px 16px;
10222}
10223.next-table td.next-table-word-break-word .next-table-cell-wrapper {
10224 word-break: break-word;
10225}
10226.next-table .next-table-expanded .next-table-cell-wrapper,
10227.next-table .next-table-selection .next-table-cell-wrapper {
10228 overflow: visible;
10229}
10230.next-table.no-header table tr:first-child td {
10231 border-top-width: 1px;
10232}
10233.next-table.only-bottom-border {
10234 border-width: 0;
10235}
10236.next-table.only-bottom-border th {
10237 border-width: 0 0 1px 0;
10238}
10239.next-table.only-bottom-border td {
10240 border-width: 0 0 1px 0;
10241}
10242.next-table.only-bottom-border table tr td:first-child,
10243.next-table.only-bottom-border table tr th:first-child {
10244 border-left-width: 0;
10245}
10246.next-table.only-bottom-border .next-table-header tr th:last-child {
10247 border-right-width: 0;
10248}
10249.next-table.only-bottom-border .next-table-body tr td:last-child {
10250 border-right-width: 0;
10251}
10252.next-table-loading {
10253 display: block;
10254 pointer-events: none;
10255 opacity: 0.7;
10256 -webkit-filter: blur(1px);
10257 filter: blur(1px);
10258 /* stylelint-disable */
10259 filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=1, MakeShadow=false)"; /* IE6~IE9 */
10260}
10261.next-table-loading .next-table-loading-content {
10262 position: absolute;
10263 top: 0;
10264 right: 0;
10265 bottom: 0;
10266 left: 0;
10267}
10268.next-table.zebra tr:nth-child(odd) td {
10269 background: #FFFFFF;
10270}
10271.next-table.zebra tr:nth-child(even) td {
10272 background: #F7F8FA;
10273}
10274.next-table.zebra .next-table-row.hovered td {
10275 background: #F2F3F7;
10276 color: #333333;
10277}
10278.next-table.zebra .next-table-cell.hovered {
10279 background: #F2F3F7;
10280 color: #333333;
10281}
10282.next-table.zebra .next-table-row.selected td {
10283 background: #F2F3F7;
10284 color: #333333;
10285}
10286.next-table-empty {
10287 color: #A0A2AD;
10288 padding: 32px 0;
10289 text-align: center;
10290}
10291.next-table-expanded-row > td {
10292 border-width: 0 0 1px 0;
10293}
10294.next-table-expanded-row > td:first-child {
10295 border-left-width: 1px;
10296}
10297.next-table-expanded-row > td:last-child {
10298 border-right-width: 1px;
10299}
10300.next-table-expanded-row:last-child > td {
10301 border-bottom-width: 1px;
10302}
10303.next-table-expanded-row .next-table {
10304 border-top: 0;
10305 border-left: 0;
10306}
10307.next-table-expanded-row .next-table th, .next-table-expanded-row .next-table td {
10308 border-right: 1px solid #DCDEE3;
10309}
10310.next-table-expanded-row .next-table.only-bottom-border th, .next-table-expanded-row .next-table.only-bottom-border td {
10311 border-right: 0;
10312}
10313.next-table-expanded-row .next-table .last td {
10314 border-bottom: 0;
10315}
10316.next-table-expanded-row .next-table td.last, .next-table-expanded-row .next-table th:last-child {
10317 border-right: 0;
10318}
10319.next-table-filter-footer {
10320 margin: 10px 10px 0;
10321}
10322.next-table-filter-footer button {
10323 margin-right: 5px;
10324}
10325.next-table-row {
10326 -webkit-transition: all 100ms linear;
10327 transition: all 100ms linear;
10328 background: #FFFFFF;
10329 color: #333333;
10330}
10331.next-table-row.hidden {
10332 display: none;
10333}
10334.next-table-row.hovered {
10335 background: #F2F3F7;
10336 color: #333333;
10337}
10338.next-table-row.selected {
10339 background: #F2F3F7;
10340 color: #333333;
10341}
10342.next-table-cell.hovered {
10343 background: #F2F3F7;
10344 color: #333333;
10345}
10346.next-table-tree-placeholder {
10347 visibility: hidden;
10348}
10349.next-table-tree-placeholder:before, .next-table-tree-placeholder .next-icon-remote {
10350 width: 12px;
10351 font-size: 12px;
10352 line-height: inherit;
10353}
10354
10355.last .next-table-expanded-row td {
10356 border-bottom-width: 1px;
10357}
10358
10359.next-table-body,
10360.next-table-header {
10361 overflow: auto;
10362 font-size: 12px;
10363}
10364
10365.next-table-column-resize-proxy {
10366 position: absolute;
10367 top: 0;
10368 bottom: 0;
10369 width: 0;
10370 border-left: 2px solid #5584FF;
10371 z-index: 10;
10372 display: none;
10373}
10374
10375.next-table-header {
10376 margin-bottom: -20px;
10377 padding-bottom: 20px;
10378 border-top-left-radius: 0px;
10379 border-top-right-radius: 0px;
10380 border-bottom-left-radius: 0px;
10381 border-bottom-right-radius: 0px;
10382 overflow: -moz-scrollbars-none;
10383 -ms-overflow-style: none;
10384 scrollbar-width: none;
10385}
10386.next-table-header::-webkit-scrollbar {
10387 display: none;
10388}
10389
10390.next-table-body {
10391 font-size: 12px;
10392 position: relative;
10393}
10394
10395.next-table-fixed {
10396 border-right: 1px solid #DCDEE3;
10397 border-bottom: 1px solid #DCDEE3;
10398}
10399.next-table-fixed table {
10400 table-layout: fixed;
10401}
10402.next-table-fixed .next-table-header {
10403 background: #EBECF0;
10404}
10405.next-table-fixed table tr td:first-child,
10406.next-table-fixed table tr th:first-child {
10407 border-left-width: 0;
10408}
10409.next-table-fixed .next-table-header th {
10410 border-top-width: 0;
10411}
10412.next-table-fixed .next-table-header tr th:last-child {
10413 border-right-width: 0;
10414}
10415.next-table-fixed .next-table-body td {
10416 border-top-width: 0;
10417}
10418.next-table-fixed .next-table-body tr:last-child td {
10419 border-bottom-width: 0;
10420}
10421.next-table-fixed .next-table-body tr td:last-child {
10422 border-right-width: 0;
10423}
10424.next-table-fixed.only-bottom-border .next-table-body tr:last-child td {
10425 border-bottom-width: 1px;
10426}
10427.next-table-fixed.next-table-group table tr td:first-child,
10428.next-table-fixed.next-table-group table tr th:first-child {
10429 border-left-width: 1px;
10430}
10431.next-table-fixed.next-table-group .next-table-header th {
10432 border-top-width: 1px;
10433}
10434.next-table-fixed.next-table-group .next-table-header tr th:last-child {
10435 border-right-width: 1px;
10436}
10437.next-table-fixed.next-table-group .next-table-body td {
10438 border-top-width: 1px;
10439}
10440.next-table-fixed.next-table-group .next-table-body tr:last-child td {
10441 border-bottom-width: 1px;
10442}
10443.next-table-fixed.next-table-group .next-table-body tr td:last-child {
10444 border-right-width: 1px;
10445}
10446.next-table-fixed.next-table-lock-left .next-table-header tr th:last-child {
10447 border-right-width: 1px;
10448}
10449.next-table-fixed.next-table-lock-left .next-table-body tr td:last-child {
10450 border-right-width: 1px;
10451}
10452
10453.next-table-lock .next-table-body {
10454 overflow-x: auto;
10455 overflow-y: visible;
10456}
10457
10458.next-table-group {
10459 border-width: 0;
10460}
10461.next-table-group.only-bottom-border .next-table-body table,
10462.next-table-group.only-bottom-border .next-table-header table {
10463 border-left: 0;
10464}
10465.next-table-group.only-bottom-border .next-table-header table,
10466.next-table-group.only-bottom-border .next-table-body table,
10467.next-table-group.only-bottom-border .next-table-body table.next-table-row {
10468 border-top: 0;
10469}
10470.next-table-group.only-bottom-border .next-table-body .next-table-group-footer td {
10471 border-bottom: 0;
10472}
10473.next-table-group .next-table-body {
10474 margin-top: 8px;
10475}
10476.next-table-group .next-table-body table {
10477 border-top: 1px solid #DCDEE3;
10478 border-left: 1px solid #DCDEE3;
10479 margin-bottom: 8px;
10480}
10481.next-table-group .next-table-body table tr:first-child td {
10482 border-top-width: 1px;
10483}
10484.next-table-group .next-table-body table:last-of-type {
10485 margin-bottom: 0;
10486}
10487.next-table-group .next-table-header table {
10488 border-top: 1px solid #DCDEE3;
10489 border-left: 1px solid #DCDEE3;
10490}
10491.next-table-group .next-table-group-header td {
10492 background: #EBECF0;
10493 color: #333333;
10494}
10495.next-table-group .next-table-group-header td:first-child {
10496 border-top-left-radius: 0px;
10497 border-bottom-left-radius: 0px;
10498}
10499.next-table-group .next-table-group-header td:last-child {
10500 border-top-right-radius: 0px;
10501 border-bottom-right-radius: 0px;
10502}
10503.next-table-group .next-table-group-footer td {
10504 background: #EBECF0;
10505 color: #333333;
10506}
10507.next-table-group .next-table-group-footer td:first-child {
10508 border-top-left-radius: 0px;
10509 border-bottom-left-radius: 0px;
10510}
10511.next-table-group .next-table-group-footer td:last-child {
10512 border-top-right-radius: 0px;
10513 border-bottom-right-radius: 0px;
10514}
10515.next-table-group .next-table-row.hovered,
10516.next-table-group .next-table-row.selected {
10517 background: #FFFFFF;
10518 color: #333333;
10519}
10520
10521.next-table-lock {
10522 position: relative;
10523}
10524.next-table-lock table {
10525 table-layout: fixed;
10526}
10527
10528.next-table-header-inner {
10529 overflow: unset;
10530}
10531
10532.next-table-header-fixer {
10533 content: " ";
10534 border-top-right-radius: 0px;
10535 border-bottom-right-radius: 0px;
10536 width: 15px;
10537 background: inherit;
10538 position: absolute;
10539 right: 0;
10540 height: 100%;
10541 top: 0;
10542}
10543
10544.next-table-wrap-empty .next-table-lock-left td,
10545.next-table-wrap-empty .next-table-lock-right td {
10546 border: none;
10547}
10548.next-table-wrap-empty .next-table-lock-left .next-table-empty,
10549.next-table-wrap-empty .next-table-lock-right .next-table-empty {
10550 display: none;
10551}
10552.next-table-wrap-empty > .next-table-inner > .next-table-body > table {
10553 table-layout: fixed;
10554}
10555
10556.next-table-lock-left,
10557.next-table-lock-right {
10558 position: absolute;
10559 left: 0;
10560 top: 0;
10561 z-index: 1;
10562 border: 0;
10563 -webkit-transition: -webkit-box-shadow 0.3s ease;
10564 transition: -webkit-box-shadow 0.3s ease;
10565 transition: box-shadow 0.3s ease;
10566 transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
10567 overflow: hidden;
10568}
10569.next-table-lock-left table,
10570.next-table-lock-right table {
10571 width: auto;
10572}
10573.next-table-lock-left .next-table-body,
10574.next-table-lock-right .next-table-body {
10575 overflow-y: scroll;
10576 overflow-x: hidden;
10577 margin-right: -20px;
10578 padding-right: 0;
10579}
10580.next-table-lock-left.shadow .next-table-header tr th:last-child,
10581.next-table-lock-right.shadow .next-table-header tr th:last-child {
10582 border-right-width: 0;
10583}
10584.next-table-lock-left.shadow .next-table-body tr td:last-child,
10585.next-table-lock-right.shadow .next-table-body tr td:last-child {
10586 border-right-width: 0;
10587}
10588
10589.next-table-lock-right {
10590 right: 0;
10591 left: auto;
10592}
10593.next-table-lock-right table tr td:first-child,
10594.next-table-lock-right table tr th:first-child {
10595 border-left-width: 1px;
10596}
10597.next-table-lock-right.shadow {
10598 -webkit-box-shadow: -2px 0 3px rgba(0, 0, 0, 0.12);
10599 box-shadow: -2px 0 3px rgba(0, 0, 0, 0.12);
10600}
10601
10602.next-table-lock-left.shadow {
10603 -webkit-box-shadow: 2px 0 3px rgba(0, 0, 0, 0.12);
10604 box-shadow: 2px 0 3px rgba(0, 0, 0, 0.12);
10605}
10606
10607.next-table-filter {
10608 line-height: 1;
10609}
10610
10611.next-table-sort {
10612 cursor: pointer;
10613 position: relative;
10614 width: 16px;
10615 display: inline-block;
10616 line-height: 1;
10617}
10618.next-table-sort:focus {
10619 outline: 0;
10620}
10621.next-table-sort > a::before {
10622 content: " ";
10623 display: inline-block;
10624 vertical-align: middle;
10625}
10626.next-table-sort .next-icon {
10627 position: absolute;
10628 left: -2px;
10629 color: #333333;
10630}
10631.next-table-sort .next-icon:before, .next-table-sort .next-icon .next-icon-remote {
10632 width: 12px;
10633 font-size: 12px;
10634 line-height: inherit;
10635}
10636.next-table-sort .current .next-icon {
10637 color: #5584FF;
10638}
10639.next-table-sort .next-icon-ascending {
10640 left: 2px;
10641}
10642
10643.next-table-filter {
10644 cursor: pointer;
10645 width: 20px;
10646 display: inline-block;
10647}
10648.next-table-filter:focus {
10649 outline: 0;
10650}
10651.next-table-filter .next-icon {
10652 color: #333333;
10653}
10654.next-table-filter .next-icon:before, .next-table-filter .next-icon .next-icon-remote {
10655 width: 12px;
10656 font-size: 12px;
10657 line-height: inherit;
10658}
10659.next-table-filter .next-table-filter-active {
10660 color: #5584FF;
10661}
10662
10663.next-table-filter-menu .next-menu-content {
10664 max-height: 220px;
10665 overflow: auto;
10666}
10667
10668.next-table-header-icon {
10669 margin-left: 8px;
10670}
10671
10672.next-table-expanded-ctrl {
10673 cursor: pointer;
10674}
10675.next-table-expanded-ctrl:focus {
10676 outline: 0;
10677}
10678.next-table-expanded-ctrl.disabled {
10679 color: #999999;
10680}
10681.next-table-expanded-ctrl .next-table-expand-unfold:before, .next-table-expanded-ctrl .next-table-expand-unfold .next-icon-remote {
10682 width: 12px;
10683 font-size: 12px;
10684 line-height: inherit;
10685}
10686.next-table-expanded-ctrl .next-table-expand-unfold::before {
10687 content: "\E601";
10688}
10689.next-table-expanded-ctrl .next-table-expand-fold:before, .next-table-expanded-ctrl .next-table-expand-fold .next-icon-remote {
10690 width: 12px;
10691 font-size: 12px;
10692 line-height: inherit;
10693}
10694.next-table-expanded-ctrl .next-table-expand-fold::before {
10695 content: "\E655";
10696}
10697
10698.next-table-fix-left, .next-table-fix-right {
10699 background: inherit;
10700 position: sticky;
10701 z-index: 1;
10702 background-clip: padding-box;
10703}
10704.next-table-ping-left .next-table-expanded-area .next-table-fix-left-last::after {
10705 content: none;
10706}
10707.next-table-ping-left .next-table-expanded-area .next-table-ping-left .next-table-fix-left-last,
10708.next-table-ping-left .next-table-fix-left-last {
10709 border-right-width: 0;
10710}
10711.next-table-ping-left .next-table-expanded-area .next-table-ping-left .next-table-fix-left-last::after,
10712.next-table-ping-left .next-table-fix-left-last::after {
10713 -webkit-box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15);
10714 box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15);
10715 position: absolute;
10716 top: 0;
10717 right: 0;
10718 bottom: 0;
10719 width: 30px;
10720 content: "";
10721 pointer-events: none;
10722 transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
10723 -webkit-transform: translateX(100%);
10724 -ms-transform: translateX(100%);
10725 transform: translateX(100%);
10726}
10727.next-table-ping-right .next-table-expanded-area .next-table-fix-right-first::after {
10728 content: none;
10729}
10730.next-table-ping-right .next-table-expanded-area .next-table-ping-right .next-table-fix-right-first:after,
10731.next-table-ping-right .next-table-fix-right-first:after {
10732 -webkit-box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
10733 box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
10734 position: absolute;
10735 top: 0;
10736 left: 0;
10737 bottom: 0;
10738 width: 30px;
10739 content: "";
10740 pointer-events: none;
10741 transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
10742 -webkit-transform: translateX(-100%);
10743 -ms-transform: translateX(-100%);
10744 transform: translateX(-100%);
10745}
10746.next-table-fixed.next-table-scrolling-to-right::after, .next-table-lock.next-table-scrolling-to-right::after {
10747 -webkit-box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
10748 box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
10749 position: absolute;
10750 top: 0;
10751 right: -30px;
10752 bottom: 0;
10753 width: 30px;
10754 content: "";
10755 pointer-events: none;
10756 transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
10757 -webkit-transform: translateX(-100%);
10758 -ms-transform: translateX(-100%);
10759 transform: translateX(-100%);
10760}
10761.next-table-fixed.only-bottom-border, .next-table-lock.only-bottom-border {
10762 border-right: 0;
10763}
10764
10765.next-table[dir=rtl] th {
10766 text-align: right;
10767}
10768.next-table[dir=rtl] .next-table-header-resizable .next-table-resize-handler {
10769 right: auto;
10770 left: 0;
10771}
10772.next-table[dir=rtl] td .next-table-cell-wrapper .next-icon-arrow-down.next-table-tree-arrow,
10773.next-table[dir=rtl] td .next-table-cell-wrapper .next-icon-arrow-right.next-table-tree-arrow,
10774.next-table[dir=rtl] td .next-table-cell-wrapper .next-table-tree-placeholder {
10775 margin-left: 3px;
10776 margin-right: 0;
10777 float: right;
10778}
10779.next-table[dir=rtl] .next-table-expanded-row td:first-child {
10780 border-left-width: 0;
10781 border-right-width: 1px;
10782}
10783.next-table[dir=rtl] .next-table-expanded-row td:last-child {
10784 border-left-width: 1px;
10785 border-right-width: 0;
10786}
10787.next-table[dir=rtl].only-bottom-border .next-table-expanded-row th {
10788 border-width: 0 0 1px 0;
10789}
10790.next-table[dir=rtl].only-bottom-border .next-table-expanded-row td {
10791 border-width: 0 0 1px 0;
10792}
10793.next-table[dir=rtl] .next-table-filter-footer button {
10794 margin-left: 5px;
10795 margin-right: 0;
10796}
10797.next-table[dir=rtl] .next-table-lock-left,
10798.next-table[dir=rtl] .next-table-lock-right {
10799 left: auto;
10800 right: 0;
10801}
10802.next-table[dir=rtl] .next-table-lock-right {
10803 right: auto;
10804 left: 0;
10805}
10806.next-table[dir=rtl] .next-table-lock-right table tr td:first-child,
10807.next-table[dir=rtl] .next-table-lock-right table tr th:first-child {
10808 border-right-width: 1px;
10809}
10810.next-table[dir=rtl] .next-table-lock-right.shadow {
10811 -webkit-box-shadow: 2px 0 3px rgba(0, 0, 0, 0.12);
10812 box-shadow: 2px 0 3px rgba(0, 0, 0, 0.12);
10813}
10814.next-table[dir=rtl] .next-table-lock-left.shadow {
10815 -webkit-box-shadow: -2px 0 3px rgba(0, 0, 0, 0.12);
10816 box-shadow: -2px 0 3px rgba(0, 0, 0, 0.12);
10817}
10818.next-table[dir=rtl] .next-table-sort .next-icon {
10819 right: 0;
10820 left: auto;
10821}
10822.next-table[dir=rtl] .next-table-sort .next-icon-ascending {
10823 right: 4px;
10824 left: auto;
10825}
10826.next-table[dir=rtl] .next-table-filter {
10827 margin-right: 5px;
10828 margin-left: 0;
10829}
10830
10831.next-table-fixed[dir=rtl] table tr td:first-child,
10832.next-table-fixed[dir=rtl] table tr th:first-child {
10833 border-left-width: 1px;
10834 border-right-width: 0;
10835}
10836.next-table-fixed[dir=rtl] .next-table-header tr th:last-child {
10837 border-left-width: 1px;
10838}
10839.next-table-fixed[dir=rtl] .next-table-body tr td:last-child {
10840 border-left-width: 1px;
10841}
10842
10843.next-calendar2 {
10844 -webkit-box-sizing: border-box;
10845 box-sizing: border-box;
10846}
10847.next-calendar2 *,
10848.next-calendar2 *:before,
10849.next-calendar2 *:after {
10850 -webkit-box-sizing: border-box;
10851 box-sizing: border-box;
10852}
10853.next-calendar2 table {
10854 border-collapse: collapse;
10855 border-spacing: 0;
10856}
10857.next-calendar2 td,
10858.next-calendar2 th {
10859 padding: 0;
10860}
10861
10862div[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 {
10863 margin-right: auto;
10864 margin-left: 0;
10865}
10866div[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) {
10867 margin-right: 8px;
10868 margin-left: 0;
10869}
10870div[dir=rtl].next-calendar2-fullscreen .next-calendar2-cell-value, div[dir=rtl].next-calendar2-fullscreen .next-calendar2-table th {
10871 text-align: left;
10872}
10873div[dir=rtl].next-calendar2-fullscreen .next-calendar2-table th {
10874 padding: 0 0 5px 12px;
10875}
10876
10877.next-calendar2 {
10878 font-size: 12px;
10879 -webkit-user-select: none;
10880 -moz-user-select: none;
10881 -ms-user-select: none;
10882 user-select: none;
10883 background: #FFFFFF;
10884}
10885.next-calendar2-header {
10886 display: -webkit-box;
10887 display: -ms-flexbox;
10888 display: flex;
10889}
10890.next-calendar2-table {
10891 width: 100%;
10892 table-layout: fixed;
10893}
10894.next-calendar2-cell {
10895 cursor: pointer;
10896 position: relative;
10897 -webkit-transition: background-color 0.2s, border 0.2s;
10898 transition: background-color 0.2s, border 0.2s;
10899}
10900.next-calendar2 .next-calendar2-cell-inner {
10901 color: #CCCCCC;
10902 outline: none;
10903 min-width: 24px;
10904 position: relative;
10905 border: 1px solid transparent;
10906}
10907.next-calendar2-cell-disabled::before {
10908 color: #CCCCCC;
10909 background: #F7F8FA;
10910}
10911.next-calendar2-fullscreen .next-calendar2-header-actions, .next-calendar2-panel .next-calendar2-header-actions, .next-calendar2-card .next-calendar2-header-actions {
10912 margin-left: auto;
10913}
10914.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) {
10915 margin-left: 8px;
10916}
10917.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 {
10918 min-width: 88px;
10919}
10920.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 {
10921 min-width: auto;
10922}
10923.next-calendar2-fullscreen .next-calendar2-body, .next-calendar2-panel .next-calendar2-body, .next-calendar2-card .next-calendar2-body {
10924 padding: 8px 0;
10925}
10926.next-calendar2-card .next-calendar2-cell-inner, .next-calendar2-panel .next-calendar2-cell-inner {
10927 z-index: 2;
10928 height: 24px;
10929 line-height: 22px;
10930 border-radius: 2px;
10931 display: inline-block;
10932}
10933.next-calendar2-card .next-calendar2, .next-calendar2-panel .next-calendar2 {
10934 min-height: 150px;
10935}
10936.next-calendar2-card .next-calendar2-table thead > tr, .next-calendar2-panel .next-calendar2-table thead > tr {
10937 height: 24px;
10938 color: #999999;
10939}
10940.next-calendar2-card .next-calendar2-table th,
10941.next-calendar2-card .next-calendar2-table td, .next-calendar2-panel .next-calendar2-table th,
10942.next-calendar2-panel .next-calendar2-table td {
10943 font-weight: 400;
10944 text-align: center;
10945 padding: 4px 0;
10946}
10947.next-calendar2-card .next-calendar2-table th, .next-calendar2-panel .next-calendar2-table th {
10948 height: 32px;
10949}
10950.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 {
10951 height: 145px;
10952}
10953.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 {
10954 min-width: 56px;
10955}
10956.next-calendar2-card .next-calendar2-table-quarter, .next-calendar2-panel .next-calendar2-table-quarter {
10957 height: 50px;
10958}
10959.next-calendar2-card .next-calendar2-table-quarter .next-calendar2-cell-inner, .next-calendar2-panel .next-calendar2-table-quarter .next-calendar2-cell-inner {
10960 min-width: 56px;
10961}
10962.next-calendar2-card .next-calendar2-table-decade .next-calendar2-cell-inner, .next-calendar2-panel .next-calendar2-table-decade .next-calendar2-cell-inner {
10963 min-width: 80px;
10964}
10965.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 {
10966 color: #666666;
10967}
10968.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 {
10969 background: #F2F3F7;
10970}
10971.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 {
10972 color: #5584FF;
10973}
10974.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 {
10975 color: #FFFFFF;
10976 background: #5584FF;
10977}
10978.next-calendar2-fullscreen .next-calendar2-cell-value, .next-calendar2-fullscreen .next-calendar2-table th {
10979 text-align: right;
10980}
10981.next-calendar2-fullscreen .next-calendar2-table th {
10982 padding: 0 12px 5px 0;
10983}
10984.next-calendar2-fullscreen .next-calendar2-cell-inner {
10985 height: 80px;
10986 border-top: 2px solid #E6E7EB;
10987 margin: 0 4px;
10988 padding: 4px 8px 0;
10989}
10990.next-calendar2-fullscreen td .next-calendar2-cell-inner {
10991 height: 80px;
10992 border-top: 2px solid #E6E7EB;
10993}
10994.next-calendar2-fullscreen .next-calendar2-cell-disabled .next-calendar2-cell-inner {
10995 color: #CCCCCC;
10996 background: #F7F8FA;
10997}
10998.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 {
10999 color: #666666;
11000}
11001.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 {
11002 background-color: #F2F3F7;
11003}
11004.next-calendar2-fullscreen .next-calendar2-cell-current.next-calendar2-cell-today .next-calendar2-cell-inner {
11005 color: #5584FF;
11006}
11007.next-calendar2-fullscreen .next-calendar2-cell-current .next-calendar2-cell-inner {
11008 background-color: #FFFFFF;
11009}
11010.next-calendar2-fullscreen .next-calendar2-cell-current.next-calendar2-cell-selected:not(.next-calendar2-cell-disabled) .next-calendar2-cell-inner {
11011 border-top-color: #5584FF;
11012 font-weight: bold;
11013 color: #5584FF;
11014 background: #DEE8FF;
11015}
11016.next-calendar2-card .next-calendar2-header {
11017 padding: 8px 8px;
11018 border-bottom: 1px solid #E6E7EB;
11019}
11020.next-calendar2-panel .next-calendar2-header {
11021 padding: 0 8px;
11022 display: -webkit-box;
11023 display: -ms-flexbox;
11024 display: flex;
11025 -webkit-box-align: center;
11026 -ms-flex-align: center;
11027 align-items: center;
11028 border-bottom: 1px solid #E6E7EB;
11029}
11030.next-calendar2-panel .next-calendar2-header-btn {
11031 min-width: 20px;
11032 line-height: 20px;
11033 color: #666666;
11034 font-family: inherit;
11035 vertical-align: initial;
11036 border-radius: 2px;
11037}
11038.next-calendar2-panel .next-calendar2-header-btn > span, .next-calendar2-panel .next-calendar2-header-text-field {
11039 text-align: center;
11040 font-size: 14px;
11041 color: #333333;
11042 font-weight: bolder;
11043 vertical-align: initial;
11044}
11045.next-calendar2-panel .next-calendar2-header-btn:hover, .next-calendar2-panel .next-calendar2-header-btn:hover > span {
11046 color: #5584FF;
11047}
11048.next-calendar2-panel .next-calendar2-header-right-btn:hover, .next-calendar2-panel .next-calendar2-header-left-btn:hover {
11049 background: #F2F3F7;
11050}
11051.next-calendar2-panel .next-calendar2-header-text-field {
11052 -webkit-box-flex: 1;
11053 -ms-flex: 1;
11054 flex: 1;
11055 height: 38px;
11056 line-height: 38px;
11057}
11058.next-calendar2-panel .next-calendar2-header-text-field .next-calendar2-header-btn:not(:first-child) {
11059 margin-left: 6px;
11060}
11061
11062.next-calendar2-header-select-month-popup,
11063.next-calendar2-header-select-year-popup {
11064 min-width: auto;
11065}
11066
11067.next-date-picker2-footer {
11068 width: -webkit-min-content;
11069 width: -moz-min-content;
11070 width: min-content;
11071 min-width: 100%;
11072 -webkit-box-sizing: border-box;
11073 box-sizing: border-box;
11074 text-align: center;
11075 border-top: 1px solid #E6E7EB;
11076 padding: 4px 12px;
11077 display: -webkit-box;
11078 display: -ms-flexbox;
11079 display: flex;
11080 min-height: 40px;
11081 -webkit-box-align: center;
11082 -ms-flex-align: center;
11083 align-items: center;
11084 -ms-flex-wrap: wrap;
11085 flex-wrap: wrap;
11086 position: relative;
11087}
11088.next-date-picker2-footer-preset > .next-btn {
11089 margin-right: 8px;
11090}
11091.next-date-picker2-footer-actions {
11092 margin-left: auto;
11093}
11094.next-date-picker2-footer-preset-only {
11095 width: 100%;
11096}
11097
11098.next-time-picker2-menu {
11099 float: left;
11100 text-align: center;
11101 padding: 8px 0;
11102}
11103.next-time-picker2-menu:not(:last-child) {
11104 border-right: 1px solid #DCDEE3;
11105}
11106.next-time-picker2-menu-title {
11107 cursor: default;
11108 height: 28px;
11109 line-height: 28px;
11110 font-size: 12px;
11111 font-weight: normal;
11112 color: #999999;
11113 background: #FFFFFF;
11114}
11115.next-time-picker2-menu ul {
11116 position: relative;
11117 overflow-y: hidden;
11118 overflow-x: auto;
11119 list-style: none;
11120 margin: 0;
11121 width: 54px;
11122 padding: 0;
11123 font-size: 12px;
11124 height: 224px;
11125 scrollbar-width: none;
11126 -ms-overflow-style: none;
11127}
11128.next-time-picker2-menu ul::-webkit-scrollbar {
11129 width: 0;
11130}
11131.next-time-picker2-menu ul:hover {
11132 overflow-y: auto;
11133}
11134.next-time-picker2-menu ul:after {
11135 display: block;
11136 height: 192px;
11137 content: "";
11138}
11139.next-time-picker2-menu-item {
11140 cursor: pointer;
11141 height: 32px;
11142 line-height: 32px;
11143 -webkit-transition: background 100ms linear;
11144 transition: background 100ms linear;
11145 color: #666666;
11146 background: #FFFFFF;
11147 outline: none;
11148 -webkit-touch-callout: none;
11149 -webkit-user-select: none;
11150 -moz-user-select: none;
11151 -ms-user-select: none;
11152 user-select: none;
11153}
11154.next-time-picker2-menu-item:hover {
11155 color: #333333;
11156 background: #F2F3F7;
11157}
11158.next-time-picker2-menu-item.next-selected {
11159 color: #666666;
11160 background: #DEE8FF;
11161}
11162.next-time-picker2-menu-item.next-disabled {
11163 cursor: not-allowed;
11164 color: #CCCCCC;
11165 background: #F7F8FA;
11166}
11167
11168.next-time-picker2-panel {
11169 -webkit-box-sizing: border-box;
11170 box-sizing: border-box;
11171 display: -webkit-box;
11172 display: -ms-flexbox;
11173 display: flex;
11174}
11175.next-time-picker2-panel *,
11176.next-time-picker2-panel *:before,
11177.next-time-picker2-panel *:after {
11178 -webkit-box-sizing: border-box;
11179 box-sizing: border-box;
11180}
11181.next-time-picker2-panel:after {
11182 visibility: hidden;
11183 display: block;
11184 height: 0;
11185 font-size: 0;
11186 content: " ";
11187 clear: both;
11188}
11189.next-time-picker2-panel-header {
11190 border-bottom: 1px solid #DCDEE3;
11191}
11192.next-time-picker2-panel-input.next-input {
11193 width: 100%;
11194 padding: 6px;
11195 border-color: transparent;
11196 vertical-align: middle;
11197}
11198.next-time-picker2-panel .next-time-picker2-menu {
11199 -webkit-box-flex: 1;
11200 -ms-flex: 1;
11201 flex: 1;
11202}
11203.next-time-picker2-panel-range .next-time-picker2-panel-list:last-of-type {
11204 margin-left: 20px;
11205}
11206
11207.next-time-picker2-footer {
11208 width: -webkit-min-content;
11209 width: -moz-min-content;
11210 width: min-content;
11211 min-width: 100%;
11212 -webkit-box-sizing: border-box;
11213 box-sizing: border-box;
11214 text-align: center;
11215 border-top: 1px solid #F0F0F0;
11216 padding: 4px 12px;
11217 display: -webkit-box;
11218 display: -ms-flexbox;
11219 display: flex;
11220 min-height: 40px;
11221 -webkit-box-align: center;
11222 -ms-flex-align: center;
11223 align-items: center;
11224 -ms-flex-wrap: wrap;
11225 flex-wrap: wrap;
11226}
11227.next-time-picker2-footer-actions {
11228 margin-left: auto;
11229}
11230
11231.next-time-picker2-wrapper[dir=rtl] .next-time-picker2-menu {
11232 float: right;
11233}
11234.next-time-picker2-wrapper[dir=rtl] .next-time-picker2-menu:not(:last-child) {
11235 border-right: none;
11236 border-left: 1px solid #DCDEE3;
11237}
11238
11239.next-time-picker2 {
11240 -webkit-box-sizing: border-box;
11241 box-sizing: border-box;
11242 display: inline-block;
11243}
11244.next-time-picker2 *,
11245.next-time-picker2 *:before,
11246.next-time-picker2 *:after {
11247 -webkit-box-sizing: border-box;
11248 box-sizing: border-box;
11249}
11250.next-time-picker2-trigger .next-input {
11251 width: 100%;
11252}
11253.next-time-picker2-wrapper {
11254 padding: 4px 0;
11255}
11256.next-time-picker2-body {
11257 display: block;
11258 overflow: hidden;
11259 border: 1px solid #DCDEE3;
11260 border-radius: 3px;
11261 background: #FFFFFF;
11262 -webkit-box-shadow: none;
11263 box-shadow: none;
11264}
11265.next-time-picker2-symbol-clock-icon::before {
11266 content: "\E621";
11267}
11268.next-time-picker2-input {
11269 display: -webkit-inline-box;
11270 display: -ms-inline-flexbox;
11271 display: inline-flex;
11272 -webkit-box-align: center;
11273 -ms-flex-align: center;
11274 align-items: center;
11275 outline: none;
11276 -webkit-box-sizing: border-box;
11277 box-sizing: border-box;
11278 border: 1px solid #C4C6CF;
11279 vertical-align: middle;
11280 width: inherit;
11281 background-color: #FFFFFF;
11282}
11283.next-time-picker2-input .next-input {
11284 border: none;
11285 width: 100%;
11286 height: 100%;
11287}
11288.next-time-picker2-input .next-input input {
11289 height: 100%;
11290}
11291.next-time-picker2-input.next-time-picker2-input-small {
11292 height: 20px;
11293 border-radius: 3px;
11294}
11295.next-time-picker2-input.next-time-picker2-input-small .next-input-label {
11296 padding-left: 8px;
11297 font-size: 12px;
11298}
11299.next-time-picker2-input.next-time-picker2-input-small .next-input-inner {
11300 font-size: 12px;
11301}
11302.next-time-picker2-input.next-time-picker2-input-small .next-input-control {
11303 padding-right: 4px;
11304}
11305.next-time-picker2-input.next-time-picker2-input-small .next-input-inner-text {
11306 padding-right: 4px;
11307}
11308.next-time-picker2-input.next-time-picker2-input-small input {
11309 height: 18px;
11310 line-height: 18px \0 ;
11311 padding: 0 4px;
11312 font-size: 12px;
11313}
11314.next-time-picker2-input.next-time-picker2-input-small input::-webkit-input-placeholder {
11315 font-size: 12px;
11316}
11317.next-time-picker2-input.next-time-picker2-input-small input::-moz-placeholder {
11318 font-size: 12px;
11319}
11320.next-time-picker2-input.next-time-picker2-input-small input::-ms-input-placeholder {
11321 font-size: 12px;
11322}
11323.next-time-picker2-input.next-time-picker2-input-small input::placeholder {
11324 font-size: 12px;
11325}
11326.next-time-picker2-input.next-time-picker2-input-small .next-input-text-field {
11327 padding: 0 4px;
11328 font-size: 12px;
11329 height: 18px;
11330 line-height: 18px;
11331}
11332.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 {
11333 width: 12px;
11334 font-size: 12px;
11335 line-height: inherit;
11336}
11337.next-time-picker2-input.next-time-picker2-input-small .next-input-control {
11338 border-radius: 0 3px 3px 0;
11339}
11340.next-time-picker2-input.next-time-picker2-input-medium {
11341 height: 28px;
11342 border-radius: 3px;
11343}
11344.next-time-picker2-input.next-time-picker2-input-medium .next-input-label {
11345 padding-left: 8px;
11346 font-size: 12px;
11347}
11348.next-time-picker2-input.next-time-picker2-input-medium .next-input-inner {
11349 font-size: 12px;
11350}
11351.next-time-picker2-input.next-time-picker2-input-medium .next-input-control {
11352 padding-right: 8px;
11353}
11354.next-time-picker2-input.next-time-picker2-input-medium .next-input-inner-text {
11355 padding-right: 8px;
11356}
11357.next-time-picker2-input.next-time-picker2-input-medium input {
11358 height: 26px;
11359 line-height: 26px \0 ;
11360 padding: 0 8px;
11361 font-size: 12px;
11362}
11363.next-time-picker2-input.next-time-picker2-input-medium input::-webkit-input-placeholder {
11364 font-size: 12px;
11365}
11366.next-time-picker2-input.next-time-picker2-input-medium input::-moz-placeholder {
11367 font-size: 12px;
11368}
11369.next-time-picker2-input.next-time-picker2-input-medium input::-ms-input-placeholder {
11370 font-size: 12px;
11371}
11372.next-time-picker2-input.next-time-picker2-input-medium input::placeholder {
11373 font-size: 12px;
11374}
11375.next-time-picker2-input.next-time-picker2-input-medium .next-input-text-field {
11376 padding: 0 8px;
11377 font-size: 12px;
11378 height: 26px;
11379 line-height: 26px;
11380}
11381.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 {
11382 width: 12px;
11383 font-size: 12px;
11384 line-height: inherit;
11385}
11386.next-time-picker2-input.next-time-picker2-input-medium .next-input-control {
11387 border-radius: 0 3px 3px 0;
11388}
11389.next-time-picker2-input.next-time-picker2-input-large {
11390 height: 40px;
11391 border-radius: 3px;
11392}
11393.next-time-picker2-input.next-time-picker2-input-large .next-input-label {
11394 padding-left: 12px;
11395 font-size: 16px;
11396}
11397.next-time-picker2-input.next-time-picker2-input-large .next-input-inner {
11398 font-size: 16px;
11399}
11400.next-time-picker2-input.next-time-picker2-input-large .next-input-control {
11401 padding-right: 8px;
11402}
11403.next-time-picker2-input.next-time-picker2-input-large .next-input-inner-text {
11404 padding-right: 8px;
11405}
11406.next-time-picker2-input.next-time-picker2-input-large input {
11407 height: 38px;
11408 line-height: 38px \0 ;
11409 padding: 0 12px;
11410 font-size: 16px;
11411}
11412.next-time-picker2-input.next-time-picker2-input-large input::-webkit-input-placeholder {
11413 font-size: 16px;
11414}
11415.next-time-picker2-input.next-time-picker2-input-large input::-moz-placeholder {
11416 font-size: 16px;
11417}
11418.next-time-picker2-input.next-time-picker2-input-large input::-ms-input-placeholder {
11419 font-size: 16px;
11420}
11421.next-time-picker2-input.next-time-picker2-input-large input::placeholder {
11422 font-size: 16px;
11423}
11424.next-time-picker2-input.next-time-picker2-input-large .next-input-text-field {
11425 padding: 0 12px;
11426 font-size: 16px;
11427 height: 38px;
11428 line-height: 38px;
11429}
11430.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 {
11431 width: 16px;
11432 font-size: 16px;
11433 line-height: inherit;
11434}
11435.next-time-picker2-input.next-time-picker2-input-large .next-input-control {
11436 border-radius: 0 3px 3px 0;
11437}
11438.next-time-picker2-input:hover {
11439 border-color: #A0A2AD;
11440 background-color: #FFFFFF;
11441}
11442.next-time-picker2-input.next-time-picker2-input-focus {
11443 border-color: #5584FF;
11444 background-color: #FFFFFF;
11445 -webkit-box-shadow: 0 0 0 2px rgba(85, 132, 255, 0.2);
11446 box-shadow: 0 0 0 2px rgba(85, 132, 255, 0.2);
11447}
11448.next-time-picker2-input.next-time-picker2-input-noborder {
11449 border-color: transparent !important;
11450 -webkit-box-shadow: none !important;
11451 box-shadow: none !important;
11452}
11453.next-time-picker2-input.next-time-picker2-input-disabled {
11454 color: #CCCCCC;
11455 border-color: #E6E7EB;
11456 background-color: #F7F8FA;
11457 cursor: not-allowed;
11458}
11459.next-time-picker2-input.next-time-picker2-input-disabled:hover {
11460 border-color: #E6E7EB;
11461 background-color: #F7F8FA;
11462}
11463.next-time-picker2-input.next-time-picker2-input-error {
11464 border-color: #FF3000;
11465}
11466.next-time-picker2-input-separator {
11467 color: #C4C6CF;
11468 font-size: 12px;
11469 display: inline-block;
11470 min-width: 16px;
11471 text-align: center;
11472}
11473
11474div[dir=rtl] .next-date-picker2-footer-preset > .next-btn {
11475 margin-left: 8px;
11476 margin-right: 0;
11477}
11478div[dir=rtl] .next-date-picker2-footer-actions {
11479 margin-left: 0;
11480 margin-right: auto;
11481}
11482div[dir=rtl] .next-date-picker2-wrapper .next-calendar2-cell:last-child::before {
11483 border-top-right-radius: 0;
11484 border-bottom-right-radius: 0;
11485 right: 0;
11486 border-top-left-radius: 2px;
11487 border-bottom-left-radius: 2px;
11488 left: 8px;
11489}
11490div[dir=rtl] .next-date-picker2-wrapper .next-calendar2-cell:first-child::before {
11491 border-top-left-radius: 0;
11492 border-bottom-left-radius: 0;
11493 left: 0;
11494 border-top-right-radius: 2px;
11495 border-bottom-right-radius: 2px;
11496 right: 8px;
11497}
11498div[dir=rtl] .next-date-time-picker-wrapper {
11499 border-right: 1px solid #E6E7EB;
11500 border-left: none;
11501}
11502div[dir=rtl] .next-date-time-picker-wrapper .next-time-picker2-menu:not(:last-child) {
11503 border-left: 1px solid #DCDEE3;
11504 border-right: none;
11505}
11506div[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 {
11507 right: 50%;
11508 left: 0;
11509}
11510div[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 {
11511 left: 50%;
11512 right: 0;
11513}
11514div[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 {
11515 right: 8px;
11516}
11517div[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 {
11518 left: 0;
11519}
11520div[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 {
11521 left: 8px;
11522}
11523div[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 {
11524 right: 0;
11525}
11526div[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 {
11527 left: 0;
11528 right: 7px;
11529}
11530div[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 {
11531 right: 0;
11532 left: 7px;
11533}
11534div[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 {
11535 border-top-left-radius: 0;
11536 border-bottom-left-radius: 0;
11537 border-left: none;
11538 border-top-right-radius: 2px;
11539 border-bottom-right-radius: 2px;
11540 border-right: 1px dashed #3E71F7;
11541}
11542div[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 {
11543 border-top-right-radius: 0;
11544 border-bottom-right-radius: 0;
11545 border-right: none;
11546 border-top-left-radius: 2px;
11547 border-bottom-left-radius: 2px;
11548 border-left: 1px dashed #3E71F7;
11549}
11550div[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 {
11551 right: 0;
11552 left: 8px;
11553}
11554div[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 {
11555 border-top-right-radius: 0;
11556 border-bottom-right-radius: 0;
11557 border-right: none;
11558 border-top-left-radius: 2px;
11559 border-bottom-left-radius: 2px;
11560 border-left: 1px dashed #3E71F7;
11561}
11562div[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 {
11563 border-left: none;
11564 border-top-left-radius: 0;
11565 border-bottom-left-radius: 0;
11566 border-right: 1px dashed #3E71F7;
11567 border-top-right-radius: 2px;
11568 border-bottom-right-radius: 2px;
11569}
11570div[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 {
11571 border-right: none;
11572 border-top-right-radius: 0;
11573 border-bottom-right-radius: 0;
11574 border-left: 1px dashed #3E71F7;
11575 border-top-left-radius: 2px;
11576 border-bottom-left-radius: 2px;
11577}
11578div[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 {
11579 right: 8px;
11580 left: 0;
11581}
11582div[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 {
11583 right: 8px;
11584 border-top-right-radius: 2px;
11585 border-bottom-right-radius: 2px;
11586 border-right: 1px dashed #3E71F7;
11587}
11588div[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 {
11589 border-top-left-radius: 0;
11590 border-bottom-left-radius: 0;
11591 border-left: none;
11592}
11593div[dir=rtl] .next-calendar2-table-week .next-calendar2-week-current .next-calendar2-cell.next-calendar2-cell-selected:nth-child(2)::before {
11594 right: 50%;
11595 left: 0;
11596}
11597div[dir=rtl] .next-calendar2-table-week .next-calendar2-week-current .next-calendar2-cell.next-calendar2-cell-selected:last-child::before {
11598 left: 50%;
11599 right: 0;
11600}
11601
11602.next-date-picker2 {
11603 outline: none;
11604 display: inline-table;
11605 position: relative;
11606 width: inherit;
11607}
11608.next-date-picker2-overlay {
11609 vertical-align: top;
11610 padding: 4px 0px;
11611}
11612.next-date-picker2-overlay-range {
11613 padding: 12px 0px;
11614}
11615.next-date-picker2-wrapper {
11616 -webkit-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.12);
11617 box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.12);
11618 background-color: #FFFFFF;
11619 border: 1px solid #E6E7EB;
11620 border-radius: 3px;
11621}
11622.next-date-picker2-wrapper .next-calendar2-panel {
11623 border-radius: 3px;
11624}
11625.next-date-picker2-wrapper .next-calendar2-body {
11626 width: 272px;
11627}
11628.next-date-picker2-wrapper .next-calendar2-cell::before {
11629 content: "";
11630 position: absolute;
11631 top: 50%;
11632 right: 0px;
11633 left: 0px;
11634 z-index: 1;
11635 height: 24px;
11636 -webkit-transform: translateY(-50%);
11637 -ms-transform: translateY(-50%);
11638 transform: translateY(-50%);
11639}
11640.next-date-picker2-wrapper .next-calendar2-cell:last-child::before {
11641 border-top-right-radius: 2px;
11642 border-bottom-right-radius: 2px;
11643 right: 8px;
11644}
11645.next-date-picker2-wrapper .next-calendar2-cell:first-child::before {
11646 border-top-left-radius: 2px;
11647 border-bottom-left-radius: 2px;
11648 left: 8px;
11649}
11650.next-date-picker2-input {
11651 display: -webkit-inline-box;
11652 display: -ms-inline-flexbox;
11653 display: inline-flex;
11654 -webkit-box-align: center;
11655 -ms-flex-align: center;
11656 align-items: center;
11657 outline: none;
11658 -webkit-box-sizing: border-box;
11659 box-sizing: border-box;
11660 border: 1px solid #C4C6CF;
11661 vertical-align: middle;
11662 width: inherit;
11663 background-color: #FFFFFF;
11664}
11665.next-date-picker2-input .next-input {
11666 border: none;
11667 -ms-flex-preferred-size: 100%;
11668 flex-basis: 100%;
11669 height: 100%;
11670 width: 100%;
11671}
11672.next-date-picker2-input .next-input input {
11673 height: 100%;
11674 width: auto;
11675}
11676.next-date-picker2-input.next-date-picker2-input-small {
11677 height: 20px;
11678 border-radius: 3px;
11679}
11680.next-date-picker2-input.next-date-picker2-input-small .next-input-label {
11681 padding-left: 8px;
11682 font-size: 12px;
11683}
11684.next-date-picker2-input.next-date-picker2-input-small .next-input-inner {
11685 font-size: 12px;
11686}
11687.next-date-picker2-input.next-date-picker2-input-small .next-input-control {
11688 padding-right: 4px;
11689}
11690.next-date-picker2-input.next-date-picker2-input-small .next-input-inner-text {
11691 padding-right: 4px;
11692}
11693.next-date-picker2-input.next-date-picker2-input-small input {
11694 height: 18px;
11695 line-height: 18px \0 ;
11696 padding: 0 4px;
11697 font-size: 12px;
11698}
11699.next-date-picker2-input.next-date-picker2-input-small input::-webkit-input-placeholder {
11700 font-size: 12px;
11701}
11702.next-date-picker2-input.next-date-picker2-input-small input::-moz-placeholder {
11703 font-size: 12px;
11704}
11705.next-date-picker2-input.next-date-picker2-input-small input::-ms-input-placeholder {
11706 font-size: 12px;
11707}
11708.next-date-picker2-input.next-date-picker2-input-small input::placeholder {
11709 font-size: 12px;
11710}
11711.next-date-picker2-input.next-date-picker2-input-small .next-input-text-field {
11712 padding: 0 4px;
11713 font-size: 12px;
11714 height: 18px;
11715 line-height: 18px;
11716}
11717.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 {
11718 width: 12px;
11719 font-size: 12px;
11720 line-height: inherit;
11721}
11722.next-date-picker2-input.next-date-picker2-input-small .next-input-control {
11723 border-radius: 0 3px 3px 0;
11724}
11725.next-date-picker2-input.next-date-picker2-input-medium {
11726 height: 28px;
11727 border-radius: 3px;
11728}
11729.next-date-picker2-input.next-date-picker2-input-medium .next-input-label {
11730 padding-left: 8px;
11731 font-size: 12px;
11732}
11733.next-date-picker2-input.next-date-picker2-input-medium .next-input-inner {
11734 font-size: 12px;
11735}
11736.next-date-picker2-input.next-date-picker2-input-medium .next-input-control {
11737 padding-right: 8px;
11738}
11739.next-date-picker2-input.next-date-picker2-input-medium .next-input-inner-text {
11740 padding-right: 8px;
11741}
11742.next-date-picker2-input.next-date-picker2-input-medium input {
11743 height: 26px;
11744 line-height: 26px \0 ;
11745 padding: 0 8px;
11746 font-size: 12px;
11747}
11748.next-date-picker2-input.next-date-picker2-input-medium input::-webkit-input-placeholder {
11749 font-size: 12px;
11750}
11751.next-date-picker2-input.next-date-picker2-input-medium input::-moz-placeholder {
11752 font-size: 12px;
11753}
11754.next-date-picker2-input.next-date-picker2-input-medium input::-ms-input-placeholder {
11755 font-size: 12px;
11756}
11757.next-date-picker2-input.next-date-picker2-input-medium input::placeholder {
11758 font-size: 12px;
11759}
11760.next-date-picker2-input.next-date-picker2-input-medium .next-input-text-field {
11761 padding: 0 8px;
11762 font-size: 12px;
11763 height: 26px;
11764 line-height: 26px;
11765}
11766.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 {
11767 width: 12px;
11768 font-size: 12px;
11769 line-height: inherit;
11770}
11771.next-date-picker2-input.next-date-picker2-input-medium .next-input-control {
11772 border-radius: 0 3px 3px 0;
11773}
11774.next-date-picker2-input.next-date-picker2-input-large {
11775 height: 40px;
11776 border-radius: 3px;
11777}
11778.next-date-picker2-input.next-date-picker2-input-large .next-input-label {
11779 padding-left: 12px;
11780 font-size: 16px;
11781}
11782.next-date-picker2-input.next-date-picker2-input-large .next-input-inner {
11783 font-size: 16px;
11784}
11785.next-date-picker2-input.next-date-picker2-input-large .next-input-control {
11786 padding-right: 8px;
11787}
11788.next-date-picker2-input.next-date-picker2-input-large .next-input-inner-text {
11789 padding-right: 8px;
11790}
11791.next-date-picker2-input.next-date-picker2-input-large input {
11792 height: 38px;
11793 line-height: 38px \0 ;
11794 padding: 0 12px;
11795 font-size: 16px;
11796}
11797.next-date-picker2-input.next-date-picker2-input-large input::-webkit-input-placeholder {
11798 font-size: 16px;
11799}
11800.next-date-picker2-input.next-date-picker2-input-large input::-moz-placeholder {
11801 font-size: 16px;
11802}
11803.next-date-picker2-input.next-date-picker2-input-large input::-ms-input-placeholder {
11804 font-size: 16px;
11805}
11806.next-date-picker2-input.next-date-picker2-input-large input::placeholder {
11807 font-size: 16px;
11808}
11809.next-date-picker2-input.next-date-picker2-input-large .next-input-text-field {
11810 padding: 0 12px;
11811 font-size: 16px;
11812 height: 38px;
11813 line-height: 38px;
11814}
11815.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 {
11816 width: 16px;
11817 font-size: 16px;
11818 line-height: inherit;
11819}
11820.next-date-picker2-input.next-date-picker2-input-large .next-input-control {
11821 border-radius: 0 3px 3px 0;
11822}
11823.next-date-picker2-input:hover {
11824 border-color: #A0A2AD;
11825 background-color: #FFFFFF;
11826}
11827.next-date-picker2-input.next-date-picker2-input-focus {
11828 border-color: #5584FF;
11829 background-color: #FFFFFF;
11830 -webkit-box-shadow: 0 0 0 2px rgba(85, 132, 255, 0.2);
11831 box-shadow: 0 0 0 2px rgba(85, 132, 255, 0.2);
11832}
11833.next-date-picker2-input.next-date-picker2-input-noborder {
11834 border-color: transparent !important;
11835 -webkit-box-shadow: none !important;
11836 box-shadow: none !important;
11837}
11838.next-date-picker2-input.next-date-picker2-input-disabled {
11839 color: #CCCCCC;
11840 border-color: #E6E7EB;
11841 background-color: #F7F8FA;
11842 cursor: not-allowed;
11843}
11844.next-date-picker2-input.next-date-picker2-input-disabled:hover {
11845 border-color: #E6E7EB;
11846 background-color: #F7F8FA;
11847}
11848.next-date-picker2-input.next-date-picker2-input-error {
11849 border-color: #FF3000;
11850}
11851.next-date-picker2-input-separator {
11852 color: #C4C6CF;
11853 font-size: 12px;
11854 line-height: 12px;
11855 display: inline-block;
11856 min-width: 16px;
11857 text-align: center;
11858}
11859
11860.next-range-picker2-panel, .next-date-picker2-panel {
11861 display: -webkit-inline-box;
11862 display: -ms-inline-flexbox;
11863 display: inline-flex;
11864}
11865.next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-range-picker-right .next-calendar2-header-left-btn,
11866.next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-range-picker-left .next-calendar2-header-right-btn {
11867 visibility: hidden;
11868}
11869
11870.next-range-picker2-arrow {
11871 display: block;
11872 -webkit-transform: translate(0, -50%) rotate(-45deg);
11873 -ms-transform: translate(0, -50%) rotate(-45deg);
11874 transform: translate(0, -50%) rotate(-45deg);
11875 position: absolute;
11876 z-index: 1;
11877 width: 10px;
11878 height: 10px;
11879 margin-left: 16.5px;
11880 border-color: #E6E7EB #E6E7EB transparent transparent;
11881 border-style: solid;
11882 border-width: 1px;
11883 -webkit-transition: left 0.3s ease-out;
11884 transition: left 0.3s ease-out;
11885 background: #FFFFFF;
11886}
11887
11888.next-date-picker2-tl-bl .next-range-picker2-arrow {
11889 top: 12.5px;
11890}
11891
11892.next-date-picker2-bl-tl .next-range-picker2-arrow {
11893 bottom: 13px;
11894 -webkit-transform: translate(0, 50%) rotate(135deg);
11895 -ms-transform: translate(0, 50%) rotate(135deg);
11896 transform: translate(0, 50%) rotate(135deg);
11897}
11898
11899.next-date-time-picker-wrapper {
11900 border-left: 1px solid #E6E7EB;
11901}
11902.next-date-time-picker-wrapper .next-calendar2-body {
11903 padding-right: 0px;
11904 padding-left: 0px;
11905}
11906
11907.next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-disabled .next-calendar2-cell-inner {
11908 color: #CCCCCC;
11909 background: #F7F8FA;
11910}
11911.next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-selected::before {
11912 color: #666666;
11913 background: #DEE8FF;
11914}
11915.next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-selected .next-calendar2-cell-inner {
11916 color: #666666;
11917 background: transparent;
11918}
11919.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 {
11920 z-index: 10;
11921 color: #FFFFFF;
11922 background: #5584FF;
11923}
11924.next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-selected.next-calendar2-cell-range-begin::before {
11925 left: 50%;
11926}
11927.next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-selected.next-calendar2-cell-range-end::before {
11928 right: 50%;
11929}
11930.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 {
11931 display: none;
11932}
11933.next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-hover::after {
11934 content: "";
11935 position: absolute;
11936 top: 50%;
11937 right: 0;
11938 left: 0;
11939 z-index: 2;
11940 height: 24px;
11941 -webkit-transform: translateY(-50%);
11942 -ms-transform: translateY(-50%);
11943 transform: translateY(-50%);
11944 border-color: #3E71F7 transparent;
11945 border-style: dashed;
11946 border-width: 1px;
11947}
11948.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 {
11949 left: 8px;
11950}
11951.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 {
11952 right: 8px;
11953}
11954.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 {
11955 left: 8px;
11956}
11957.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 {
11958 right: 8px;
11959}
11960.next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-hover:first-of-type::after {
11961 border-top-left-radius: 2px;
11962 border-bottom-left-radius: 2px;
11963 border-left: 1px dashed #3E71F7;
11964}
11965.next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-hover:last-of-type::after {
11966 border-top-right-radius: 2px;
11967 border-bottom-right-radius: 2px;
11968 border-right: 1px dashed #3E71F7;
11969}
11970.next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-edge-end::before {
11971 right: 8px;
11972}
11973.next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-edge-end::after {
11974 right: 8px;
11975}
11976.next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-edge-end.next-calendar2-cell-hover::after {
11977 border-top-right-radius: 2px;
11978 border-bottom-right-radius: 2px;
11979 border-right: 1px dashed #3E71F7;
11980}
11981.next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-hover-begin::after {
11982 border-top: 1px dashed #3E71F7;
11983 border-left: 1px dashed #3E71F7;
11984 border-top-left-radius: 2px;
11985 border-bottom-left-radius: 2px;
11986}
11987.next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-hover-end::after {
11988 border-top: 1px dashed #3E71F7;
11989 border-right: 1px dashed #3E71F7;
11990 border-top-right-radius: 2px;
11991 border-bottom-right-radius: 2px;
11992}
11993.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 {
11994 left: 8px;
11995}
11996.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 {
11997 border-top-left-radius: 2px;
11998 border-bottom-left-radius: 2px;
11999 border-left: 1px dashed #3E71F7;
12000}
12001
12002.next-calendar2-table-week .next-calendar2-cell-hover::after {
12003 display: none;
12004}
12005.next-calendar2-table-week tr:hover .next-calendar2-cell:not(.next-calendar2-cell-disabled):not(.next-calendar2-cell-selected)::before {
12006 background: #F2F3F7;
12007}
12008.next-calendar2-table-week .next-calendar2-week-current .next-calendar2-cell.next-calendar2-cell-selected::before,
12009.next-calendar2-table-week .next-calendar2-week-current .next-calendar2-cell.next-calendar2-cell-selected .next-calendar2-cell-inner {
12010 color: #666666;
12011 background-color: #DEE8FF;
12012}
12013.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 {
12014 color: #FFFFFF;
12015 background: #5584FF;
12016}
12017.next-calendar2-table-week .next-calendar2-week-current .next-calendar2-cell.next-calendar2-cell-selected:nth-child(2)::before {
12018 left: 50%;
12019}
12020.next-calendar2-table-week .next-calendar2-week-current .next-calendar2-cell.next-calendar2-cell-selected:last-child::before {
12021 right: 50%;
12022}
12023.next-calendar2-table-week tr:not(.next-calendar2-week-current) td.next-calendar2-cell.next-calendar2-cell-selected:not(.next-calendar2-cell-disabled)::before,
12024.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 {
12025 background-color: transparent;
12026 color: #CCCCCC;
12027}
12028
12029.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 {
12030 background-color: #DEE8FF;
12031 color: #666666;
12032}
12033.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 {
12034 color: #FFFFFF;
12035 background: #5584FF;
12036}
\No newline at end of file