#tab-progress-tracker .progress-indicator div {
    padding: 0 10px 5px;
}

#tab-progress-tracker .progress-indicator .margin-top {
    margin-top: -10px;
}

#tab-progress-tracker .progress-indicator {
    margin-top: 1em;
}

#tab-progress-tracker .active-step span:first-of-type {
    color: #424242 !important;
}

#tab-progress-tracker .progress-indicator div span {
    font-size: 0.875rem;
    font-weight: 400;
    display: inline-block;
    height: .5em;
    width: 100%;
    color: #767676;
}

#tab-progress-tracker .active-step span.bar {
    background: #5394BE;
    background-image: initial;
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat-x: initial;
    background-repeat-y: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: #5394BE;
}

#tab-progress-tracker span.first.bar:after, #tab-progress-tracker span.medium.bar:after {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: .5em;
    top: 0;
    left: 0;
    z-index: -1;
    background: #767676;
    transform-origin: bottom left;
    -ms-transform: skew(-45deg, 0deg);
    -webkit-transform: skew(-45deg, 0deg);
    transform: skew(-45deg, 0deg);
}

#tab-progress-tracker span.medium.bar:before, #tab-progress-tracker span.last.bar:before {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: .5em;
    top: 0;
    left: 0;
    z-index: -1;
    background: #767676;
    transform-origin: top left;
    -ms-transform: skew(-45deg, 0deg);
    -webkit-transform: skew(-45deg, 0deg);
    transform: skew(-45deg, 0deg);
}


#tab-progress-tracker .active-step span.first.bar:after, #tab-progress-tracker .active-step span.medium.bar:before, #tab-progress-tracker .active-step span.medium.bar:after, #tab-progress-tracker .active-step span.last.bar:before {
    background: #5394BE;
}

#tab-progress-tracker span.bar {
    position: relative;
    height: .5em;
    padding: 0px 20px 0px 10px;
    position: relative;
    background: #767676;
    background-image: initial;
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat-x: initial;
    background-repeat-y: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: #767676;
}

@media only screen and (max-width: 370px){
    #tab-progress-tracker .show-only-below-370 {
        display: inline-block;
    }

    #tab-progress-tracker .progress-indicator div div span {
        line-height: 1.5;
    }
}

@media only screen and (max-width: 1025px){
    #tab-progress-tracker .progress-indicator div span {
        font-size: 0.8rem;
        font-weight: 400;
    }

    #tab-progress-tracker .progress-indicator {
        margin-top: 2em !important;
    }
}

@media only screen and (max-width: 480px) {
    .mobile-progress-indicator {
        display: flex;
        align-items: end;
    }
}