/*Form wizard*/

.form-wizard .tab-content .pager.wizard .first a {
    margin-right: 8px;
}

.form-wizard .tab-content .pager.wizard .last a {
    margin-left: 8px;
}

.wizard-navbar {
    margin: 60px auto 20px;
}

    .wizard-navbar > ul {
        display: table;
        width: 100%;
        text-align: center;
        margin: 0;
        font-weight: 600;
        padding: 0;
        list-style: none outside none;
        table-layout: fixed;
    }

        .wizard-navbar > ul li {
            display: table-cell;
            width: 1%;
            position: relative;
            padding: 0 10px;
        }

            .wizard-navbar > ul li a {
                color: #a2a2a2;
            }

                .wizard-navbar > ul li a span.wz-number {
                    background-color: #eeeeee;
                    border-radius: 50%;
                    color: #898b8f;
                    display: block;
                    height: 40px;
                    left: 50%;
                    line-height: 40px;
                    margin-left: -20px;
                    margin-top: -50px;
                    position: absolute;
                    text-align: center;
                    transition: all 300ms ease-in-out 0s;
                    -webkit-transition: all 300ms ease-in-out 0s;
                    -o-transition: all 300ms ease-in-out 0s;
                    -moz-transition: all 300ms ease-in-out 0s;
                    width: 40px;
                    z-index: 5;
                }

            .wizard-navbar > ul li.completed a span.wz-number {
                background-color: #80bd4a;
                color: #FFF;
            }

            .wizard-navbar > ul li.active a span.wz-number {
                background-color: #ef4040;
                color: #FFF;
            }

            .wizard-navbar > ul li.active a,
            .wizard-navbar > ul li.completed a {
                color: #505050;
            }

            .wizard-navbar > ul li:before,
            .wizard-navbar > ul li:after {
                content: '';
                position: absolute;
                height: 4px;
                width: 50%;
                background-color: #eeeeee;
                top: -32px;
                left: 0;
            }

            .wizard-navbar > ul li:after {
                left: auto;
                right: 0;
            }

            .wizard-navbar > ul li.active:before,
            .wizard-navbar > ul li.active:after {
                background-color: #ef4040;
            }

            .wizard-navbar > ul li.completed:before,
            .wizard-navbar > ul li.completed:after {
                background-color: #80bd4a;
            }