#fuelux-wizard {
        margin-top: 60px;
}
.wizard-steps {
        list-style: none;
        display: block;
        width: 100%;
        padding: 0;
        margin: 12px 0 0;
        position: relative;
}
.wizard-steps li {
        display: block;
        text-align: center;
        float: left;
        min-width: 33%;
        max-width: 33%;
}
.wizard-steps50 li {
        min-width: 50% !important;
        max-width: 50% !important;
}
.wizard-steps li:before {
        display: block;
        content: "";
        width: 100%;
        height: 1px;
        font-size: 0;
        overflow: hidden;
        border-top: 3px solid lightgray;
        position: relative;
        top: 12px;
        z-index: 1;
}
.wizard-steps li:first-child:before {
        max-width: 50%;
        left: 63%;
}

.wizard-steps li.order-wizard:first-child:before {
        max-width: 50%;
        left: 58%%;
}

.wizard-steps li:last-child:before {
        max-width: 50%;
        width: 50%;
}
.wizard-steps li.active:before, 
.wizard-steps li.complete:before, 
.wizard-steps li.active .step, 
.wizard-steps li.complete .step {
        border-color: #e35047;
        color: #3a424d;
        background-color: #e5e8ed;
        font-weight: bold;
        box-shadow: inset 0px 0px 1px 2px #fff;
}


.wizard-steps li .step {
        text-align: center;
        border: 2px solid #e5e8ed;
        color: #3a424d;
        font-size: 19px;
        border-radius: 32px;
        line-height: 12px;
        padding: 7px 15px;
        background-color: #e5e8ed;
        position: relative;
        z-index: 2;
        display: inline;
}

.wizard-steps li.complete .title, 
.wizard-steps li.active .title {
        color: #2b3d53;
}
.wizard-steps li .title {
        display: block;
        max-width: 100%;
        color: black;
        font-size: 13px;
        z-index: 104;
        text-align: center;
        table-layout: fixed;
        word-wrap: break-word;
        position: relative;
        top: -76px;
        line-height: 15px;
}

/* step content */
.step-content {
        margin-top: 40px;
        margin-left: 60px;
}
.step-content .step-pane {
        display: none;
        min-height: 267px;
}
.step-content .active {
        display: block;
}

/* step forms */
.form-wrapper .field-box {
        margin-bottom: 25px;
        margin-left: 0;
        float: left;
        width: 100%;
}
.form-wrapper .field-box:last-child {
        margin-bottom: 0px;
}
.form-wrapper label {
        display: inline-block;
        float: left;
        font-weight: 600;
        cursor: auto;
        /*font-size: 12px;*/
        width: 120px;
        text-align: left;
        position: relative;
        /*top: 2px;*/
}
.form-wrapper.payment-info label {
        width: 150px;
}
.form-wrapper .alert-msg {
        display: block;
        margin-left: 120px;
        position: relative;
        top: -2px;
        margin-bottom: -4px;
}
.form-wrapper .alert-msg i {
        font-size: 14px;
}

/*** Form states ***/
/* error */
.form-wrapper .field-box.error label,
.form-wrapper .field-box.error .alert-msg {
        color: rgb(199, 57, 57);
}
.form-wrapper .field-box.error input {
        border-color: rgb(199, 57, 57);
}
/* success */
.form-wrapper .field-box.success label,
.form-wrapper .field-box.success .alert-msg {
        color: rgb(55, 158, 72);
}
.form-wrapper .field-box.success input {
        border-color: rgb(55, 158, 72);
}


/* actions */
.wizard-actions {
        float: right;
        margin-top: 30px;
        margin-right: 130px;
}
.wizard-actions .btn-next {
        margin-left: 15px;
}
.wizard-actions .btn-finish {
        display: none;
        margin-left: 15px;
}