.stars-rating {
    position: relative;
    font-size: 20px;
}
.stars-rating i:nth-child(2) {
    position: absolute;
    right: 0;
    top: 0;
    color: #F5A623;
    /*transform: scale(.9);*/
    /*transform-origin: center center;*/
}
.stars-rating i.icon-star.half{
    width: 50%;
    overflow: hidden;
}

.main-rating {
    display: flex;
    justify-content: center;
    align-items: baseline;
}

.main-rating .icon {
    position: relative;
    top: 2px;
}

.comment-summary {
    display: flex;
    flex-direction: row;
    align-items: center;
    background: #f9f9f9;
    max-width: 600px;
    border-radius: 5px;
    border: 1px solid #dedfe0;
}

.comment-summary > div {
    padding: 15px;
}

.comment-summary-row {
    align-items: center;
    display: flex;
    height: 15px;
    font-size: 0.8rem;
}

.comment-summary-line {
    background: #e2dfdf;
    flex: 1;
    height: 6px;
    margin: 0 10px;
}

.comment-summary-rate {
    background: #ff9001!important;
    height: 100%;
}

/*scale up to 5*/
.rating-bg-5-1 {
    background-color: #ce0126;
}

.rating-bg-5-2 {
    background-color: #ec360d;
}

.rating-bg-5-3 {
    background-color: #f9b307;
}

.rating-bg-5-4 {
    background-color: #88d31d;
}

.rating-bg-5-5 {
    background-color: #0ea84e;
}

/*scale up to 10*/
.rating-bg-10-1 {
    background-color: #ce0126;
}

.rating-bg-10-2 {
    background-color: #eb090c;
}

.rating-bg-10-3 {
    background-color: #ec360d;
}

.rating-bg-10-4 {
    background-color: #f37904;
}

.rating-bg-10-5 {
    background-color: #f9b307;
}

.rating-bg-10-6 {
    background-color: #f3de00;
}

.rating-bg-10-7 {
    background-color: #cce30b;
}

.rating-bg-10-8 {
    background-color: #88d31d;
}

.rating-bg-10-9 {
    background-color: #41bc37;
}

.rating-bg-10-10 {
    background-color: #0ea84e;
}