.star-rating-readonly {
  width: max-content;
}

.product-reviews .title {
  color: #109a2c;
  font-weight: 600;
  font-size: 24px;
  font-family: 'RobotoSlab', serif !important;
}

.order-product-review .start-rating i {
  font-size: 1.5rem;
}

.order-product-review button {
  border-radius: 20px;
  text-transform: uppercase;
}

.start-rating-readonly {
  width: max-content;
}

table.no-border,
table.no-border tr td {
  border: 0 !important;
}

.avg-product-rating {
  font-weight: 700;
}

.avg-product-rating p {
  font-size: 2.5rem;
}

.avg-product-rating i {
  font-size: 1.5rem;
}

.total-rating {
  border: 1px solid #dedede;
  border-radius: 5px;
}

button.send-review-product {
  text-transform: uppercase;
}

.order-product-review .btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #109a2c;
  --bs-btn-border-color: #109a2c;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0f8f2b;
  --bs-btn-hover-border-color: #0f8f29;
  --bs-btn-focus-shadow-rgb: 60, 153, 110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0f8f29;
  --bs-btn-active-border-color: #0f8f2b;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #109a2c;
  --bs-btn-disabled-border-color: #109a2c;
}

.order-product-review .btn-outline-success {
  --bs-btn-color: #109a2c;
  --bs-btn-border-color: #109a2c;
  --bs-btn-hover-color: #109a2c;
  --bs-btn-hover-bg: #fff;
  --bs-btn-hover-border-color: #109a2c;
  --bs-btn-focus-shadow-rgb: 25, 135, 84;
  --bs-btn-active-color: #109a2c;
  --bs-btn-active-bg: #fff;
  --bs-btn-active-border-color: #109a2c;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #109a2c;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #109a2c;
  --bs-gradient: none;
}

.order-product-review .review-list {
  max-height: 500px;
  overflow-x: hidden;
  overflow-y: auto;
}

.order-product-review .review-list::-webkit-scrollbar {
  width: 5px;
}

.order-product-review .review-list::-webkit-scrollbar-thumb {
  background: #109a2c;
  border-radius: 50px;
}

.order-product-review .review-list::-webkit-scrollbar-track-piece {
  background: #ededed59;
  border-radius: 50px;
}

.order-product-review .review-list::-webkit-scrollbar-track-piece:end {
  margin-right: 260px;
}

.order-product-review .review-list::-webkit-scrollbar-track-piece:start {
  margin-left: 260px;
}

@media only screen and (min-width: 768px) {
  .product-rating-detail {
    border-right: 1px solid #dedede;
    border-left: 1px solid #dedede;
  }
}