@import url(https://fonts.googleapis.com/css?family=Montserrat:400,600,500,300,700);

body {
    font-family: Montserrat, sans-serif;
}

/* ratings */
.rating-stars{
	list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.rating-stars li {
    float: left;
}

.rating-stars li img {
    width: 35px;
}

.rating-stars-small{
	list-style-type: none;
    margin: 0;
    padding: 0;
}

.rating-stars-small li {
    float: left;
}

.rating-stars-small li img {
    width: 15px;
}

/*circle*/
.flex-wrapper {
  display: flex;
  flex-flow: row nowrap;
}

.single-chart {
  width: 180px;
  justify-content: space-around ;
}

.circular-chart {
  display: block;
  margin: 0 auto;
  max-width: 90%;
  max-height: 250px;
}

.circle-bg {
  fill: none;
  stroke: #26334e;
  stroke-width: 1.8;
}

.circle {
  fill: none;
  stroke-width: 1.8;
  /*stroke-linecap: round;
  animation: progress 1s ease-out forwards;*/
}

.circular-chart.colors .h-green {
  stroke: #69b709;
}

.percentage {
  fill: #666;
  font-family: sans-serif;
  font-size: 0.5em;
  text-anchor: middle;
}

.percentage-positive{
	color: #69b709;
}

.percentage-negative{
	color: red;
}