body{padding:0;margin:0;background-color:#fff;font-family:sans-serif}.step-wrapper{padding:20px 0;display:none}.step-wrapper.active{display:block}.step-indicator{border-collapse:separate;position:relative;table-layout:fixed;text-align:center;vertical-align:middle;padding-left:0;background:green;border-radius:40px;direction:ltr;padding-top:20px;margin-top:-43px;margin-right:20px;margin-left:20px}.step-indicator li{display:table-cell;position:relative;float:none;padding:0;width:1%}.step-indicator li:after{background-color:#fff;content:"";display:block;height:1px;position:absolute;width:100%;top:32px;left:50%}.step-indicator li:last-child:after{display:none}.step-indicator li.active .step{border-color:#fff;color:#fff;background-color:#14ea14;border-width:medium}.step-indicator li.active .caption{color:#fff}.step-indicator li.complete:after{background-color:#fff}.step-indicator li.complete .step{border-color:#fff;color:#fff}.step-indicator li.complete .caption{color:#fff}.step-indicator .step{background-color:green;border-radius:50%;border:1px solid #fff;color:#fff;font-size:24px;height:64px;line-height:64px;margin:0 auto;position:relative;width:64px;z-index:1}.step-indicator .step:hover{cursor:pointer}.step-indicator .caption{color:#fff;padding:11px 16px}.step-indicator i{font-size:28px;color:#fff}