.kd-step,.kd-steps-container{min-height:32px;position:relative}.kd-steps-container{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;padding:20px 0}.kd-step{-ms-flex-preferred-size:50%;flex-basis:50%}.kd-step:last-child{-ms-flex-preferred-size:auto;flex-basis:auto;-ms-flex-negative:0;flex-shrink:0;-ms-flex-positive:0;flex-grow:0}.kd-step:last-of-type{-ms-flex:0 0 auto;flex:0 0 auto}.kd-step .kd-step-container{max-width:200px;overflow:hidden}.kd-step .kd-step-head{position:absolute;-ms-flex:1;flex:1;padding:0 8px}.kd-step .kd-step-index{display:inline-block;border-radius:50%;background:#fff;text-align:center;cursor:default;margin-top:1px;border:1px solid #ccc}.kd-step .kd-step-line{position:absolute;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;height:1px;background-color:#e5e5e5;-webkit-transform:translate(6px,16px);-ms-transform:translate(6px,16px);transform:translate(6px,16px)}.kd-step .kd-step-line.kd-step-line-active{-webkit-animation:changeColor 1s ease-in-out infinite;animation:changeColor 1s ease-in-out infinite}.kd-step .kd-step-title{position:absolute;display:inline-block;width:auto;white-space:nowrap;height:32px;line-height:32px;padding:0 0 0 8px;color:#4c4c4c}.kd-step .kd-step-title.kd-step-title-active{color:#262626}.kd-step .kd-step-description{max-width:140px;height:auto;color:#b2b2b2;text-align:left;line-height:20px;margin:30px 0 0 48px}.kd-step .kd-step-description.kd-step-desc-active{color:#4c4c4c}.kd-step .kd-step-cursor{cursor:pointer}.kd-step:first-child .kd-step-head{padding-left:4px}.kd-steps-horizontal{position:relative;display:-ms-flexbox;display:flex;-ms-flex-flow:nowrap;flex-flow:nowrap}.kd-steps-horizontal .kd-step-line{width:0}.kd-steps-horizontal .kd-step-size-default .kd-step-main-bottom .kd-step-title{left:0;top:37px}.kd-steps-horizontal .kd-step-size-default .kd-step-main-bottom .kd-step-description{margin:69px 0 0 8px}.kd-steps-horizontal .kd-step-size-default .kd-step-main-bottom .kd-step-description.kd-step-desc-notitle{margin-left:5px}.kd-steps-horizontal .kd-step-size-default .kd-step-title{font-size:16px}.kd-steps-horizontal .kd-step-size-default .kd-step-description,.kd-steps-horizontal .kd-step-size-small .kd-step-title{font-size:14px}.kd-steps-horizontal .kd-step-size-default .kd-step-main-right .kd-step-title{top:0;left:42px}.kd-steps-horizontal .kd-step-size-default .kd-step-main-right .kd-step-description{margin-left:50px}.kd-steps-horizontal .kd-step-size-default .kd-step-main-right .kd-step-description.kd-step-desc-notitle{margin-left:5px;margin-top:35px}.kd-steps-horizontal .kd-step-size-small .kd-step-main-bottom .kd-step-title{left:0;top:34px}.kd-steps-horizontal .kd-step-size-small .kd-step-main-bottom .kd-step-description{margin:69px 0 0 8px}.kd-steps-horizontal .kd-step-size-small .kd-step-main-bottom .kd-step-description.kd-step-desc-notitle{margin-left:5px}.kd-steps-horizontal .kd-step-size-small .kd-step-description{font-size:12px}.kd-steps-horizontal .kd-step-size-small .kd-step-main-right .kd-step-title{top:0;left:34px;height:28px;line-height:28px}.kd-steps-horizontal .kd-step-size-small .kd-step-main-right .kd-step-description{margin-left:42px;margin-top:27px}.kd-steps-horizontal .kd-step-size-small .kd-step-main-right .kd-step-description.kd-step-desc-notitle{margin-left:5px;margin-top:35px}.kd-steps-vertical{position:relative;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;height:100%;padding:0}.kd-steps-vertical .kd-step-line{width:1px}.kd-steps-vertical .kd-step-wrap{display:-ms-flexbox;display:flex;height:100%;-ms-flex-flow:column;flex-flow:column}.kd-steps-vertical .kd-step-wrap .kd-step-head{-ms-flex:0 0 auto;flex:0 0 auto;padding:8px 4px}.kd-steps-vertical .kd-step-size-default .kd-step-main-bottom .kd-step-title{top:9px;left:34px}.kd-steps-vertical .kd-step-size-default .kd-step-main-bottom .kd-step-description{margin-top:40px;margin-left:40px}.kd-steps-vertical .kd-step-size-default .kd-step-main-bottom .kd-step-description.kd-step-desc-notitle{margin-top:14px;margin-left:45px}.kd-steps-vertical .kd-step-size-default .kd-step-title{font-size:16px}.kd-steps-vertical .kd-step-size-default .kd-step-description,.kd-steps-vertical .kd-step-size-small .kd-step-title{font-size:14px}.kd-steps-vertical .kd-step-size-default .kd-step-main-right .kd-step-title{top:9px;left:34px}.kd-steps-vertical .kd-step-size-small .kd-step-main-bottom .kd-step-title,.kd-steps-vertical .kd-step-size-small .kd-step-main-right .kd-step-title{top:7px;left:32px}.kd-steps-vertical .kd-step-size-default .kd-step-main-right .kd-step-description{margin-top:40px;margin-left:40px}.kd-steps-vertical .kd-step-size-default .kd-step-main-right .kd-step-description.kd-step-desc-notitle{margin-top:14px;margin-left:45px}.kd-steps-vertical .kd-step-size-small .kd-step-main-bottom .kd-step-description{margin-top:40px;margin-left:40px}.kd-steps-vertical .kd-step-size-small .kd-step-main-bottom .kd-step-description.kd-step-desc-notitle{margin-top:12px;margin-left:45px}.kd-steps-vertical .kd-step-size-small .kd-step-description{font-size:12px}.kd-steps-vertical .kd-step-size-small .kd-step-main-right .kd-step-description{margin-top:40px;margin-left:40px}.kd-steps-vertical .kd-step-size-small .kd-step-main-right .kd-step-description.kd-step-desc-notitle{margin-top:12px;margin-left:45px}.kd-step-size-default .kd-step-index{width:30px;height:30px;line-height:29px}.kd-step-size-default .kd-step-index.kd-step-index-icon{line-height:32px}.kd-step-size-default .kd-step-index.kd-step-index-icon .kd-step-icon{font-size:26px}.kd-step-size-default .kd-step-custom-status-finished,.kd-step-size-default .kd-step-custom-status-wrong{line-height:25px}.kd-step-size-default:first-child .kd-step-main-right .kd-step-title{left:34px}.kd-step-size-default:first-child .kd-step-main-right .kd-step-description{margin-left:43px}.kd-step-size-small .kd-step-index{width:26px;height:26px;line-height:25px}.kd-step-size-small .kd-step-index.kd-step-index-icon{line-height:26px}.kd-step-size-small .kd-step-index.kd-step-index-icon .kd-step-icon{font-size:24px}.kd-step-size-small .kd-step-custom-status-finished,.kd-step-size-small .kd-step-custom-status-wrong{line-height:21px}.kd-step-size-small:first-child .kd-step-main-right .kd-step-title{left:30px}.kd-step-size-small:first-child .kd-step-main-right .kd-step-description{margin-left:36px}.kd-step .kd-step-index.kd-step-custom-status-wait{background:0 0;color:#737373;border:1px solid #ccc}.kd-step .kd-step-index.kd-step-custom-status-wait i{color:#737373}.kd-step .kd-step-index.kd-step-custom-status-finished{background:#dbe1f5;color:#557dfc;box-sizing:border-box;border:2px solid #557dfc}.kd-step .kd-step-index.kd-step-custom-status-finished i{color:#557dfc}.kd-step .kd-step-index.kd-step-custom-status-wrong{background:#efcece;color:#ed3351;box-sizing:border-box;border:2px solid #ed3351}.kd-step .kd-step-index.kd-step-custom-status-wrong i{color:#ed3351}.kd-step .kd-step-index.kd-step-custom-status-active{background:#557dfc;color:#fff;border:none}.kd-step .kd-step-index.kd-step-custom-status-active i{color:#fff}.kd-steps-horizontal .kd-step-size-small.kd-step-type-simple{display:inline-block;height:40px;background:#f3f6fb;overflow:hidden}.kd-steps-horizontal .kd-step-size-small.kd-step-type-simple:last-child{-ms-flex-preferred-size:20%;flex-basis:20%}.kd-steps-horizontal .kd-step-size-small.kd-step-type-simple:not(:last-child) .kd-step-line{background:#f3f6fb;position:absolute;top:0;right:7px;width:0!important;border:solid #fff;border-width:0 8px 8px 0;display:inline-block;padding:16px;-webkit-transform:rotate(-45deg)!important;-ms-transform:rotate(-45deg)!important;transform:rotate(-45deg)!important}.kd-steps-horizontal .kd-step-size-small.kd-step-type-simple:not(:last-child) .kd-step-line.kd-step-line-active{-webkit-animation:unset;animation:unset}.kd-steps-horizontal .kd-step-size-small.kd-step-type-simple .kd-step-container{display:-ms-flexbox;display:flex;width:100%;height:100%;max-width:none;text-align:center}.kd-steps-horizontal .kd-step-size-small.kd-step-type-simple .kd-step-head{position:unset;-ms-flex:30% 0 0px;flex:30% 0 0;text-align:right;height:40px;line-height:40px;background:#f3f6fb}.kd-steps-horizontal .kd-step-size-small.kd-step-type-simple .kd-step-main{-ms-flex:33% 0 0px;flex:33% 0 0;text-align:left}.kd-steps-horizontal .kd-step-size-small.kd-step-type-simple .kd-step-title{position:unset;display:inline-block;height:40px;line-height:40px;background:#f3f6fb}.kd-steps-horizontal .kd-step-size-small.kd-step-type-spot .kd-step-head{padding:0}.kd-steps-horizontal .kd-step-size-small.kd-step-type-spot .kd-step-title{top:20px;left:-9px}.kd-steps-horizontal .kd-step-size-small.kd-step-type-spot .kd-step-description{margin-top:50px;margin-left:0}.kd-steps-horizontal .kd-step-size-small.kd-step-type-spot .kd-step-desc-notitle{margin-top:20px}.kd-step .kd-step-index.kd-step-index-icon{border:0;background:0 0;color:#ccc}.kd-step .kd-step-index.kd-step-index-icon .kd-step-icon{display:inline-block;vertical-align:middle;color:#ccc}.kd-step .kd-step-index.kd-step-index-icon .kd-step-icon.kd-step-icon-active,.kd-step .kd-step-index.kd-step-index-icon .kd-step-icon.kd-step-icon-done{color:#557dfc}.kd-step-type-spot .kd-step-index-spot{width:7px;height:7px;border-radius:50%}.kd-step-type-spot .kd-step-index-spot.kd-step-spot-default{background:#e5e5e5}.kd-step-type-spot .kd-step-index-spot.kd-step-spot-active{width:8px;height:8px;background:#557dfc}.kd-step-type-spot .kd-step-index-spot.kd-step-spot-done{background:#557dfc}.kd-step-type-spot .kd-step-head>div:not(.kd-step-spot-line){position:relative;height:14px}.kd-step-type-spot .kd-step-head>div:not(.kd-step-spot-line) .kd-step-spot-default{position:absolute;top:50%;margin-top:-1px}.kd-step-type-spot .kd-step-spot-line{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin-top:2px;width:14px;height:14px;box-sizing:border-box;border-radius:50%;border:1px solid #e5e5e5;background:#fff}@-webkit-keyframes changeColor{0%,100%{background-color:#557dfc}}@keyframes changeColor{0%,100%{background-color:#557dfc}}