.wizard-nav {
    position: relative;
    padding-top: 0px !important;
    height:80px;
}
.wizard-nav > span {
    position: absolute;
    top: 23px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #e7e7e7;
}
.wizard-nav > i {
    position: absolute;
    top: 21px;
    width: 6px;
    height: 6px;
    border-radius: 8px;
    background-color: #e7e7e7;
}
.wizard-nav > i:nth-of-type(1){
    left: 0;
}
.wizard-nav > i:nth-of-type(2){
    right: 0;
}
.wizard-nav > div {
    position: relative;
    z-index: 2;
}
.wizard-nav .active-status >p> span {
    color: #009688;
    border:solid 2px  #009688;
}
.wizard-nav  .active-status >p> span>span{
    color: #009688;
}
.wizard-nav > div >p> span {
    display: block;
    width: 28px;
    height: 28px;
    position: absolute;
    top: 12px;
    left: 50%;
    margin-left: -14px;
    border-radius: 28px;
    border:solid 2px  #e7e7e7;
    background:#fff;
}
.wizard-nav > div >p> span>span{
    display:block;
    margin-top:5px;
    font-size:14px;
    color:#ddd;
}
.wizard-nav > div:nth-of-type(1){
    padding-left: 10px;
}
.wizard-nav > div:nth-of-type(3){
    padding-right: 10px;
}
.wizard-nav .wizard-title{
    color: #009688;
    font-size:16px;
    margin-top:24px;
    background-color:#fff;
}
.step-completed {
    display: block;
    width: 28px;
    height: 28px;
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -14px;
    border-radius: 28px;
    border:solid 2px  #e7e7e7;
}
.step-completed > md-icon {
    width: 24px;
    height: 24px;
    color: #e7e7e7;
}