/* Angular Wizard - Custom Styles */

.nav-wizard {
    margin-bottom: 5px;
}

.nav-wizard > li {
    margin-right: 4px;
}

@media (min-width: 992px) {
    .nav-wizard > li {
        margin-right: 15px;
    }
}

.nav-wizard > li:last-child {
    margin-right: 0px;
}

.nav-wizard > li > a {
    font-weight: bold;
    color: #2c699d;
    /*background-color: #e5e1d3;*/
    border-radius:5px 5px 5px 5px;
}

    .nav-wizard > li > a:hover,
    .nav-wizard > li > a:focus {
        color: #1e486b;
        /*background-color: #e5e1d3;*/
    }

.nav-wizard > li.active a
.nav-wizard > li.active a:hover
.nav-wizard > li.active a:focus {
    /*background-color: #428bca;*/
    color: #fff;
}

.wizard-progress-bar {
    border-bottom: 1px solid #dddddd;
    margin-top: 10px;
    margin-bottom: 10px;
}

.wizard-progress-bar .progress {
    margin-bottom: 10px;
}

.wizard-progress-bar > span {
    color:white;
    white-space:nowrap;
}