/**Template 1 **/
.rating_wrapper {
  height: 120px;
  width: 500px;
  display: flex;
}

.rating_summary_wrapper {
  height: 120px;
  width: 200px;
}
.wcrr_without_fill{
  fill:rgb(175, 175, 175) !important;
}
.average_rating_wrapper {
  height: 50px;
  width: 200px;
  display: flex;
  justify-content: center;
}

.total_rating_reviews {
  height: 66px;
  width: 200px;
  display: flex;
  justify-content: center;
  font-size: medium;
  font-weight: 800;
}

.average_rating {
  margin-block-start: auto;
  font-size: larger;
  font-weight: 800;
}

.average_rating_icon {
  margin-block-start: auto;
  color: blue;
  font-size: larger;
  font-weight: 800;
}

.rating_progressbar {
  display: flex;
  align-items: center;
  margin-bottom:10px;
}

.rating_number {
  height: 13px;
  font-size: large;
  font-weight: 800;
}

.rating_icon {
  color: blue;
  height: 12px;
  font-size: initial;
}

.fill_progress_bar {
  height: 15px;
  background-color: blue;
}

.background_progress_bar {
  border: 1px solid gray;
  background-color: #e3dede;
  margin-top: 6px;
  height: 13px;
  width: 220px;
  font-size: large;
  font-weight: 800;
}

.temp7averagestarelse {
  color: black !important;
}

/**Template 2**/
.main_rating_wrapper {
  display: flex;
  margin-left: 11px;
}
#div2 {
  height: 95px;
  width: 310px;
  display: flex;
  position: relative;
  top: 80px;
}

#div21 {
  height: 120px;
  width: 25px;
}

#div22 {
  height: 120px;
  width: 25px;
}

#div23 {
  height: 120px;
  width: 225px;
  position: relative;
  right: 9px;
}

#div24 {
  height: 120px;
  width: 25px;
  position: relative;
  right: 9px;
}
.div231 {
  height: 10px;
  border-radius: 5px;
  width: 60%;
  background-color: #ff7d00;
  position: relative;
}

.div232 {
  height: 10px;
  border-radius: 5px;
  width: 40%;
  background-color: ffc60ceb;
  position: relative;
  right: 2px;
}
.div213 {
  margin-left: 2px;
  fill: #ff7d00;
  width: 20px;
  align-items: center;
  display: flex;
}
.div233 {
  height: 10px;
  border-radius: 5px;
  width: 10%;
  background-color: #ff7d00;
  position: relative;
  right: 2px;
}
.div213 {
  margin-left: 2px;
  display: flex;
}
.temp7star4 {
  margin-top: 2px;
}
.temp7star3 {
  margin-top: 2px;
}
.temp7star2 {
  margin-top: 2px;
}
.temp7star1 {
  margin-top: 2px;
}
.div214 {
  background-color: #b9b9b7;
  height: 10px;
  border-radius: 6px;
  width: 310px;
  margin-left: 18px;
}
.div212 {
  margin-left: 18px;
  font-size: 14px;
  font-weight: 500;
  color:#000;
}
.div1b {
  display: flex;
  justify-content: center;
  font-size: 20px;
}
.div1c {
  height: 9px;
  fill: #ff7d00;
  display: flex;
  justify-content: center;
  align-items: center;
}
.div2c {
  margin-top: 7px;
}
.div1d {
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  margin-top: 6px;
  color:#000;
}

.temp7averagestar {
  padding-top: 6px;
}
.div1a {
  text-align: center;
  font-size: 20px;
  line-height: 1;
  font-weight: 500;
  color:#000;
}
.div1b1 {
  font-size: 18px;
  font-weight: 500;
  color:#000;
}
.div1b1 sub {
  font-size: 16px;
  font-weight: 500;
}
.div21a {
  margin-right: 3px;
  font-size: 14px;
  font-weight: 500;
  color:#000;
}