.rating-box {
    color: #e0e0e0;
    margin: 5px 0;
    height: 40px;
}

.rating-box-sm {
    margin: 0;
    height: 20px;
}

.rating-box .rating-star {
    font-size: 2rem;
    width: 2rem;
    height: 2rem;
    position: relative;
    display: block;
    float: left;
}

.rating-box-sm .rating-star {
    font-size: 1rem;
    width: 1rem;
    height: 1rem;
}

.rating-box .full-star:before {
    color: #f2b01e;
    content: "\2605";
    position: absolute;
    left: 0;
    overflow: hidden;
}

.rating-box .empty-star:before {
    content: "\2605";
    position: absolute;
    left: 0;
    overflow: hidden;
}

.rating-box .half-star:before {
    color: #f2b01e;
    content: "\2605";
    width: 50%;
    position: absolute;
    left: 0;
    overflow: hidden;
}

.rating-box .half-star:after {
    content: '\2605';
/*    position: absolute;*/
    left: 1rem;
    width: 50%;
    text-indent: -1rem;
    overflow: hidden;
}

/** Ratings List/Breakdown **/
.ratings-list {
    list-style-type: none;
    margin: 10px 0;
    padding: 0;
}

.ratings-list .counter-container, .ratings-list .counter-container a {
    text-decoration: none;
    width: 100%;
}

.ratings-list .counter-label {
    display: inline-block;
    min-width: 65px;
}

.ratings-list .counter-back {
    background-color: #ececec;
    width: 58%;
    width: -webkit-calc(100% - 130px);
    width: calc(100% - 130px);
}

.ratings-list .counter-back, .ratings-list .counter-bar {
    display: inline-block;
    height: 16px;
    height: 1rem;
    vertical-align: middle;
}

.ratings-list .counter-bar {
    background-color: #ffc733;
    display: block;
}

.ratings-list .counter-back, .ratings-list .counter-bar {
    height: 16px;
    height: 1rem;
    vertical-align: middle;
}

/** User profile, reviews listing **/
.reviews-list-profile {
    list-style-type: none;
    margin: 10px 0;
    padding: 0;
}

.reviews-list-profile li {
    padding: 5px 0px;
    margin: 5px 0px;
}

.reviews-list-profile li, .reviews-list-profile li a {
    text-decoration: none;
    width: 100%;
}

.reviews-list-profile li .review-date, .reviews-list-profile li .review-rating, .reviews-list-profile li .review-body, .reviews-list-profile li .review-student {
    display: inline-block;
    min-width: 65px;
    padding-right: 10px;
}

.reviews-list-profile li .review-date {
    min-width: 75px;
}

.reviews-list-profile li .review-rating {
    min-width: 90px;
}

.reviews-list-profile li .review-student {
    min-width: 193px;
}

.alternate {
    background-color: #ececec;
}
