/**
 * Shop product reviews
 *
 * @author    businesstech.fr <modules@businesstech.fr> - https://www.businesstech.fr/
 * @copyright Business Tech - https://www.businesstech.fr/
 * @license   see file: LICENSE.txt
 *
 *           ____    _______
 *          |  _ \  |__   __|
 *          | |_) |    | |
 *          |  _ <     | |
 *          | |_) |    | |
 *          |____/     |_|
 */
#spr .progress {
  width: 150px;
  height: 150px;
  background: none;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
#spr .progress::after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 6px solid #eee;
  position: absolute;
  top: 0;
  left: 0;
}
#spr .border-primary {
  color: #f4c765 !important;
}
#spr .progress > span {
  width: 50%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 1;
}
#spr .progress .progress-left {
  left: 0;
}
#spr .progress .progress-bar {
  width: 100%;
  height: 100%;
  background: none;
  border-width: 6px;
  border-style: solid;
  position: absolute;
  top: 0;
}
#spr .progress .progress-left .progress-bar {
  left: 100%;
  border-top-right-radius: 80px;
  border-bottom-right-radius: 80px;
  border-left: 0;
  transform-origin: center left;
}
#spr .progress .progress-right {
  right: 0;
}
#spr .progress .progress-right .progress-bar {
  left: -100%;
  border-top-left-radius: 80px;
  border-bottom-left-radius: 80px;
  border-right: 0;
  transform-origin: center right;
}
#spr .progress .progress-value {
  width: 90%;
  height: 90%;
  border-radius: 50%;
  background: transparent;
  font-size: 24px;
  color: red;
  line-height: 15px;
  text-align: center;
  position: absolute;
  vertical-align: middle;
  top: 5%;
  left: 5%;
}
#spr .progress-stars {
  color: #f4c765 !important;
  font-size: 25px;
}
#spr .progress-stars-empty {
  color: lightgrey !important;
  font-size: 25px;
}
#spr .progress-stars-distribution {
  text-align: center;
}
#spr .pm-progress-rating {
  margin-top: 35%;
}
#spr .distribution {
  width: 100%;
  float: left;
}
#spr .text-distribution {
  text-align: left;
}
#spr .progress-distrib {
  height: 22px;
  background: #e1e4e8;
  border-radius: 15px;
  overflow: hidden;
  margin-bottom: 10px;
}
#spr .progress-bar {
  display: block;
  height: 100%;
  background-color: #f4c765;
  background-size: 300% 100%;
  -webkit-animation: progress-animation 2s linear infinite;
          animation: progress-animation 2s linear infinite;
}