/* Rating */
#module-rating {
  margin: auto;
}
@media all and (min-width: 801px) {
  #module-rating {
    width: 800px;
  }
  #module-rating .write, #module-rating .filter, #module-rating .list {
    margin-left: 360px;
  }
  #module-rating .grouped {
    float: left;
    width: 315;
  }
}
.cochrane-learning-rating-form.open {
  width: 100%;
  background: rgba(100, 100, 100, 0.5);
  position: fixed;
  top: 0;
  bottom: 0;
}
.cochrane-learning-rating-form .inner {
  background-color: #002d64;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 500px;
  margin-left: -250px;
  margin-top: -200px;
  padding: 1em;
}
.cochrane-learning-rating-form .submit {
  background-color: #962D91;
  padding: 0.5em 1em;
  margin: 0.5em 0.5em 0 0;
  cursor: pointer;
  display: inline-block;
}
.cochrane-learning-rating-form .submit.hide, .cochrane-learning-rating-form .submit.close {
  float: right;
}
.cochrane-learning-rating-form .submit.disabled {
  cursor: progress;
  background-color: #333;
}
.cochrane-learning-rating-form .rating-star {
  background: url("https://www.cochrane.org/sites/all/themes/zen_cochrane/images/star-32-bw.png") no-repeat;
  width: 32px;
  height: 32px;
  float: left;
  cursor: pointer;
  position: relative;
}
.cochrane-learning-rating-form .rating-star.highlight {
  background-image: url("https://www.cochrane.org/sites/all/themes/zen_cochrane/images/star-32.png");
}
.cochrane-learning-rating-form #rating-stars:after, #block-block-20 #rating-button:after {
  content: " ";
  display: block;
  clear: both;
}
.cochrane-learning-rating-form .comment-label {
  margin-top: 1em;
}
.cochrane-learning-rating-form .comment-help {
  margin-bottom: 1em;
}
.cochrane-learning-rating-form .rating-description {
  display: none;
  border: 1px solid #002d64;
  background-color: #962d91;
  color: #fff;
  position: absolute;
  padding: 0.5em 1em;
  top: 40px;
  white-space: nowrap;
  z-index: 1001;
}
.cochrane-learning-rating-form .rating-description.show {
  display: block;
}
.cochrane-learning-rating-form #rating-comment {
  width: 100%;
  min-width: 450px;
  height: 5.2em;
}
.cochrane-learning-rating-form .message {
  color: #ff8f8f;
}
#rating-name-anonymous {
  margin-left: 2em;
}
/* Rating list */
#module-rating-average {
  max-width: 260px;
  margin: auto;
}
#module-rating-average .button-purple {
  float: right;
}
#module-rating .write {
  margin-bottom: 1em;
}
/* #module-rating .write .inner {
  cursor: pointer;
  padding: 0.5em 1em;
  color: #fff;
  display: inline-block;
  background-color: #962d91;
} */
#module-rating .filter {
  margin-bottom: 2em;
}
#module-rating .average-number, #module-rating .rating, #module-rating .bar, #module-rating .percentage {
  float: left;
}
#module-rating .rating {
  cursor: pointer;
}
#module-rating .grouped .row::after, #module-rating .average-wrapper::after, #module-rating-average::after, #block-learningcontentratingblock::after, #block-learningcontentratingblock--2::after {
  display: block;
  content: '';
  clear: both;
}
#module-rating-average .average-wrapper {
  float: left;
}
#module-rating .average-number, #module-rating-average .average-number {
  font-size: 60px;
  font-weight: 600;
  float: left;
  margin: 12px 10px 40px 0;
}
#module-rating .average-number {
  margin: 0 10px 0 0;
  line-height: 1;
}
#module-rating .stars, #module-rating-average .stars {
  display: inline-block;
  font-size: 30px;
  font-family: Times;
  line-height: 1;
  -webkit-text-stroke: 0.5px #bbb;
}
#module-rating-average .stars {
  padding-top: 25px;
}
#module-rating .row .stars {
  position: relative;
  top: 3px;
  margin-right: 1em;
}
#module-rating .stars::before, #module-rating-average .stars::before {
  content: '★★★★★';
  letter-spacing: 0px;
  background: linear-gradient(90deg, orange var(--percentage), #fff var(--percentage));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#module-rating .votes, #module-rating-average .votes {
  line-height: 1.1em;
}
#module-rating .bar {
  width: 200px;
}
#module-rating .bar-inner {
  height: 10px;
  background-color: orange;
  margin-top: 7px;
}
#module-rating .rating {
  width: 4em;
}
#module-rating .percentage {
  width: 3em;
  text-align: right;
}
#module-rating .list .row {
  margin-bottom: 1em;
  border-bottom: 1px solid #ccc;
  padding-bottom: 1em;
}
#module-rating .comment {
  margin-bottom: 1em;
}
#module-rating .moderator_comment {
  margin-bottom: 1em;
  margin-left: 3em;
  padding-left: 1em;
  border-left: 3px solid #002d64;
}
#module-rating .helpful {
  padding: 2px 10px;
  color: #fff;
  display: inline-block;
  padding-right: 50px;
  background: url('https://www.cochrane.org/modules/custom/cochrane_learning_modules/assets/like-24.png') no-repeat right 2em top 7px;
  background-size: 20px;
  font-size: 14px;
  background-color: #002d64;
  border-radius: 7px;
  padding: 0.5em 4em 0.5em 2em;
}
#module-rating .helpful:not(.disabled) {
  cursor: pointer;
}
#module-rating .helpful.set {
  background-image: url('https://www.cochrane.org/modules/custom/cochrane_learning_modules/assets/x-mark-24.png');
  background-color: #912d94;
}
#module-rating .edit, #module-rating .reply {
  cursor: pointer;
  padding: 2px 10px;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  background-color: #002d64;
  border-radius: 7px;
  padding: 0.5em 2em;
  text-decoration: none;
}
#module-rating .message {
  border: 2px solid #002d64;
  padding: calc(0.5em - 4px) calc(1em - 4px);
  display: inline-block;
}
#module-rating .load-more {
  cursor: pointer;
  padding: 0.5em 1em;
  background-color: #002d64;
  color: #fff;
  display: inline-block;
}
#edit-page {
  display: none;
}
.cochrane-learning-rating-form .rating-star {
  background: url("https://www.cochrane.org/modules/custom/cochrane_learning_modules/assets/star-32-bw.png") no-repeat;
  width: 32px;
  height: 32px;
  float: left;
  cursor: pointer;
  position: relative;
}
.cochrane-learning-rating-form .rating-star.highlight {
  background-image: url("https://www.cochrane.org/modules/custom/cochrane_learning_modules/assets/star-32.png");
}
.cochrane-learning-rating-form #rating-stars:after {
  content: " ";
  display: block;
  clear: both;
}
.cochrane-learning-rating-form .comment-label {
  margin-top: 1em;
}
.cochrane-learning-rating-form .comment-help {
  margin-bottom: 1em;
}
.cochrane-learning-rating-form .rating-description {
  display: none;
  border: 1px solid #002d64;
  background-color: #962d91;
  color: #fff;
  position: absolute;
  padding: 0.5em 1em;
  top: 40px;
  white-space: nowrap;
  z-index: 1001;
}
.cochrane-learning-rating-form .rating-description.show {
  display: block;
}
.cochrane-learning-rating-form #rating-comment {
  width: 100%;
  min-width: 450px;
  height: 5.2em;
}
.cochrane-learning-rating-form .message {
  color: #ff8f8f;
}