.ratings {
  position: relative;
  vertical-align: middle;
  display: inline-block;
  color: #b1b1b1;
  overflow: hidden;
}

.full-stars{
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap;
  overflow: hidden;
  color: #fde16d;
}

.empty-stars:before,
.full-stars:before {
  content: "\2605\2605\2605\2605\2605";
  font-size: 14pt;
}

.empty-stars:before {
  -webkit-text-stroke: 1px #848484;
}

.full-stars:before {
  -webkit-text-stroke: 1px orange;
}

/* Webkit-text-stroke is not supported on firefox or IE */
/* Firefox */

@-moz-document url-prefix() {
  .full-stars{
    color: #ECBE24;
  }
}
/* IE */

  .full-stars{
    color: #ECBE24;
  }
  
.user-avatar {

/* make a square container */
width: 25px;
height: 25px;

/* fill the container, preserving aspect ratio, and cropping to fit */
    background-size: cover;

/* center the image vertically and horizontally */
background-position: top center;

/* round the edges to a circle with border radius 1/2 container size */
border-radius: 50%;
}