/* starRating widget */

 .starRating {
          display        : inline-block;
          width          : 7.5em;
          height         : 1.5em;
          overflow       : hidden;
          vertical-align : bottom;
        }
.starRating.with-num-reviews {
		   width: 10.5em;
}
        
.starRating > input{
  margin-right : -100%;
  opacity      : 0;
  height: unset;
  width: unset;
}
.starRating > label{
  display         : block;
  float           : right;
  position        : relative;
  background      : url('/images/star-off.svg');
  background-size : contain;
}
.starRating > label:before{
  content         : '';
  display         : block;
  width           : 1.5em;
  height          : 1.5em;
  background      : url('/images/star-on.svg');
  background-size : contain;
  opacity         : 0;
  transition      : opacity 0.2s linear;
}

.starRating > .review-number {
	float: right;
	font-weight: bold;
	width: 3em;
}

.starRating-editable > label:hover:before,
.starRating-editable > label:hover ~ label:before,
.starRating-editable > :checked ~ label:before,
.starRating-editable > input.checked ~ label:before
 {
  opacity : 1;
}

.starRating-readonly > :checked ~ label:before,
.starRating-readonly > input.checked ~ label:before
 {
  opacity : 1;
}

/* rating section for a course */
.rating-section {
	margin: 10px 0;	
}

.rating-section textarea {
	display: block;
	margin-top: 5px;
}

.rating-section button {
	margin-top: 5px;
}

.rating-section .alert-container {
        margin-top: 5px;
        display: none;
}