.app-step-bar-wrapper{width:100%;padding-top:10px}.app-step-bar-left-label{position:absolute;left:-72px;top:0;font-size:.625rem}.app-step-bar-left-content{position:absolute;left:-72px;top:20px;font-size:.625rem}.app-step-bar-right-label,.app-step-name{font-weight:600}.app-step-bar-right-label-rejected{color:#f00!important}.app-step-bar-right-label-current-step{color:#f2542b!important}.app-step-bar-right-label-not-done{color:#a3a1a1}.app-step-bar-right-content-current-step{color:#a51102}.app-step-bar-right-content{font-size:.625rem;padding:0;margin:0}.app-step-bar-right-content-not-done{color:#a3a1a1}.app-step-bar-right-content-rejected{color:#f00}.app-step-approver-info{font-size:.625rem;padding:0;margin:0}.app-step-approver-info-current{font-weight:bold!important}.app-step-approver-info-not-done{color:#a3a1a1}.app-step-approver-info-rejected{color:#369144}.StepProgress{position:relative;padding-left:75px;list-style:none}.StepProgress::before{display:inline-block;content:"";position:absolute;top:0;left:53px;width:10px;height:97%;border-left:2px solid #ccc}.StepProgress-item{position:relative;counter-increment:list;display:grid}.StepProgress-item:not(:last-child){padding-bottom:35px}.StepProgress-item::before{display:inline-block;content:"";position:absolute;left:-22px;height:100%;width:10px}.StepProgress-item::after{content:"";display:inline-block;position:absolute;top:0;left:-32px;width:21px;height:21px;border:2px solid #ccc;border-radius:50%;background-color:#fff}.StepProgress-item.is-done::before{border-left:2px solid #369144}.StepProgress-item.is-done::after{content:"";font-family:FontAwesome;font-size:.75rem;color:#fff;text-align:center;border:3px solid #369144;background-color:#369144}.StepProgress-item.retracted::before{border-left:2px solid #369144}.StepProgress-item.retracted::after{content:"";font-family:FontAwesome;font-size:11px;font-size:.75rem;text-align:center;border:3px solid #ff9f1a;background-color:#ff9f1a;color:#fff}.StepProgress-item.rejected::before{border-left:none}.StepProgress-item.rejected::after{content:"";font-family:FontAwesome;font-size:.75rem;color:#fff;text-align:center;border:3px solid #e44242;background-color:#e44242}.StepProgress-item.created::before{border-left:2px solid #369144}.StepProgress-item.created::after{content:"";font-family:FontAwesome;font-size:.75rem;color:#fff;text-align:center;border:3px solid #369144;background-color:#369144}.StepProgress-item.submitted::before{border-left:2px solid #369144}.StepProgress-item.submitted::after{content:"";font-family:FontAwesome;font-size:.75rem;color:#fff;text-align:center;border:3px solid #369144;background-color:#369144}.StepProgress-item.completed::before{border-left:2px solid #369144}.StepProgress-item.completed::after{content:"";font-family:FontAwesome;font-size:.75rem;color:#fff;width:24px;height:24px;left:-33px;text-align:center;border:3px solid #369144;background-color:#369144}.StepProgress-item.current::after{padding-top:4px;width:29px;height:29px;top:-4px;left:-36px;font-size:.875rem;text-align:center;color:#369144;border:4px solid #369144;background-color:#fff;box-shadow:0 0 3px 2px #007ac1;-moz-box-shadow:0 0 3px 2px #369144;-webkit-box-shadow:0 0 3px 2px #369144}@keyframes step-change-color{0%{border-color:#369144}50%{border-color:#f1ed10}100%{border-color:#369144}}.StepProgress strong{display:block}