.stepper{background:#fff;border-radius:10px;border:1px solid #d9d8cf;position:relative;flex-direction:column;margin:10px 0 17px;padding:14px 11px}.stepper,.stepper .step{display:flex}.stepper .step:last-child{margin-bottom:0}.stepper .step:last-child .step-indicator:after{display:none}.stepper .step .step-indicator{display:flex;flex-direction:column;align-items:center;margin-right:20px;position:relative}.stepper .step .step-indicator:after{content:"";position:absolute;width:5px;background-color:#f3f3f3;top:2px;bottom:0;z-index:0;height:100%}.stepper .step .step-indicator.active:after{background-color:#3bb77e}.stepper .step .step-indicator.active .step-icon.completed{background-color:#3bb77e;border:3px solid #3bb77e;outline:none;box-shadow:none}.stepper .step .step-indicator .step-icon{width:23px;height:23px;border-radius:50%;border:3px solid #bababa;background-color:#bababa;position:relative;z-index:1}.stepper .step .step-indicator .step-icon.completed{background-color:#3bb77e;border:3px solid #fff;outline:1px solid #3bb77e;box-shadow:0 4px 10px 0 rgba(0,0,0,.25)}.stepper .step .step-content{flex-grow:1;padding-bottom:20px}.stepper .step .step-content .step-date{font-size:14px;color:rgba(68,68,68,.898);margin-bottom:2px}.stepper .step .step-content .step-status{font-size:16px;font-weight:600;margin-bottom:1px;color:#444}.stepper .step .step-content .step-status.completed{color:#3bb77e}.stepper .step .step-content .step-description{font-size:14px;color:rgba(68,68,68,.898);line-height:normal}