.step-app>.step-steps{border-radius:3px 3px 0 0;margin:0;padding:0;display:flex;overflow:hidden}.step-app>.step-steps>li{cursor:pointer;color:#333;background-color:#e5e5e5;border-right:1px solid #fff;flex:1;padding:10px;text-decoration:none;list-style:none;display:block}.step-app>.step-steps>li:hover{background-color:#ddd}.step-app>.step-steps>li:last-child a{border:none}.step-app>.step-steps>li.active{color:#fff;background-color:#32c5d2}.step-app>.step-steps>li.error{color:#fff;background-color:#e7505a}.step-app>.step-steps>li.done{color:#fff;background-color:#3cb371}.step-app>.step-steps>li>.number{text-align:center;color:#333;background:#fff;border-radius:3px;margin-right:15px;padding:0 8px;display:inline-block}.step-app>.step-content{border:1px solid #e5e5e5;border-top:0;padding:10px}.step-app>.step-content>.step-tab-panel{display:none}.step-app>.step-content>.step-tab-panel.active{display:block}.step-app>.step-footer{margin-top:15px;margin-bottom:15px}.step-app>.step-footer>.step-btn{color:#333;cursor:pointer;background:#e5e5e5;border:none;border-radius:3px;outline:none;padding:4px 16px;text-decoration:none}.step-app>.step-content{border:none;padding:0}