.review-score-form .form-group {text-align: left;margin-bottom: 10px;}
.review-score-form .form-group .title {margin-bottom: 5px;}
.yorum-yildiz {
  position: relative;
}
.yorum-yildiz > * {
  display: inline-block;
}
.ratingVal {
  position: absolute;
  color: white !important;
  top: 0;
  right: 0;
  background: #00aa6c;
  font-size: 13px;
  padding: 6px 7px;
  font-family: sans-serif;
  border-radius: 0px;
  margin: 0;
  line-height: normal;
}
.ratingVal:before {
  content: "";
  border-style: solid;
  border-width: 13px 16px 14px 0;
  border-color: transparent #00aa6c transparent transparent;
  width: 0;
  height: 0;
  position: absolute;
  left: -16px;
  top: 0;
}
/* Icons, somewhat necessary */
.yorum-yildiz > i {
  user-select: none;
  color: white;
  background-color: #bbb;
  font-size: 1.2em;
  transition: .1s ease-in-out;
  padding: 4px;
  border-radius: 10px;
}
.yorum-yildiz > i:hover {
  box-shadow: 1px 1.5px 3px #555;
  transform: translate(0, -3px);
}
.yorum-yildiz > i:active {
  transform: translate(0, 1px);
}
.yorum-yildiz > i.clickedStars {
  background-color: #00aa6c;
}

.yorum-yildiz > i.hoveredStars {
  background-color: #00aa6c;
}

.yorum-genel-puanlar {
  margin-bottom: 25px;
  display: flex;
  background:  #f4f4f4;
  border-radius: 6px;
}
.yorum-genel-puanlar .yorum-puan-satir {
  margin-bottom: 4px;
  color: #ffc926;
  font-size: 15px;
  line-height: normal;
}
.yorum-genel-puanlar .yorum-puan-aciklama {
  font-size: 14px;
  color: #565656;
  margin-left: 10px;
}
.yorum-genel-puanlar .sol,
.yorum-genel-puanlar .sag {padding: 10px;}
.yorum-genel-puanlar .sol {display: flex;width: 25%;}
.yorum-genel-puanlar .sol .yorum-puan-satir {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  background:  #ddd;
  border-radius: 6px;
}
.yorum-genel-puanlar .sol .yorum-puan-satir .puan,
.yorum-genel-puanlar .sol .yorum-puan-satir .puan-aciklama {color: #e43e51;font-weight: bold;font-size: 2rem;}
.yorum-genel-puanlar .sol .yorum-puan-satir .puan-aciklama {font-size: 1rem;font-weight: normal;}


.yorum-kutu {
  position: relative;
  margin-bottom: 15px;
  display: flex;
  padding: 0px 5px;
  border-radius: 6px;
  background:  #f4f4f4;
  font-size: 14px;
  color: #000;
  box-shadow: 0 5px 10px 0 rgb(21 50 66 / 28%);
  flex-direction: column;
}
.yorum-kutu:last-child {margin-bottom: 0;}
.yorum-kutu .sol,
.yorum-kutu .sag {padding: 10px;}
.yorum-kutu .sol {display: flex;width: 100%;border-bottom: 1px solid #ddd;flex-direction: column;padding-bottom: 35px;}
.yorum-kutu .sag {padding: 0px;display: flex;justify-content: space-between;text-align: center;position: absolute;right: 125px;top: 12px;}
.yorum-kutu .yorum-puan-satir {
  color: #ffc926;
  font-size: 0.8rem;
}
.yorum-kutu .yorum-puan-satir {display: none;}
.yorum-kutu .yorum-puan-satir:first-child {display: block;background: transparent;line-height: normal;padding: 4.4px 10px;border-radius: 10px;}
.yorum-kutu .yorum-puan-satir:first-child .yorum-puan-aciklama {display: none;}
.yorum-kutu .yorum-puan-aciklama {
  display: block;
  font-size: 14px;
  color: #fff;
  margin-left: 10px;
}
.yorum-kutu .yorum-isim {margin-bottom: 10px;text-align: left;font-size: 16px;font-weight: 600;color: #000;border-bottom: 1px solid #ddd;padding-bottom: 5px;font-family: 'Baloo Bhaijaan 2', cursive !important;}
.yorum-kutu .yorum-isim i,
.yorum-kutu .yorum-tarih i {background: #dddddd;text-align: center;color: #fff;margin-right: 5px;}
.yorum-kutu .yorum-isim i {display: none;}
.yorum-kutu .yorum-tarih i {background: transparent;color: #000;}
.yorum-kutu .sol {position: relative;}
.yorum-kutu .yorum-tarih {position: absolute;right: 10px;top: 12px;background: #ddd;padding: 3px 10px;line-height: normal;border-radius: 10px;}
.yorum-kutu .yorum {font-size: 14px;line-height: normal;}



.comments-wrapper {float: left;width: 100%;padding: 20px;background: #fff;margin-bottom: 20px;}

@media (max-width: 768px) {
  .yorum-genel-puanlar {flex-direction: column;}
  .yorum-genel-puanlar .sol {width: 100%;}
  .yorum-kutu {flex-direction: column;}
  .yorum-kutu .sol {width: 100%;border-right: 0;border-bottom: 1px solid #ddd;flex-direction: column;}
  .yorum-kutu .yorum-tarih {position: relative;margin-top: 10px;left: 0;}
  .yorum-yildiz > i {font-size: 1em;padding: 5px;border-radius: 5px;}
  /*.ratingVal {font-size: 0.8rem;padding: 4px 6px;}*/
  .ratingVal {position: relative;width: 100%;text-align: center;}
  .ratingVal:before {border-width: 13px 13px 13px 0;left: -13px;display: none;}

  .yorum-kutu .sag {display: block;}
  .yorum-kutu .sag .yorum-puan-satir {width: 50%;float: left;}
}

@media (max-width: 480px) {
  .yorum-kutu .sag .yorum-puan-satir {width: 100%;}
}