.progressBar {
    position: relative;
    background: #f6f6f6;
    height: 40px;
    border-radius: 99px;
    overflow: hidden;
    margin-bottom: 15px;
}

.progressBar .left {
    display: inline-block;
    width: 60%;
    float: left;
    height: 100%;
}

.progressBar .right {
    height: 100%;
    display: inline-block;
    width: 40%;
    background: #e6e6e6;
}


/* .progressBar .active { */

background: #39b118 !important;

}
.progressBar .E-Section {
    background: #2d8ef5 !important;
}
.progressBar .I-Section {
    background: #175e7c !important;
}
.progressBar .S-Section {
    background: #36b161 !important;
}
.progressBar .N-Section {
    background: #815ec4 !important;
}
.progressBar .T-Section {
    background: #f03a36 !important;
}
.progressBar .F-Section {
    background: #f362cb !important;
}
.progressBar .P-Section {
    background: #f6732d !important;
}
.progressBar .J-Section {
    background: #fbc241 !important;
}
.progressBar .activeOne {
    background: #fbc37b !important;
}
.progressBar .activeTwo {
    background: #97d387 !important;
}
.progressBar .activeThree {
    background: #fbb2b6 !important;
}
.progressBar .activeFour {
    background: #84cff5 !important;
}
.progressBar .value {
    background: white;
    border-radius: 99px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 12px;
    text-align: center;
    margin: 4px;
}
.progressBar .left .value {
    float: left;
}
.progressBar .title {
    font-size: 12px !important;
    margin-top: 10px;
    color: #777;
}
.progressBar .right .value {
    float: right;
}
.progressBar .left .title {
    float: left;
    margin-left: 5px;
}
.list-Access li::before {
    display: none !important;
}
.progressBar .right .title {
    margin-right: 45px;
}
.progressBar .title {
    color: #2d2d2d !important;
}