@alifd/theme-1422
Version:
Powered By [Fusion.Design](https://fusion.design/)
1,352 lines (1,287 loc) • 104 kB
CSS
.next-step-dot.next-step-horizontal > .next-step-item-wait > .next-step-item-body > .next-step-item-content {
margin-top: 4px; }
.next-step-dot.next-step-horizontal > .next-step-item-process .next-step-item-tail {
display: inline-block;
clear: both;
width: calc(100% - 28px);
vertical-align: middle; }
.next-step-dot.next-step-horizontal > .next-step-item-process .next-step-item-tail .next-step-item-tail-underlay {
display: block;
height: 1px;
position: relative; }
.next-step-dot.next-step-horizontal > .next-step-item-process .next-step-item-tail .next-step-item-tail-overlay {
position: absolute;
top: 0;
height: 1px;
-webkit-transition: all .4s ease;
transition: all .4s ease;
width: 100%; }
.next-step-dot.next-step-horizontal > .next-step-item-process > .next-step-item-node {
padding: 0 8px;
width: 28px;
height: 12px; }
.next-step-dot.next-step-horizontal > .next-step-item-process > .next-step-item-body {
width: 100px;
left: -36px;
text-align: center;
position: absolute; }
.next-step-dot.next-step-horizontal > .next-step-item-process > .next-step-item-body > .next-step-item-title {
font-size: 12px;
line-height: 16px;
margin-top: 8px;
font-weight: bold; }
.next-step-dot.next-step-horizontal > .next-step-item-process > .next-step-item-body > .next-step-item-content {
margin-top: 4px; }
.next-step-dot.next-step-horizontal > .next-step-item-finish .next-step-item-tail {
display: inline-block;
clear: both;
width: calc(100% - 28px);
vertical-align: middle; }
.next-step-dot.next-step-horizontal > .next-step-item-finish .next-step-item-tail .next-step-item-tail-underlay {
display: block;
height: 1px;
position: relative; }
.next-step-dot.next-step-horizontal > .next-step-item-finish .next-step-item-tail .next-step-item-tail-overlay {
position: absolute;
top: 0;
height: 1px;
-webkit-transition: all .4s ease;
transition: all .4s ease;
width: 100%; }
.next-step-dot.next-step-horizontal > .next-step-item-finish > .next-step-item-node {
padding: 0 8px;
width: 28px;
height: 12px; }
.next-step-dot.next-step-horizontal > .next-step-item-finish > .next-step-item-body {
width: 100px;
left: -36px;
text-align: center;
position: absolute; }
.next-step-dot.next-step-horizontal > .next-step-item-finish > .next-step-item-body > .next-step-item-title {
font-size: 12px;
line-height: 16px;
margin-top: 8px;
font-weight: bold; }
.next-step-dot.next-step-horizontal > .next-step-item-finish > .next-step-item-body > .next-step-item-content {
margin-top: 4px; }
.next-step-dot.next-step-horizontal > .next-step-item-disabled .next-step-item-tail {
display: inline-block;
clear: both;
width: calc(100% - 28px);
vertical-align: middle; }
.next-step-dot.next-step-horizontal > .next-step-item-disabled .next-step-item-tail .next-step-item-tail-underlay {
display: block;
height: 1px;
position: relative; }
.next-step-dot.next-step-horizontal > .next-step-item-disabled .next-step-item-tail .next-step-item-tail-overlay {
position: absolute;
top: 0;
height: 1px;
-webkit-transition: all .4s ease;
transition: all .4s ease;
width: 100%; }
.next-step-dot.next-step-horizontal > .next-step-item-disabled > .next-step-item-node {
padding: 0 8px;
width: 28px;
height: 12px; }
.next-step-dot.next-step-horizontal > .next-step-item-disabled > .next-step-item-body {
width: 100px;
left: -36px;
text-align: center;
position: absolute; }
.next-step-dot.next-step-horizontal > .next-step-item-disabled > .next-step-item-body > .next-step-item-title {
font-size: 12px;
line-height: 16px;
margin-top: 8px;
font-weight: bold; }
.next-step-dot.next-step-horizontal > .next-step-item-disabled > .next-step-item-body > .next-step-item-content {
margin-top: 4px; }
.next-step-dot.next-step-vertical {
padding: 0 0 0 4px;
font-size: 0;
display: table-cell;
position: relative; }
.next-step-dot.next-step-vertical .next-step-item-container {
padding: 0; }
.next-step-dot.next-step-vertical > .next-step-item:last-child .next-step-item-tail {
display: block;
visibility: hidden; }
.next-step-dot.next-step-vertical > .next-step-item-wait .next-step-item-tail {
width: 1px;
height: 0;
margin: 8px auto; }
.next-step-dot.next-step-vertical > .next-step-item-wait .next-step-item-tail .next-step-item-tail-underlay {
height: 100%;
width: 1px;
position: relative; }
.next-step-dot.next-step-vertical > .next-step-item-wait .next-step-item-tail .next-step-item-tail-overlay {
position: absolute;
top: 0;
height: 100%;
width: 1px; }
.next-step-dot.next-step-vertical > .next-step-item-wait > .next-step-item-node {
padding: 8px 0;
width: 12px;
height: 28px; }
.next-step-dot.next-step-vertical > .next-step-item-wait > .next-step-item-body {
position: absolute;
top: 0;
left: 6px;
margin-left: 8px; }
.next-step-dot.next-step-vertical > .next-step-item-wait > .next-step-item-body > .next-step-item-title {
margin-top: 0;
font-weight: bold;
text-align: left;
font-family: Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Microsoft YaHei";
font-size: 12px;
line-height: 1.28571; }
.next-step-dot.next-step-vertical > .next-step-item-wait > .next-step-item-body > .next-step-item-content {
margin-top: 8px;
min-height: 8px;
text-align: left;
font-size: 12px;
line-height: 16px; }
.next-step-dot.next-step-vertical > .next-step-item-process .next-step-item-tail {
width: 1px;
height: 0;
margin: 8px auto; }
.next-step-dot.next-step-vertical > .next-step-item-process .next-step-item-tail .next-step-item-tail-underlay {
height: 100%;
width: 1px;
position: relative; }
.next-step-dot.next-step-vertical > .next-step-item-process .next-step-item-tail .next-step-item-tail-overlay {
position: absolute;
top: 0;
height: 100%;
width: 1px; }
.next-step-dot.next-step-vertical > .next-step-item-process > .next-step-item-node {
padding: 8px 0;
width: 12px;
height: 28px; }
.next-step-dot.next-step-vertical > .next-step-item-process > .next-step-item-body {
position: absolute;
top: 0;
left: 6px;
margin-left: 8px; }
.next-step-dot.next-step-vertical > .next-step-item-process > .next-step-item-body > .next-step-item-title {
margin-top: 0;
font-weight: bold;
text-align: left;
font-family: Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Microsoft YaHei";
font-size: 12px;
line-height: 1.28571; }
.next-step-dot.next-step-vertical > .next-step-item-process > .next-step-item-body > .next-step-item-content {
margin-top: 8px;
min-height: 8px;
text-align: left;
font-size: 12px;
line-height: 16px; }
.next-step-dot.next-step-vertical > .next-step-item-finish .next-step-item-tail {
width: 1px;
height: 0;
margin: 8px auto; }
.next-step-dot.next-step-vertical > .next-step-item-finish .next-step-item-tail .next-step-item-tail-underlay {
height: 100%;
width: 1px;
position: relative; }
.next-step-dot.next-step-vertical > .next-step-item-finish .next-step-item-tail .next-step-item-tail-overlay {
position: absolute;
top: 0;
height: 100%;
width: 1px; }
.next-step-dot.next-step-vertical > .next-step-item-finish > .next-step-item-node {
padding: 8px 0;
width: 12px;
height: 28px; }
.next-step-dot.next-step-vertical > .next-step-item-finish > .next-step-item-body {
position: absolute;
top: 0;
left: 6px;
margin-left: 8px; }
.next-step-dot.next-step-vertical > .next-step-item-finish > .next-step-item-body > .next-step-item-title {
margin-top: 0;
font-weight: bold;
text-align: left;
font-family: Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Microsoft YaHei";
font-size: 12px;
line-height: 1.28571; }
.next-step-dot.next-step-vertical > .next-step-item-finish > .next-step-item-body > .next-step-item-content {
margin-top: 8px;
min-height: 8px;
text-align: left;
font-size: 12px;
line-height: 16px; }
.next-step-dot.next-step-vertical > .next-step-item-disabled .next-step-item-tail {
width: 1px;
height: 0;
margin: 8px auto; }
.next-step-dot.next-step-vertical > .next-step-item-disabled .next-step-item-tail .next-step-item-tail-underlay {
height: 100%;
width: 1px;
position: relative; }
.next-step-dot.next-step-vertical > .next-step-item-disabled .next-step-item-tail .next-step-item-tail-overlay {
position: absolute;
top: 0;
height: 100%;
width: 1px; }
.next-step-dot.next-step-vertical > .next-step-item-disabled > .next-step-item-node {
padding: 8px 0;
width: 12px;
height: 28px; }
.next-step-dot.next-step-vertical > .next-step-item-disabled > .next-step-item-body {
position: absolute;
top: 0;
left: 6px;
margin-left: 8px; }
.next-step-dot.next-step-vertical > .next-step-item-disabled > .next-step-item-body > .next-step-item-title {
margin-top: 0;
font-weight: bold;
text-align: left;
font-family: Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Microsoft YaHei";
font-size: 12px;
line-height: 1.28571; }
.next-step-dot.next-step-vertical > .next-step-item-disabled > .next-step-item-body > .next-step-item-content {
margin-top: 8px;
min-height: 8px;
text-align: left;
font-size: 12px;
line-height: 16px; }
.next-step-horizontal[dir="rtl"] > .next-step-item {
text-align: right; }
.next-step-arrow[dir="rtl"] .next-step-item {
height: 32px;
line-height: 32px;
margin-left: 4px;
margin-right: 16px; }
.next-step-arrow[dir="rtl"] .next-step-item:before {
right: -16px;
left: auto;
border: 16px solid transparent;
border-right-color: transparent; }
.next-step-arrow[dir="rtl"] .next-step-item:after {
left: -32px;
right: auto;
border-top: 16px solid transparent;
border-bottom: 16px solid transparent;
border-right: 16px solid transparent; }
.next-step-arrow[dir="rtl"] > .next-step-item-wait {
background: #EBECF0; }
.next-step-arrow[dir="rtl"] > .next-step-item-wait .next-step-item-node-dot {
right: 50%;
left: auto; }
.next-step-arrow[dir="rtl"] > .next-step-item-wait:before {
border: 16px solid #EBECF0;
border-right-color: transparent; }
.next-step-arrow[dir="rtl"] > .next-step-item-wait:after {
border-right-color: #EBECF0;
border-left-color: transparent; }
.next-step-arrow[dir="rtl"] > .next-step-item-process {
background: #00A6FF; }
.next-step-arrow[dir="rtl"] > .next-step-item-process .next-step-item-node-dot {
right: 50%;
left: auto; }
.next-step-arrow[dir="rtl"] > .next-step-item-process:before {
border: 16px solid #00A6FF;
border-right-color: transparent; }
.next-step-arrow[dir="rtl"] > .next-step-item-process:after {
border-right-color: #00A6FF;
border-left-color: transparent; }
.next-step-arrow[dir="rtl"] > .next-step-item-finish {
background: #E6F6FF; }
.next-step-arrow[dir="rtl"] > .next-step-item-finish .next-step-item-node-dot {
right: 50%;
left: auto; }
.next-step-arrow[dir="rtl"] > .next-step-item-finish:before {
border: 16px solid #E6F6FF;
border-right-color: transparent; }
.next-step-arrow[dir="rtl"] > .next-step-item-finish:after {
border-right-color: #E6F6FF;
border-left-color: transparent; }
.next-step-arrow[dir="rtl"] .next-step-item-disabled {
background: #F7F8FA; }
.next-step-arrow[dir="rtl"] .next-step-item-disabled .next-step-item-node-dot {
right: 50%;
left: auto; }
.next-step-arrow[dir="rtl"] .next-step-item-disabled:before {
border: 16px solid #F7F8FA;
border-right-color: transparent; }
.next-step-arrow[dir="rtl"] .next-step-item-disabled:after {
border-right-color: #F7F8FA;
border-left-color: transparent; }
.next-step-arrow[dir="rtl"] .next-step-item-first {
margin-right: 0; }
.next-step-arrow[dir="rtl"] .next-step-item-last {
margin-left: 0; }
.next-step-circle[dir="rtl"] > .next-step-item-wait .next-step-item-node-dot {
right: 50%;
left: auto; }
.next-step-circle[dir="rtl"] > .next-step-item-process .next-step-item-node-dot {
right: 50%;
left: auto; }
.next-step-circle[dir="rtl"] > .next-step-item-finish .next-step-item-node-dot {
right: 50%;
left: auto; }
.next-step-circle[dir="rtl"] .next-step-item-disabled .next-step-item-node-dot {
right: 50%;
left: auto; }
.next-step-circle[dir="rtl"].next-step-horizontal > .next-step-item-wait > .next-step-item-body {
right: -26px;
left: auto; }
.next-step-circle[dir="rtl"].next-step-horizontal > .next-step-item-process > .next-step-item-body {
right: -26px;
left: auto; }
.next-step-circle[dir="rtl"].next-step-horizontal > .next-step-item-finish > .next-step-item-body {
right: -26px;
left: auto; }
.next-step-circle[dir="rtl"].next-step-horizontal > .next-step-item-disabled > .next-step-item-body {
right: -26px;
left: auto; }
.next-step-circle[dir="rtl"].next-step-horizontal.next-step-label-horizontal > .next-step-item-wait .next-step-item-body {
left: auto;
right: 0;
text-align: right; }
.next-step-circle[dir="rtl"].next-step-horizontal.next-step-label-horizontal > .next-step-item-wait .next-step-item-body .next-step-item-title {
padding-left: 8px;
padding-right: 0; }
.next-step-circle[dir="rtl"].next-step-horizontal.next-step-label-horizontal > .next-step-item-wait .next-step-item-tail {
left: 0;
right: auto; }
.next-step-circle[dir="rtl"].next-step-horizontal.next-step-label-horizontal > .next-step-item-process .next-step-item-body {
left: auto;
right: 0;
text-align: right; }
.next-step-circle[dir="rtl"].next-step-horizontal.next-step-label-horizontal > .next-step-item-process .next-step-item-body .next-step-item-title {
padding-left: 8px;
padding-right: 0; }
.next-step-circle[dir="rtl"].next-step-horizontal.next-step-label-horizontal > .next-step-item-process .next-step-item-tail {
left: 0;
right: auto; }
.next-step-circle[dir="rtl"].next-step-horizontal.next-step-label-horizontal > .next-step-item-finish .next-step-item-body {
left: auto;
right: 0;
text-align: right; }
.next-step-circle[dir="rtl"].next-step-horizontal.next-step-label-horizontal > .next-step-item-finish .next-step-item-body .next-step-item-title {
padding-left: 8px;
padding-right: 0; }
.next-step-circle[dir="rtl"].next-step-horizontal.next-step-label-horizontal > .next-step-item-finish .next-step-item-tail {
left: 0;
right: auto; }
.next-step-circle[dir="rtl"].next-step-horizontal.next-step-label-horizontal > .next-step-item-disabled .next-step-item-body {
left: auto;
right: 0;
text-align: right; }
.next-step-circle[dir="rtl"].next-step-horizontal.next-step-label-horizontal > .next-step-item-disabled .next-step-item-body .next-step-item-title {
padding-left: 8px;
padding-right: 0; }
.next-step-circle[dir="rtl"].next-step-horizontal.next-step-label-horizontal > .next-step-item-disabled .next-step-item-tail {
left: 0;
right: auto; }
.next-step-circle[dir="rtl"].next-step-vertical > .next-step-item-wait > .next-step-item-body {
right: 16px;
left: auto;
margin-right: 8px;
margin-left: 0; }
.next-step-circle[dir="rtl"].next-step-vertical > .next-step-item-wait > .next-step-item-body > .next-step-item-title {
text-align: right;
font-family: Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Microsoft YaHei";
font-size: 12px;
line-height: 1.28571; }
.next-step-circle[dir="rtl"].next-step-vertical > .next-step-item-wait > .next-step-item-body > .next-step-item-content {
text-align: right; }
.next-step-circle[dir="rtl"].next-step-vertical > .next-step-item-process > .next-step-item-body {
right: 16px;
left: auto;
margin-right: 8px;
margin-left: 0; }
.next-step-circle[dir="rtl"].next-step-vertical > .next-step-item-process > .next-step-item-body > .next-step-item-title {
text-align: right;
font-family: Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Microsoft YaHei";
font-size: 12px;
line-height: 1.28571; }
.next-step-circle[dir="rtl"].next-step-vertical > .next-step-item-process > .next-step-item-body > .next-step-item-content {
text-align: right; }
.next-step-circle[dir="rtl"].next-step-vertical > .next-step-item-finish > .next-step-item-body {
right: 16px;
left: auto;
margin-right: 8px;
margin-left: 0; }
.next-step-circle[dir="rtl"].next-step-vertical > .next-step-item-finish > .next-step-item-body > .next-step-item-title {
text-align: right;
font-family: Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Microsoft YaHei";
font-size: 12px;
line-height: 1.28571; }
.next-step-circle[dir="rtl"].next-step-vertical > .next-step-item-finish > .next-step-item-body > .next-step-item-content {
text-align: right; }
.next-step-circle[dir="rtl"].next-step-vertical > .next-step-item-disabled > .next-step-item-body {
right: 16px;
left: auto;
margin-right: 8px;
margin-left: 0; }
.next-step-circle[dir="rtl"].next-step-vertical > .next-step-item-disabled > .next-step-item-body > .next-step-item-title {
text-align: right;
font-family: Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Microsoft YaHei";
font-size: 12px;
line-height: 1.28571; }
.next-step-circle[dir="rtl"].next-step-vertical > .next-step-item-disabled > .next-step-item-body > .next-step-item-content {
text-align: right; }
.next-step-dot[dir="rtl"] > .next-step-item-wait .next-step-item-node-dot {
right: 50%;
left: auto; }
.next-step-dot[dir="rtl"] > .next-step-item-process .next-step-item-node-dot {
right: 50%;
left: auto; }
.next-step-dot[dir="rtl"] > .next-step-item-finish .next-step-item-node-dot {
right: 50%;
left: auto; }
.next-step-dot[dir="rtl"] .next-step-item-disabled .next-step-item-node-dot {
right: 50%;
left: auto; }
.next-step-dot[dir="rtl"].next-step-horizontal > .next-step-item-wait > .next-step-item-body {
right: -36px;
left: auto; }
.next-step-dot[dir="rtl"].next-step-horizontal > .next-step-item-process > .next-step-item-body {
right: -36px;
left: auto; }
.next-step-dot[dir="rtl"].next-step-horizontal > .next-step-item-finish > .next-step-item-body {
right: -36px;
left: auto; }
.next-step-dot[dir="rtl"].next-step-horizontal > .next-step-item-disabled > .next-step-item-body {
right: -36px;
left: auto; }
.next-step-dot[dir="rtl"].next-step-vertical {
padding: 0 4px 0 0; }
.next-step-dot[dir="rtl"].next-step-vertical > .next-step-item-wait > .next-step-item-body {
right: 6px;
left: auto;
margin-right: 8px;
margin-left: 0; }
.next-step-dot[dir="rtl"].next-step-vertical > .next-step-item-wait > .next-step-item-body > .next-step-item-title {
text-align: right;
font-family: Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Microsoft YaHei";
font-size: 12px;
line-height: 1.28571; }
.next-step-dot[dir="rtl"].next-step-vertical > .next-step-item-wait > .next-step-item-body > .next-step-item-content {
text-align: right; }
.next-step-dot[dir="rtl"].next-step-vertical > .next-step-item-process > .next-step-item-body {
right: 6px;
left: auto;
margin-right: 8px;
margin-left: 0; }
.next-step-dot[dir="rtl"].next-step-vertical > .next-step-item-process > .next-step-item-body > .next-step-item-title {
text-align: right;
font-family: Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Microsoft YaHei";
font-size: 12px;
line-height: 1.28571; }
.next-step-dot[dir="rtl"].next-step-vertical > .next-step-item-process > .next-step-item-body > .next-step-item-content {
text-align: right; }
.next-step-dot[dir="rtl"].next-step-vertical > .next-step-item-finish > .next-step-item-body {
right: 6px;
left: auto;
margin-right: 8px;
margin-left: 0; }
.next-step-dot[dir="rtl"].next-step-vertical > .next-step-item-finish > .next-step-item-body > .next-step-item-title {
text-align: right;
font-family: Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Microsoft YaHei";
font-size: 12px;
line-height: 1.28571; }
.next-step-dot[dir="rtl"].next-step-vertical > .next-step-item-finish > .next-step-item-body > .next-step-item-content {
text-align: right; }
.next-step-dot[dir="rtl"].next-step-vertical > .next-step-item-disabled > .next-step-item-body {
right: 6px;
left: auto;
margin-right: 8px;
margin-left: 0; }
.next-step-dot[dir="rtl"].next-step-vertical > .next-step-item-disabled > .next-step-item-body > .next-step-item-title {
text-align: right;
font-family: Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Microsoft YaHei";
font-size: 12px;
line-height: 1.28571; }
.next-step-dot[dir="rtl"].next-step-vertical > .next-step-item-disabled > .next-step-item-body > .next-step-item-content {
text-align: right; }
.next-switch {
-webkit-box-sizing: border-box;
box-sizing: border-box;
outline: none;
text-align: left;
-webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
overflow: hidden;
cursor: pointer; }
.next-switch *,
.next-switch *:before,
.next-switch *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.next-switch:after {
content: " ";
-webkit-transition: all 0.4s cubic-bezier(0.78, 0.14, 0.15, 0.86);
transition: all 0.4s cubic-bezier(0.78, 0.14, 0.15, 0.86);
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center; }
.next-switch-medium {
position: relative;
display: inline-block;
border: 1px solid transparent;
width: 56px;
height: 26px;
border-radius: 30px; }
.next-switch-medium:after {
border: 1px solid transparent;
position: absolute;
left: 100%;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
width: 24px;
height: 24px;
border-radius: 30px;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.next-switch-medium > .next-switch-children {
font-size: 12px;
position: absolute;
height: 24px;
line-height: 24px; }
.next-switch-small {
position: relative;
display: inline-block;
border: 1px solid transparent;
width: 44px;
height: 22px;
border-radius: 30px; }
.next-switch-small:after {
border: 1px solid transparent;
position: absolute;
left: 100%;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
width: 20px;
height: 20px;
border-radius: 30px;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.next-switch-small > .next-switch-children {
font-size: 12px;
position: absolute;
height: 20px;
line-height: 20px; }
.next-switch-on {
background-color: #00A6FF; }
.next-switch-on:after {
-webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.1);
box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.1);
background-color: #FFFFFF;
border-color: transparent; }
.next-switch-on > .next-switch-children {
left: 10px;
color: #FFFFFF; }
.next-switch-on:hover {
background-color: #0074E3; }
.next-switch-on:hover:after {
background-color: #FFFFFF; }
.next-switch-on.next-switch-small > .next-switch-children {
left: 6px; }
.next-switch-on[disabled] {
background-color: #EBECF0;
cursor: not-allowed; }
.next-switch-on[disabled]:after {
right: 0;
-webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.1);
box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.1);
background-color: #F7F8FA;
border-color: #E6E7EB; }
.next-switch-on[disabled] > .next-switch-children {
color: #CCCCCC; }
.next-switch-off {
background-color: #FFFFFF;
border-color: #C4C6CF; }
.next-switch-off:hover {
background-color: #F2F3F7;
border-color: #C4C6CF; }
.next-switch-off:after {
left: 0;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.1);
box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.1);
background-color: #FFFFFF;
border-color: transparent; }
.next-switch-off:after:hover {
background-color: #FFFFFF; }
.next-switch-off > .next-switch-children {
right: 10px;
color: #999999; }
.next-switch-off[disabled] {
background-color: #F7F8FA;
border: 1px solid transparent;
cursor: not-allowed; }
.next-switch-off[disabled]:after {
-webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.1);
box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.1);
background-color: #F7F8FA;
border-color: #E6E7EB; }
.next-switch-off[disabled] > .next-switch-children {
color: #C4C6CF; }
.next-switch-off.next-switch-small > .next-switch-children {
right: 0; }
.next-tabs {
/* Nav Button */
/* ----------------- */
/* position: vertical */
/* ----------------- */
/* Size */
/* ----------------- */
/* shape: pure */
/* ----------------- */
/* Shape: wrapped */
/* --------------------- */
/* Shape: wrapped(top) */
/* Shape: wrapped(bottom) */
/* Shape: wrapped(left) */
/* Shape: wrapped(right) */
/* Shape: text */
/* ------------------- */ }
.next-tabs {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%; }
.next-tabs *,
.next-tabs *:before,
.next-tabs *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.next-tabs-bar {
outline: none; }
.next-tabs-nav-container {
position: relative; }
.next-tabs-nav-container:after {
visibility: hidden;
display: block;
height: 0;
font-size: 0;
content: ' ';
clear: both; }
.next-tabs-nav-wrap {
overflow: hidden; }
.next-tabs-nav-scroll {
overflow: hidden;
white-space: nowrap; }
.next-tabs-nav {
display: inline-block;
position: relative;
-webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); }
.next-tabs-nav-enter, .next-tabs-nav-appear {
-webkit-animation: fadeInLeft 0.4s cubic-bezier(0.78, 0.14, 0.15, 0.86);
animation: fadeInLeft 0.4s cubic-bezier(0.78, 0.14, 0.15, 0.86);
-webkit-animation-fill-mode: both;
animation-fill-mode: both; }
.next-tabs-nav-leave {
-webkit-animation: fadeOutLeft 0.2s cubic-bezier(0.78, 0.14, 0.15, 0.86);
animation: fadeOutLeft 0.2s cubic-bezier(0.78, 0.14, 0.15, 0.86);
-webkit-animation-fill-mode: both;
animation-fill-mode: both; }
.next-tabs-tab {
display: inline-block;
position: relative;
-webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); }
.next-tabs-tab-inner {
position: relative;
cursor: pointer;
text-decoration: none; }
.next-tabs-tab:before {
content: "";
position: absolute;
-webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); }
.next-tabs-tab.active {
font-weight: normal; }
.next-tabs-tab .next-tabs-tab-close {
color: #666666; }
.next-tabs-tab .next-tabs-tab-close:hover {
color: #000000; }
.next-tabs-tab.active .next-tabs-tab-close {
color: #00A6FF; }
.next-tabs-tab.disabled .next-tabs-tab-close {
color: #DCDEE3; }
.next-tabs-tabpane {
display: none; }
.next-tabs-tabpane.active {
display: block; }
.next-tabs-btn-down, .next-tabs-btn-prev, .next-tabs-btn-next {
position: absolute;
top: 0;
cursor: pointer;
padding: 0;
border: 0;
outline: none;
height: 100%;
background-color: transparent;
border-color: transparent; }
.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 {
color: #666666; }
.next-tabs-btn-down:focus, .next-tabs-btn-down:hover, .next-tabs-btn-down.hover, .next-tabs-btn-down:active, .next-tabs-btn-down.active, .next-tabs-btn-prev:focus, .next-tabs-btn-prev:hover, .next-tabs-btn-prev.hover, .next-tabs-btn-prev:active, .next-tabs-btn-prev.active, .next-tabs-btn-next:focus, .next-tabs-btn-next:hover, .next-tabs-btn-next.hover, .next-tabs-btn-next:active, .next-tabs-btn-next.active {
color: #000000;
background-color: transparent;
border-color: transparent;
text-decoration: none; }
.next-tabs-btn-down.disabled, .next-tabs-btn-prev.disabled, .next-tabs-btn-next.disabled {
cursor: not-allowed;
color: #DCDEE3; }
.next-tabs-btn-next {
right: 8px; }
.next-tabs-btn-prev {
right: 32px; }
.next-tabs-btn-down {
right: 8px; }
.next-tabs-content {
overflow: hidden; }
.next-tabs-vertical > .next-tabs-bar .next-tabs-nav {
width: 100%; }
.next-tabs-vertical > .next-tabs-bar .next-tabs-tab {
display: block; }
.next-tabs.next-medium .next-tabs-nav-container-scrolling {
padding-right: 60px; }
.next-tabs.next-medium .next-tabs-tab-inner {
font-size: 12px;
padding: 12px 16px; }
.next-tabs.next-medium .next-tabs-tab-inner .next-icon:before {
width: 16px;
font-size: 16px;
line-height: inherit; }
.next-tabs.next-medium .next-tabs-tab-inner .next-tabs-tab-close {
padding-left: 8px; }
.next-tabs.next-medium .next-tabs-tab-inner .next-tabs-tab-close:before {
width: 12px;
font-size: 12px;
line-height: inherit; }
.next-tabs.next-medium .next-tabs-btn-down .next-icon:before,
.next-tabs.next-medium .next-tabs-btn-prev .next-icon:before,
.next-tabs.next-medium .next-tabs-btn-next .next-icon:before {
width: 16px;
font-size: 16px;
line-height: inherit; }
.next-tabs.next-small .next-tabs-nav-container-scrolling {
padding-right: 56px; }
.next-tabs.next-small .next-tabs-tab-inner {
font-size: 12px;
padding: 8px 12px; }
.next-tabs.next-small .next-tabs-tab-inner .next-icon:before {
width: 12px;
font-size: 12px;
line-height: inherit; }
.next-tabs.next-small .next-tabs-tab-inner .next-tabs-tab-close {
padding-left: 8px; }
.next-tabs.next-small .next-tabs-tab-inner .next-tabs-tab-close:before {
width: 8px;
font-size: 8px;
line-height: inherit; }
@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
.next-tabs.next-small .next-tabs-tab-inner .next-tabs-tab-close {
-webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
margin-left: -4px;
margin-right: -4px; }
.next-tabs.next-small .next-tabs-tab-inner .next-tabs-tab-close:before {
width: 16px;
font-size: 16px; } }
.next-tabs.next-small .next-tabs-btn-down .next-icon:before,
.next-tabs.next-small .next-tabs-btn-prev .next-icon:before,
.next-tabs.next-small .next-tabs-btn-next .next-icon:before {
width: 12px;
font-size: 12px;
line-height: inherit; }
.next-tabs-pure > .next-tabs-bar {
border-bottom: solid 1px #DCDEE3;
background-color: transparent; }
.next-tabs-pure > .next-tabs-bar .next-tabs-nav-container {
margin-bottom: -1px;
-webkit-box-shadow: none;
box-shadow: none; }
.next-tabs-pure > .next-tabs-bar .next-tabs-nav-container .next-tabs-tab {
color: #666666;
background-color: transparent; }
.next-tabs-pure > .next-tabs-bar .next-tabs-nav-container .next-tabs-tab:hover {
cursor: pointer;
color: #000000;
background-color: transparent;
border-color: 0; }
.next-tabs-pure > .next-tabs-bar .next-tabs-nav-container .next-tabs-tab.active {
z-index: 1;
color: #00A6FF;
background-color: transparent; }
.next-tabs-pure > .next-tabs-bar .next-tabs-nav-container .next-tabs-tab.disabled {
pointer-events: none;
cursor: default;
color: #DCDEE3;
background: transparent; }
.next-tabs-pure > .next-tabs-bar .next-tabs-nav-container .next-tabs-tab:before {
border-radius: 0%;
width: 0;
border-bottom: 2px solid #00A6FF;
left: 50%;
bottom: 0%; }
.next-tabs-pure > .next-tabs-bar .next-tabs-nav-container .next-tabs-tab.active:before {
width: 100%;
left: 0%; }
.next-tabs-wrapped > .next-tabs-bar {
background: transparent; }
.next-tabs-wrapped > .next-tabs-bar .next-tabs-tab {
color: #666666;
background-color: #F2F3F7; }
.next-tabs-wrapped > .next-tabs-bar .next-tabs-tab:hover {
cursor: pointer;
color: #000000;
background-color: #EBECF0;
border-color: 0; }
.next-tabs-wrapped > .next-tabs-bar .next-tabs-tab.active {
z-index: 1;
color: #00A6FF;
background-color: #FFFFFF; }
.next-tabs-wrapped > .next-tabs-bar .next-tabs-tab.disabled {
pointer-events: none;
cursor: default;
color: #CCCCCC;
background: #F7F8FA; }
.next-tabs-wrapped > .next-tabs-bar .next-tabs-tab .next-tabs-tab-close {
color: #666666; }
.next-tabs-wrapped > .next-tabs-bar .next-tabs-tab .next-tabs-tab-close:hover {
color: #000000; }
.next-tabs-wrapped > .next-tabs-bar .next-tabs-tab.active .next-tabs-tab-close {
color: #00A6FF; }
.next-tabs-wrapped > .next-tabs-bar .next-tabs-tab.disabled .next-tabs-tab-close {
color: #DCDEE3; }
.next-tabs-wrapped:before, .next-tabs-wrapped:after {
content: "";
display: table; }
.next-tabs-wrapped:after {
clear: both; }
.next-tabs-wrapped > .next-tabs-content {
position: relative; }
.next-tabs-wrapped.next-tabs-top > .next-tabs-bar .next-tabs-tab {
margin-right: 4px;
border: solid 1px #DCDEE3;
border-radius: 5px 5px 0 0; }
.next-tabs-wrapped.next-tabs-top > .next-tabs-bar .next-tabs-tab:hover {
border-color: #C4C6CF; }
.next-tabs-wrapped.next-tabs-top > .next-tabs-bar .next-tabs-tab.active {
border-color: #DCDEE3 #DCDEE3 #FFFFFF #DCDEE3; }
.next-tabs-wrapped.next-tabs-top > .next-tabs-bar .next-tabs-tab:before {
border-radius: 5px;
width: 0;
border-top: 2px solid #00A6FF;
left: 50%;
top: -1px; }
.next-tabs-wrapped.next-tabs-top > .next-tabs-bar .next-tabs-tab.active:before {
width: calc(100% - 2 * 5px);
left: 5px; }
.next-tabs-wrapped.next-tabs-top > .next-tabs-content {
top: -1px;
border-top: 1px solid #DCDEE3; }
.next-tabs-wrapped.next-tabs-bottom > .next-tabs-bar .next-tabs-tab {
margin-right: 4px;
border: solid 1px #DCDEE3;
border-radius: 0 0 5px 5px; }
.next-tabs-wrapped.next-tabs-bottom > .next-tabs-bar .next-tabs-tab:hover {
border-color: #C4C6CF; }
.next-tabs-wrapped.next-tabs-bottom > .next-tabs-bar .next-tabs-tab.active {
border-color: #FFFFFF #DCDEE3 #DCDEE3 #DCDEE3; }
.next-tabs-wrapped.next-tabs-bottom > .next-tabs-bar .next-tabs-tab:before {
border-radius: 5px;
width: 0;
border-bottom: 2px solid #00A6FF;
left: 50%;
bottom: -1px; }
.next-tabs-wrapped.next-tabs-bottom > .next-tabs-bar .next-tabs-tab.active:before {
width: calc(100% - 2 * 5px);
left: 5px; }
.next-tabs-wrapped.next-tabs-bottom > .next-tabs-content {
top: 1px;
border-bottom: 1px solid #DCDEE3; }
.next-tabs-wrapped.next-tabs-left > .next-tabs-bar {
float: left; }
.next-tabs-wrapped.next-tabs-left > .next-tabs-bar .next-tabs-tab {
float: none;
margin-bottom: 4px;
border: solid 1px #DCDEE3;
border-radius: 5px 0 0 5px; }
.next-tabs-wrapped.next-tabs-left > .next-tabs-bar .next-tabs-tab:hover {
border-color: #C4C6CF; }
.next-tabs-wrapped.next-tabs-left > .next-tabs-bar .next-tabs-tab.active {
border-color: #DCDEE3 #FFFFFF #DCDEE3 #DCDEE3; }
.next-tabs-wrapped.next-tabs-left > .next-tabs-bar .next-tabs-tab:before {
border-radius: 5px;
height: 0;
border-left: 2px solid #00A6FF;
top: 50%;
left: -1px; }
.next-tabs-wrapped.next-tabs-left > .next-tabs-bar .next-tabs-tab.active:before {
height: calc(100% - 2 * 5px);
top: 5px; }
.next-tabs-wrapped.next-tabs-left > .next-tabs-content {
right: 1px;
border-left: 1px solid #DCDEE3; }
.next-tabs-wrapped.next-tabs-right > .next-tabs-bar {
float: right; }
.next-tabs-wrapped.next-tabs-right > .next-tabs-bar .next-tabs-tab {
float: none;
margin-bottom: 4px;
border: solid 1px #DCDEE3;
border-radius: 0 5px 5px 0; }
.next-tabs-wrapped.next-tabs-right > .next-tabs-bar .next-tabs-tab:hover {
border-color: #C4C6CF; }
.next-tabs-wrapped.next-tabs-right > .next-tabs-bar .next-tabs-tab.active {
border-color: #DCDEE3 #DCDEE3 #DCDEE3 #FFFFFF; }
.next-tabs-wrapped.next-tabs-right > .next-tabs-bar .next-tabs-tab:before {
border-radius: 5px;
height: 0;
border-right: 2px solid #00A6FF;
top: 50%;
right: -1px; }
.next-tabs-wrapped.next-tabs-right > .next-tabs-bar .next-tabs-tab.active:before {
height: calc(100% - 2 * 5px);
top: 5px; }
.next-tabs-wrapped.next-tabs-right > .next-tabs-content {
right: -1px;
border-right: 1px solid #DCDEE3; }
.next-tabs-capsule > .next-tabs-bar .next-tabs-tab {
border-top: 1px solid #C4C6CF;
border-bottom: 1px solid #C4C6CF;
border-left: 1px solid #C4C6CF;
color: #000000;
background-color: #F2F3F7; }
.next-tabs-capsule > .next-tabs-bar .next-tabs-tab:first-child {
border-radius: 5px 0 0 5px; }
.next-tabs-capsule > .next-tabs-bar .next-tabs-tab:last-child {
border-radius: 0 5px 5px 0;
border-right: 1px solid #C4C6CF; }
.next-tabs-capsule > .next-tabs-bar .next-tabs-tab.active {
margin-right: -1px;
border-color: #00A6FF; }
.next-tabs-capsule > .next-tabs-bar .next-tabs-tab.disabled {
border-color: #E6E7EB; }
.next-tabs-capsule > .next-tabs-bar .next-tabs-tab:hover {
cursor: pointer;
color: #000000;
background-color: #EBECF0;
border-color: 0; }
.next-tabs-capsule > .next-tabs-bar .next-tabs-tab.active {
z-index: 1;
color: #FFFFFF;
background-color: #00A6FF; }
.next-tabs-capsule > .next-tabs-bar .next-tabs-tab.disabled {
pointer-events: none;
cursor: default;
color: #CCCCCC;
background: #F7F8FA; }
.next-tabs-text > .next-tabs-bar .next-tabs-tab {
color: #666666;
background-color: transparent; }
.next-tabs-text > .next-tabs-bar .next-tabs-tab:hover {
cursor: pointer;
color: #000000;
background-color: transparent;
border-color: 0; }
.next-tabs-text > .next-tabs-bar .next-tabs-tab.active {
z-index: 1;
color: #00A6FF;
background-color: transparent; }
.next-tabs-text > .next-tabs-bar .next-tabs-tab.disabled {
pointer-events: none;
cursor: default;
color: #CCCCCC;
background: transparent; }
.next-tabs-text > .next-tabs-bar .next-tabs-tab:not(:last-child):after {
content: ' ';
position: absolute;
right: 0;
top: calc(50% - 4px);
width: 1px;
height: 8px;
background-color: #DCDEE3; }
/* put your code here */
.next-table {
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative; }
.next-table *,
.next-table *:before,
.next-table *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.next-table table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
background: #FFFFFF; }
.next-table table tr:first-child td {
border-top-width: 0; }
.next-table th {
padding: 0;
background: #EBECF0;
color: #000000;
text-align: left;
font-weight: normal;
border: 1px solid #DCDEE3; }
.next-table th .next-table-cell-wrapper {
padding: 12px 16px;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all; }
.next-table-affix {
z-index: 1; }
.next-table-header-resizable {
position: relative; }
.next-table-header-resizable .next-table-resize-handler {
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 3px;
background: transparent;
cursor: ew-resize; }
.next-table td {
padding: 0;
border: 1px solid #DCDEE3; }
.next-table td .next-table-cell-wrapper {
padding: 12px 16px;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all; }
.next-table td .next-table-cell-wrapper .next-icon-arrow-down.next-table-tree-arrow,
.next-table td .next-table-cell-wrapper .next-icon-arrow-right.next-table-tree-arrow,
.next-table td .next-table-cell-wrapper .next-table-tree-placeholder {
margin-right: 3px;
float: left; }
.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-right.next-table-tree-arrow:before {
width: 12px;
font-size: 12px;
line-height: inherit; }
.next-table .next-table-expanded .next-table-cell-wrapper,
.next-table .next-table-selection .next-table-cell-wrapper {
overflow: visible; }
.next-table.no-header table tr:first-child td {
border-top-width: 1px; }
.next-table.only-bottom-border {
border-width: 0; }
.next-table.only-bottom-border th {
border-width: 0 0 1px 0; }
.next-table.only-bottom-border td {
border-width: 0 0 1px 0; }
.next-table.only-bottom-border .next-table-expanded-row th {
border-width: 0 0 1px 0; }
.next-table.only-bottom-border .next-table-expanded-row td {
border-width: 0 0 1px 0; }
.next-table-loading {
display: block; }
.next-table.zebra tr:nth-child(odd) td {
background: #FFFFFF; }
.next-table.zebra tr:nth-child(even) td {
background: #F7F8FA; }
.next-table.zebra .next-table-row.hovered td {
background: #F2F3F7;
color: #000000; }
.next-table.zebra .next-table-row.selected td {
background: #F2F3F7;
color: #000000; }
.next-table-empty {
color: #A0A2AD;
padding: 32px 0;
text-align: center; }
.next-table-expanded-row td {
border-width: 0; }
.next-table-expanded-row td:first-child {
border-left-width: 1px; }
.next-table-expanded-row td:last-child {
border-right-width: 1px; }
.next-table-expanded-row:last-child td {
border-bottom-width: 1px; }
.next-table-expanded-row .next-table .last td {
border-bottom-width: 0; }
.next-table-filter-footer {
margin: 10px 10px 0; }
.next-table-filter-footer button {
margin-right: 5px; }
.next-table-row {
-webkit-transition: all ease .3s;
transition: all ease .3s;
background: #FFFFFF;
color: #000000; }
.next-table-row.hidden {
display: none; }
.next-table-row.hovered {
background: #F2F3F7;
color: #000000; }
.next-table-row.selected {
background: #F2F3F7;
color: #000000; }
.next-table-tree-placeholder {
display: inline-block;
width: 12px; }
.last .next-table-expanded-row td {
border-bottom-width: 1px; }
.next-table-body,
.next-table-header {
overflow: auto;
font-size: 12px; }
.next-table-body {
font-size: 12px; }
.next-table-fixed {
border: 1px solid #DCDEE3; }
.next-table-fixed table {
table-layout: fixed; }
.next-table-fixed .next-table-header {
background: #EBECF0; }
.next-table-fixed table tr td:first-child,
.next-table-fixed table tr th:first-child {
border-left-width: 0; }
.next-table-fixed .next-table-header th {
border-top-width: 0; }
.next-table-fixed .next-table-header tr th:last-child {
border-right-width: 0; }
.next-table-fixed .next-table-body td {
border-top-width: 0; }
.next-table-fixed .next-table-body tr:last-child td {
border-bottom-width: 0; }
.next-table-fixed .next-table-body tr td:last-child {
border-right-width: 0; }
.next-table-fixed.next-table-group table tr td:first-child,
.next-table-fixed.next-table-group table tr th:first-child {
border-left-width: 1px; }
.next-table-fixed.next-table-group .next-table-header th {
border-top-width: 1px; }
.next-table-fixed.next-table-group .next-table-header tr th:last-child {
border-right-width: 1px; }
.next-table-fixed.next-table-group .next-table-body td {
border-top-width: 1px; }
.next-table-fixed.next-table-group .next-table-body tr:last-child td {
border-bottom-width: 1px; }
.next-table-fixed.next-table-group .next-table-body tr td:last-child {
border-right-width: 1px; }
.next-table-lock .next-table-body {
overflow-x: auto;
overflow-y: visible; }
.next-table-group {
border-width: 0; }
.next-table-group .next-table-body {
margin-top: 8px; }
.next-table-group .next-table-body table {
margin-bottom: 8px; }
.next-table-group .next-table-body table tr:first-child td {
border-top-width: 1px; }
.next-table-group .next-table-group-header td {
background: #EBECF0;
color: #000000; }
.next-table-group .next-table-group-footer td {
background: #EBECF0;
color: #000000; }
.next-table-group .next-table-row.hovered,
.next-table-group .next-table-row.selected {
background: #FFFFFF;
color: #000000; }
.next-table-lock {
position: relative; }
.next-table-lock table {
table-layout: fixed; }
.next-table-header-inner {
overflow: hidden; }
.next-table-lock-left,
.next-table-lock-right {
position: absolute;
left: 0;
top: 0;
z-index: 1;
border: 0; }
.next-table-lock-left table,
.next-table-lock-right table {
width: auto; }
.next-table-lock-left .next-table-body,
.next-table-lock-right .next-table-body {
overflow: hidden; }
.next-table-lock-right {
right: 0;
left: auto; }
.next-table-lock-right table tr td:first-child,
.next-table-lock-right table tr th:first-child {
border-left-width: 1px; }
.next-table-lock-right.shadow {
-webkit-box-shadow: -2px 0 3px rgba(0, 0, 0, 0.12);
box-shadow: -2px 0 3px rgba(0, 0, 0, 0.12); }
.next-table-lock-left.shadow {
-webkit-box-shadow: 2px 0 3px rgba(0, 0, 0, 0.12);
box-shadow: 2px 0 3px rgba(0, 0, 0, 0.12); }
.next-table-filter {
line-height: 1; }
.next-table-sort {
position: relative;
width: 16px;
height: 15px;
display: inline-block;
vertical-align: middle;
line-height: 1; }
.next-table-sort .next-icon {
position: absolute;
left: 0;
color: #000000; }
.next-table-sort .next-icon:before {
width: 12px;
font-size: 12px;
line-height: inherit; }
.next-table-sort .current .next-icon {
color: #00A6FF; }
.next-table-sort .next-icon-ascending {
left: 4px; }
.next-table-filter {
margin-left: 5px;
cursor: pointer;
width: 20px;
display: inline-block; }
.next-table-filter .next-icon {
color: #000000; }
.next-table-filter .next-icon:before {
width: 12px;
font-size: 12px;
line-height: inherit; }
.next-table-expanded-ctrl.disabled {
color: #999999; }
.next-table-expanded-ctrl .next-icon:before {
width: 12px;
font-size: 12px;
line-height: inherit; }
.next-timeline *,
.next-timeline *:before,
.next-timeline *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.next-timeline, .next-timeline:before, .next-timeline:after {
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.next-timeline ul {
margin: 0;
padding: 0;
list-style: none; }
.next-timeline p {
margin: 0; }
.next-timeline-hide {
display: none; }
.next-timeline[dir='rtl'] .next-timeline-item {
/* 时间轴左边存在内容的情况 */ }
.next-timeline[dir='rtl'] .next-timeline-item-folder {
padding-left: 0;
padding-right: 28px; }
.next-timeline[dir='rtl'] .next-timeline-item-dot-tail {
left: auto;
right: 8px;
border-left: none;
border-right: 1px dotted #DCDEE3; }
.next-timeline[dir='rtl'] .next-timeline-item-has-left-content.next-timeline-item-folder {
margin-left: 0;
margin-right: 80px; }
.next-timeline[dir='rtl'] .next-timeline-item-done {
position: relative; }