/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .jetlinks-steps { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; display: flex; width: 100%; font-size: 0; text-align: initial; } .jetlinks-steps-item { position: relative; display: inline-block; flex: 1; overflow: hidden; vertical-align: top; } .jetlinks-steps-item-container { outline: none; } .jetlinks-steps-item:last-child { flex: none; } .jetlinks-steps-item:last-child > .jetlinks-steps-item-container > .jetlinks-steps-item-tail, .jetlinks-steps-item:last-child > .jetlinks-steps-item-container > .jetlinks-steps-item-content > .jetlinks-steps-item-title::after { display: none; } .jetlinks-steps-item-icon, .jetlinks-steps-item-content { display: inline-block; vertical-align: top; } .jetlinks-steps-item-icon { width: 32px; height: 32px; margin: 0 8px 0 0; font-size: 16px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; line-height: 32px; text-align: center; border: 1px solid rgba(0, 0, 0, 0.25); border-radius: 32px; transition: background-color 0.3s, border-color 0.3s; } .jetlinks-steps-item-icon .jetlinks-steps-icon { position: relative; top: -0.5px; color: #315EFB; line-height: 1; } .jetlinks-steps-item-tail { position: absolute; top: 12px; left: 0; width: 100%; padding: 0 10px; } .jetlinks-steps-item-tail::after { display: inline-block; width: 100%; height: 1px; background: #f0f0f0; border-radius: 1px; transition: background 0.3s; content: ''; } .jetlinks-steps-item-title { position: relative; display: inline-block; padding-right: 16px; color: rgba(0, 0, 0, 0.85); font-size: 16px; line-height: 32px; } .jetlinks-steps-item-title::after { position: absolute; top: 16px; left: 100%; display: block; width: 9999px; height: 1px; background: #f0f0f0; content: ''; } .jetlinks-steps-item-subtitle { display: inline; margin-left: 8px; color: rgba(0, 0, 0, 0.45); font-weight: normal; font-size: 14px; } .jetlinks-steps-item-description { color: rgba(0, 0, 0, 0.45); font-size: 14px; } .jetlinks-steps-item-wait .jetlinks-steps-item-icon { background-color: #fff; border-color: rgba(0, 0, 0, 0.25); } .jetlinks-steps-item-wait .jetlinks-steps-item-icon > .jetlinks-steps-icon { color: rgba(0, 0, 0, 0.25); } .jetlinks-steps-item-wait .jetlinks-steps-item-icon > .jetlinks-steps-icon .jetlinks-steps-icon-dot { background: rgba(0, 0, 0, 0.25); } .jetlinks-steps-item-wait > .jetlinks-steps-item-container > .jetlinks-steps-item-content > .jetlinks-steps-item-title { color: rgba(0, 0, 0, 0.45); } .jetlinks-steps-item-wait > .jetlinks-steps-item-container > .jetlinks-steps-item-content > .jetlinks-steps-item-title::after { background-color: #f0f0f0; } .jetlinks-steps-item-wait > .jetlinks-steps-item-container > .jetlinks-steps-item-content > .jetlinks-steps-item-description { color: rgba(0, 0, 0, 0.45); } .jetlinks-steps-item-wait > .jetlinks-steps-item-container > .jetlinks-steps-item-tail::after { background-color: #f0f0f0; } .jetlinks-steps-item-process .jetlinks-steps-item-icon { background-color: #fff; border-color: #315EFB; } .jetlinks-steps-item-process .jetlinks-steps-item-icon > .jetlinks-steps-icon { color: #315EFB; } .jetlinks-steps-item-process .jetlinks-steps-item-icon > .jetlinks-steps-icon .jetlinks-steps-icon-dot { background: #315EFB; } .jetlinks-steps-item-process > .jetlinks-steps-item-container > .jetlinks-steps-item-content > .jetlinks-steps-item-title { color: rgba(0, 0, 0, 0.85); } .jetlinks-steps-item-process > .jetlinks-steps-item-container > .jetlinks-steps-item-content > .jetlinks-steps-item-title::after { background-color: #f0f0f0; } .jetlinks-steps-item-process > .jetlinks-steps-item-container > .jetlinks-steps-item-content > .jetlinks-steps-item-description { color: rgba(0, 0, 0, 0.85); } .jetlinks-steps-item-process > .jetlinks-steps-item-container > .jetlinks-steps-item-tail::after { background-color: #f0f0f0; } .jetlinks-steps-item-process > .jetlinks-steps-item-container > .jetlinks-steps-item-icon { background: #315EFB; } .jetlinks-steps-item-process > .jetlinks-steps-item-container > .jetlinks-steps-item-icon .jetlinks-steps-icon { color: #fff; } .jetlinks-steps-item-process > .jetlinks-steps-item-container > .jetlinks-steps-item-title { font-weight: 500; } .jetlinks-steps-item-finish .jetlinks-steps-item-icon { background-color: #fff; border-color: #315EFB; } .jetlinks-steps-item-finish .jetlinks-steps-item-icon > .jetlinks-steps-icon { color: #315EFB; } .jetlinks-steps-item-finish .jetlinks-steps-item-icon > .jetlinks-steps-icon .jetlinks-steps-icon-dot { background: #315EFB; } .jetlinks-steps-item-finish > .jetlinks-steps-item-container > .jetlinks-steps-item-content > .jetlinks-steps-item-title { color: rgba(0, 0, 0, 0.85); } .jetlinks-steps-item-finish > .jetlinks-steps-item-container > .jetlinks-steps-item-content > .jetlinks-steps-item-title::after { background-color: #315EFB; } .jetlinks-steps-item-finish > .jetlinks-steps-item-container > .jetlinks-steps-item-content > .jetlinks-steps-item-description { color: rgba(0, 0, 0, 0.45); } .jetlinks-steps-item-finish > .jetlinks-steps-item-container > .jetlinks-steps-item-tail::after { background-color: #315EFB; } .jetlinks-steps-item-error .jetlinks-steps-item-icon { background-color: #fff; border-color: #ff4d4f; } .jetlinks-steps-item-error .jetlinks-steps-item-icon > .jetlinks-steps-icon { color: #ff4d4f; } .jetlinks-steps-item-error .jetlinks-steps-item-icon > .jetlinks-steps-icon .jetlinks-steps-icon-dot { background: #ff4d4f; } .jetlinks-steps-item-error > .jetlinks-steps-item-container > .jetlinks-steps-item-content > .jetlinks-steps-item-title { color: #ff4d4f; } .jetlinks-steps-item-error > .jetlinks-steps-item-container > .jetlinks-steps-item-content > .jetlinks-steps-item-title::after { background-color: #f0f0f0; } .jetlinks-steps-item-error > .jetlinks-steps-item-container > .jetlinks-steps-item-content > .jetlinks-steps-item-description { color: #ff4d4f; } .jetlinks-steps-item-error > .jetlinks-steps-item-container > .jetlinks-steps-item-tail::after { background-color: #f0f0f0; } .jetlinks-steps-item.jetlinks-steps-next-error .jetlinks-steps-item-title::after { background: #ff4d4f; } .jetlinks-steps-item-disabled { cursor: not-allowed; } .jetlinks-steps .jetlinks-steps-item:not(.jetlinks-steps-item-active) > .jetlinks-steps-item-container[role='button'] { cursor: pointer; } .jetlinks-steps .jetlinks-steps-item:not(.jetlinks-steps-item-active) > .jetlinks-steps-item-container[role='button'] .jetlinks-steps-item-title, .jetlinks-steps .jetlinks-steps-item:not(.jetlinks-steps-item-active) > .jetlinks-steps-item-container[role='button'] .jetlinks-steps-item-subtitle, .jetlinks-steps .jetlinks-steps-item:not(.jetlinks-steps-item-active) > .jetlinks-steps-item-container[role='button'] .jetlinks-steps-item-description, .jetlinks-steps .jetlinks-steps-item:not(.jetlinks-steps-item-active) > .jetlinks-steps-item-container[role='button'] .jetlinks-steps-item-icon .jetlinks-steps-icon { transition: color 0.3s; } .jetlinks-steps .jetlinks-steps-item:not(.jetlinks-steps-item-active) > .jetlinks-steps-item-container[role='button']:hover .jetlinks-steps-item-title, .jetlinks-steps .jetlinks-steps-item:not(.jetlinks-steps-item-active) > .jetlinks-steps-item-container[role='button']:hover .jetlinks-steps-item-subtitle, .jetlinks-steps .jetlinks-steps-item:not(.jetlinks-steps-item-active) > .jetlinks-steps-item-container[role='button']:hover .jetlinks-steps-item-description { color: #315EFB; } .jetlinks-steps .jetlinks-steps-item:not(.jetlinks-steps-item-active):not(.jetlinks-steps-item-process) > .jetlinks-steps-item-container[role='button']:hover .jetlinks-steps-item-icon { border-color: #315EFB; } .jetlinks-steps .jetlinks-steps-item:not(.jetlinks-steps-item-active):not(.jetlinks-steps-item-process) > .jetlinks-steps-item-container[role='button']:hover .jetlinks-steps-item-icon .jetlinks-steps-icon { color: #315EFB; } .jetlinks-steps-horizontal:not(.jetlinks-steps-label-vertical) .jetlinks-steps-item { padding-left: 16px; white-space: nowrap; } .jetlinks-steps-horizontal:not(.jetlinks-steps-label-vertical) .jetlinks-steps-item:first-child { padding-left: 0; } .jetlinks-steps-horizontal:not(.jetlinks-steps-label-vertical) .jetlinks-steps-item:last-child .jetlinks-steps-item-title { padding-right: 0; } .jetlinks-steps-horizontal:not(.jetlinks-steps-label-vertical) .jetlinks-steps-item-tail { display: none; } .jetlinks-steps-horizontal:not(.jetlinks-steps-label-vertical) .jetlinks-steps-item-description { max-width: 140px; white-space: normal; } .jetlinks-steps-item-custom > .jetlinks-steps-item-container > .jetlinks-steps-item-icon { height: auto; background: none; border: 0; } .jetlinks-steps-item-custom > .jetlinks-steps-item-container > .jetlinks-steps-item-icon > .jetlinks-steps-icon { top: 0px; left: 0.5px; width: 32px; height: 32px; font-size: 24px; line-height: 32px; } .jetlinks-steps-item-custom.jetlinks-steps-item-process .jetlinks-steps-item-icon > .jetlinks-steps-icon { color: #315EFB; } .jetlinks-steps:not(.jetlinks-steps-vertical) .jetlinks-steps-item-custom .jetlinks-steps-item-icon { width: auto; background: none; } .jetlinks-steps-small.jetlinks-steps-horizontal:not(.jetlinks-steps-label-vertical) .jetlinks-steps-item { padding-left: 12px; } .jetlinks-steps-small.jetlinks-steps-horizontal:not(.jetlinks-steps-label-vertical) .jetlinks-steps-item:first-child { padding-left: 0; } .jetlinks-steps-small .jetlinks-steps-item-icon { width: 24px; height: 24px; margin: 0 8px 0 0; font-size: 12px; line-height: 24px; text-align: center; border-radius: 24px; } .jetlinks-steps-small .jetlinks-steps-item-title { padding-right: 12px; font-size: 14px; line-height: 24px; } .jetlinks-steps-small .jetlinks-steps-item-title::after { top: 12px; } .jetlinks-steps-small .jetlinks-steps-item-description { color: rgba(0, 0, 0, 0.45); font-size: 14px; } .jetlinks-steps-small .jetlinks-steps-item-tail { top: 8px; } .jetlinks-steps-small .jetlinks-steps-item-custom .jetlinks-steps-item-icon { width: inherit; height: inherit; line-height: inherit; background: none; border: 0; border-radius: 0; } .jetlinks-steps-small .jetlinks-steps-item-custom .jetlinks-steps-item-icon > .jetlinks-steps-icon { font-size: 24px; line-height: 24px; transform: none; } .jetlinks-steps-vertical { display: flex; flex-direction: column; } .jetlinks-steps-vertical > .jetlinks-steps-item { display: block; flex: 1 0 auto; padding-left: 0; overflow: visible; } .jetlinks-steps-vertical > .jetlinks-steps-item .jetlinks-steps-item-icon { float: left; margin-right: 16px; } .jetlinks-steps-vertical > .jetlinks-steps-item .jetlinks-steps-item-content { display: block; min-height: 48px; overflow: hidden; } .jetlinks-steps-vertical > .jetlinks-steps-item .jetlinks-steps-item-title { line-height: 32px; } .jetlinks-steps-vertical > .jetlinks-steps-item .jetlinks-steps-item-description { padding-bottom: 12px; } .jetlinks-steps-vertical > .jetlinks-steps-item > .jetlinks-steps-item-container > .jetlinks-steps-item-tail { position: absolute; top: 0; left: 16px; width: 1px; height: 100%; padding: 38px 0 6px; } .jetlinks-steps-vertical > .jetlinks-steps-item > .jetlinks-steps-item-container > .jetlinks-steps-item-tail::after { width: 1px; height: 100%; } .jetlinks-steps-vertical > .jetlinks-steps-item:not(:last-child) > .jetlinks-steps-item-container > .jetlinks-steps-item-tail { display: block; } .jetlinks-steps-vertical > .jetlinks-steps-item > .jetlinks-steps-item-container > .jetlinks-steps-item-content > .jetlinks-steps-item-title::after { display: none; } .jetlinks-steps-vertical.jetlinks-steps-small .jetlinks-steps-item-container .jetlinks-steps-item-tail { position: absolute; top: 0; left: 12px; padding: 30px 0 6px; } .jetlinks-steps-vertical.jetlinks-steps-small .jetlinks-steps-item-container .jetlinks-steps-item-title { line-height: 24px; } .jetlinks-steps-label-vertical .jetlinks-steps-item { overflow: visible; } .jetlinks-steps-label-vertical .jetlinks-steps-item-tail { margin-left: 58px; padding: 3.5px 24px; } .jetlinks-steps-label-vertical .jetlinks-steps-item-content { display: block; width: 116px; margin-top: 8px; text-align: center; } .jetlinks-steps-label-vertical .jetlinks-steps-item-icon { display: inline-block; margin-left: 42px; } .jetlinks-steps-label-vertical .jetlinks-steps-item-title { padding-right: 0; padding-left: 0; } .jetlinks-steps-label-vertical .jetlinks-steps-item-title::after { display: none; } .jetlinks-steps-label-vertical .jetlinks-steps-item-subtitle { display: block; margin-bottom: 4px; margin-left: 0; line-height: 1.5715; } .jetlinks-steps-label-vertical.jetlinks-steps-small:not(.jetlinks-steps-dot) .jetlinks-steps-item-icon { margin-left: 46px; } .jetlinks-steps-dot .jetlinks-steps-item-title, .jetlinks-steps-dot.jetlinks-steps-small .jetlinks-steps-item-title { line-height: 1.5715; } .jetlinks-steps-dot .jetlinks-steps-item-tail, .jetlinks-steps-dot.jetlinks-steps-small .jetlinks-steps-item-tail { top: 2px; width: 100%; margin: 0 0 0 70px; padding: 0; } .jetlinks-steps-dot .jetlinks-steps-item-tail::after, .jetlinks-steps-dot.jetlinks-steps-small .jetlinks-steps-item-tail::after { width: calc(100% - 20px); height: 3px; margin-left: 12px; } .jetlinks-steps-dot .jetlinks-steps-item:first-child .jetlinks-steps-icon-dot, .jetlinks-steps-dot.jetlinks-steps-small .jetlinks-steps-item:first-child .jetlinks-steps-icon-dot { left: 2px; } .jetlinks-steps-dot .jetlinks-steps-item-icon, .jetlinks-steps-dot.jetlinks-steps-small .jetlinks-steps-item-icon { width: 8px; height: 8px; margin-left: 67px; padding-right: 0; line-height: 8px; background: transparent; border: 0; } .jetlinks-steps-dot .jetlinks-steps-item-icon .jetlinks-steps-icon-dot, .jetlinks-steps-dot.jetlinks-steps-small .jetlinks-steps-item-icon .jetlinks-steps-icon-dot { position: relative; float: left; width: 100%; height: 100%; border-radius: 100px; transition: all 0.3s; /* expand hover area */ } .jetlinks-steps-dot .jetlinks-steps-item-icon .jetlinks-steps-icon-dot::after, .jetlinks-steps-dot.jetlinks-steps-small .jetlinks-steps-item-icon .jetlinks-steps-icon-dot::after { position: absolute; top: -12px; left: -26px; width: 60px; height: 32px; background: rgba(0, 0, 0, 0.001); content: ''; } .jetlinks-steps-dot .jetlinks-steps-item-content, .jetlinks-steps-dot.jetlinks-steps-small .jetlinks-steps-item-content { width: 140px; } .jetlinks-steps-dot .jetlinks-steps-item-process .jetlinks-steps-item-icon, .jetlinks-steps-dot.jetlinks-steps-small .jetlinks-steps-item-process .jetlinks-steps-item-icon { position: relative; top: -1px; width: 10px; height: 10px; line-height: 10px; background: none; } .jetlinks-steps-dot .jetlinks-steps-item-process .jetlinks-steps-icon:first-child .jetlinks-steps-icon-dot, .jetlinks-steps-dot.jetlinks-steps-small .jetlinks-steps-item-process .jetlinks-steps-icon:first-child .jetlinks-steps-icon-dot { left: 0; } .jetlinks-steps-vertical.jetlinks-steps-dot .jetlinks-steps-item-icon { margin-top: 13px; margin-left: 0; background: none; } .jetlinks-steps-vertical.jetlinks-steps-dot .jetlinks-steps-item > .jetlinks-steps-item-container > .jetlinks-steps-item-tail { top: 6.5px; left: -9px; margin: 0; padding: 22px 0 4px; } .jetlinks-steps-vertical.jetlinks-steps-dot .jetlinks-steps-item:first-child .jetlinks-steps-icon-dot { left: 0; } .jetlinks-steps-vertical.jetlinks-steps-dot .jetlinks-steps-item-content { width: inherit; } .jetlinks-steps-vertical.jetlinks-steps-dot .jetlinks-steps-item-process .jetlinks-steps-item-container .jetlinks-steps-item-icon .jetlinks-steps-icon-dot { top: -1px; left: -1px; } .jetlinks-steps-navigation { padding-top: 12px; } .jetlinks-steps-navigation.jetlinks-steps-small .jetlinks-steps-item-container { margin-left: -12px; } .jetlinks-steps-navigation .jetlinks-steps-item { overflow: visible; text-align: center; } .jetlinks-steps-navigation .jetlinks-steps-item-container { display: inline-block; height: 100%; margin-left: -16px; padding-bottom: 12px; text-align: left; transition: opacity 0.3s; } .jetlinks-steps-navigation .jetlinks-steps-item-container .jetlinks-steps-item-content { max-width: auto; } .jetlinks-steps-navigation .jetlinks-steps-item-container .jetlinks-steps-item-title { max-width: 100%; padding-right: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .jetlinks-steps-navigation .jetlinks-steps-item-container .jetlinks-steps-item-title::after { display: none; } .jetlinks-steps-navigation .jetlinks-steps-item:not(.jetlinks-steps-item-active) .jetlinks-steps-item-container[role='button'] { cursor: pointer; } .jetlinks-steps-navigation .jetlinks-steps-item:not(.jetlinks-steps-item-active) .jetlinks-steps-item-container[role='button']:hover { opacity: 0.85; } .jetlinks-steps-navigation .jetlinks-steps-item:last-child { flex: 1; } .jetlinks-steps-navigation .jetlinks-steps-item:last-child::after { display: none; } .jetlinks-steps-navigation .jetlinks-steps-item::after { position: absolute; top: 50%; left: 100%; display: inline-block; width: 12px; height: 12px; margin-top: -14px; margin-left: -2px; border: 1px solid rgba(0, 0, 0, 0.25); border-bottom: none; border-left: none; transform: rotate(45deg); content: ''; } .jetlinks-steps-navigation .jetlinks-steps-item::before { position: absolute; bottom: 0; left: 50%; display: inline-block; width: 0; height: 2px; background-color: #315EFB; transition: width 0.3s, left 0.3s; transition-timing-function: ease-out; content: ''; } .jetlinks-steps-navigation .jetlinks-steps-item.jetlinks-steps-item-active::before { left: 0; width: 100%; } .jetlinks-steps-navigation.jetlinks-steps-vertical > .jetlinks-steps-item { margin-right: 0 !important; } .jetlinks-steps-navigation.jetlinks-steps-vertical > .jetlinks-steps-item::before { display: none; } .jetlinks-steps-navigation.jetlinks-steps-vertical > .jetlinks-steps-item.jetlinks-steps-item-active::before { top: 0; right: 0; left: unset; display: block; width: 3px; height: calc(100% - 24px); } .jetlinks-steps-navigation.jetlinks-steps-vertical > .jetlinks-steps-item::after { position: relative; top: -2px; left: 50%; display: block; width: 8px; height: 8px; margin-bottom: 8px; text-align: center; transform: rotate(135deg); } .jetlinks-steps-navigation.jetlinks-steps-vertical > .jetlinks-steps-item > .jetlinks-steps-item-container > .jetlinks-steps-item-tail { visibility: hidden; } .jetlinks-steps-navigation.jetlinks-steps-horizontal > .jetlinks-steps-item > .jetlinks-steps-item-container > .jetlinks-steps-item-tail { visibility: hidden; } .jetlinks-steps-rtl { direction: rtl; } .jetlinks-steps.jetlinks-steps-rtl .jetlinks-steps-item-icon { margin-right: 0; margin-left: 8px; } .jetlinks-steps-rtl .jetlinks-steps-item-tail { right: 0; left: auto; } .jetlinks-steps-rtl .jetlinks-steps-item-title { padding-right: 0; padding-left: 16px; } .jetlinks-steps-rtl .jetlinks-steps-item-title::after { right: 100%; left: auto; } .jetlinks-steps-rtl.jetlinks-steps-horizontal:not(.jetlinks-steps-label-vertical) .jetlinks-steps-item { padding-right: 16px; padding-left: 0; } .jetlinks-steps-rtl.jetlinks-steps-horizontal:not(.jetlinks-steps-label-vertical) .jetlinks-steps-item:first-child { padding-right: 0; } .jetlinks-steps-rtl.jetlinks-steps-horizontal:not(.jetlinks-steps-label-vertical) .jetlinks-steps-item:last-child .jetlinks-steps-item-title { padding-left: 0; } .jetlinks-steps-rtl .jetlinks-steps-item-custom .jetlinks-steps-item-icon > .jetlinks-steps-icon { right: 0.5px; left: auto; } .jetlinks-steps-rtl.jetlinks-steps-navigation.jetlinks-steps-small .jetlinks-steps-item-container { margin-right: -12px; margin-left: 0; } .jetlinks-steps-rtl.jetlinks-steps-navigation .jetlinks-steps-item-container { margin-right: -16px; margin-left: 0; text-align: right; } .jetlinks-steps-rtl.jetlinks-steps-navigation .jetlinks-steps-item-container .jetlinks-steps-item-title { padding-left: 0; } .jetlinks-steps-rtl.jetlinks-steps-navigation .jetlinks-steps-item::after { right: 100%; left: auto; margin-right: -2px; margin-left: 0; transform: rotate(225deg); } .jetlinks-steps-rtl.jetlinks-steps-small.jetlinks-steps-horizontal:not(.jetlinks-steps-label-vertical) .jetlinks-steps-item { padding-right: 12px; padding-left: 0; } .jetlinks-steps-rtl.jetlinks-steps-small.jetlinks-steps-horizontal:not(.jetlinks-steps-label-vertical) .jetlinks-steps-item:first-child { padding-right: 0; } .jetlinks-steps-rtl.jetlinks-steps-small .jetlinks-steps-item-title { padding-right: 0; padding-left: 12px; } .jetlinks-steps-rtl.jetlinks-steps-vertical > .jetlinks-steps-item .jetlinks-steps-item-icon { float: right; margin-right: 0; margin-left: 16px; } .jetlinks-steps-rtl.jetlinks-steps-vertical > .jetlinks-steps-item > .jetlinks-steps-item-container > .jetlinks-steps-item-tail { right: 16px; left: auto; } .jetlinks-steps-rtl.jetlinks-steps-vertical.jetlinks-steps-small .jetlinks-steps-item-container .jetlinks-steps-item-tail { right: 12px; left: auto; } .jetlinks-steps-rtl.jetlinks-steps-label-vertical .jetlinks-steps-item-title { padding-left: 0; } .jetlinks-steps-rtl.jetlinks-steps-dot .jetlinks-steps-item-tail, .jetlinks-steps-rtl.jetlinks-steps-dot.jetlinks-steps-small .jetlinks-steps-item-tail { margin: 0 70px 0 0; } .jetlinks-steps-rtl.jetlinks-steps-dot .jetlinks-steps-item-tail::after, .jetlinks-steps-rtl.jetlinks-steps-dot.jetlinks-steps-small .jetlinks-steps-item-tail::after { margin-right: 12px; margin-left: 0; } .jetlinks-steps-rtl.jetlinks-steps-dot .jetlinks-steps-item:first-child .jetlinks-steps-icon-dot, .jetlinks-steps-rtl.jetlinks-steps-dot.jetlinks-steps-small .jetlinks-steps-item:first-child .jetlinks-steps-icon-dot { right: 2px; left: auto; } .jetlinks-steps-rtl.jetlinks-steps-dot .jetlinks-steps-item-icon, .jetlinks-steps-rtl.jetlinks-steps-dot.jetlinks-steps-small .jetlinks-steps-item-icon { margin-right: 67px; margin-left: 0; } .jetlinks-steps-dot .jetlinks-steps-item-icon .jetlinks-steps-icon-dot, .jetlinks-steps-dot.jetlinks-steps-small .jetlinks-steps-item-icon .jetlinks-steps-icon-dot { /* expand hover area */ } .jetlinks-steps-rtl.jetlinks-steps-dot .jetlinks-steps-item-icon .jetlinks-steps-icon-dot, .jetlinks-steps-rtl.jetlinks-steps-dot.jetlinks-steps-small .jetlinks-steps-item-icon .jetlinks-steps-icon-dot { float: right; } .jetlinks-steps-rtl.jetlinks-steps-dot .jetlinks-steps-item-icon .jetlinks-steps-icon-dot::after, .jetlinks-steps-rtl.jetlinks-steps-dot.jetlinks-steps-small .jetlinks-steps-item-icon .jetlinks-steps-icon-dot::after { right: -26px; left: auto; } .jetlinks-steps-rtl.jetlinks-steps-vertical.jetlinks-steps-dot .jetlinks-steps-item-icon { margin-right: 0; margin-left: 16px; } .jetlinks-steps-rtl.jetlinks-steps-vertical.jetlinks-steps-dot .jetlinks-steps-item > .jetlinks-steps-item-container > .jetlinks-steps-item-tail { right: -9px; left: auto; } .jetlinks-steps-rtl.jetlinks-steps-vertical.jetlinks-steps-dot .jetlinks-steps-item:first-child .jetlinks-steps-icon-dot { right: 0; left: auto; } .jetlinks-steps-rtl.jetlinks-steps-vertical.jetlinks-steps-dot .jetlinks-steps-item-process .jetlinks-steps-icon-dot { right: -2px; left: auto; } .jetlinks-steps-rtl.jetlinks-steps-with-progress.jetlinks-steps-horizontal.jetlinks-steps-label-horizontal .jetlinks-steps-item:first-child.jetlinks-steps-item-active { padding-right: 4px; } .jetlinks-steps-with-progress .jetlinks-steps-item { padding-top: 4px; } .jetlinks-steps-with-progress .jetlinks-steps-item .jetlinks-steps-item-tail { top: 4px !important; } .jetlinks-steps-with-progress.jetlinks-steps-horizontal .jetlinks-steps-item:first-child { padding-bottom: 4px; padding-left: 4px; } .jetlinks-steps-with-progress .jetlinks-steps-item-icon { position: relative; } .jetlinks-steps-with-progress .jetlinks-steps-item-icon .jetlinks-progress { position: absolute; top: -5px; right: -5px; bottom: -5px; left: -5px; }