﻿
/* v2 */
.star-rating-display {
    unicode-bidi: bidi-override;
    color: #002632;
    display: inline-block;
    position: relative;
}
.star-rating-display:before, .star-rating-display:after {
    content: "★★★★★";
    display: block;
    white-space: nowrap;
}
.star-rating-display:before {
    color: #E51A40;
    position: absolute;
    z-index: 1;
    left: 0px;
    overflow: hidden;
}
.star-rating-display:after {
    z-index: 0;
}
    .star-rating-display[data-rating="0"]:before { width: 1px; }

        .star-rating-display[data-rating="1"]:before {
    width: 20%;
}
.star-rating-display[data-rating="2"]:before {
    width: 40%;
}
.star-rating-display[data-rating="3"]:before {
    width: 60%;
}
.star-rating-display[data-rating="4"]:before {
    width: 80%;
}
.star-rating-display[data-rating="5"]:before {
    width: 100%;
}



/****** Style Star Rating Widget *****/

.rating {
    border: none;
    float: left;
}

.rating > input { display: none; }
.rating > label:before {
    margin: 5px;
    font-size: 32px;
    font-family: FontAwesome;
    display: inline-block;
    content: "\f005";
}

.rating > .half:before {
    content: "\f089";
    position: absolute;
}

.rating > label {
    color: #ddd;
    float: right;
}

/***** CSS Magic to Highlight Stars on Hover *****/

    .rating > input:checked ~ label, /* show gold star when clicked */
    .rating:not(:checked) > label:hover, /* hover current star */
    .rating:not(:checked) > label:hover ~ label {
        color: #E51A40;
    } /* hover previous stars in list */

        .rating > input:checked + label:hover, /* hover current star when changing rating */
        .rating > input:checked ~ label:hover,
        .rating > label:hover ~ input:checked ~ label, /* lighten current selection */
        .rating > input:checked ~ label:hover ~ label {
            color: #E51A40;
        }









 .review-animated {
     -webkit-transition: height 0.2s;
     -moz-transition: height 0.2s;
     transition: height 0.2s;
 }

 .review-stars {
     margin: 20px 0;
     font-size: 24px;
     color: #d17581;
 }

 .prod-review .btn-grey {
     background-color: #D8D8D8;
     color: #FFF;
 }

 .prod-review .btn-primary-outline {
     background-color: transparent;
     border-color: #d17581;
     margin-right:18px;
     /*margin-top:10px;*/
     color:#d17581;
 }

 .prod-review .rating-block {
     background-color: #FAFAFA;
     border: 1px solid #EFEFEF;
     padding: 15px 15px 20px 15px;
     border-radius: 3px;
     font-size: 28px;
     color: #d17581;
 }

 .prod-review .rating-block h4 {
     color:black;
 }

 .prod-review .bold {
     font-weight: 700;
 }

 .prod-review .padding-bottom-7 {
     padding-bottom: 7px;
 }

 .prod-review .review-block {
     background-color: #FAFAFA;
     border: 1px solid #EFEFEF;
     padding: 15px;
     border-radius: 3px;
     margin-bottom: 15px;
 }

 .prod-review .review-block-name {
     font-size: 12px;
     margin: 10px 0;
     /*text-align:right;*/
 }

 .prod-review .review-block-date {
     font-size: 11px;
     /*text-align:right;*/
 }

 .prod-review .review-block-rate {
     font-size: 22px;
     margin-bottom: 10px;
     margin-left:15px;
     color: #d17581;
 }

 .prod-review .review-block-title {
     font-size: 15px;
     font-weight: 700;
     margin-bottom: 10px;
 }

 .prod-review .review-block-description {
     font-size: 13px;
 }

 .prod-review .img-rounded {
     max-width:85px;
     margin-left:10px
 }

 .prod-review .review-comments {
     display:none;
 }