.fuelux .wizard{
    background: #EDEDED !important;
}
.fuelux .wizard ul li a{
    display: block;
}

/** complete **/
.fuelux .wizard ul li.complete{
    background-color: #00437B !important;
    color:#fff !important;
}

.fuelux .wizard ul li.complete span.badge-success{
    background-color: #fff !important;
    color:#00437B;
}

.fuelux .wizard>.steps li.complete .chevron:before {
    border-left-color: #00437B !important;
}

/** active **/
.fuelux .wizard ul li.active{
    background-color: #474747 !important;
    color:#fff !important;
}
.fuelux .wizard>.steps li.active .badge-info{
    background-color: #fff !important;
    color:#474747;
}
.fuelux .wizard>.steps li.active .chevron:before{
    border-left-color: #474747 !important;
}

.fuelux .wizard ul li.active a,
.fuelux .wizard ul li.complete a {
    color: #fff!important;
}
.fuelux .wizard ul li {
    font-size:12px !important;
    font-weight: bold;
    min-width: 170px;
}

@media (max-width: 767px) {
    .fuelux .wizard>.steps{
        width:100% !important;
    }

    #MyWizard{
        margin-bottom:20px;
    }
    .fuelux .wizard>.steps li{
        padding-left:10px !important;

    }
    .fuelux .wizard>.steps li:first-child{
        border-radius: 0 !important;
    }

    .fuelux .wizard>.steps li{
        float:none
    }

    .steps li {
        margin-bottom:2px !important;

    }
    .steps li > a {
        display:block;
        position: relative;
    }
    .fuelux .wizard ul li .fa-check{
        display:inline-block !important;
        position: absolute;
        right:10px;
        top:10px;
        font-size:20px !important;
    }
    .step-title{
        display: inline-block;
    }
}