.step-app .step-steps {
    margin: 0;
    padding: 0;
    display: flex;
    border-radius: 3px 3px 0 0;
    overflow: hidden
}

    .step-app .step-steps > li {
        list-style: none;
        flex: 1;
        cursor: pointer;
        display: block;
        padding: 10px;
        color: #1269a0;
        background-color: #e5e5e5;
        text-decoration: none;
        border-right: 1px solid #fff
    }

        .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 {
            /* background-color: #32c5d2; */
            color: #fff
        }

        .step-app .step-steps > li.error {
            background-color: #e7505a;
            color: #fff
        }

        .step-app .step-steps > li.done {
            /* background-color: #3cb371; */
            color: #fff
        }

        .step-app .step-steps > li > .number {
            background: #fff;
            padding: 0 8px;
            display: inline-block;
            text-align: center;
            margin-right: 15px;
            border-radius: 3px;
            color: #333
        }

.step-app .step-content { 
    padding: 20px;
    border-top: 0
}

    .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 {
        padding: 4px 16px;
        color: #ebe3e3;
        text-decoration: none;
        background: #1269a0;
        border-radius: 3px;
        border: none;
        outline: none;
        cursor: pointer
    }