.RateProduct .divsp{
    position: relative;
    align-items: center;
    display: flex;
    border-bottom: 1px solid #cdcdcd80;
}

.RateProduct .img{
    width: 100px;
    margin: 0px 10px 10px 0;
}

.RateProduct .divrate{
    margin-top: 10px;
    text-align: center;
    line-height: 2em;
}

.RateProduct .div10{
    margin: 10px;
}

.RateProduct a[href], a[href]:hover {color: grey; text-decoration: none}

.RateProduct .starrating > input {display: none;}  /* Remove radio buttons */

.RateProduct .starrating > label:before { 
  content: "\f005"; /* Star */
  margin: 5px;
  font-size: 1.5em;
  font-family: FontAwesome;
  display: inline-block; 
}

.RateProduct .starrating > label
{
  color: #bdbdbd; /* Start color when not clicked */
  margin-bottom: 0;
}

.RateProduct .starrating > input:checked ~ label
{ color: #ffca08 ; } /* Set yellow color when star checked */

.RateProduct .starrating > input:hover ~ label
{ color: #ffca08 ;  } /* Set yellow color when star hover */

.RateProduct .flex-row-reverse{
    -webkit-box-orient: horizontal!important;
    -webkit-box-direction: reverse!important;
    -webkit-flex-direction: row-reverse!important;
    -ms-flex-direction: row-reverse!important;
    flex-direction: row-reverse!important
}

.RateProduct .justify-content-center{
    -webkit-box-pack: center!important;
    -webkit-justify-content: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important
}

.RateProduct .d-flex {
    display: -webkit-box!important;
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important;
}