.steps {
    margin-top: 2%;
    border: 1px solid #C0C0C0;
    border-radius: 5px;
}

    .steps .activestep {
        color: #2A6496 !important;;
    }

    .steps .elements {
        padding-top: 1%;
        border-right: 1px solid #C0C0C0;
        font-size: 15px;
        text-align: center;
    }

    .steps a {
        text-decoration: none;
        color: #000;
    }

        .steps a:hover {
            text-decoration: none;
            color: #2A6496;
        }

    .steps .elements:last-child {
        border-right: none;
    }

.progress {
    position: relative;
    height: 25px;
}

    .progress > .progress-type {
        position: absolute;
        left: 0;
        font-weight: 600;        
        padding: 5px;
        color: #FFF;
        background-color: #696763;
    }

    .progress > .progress-completed {
        position: absolute;
        right: 0;
        font-weight: 600;
        padding: 5px 10px 2px;
    }

.progress-bar {
    background-color: #CCC;
}