.chart {
	height: 200px;
	top: 50%;
	left: 50%;
	width: 200px;
    margin: auto;
}

.doughnutTip {
  position: absolute;
  min-width: 30px;
  max-width: 300px;
  padding: 5px 15px;
  border-radius: 1px;
  background: rgba(0,0,0,.8);
  color: #ddd;
  font-size: 17px;
  text-shadow: 0 1px 0 #000;
  text-transform: uppercase;
  text-align: center;
  line-height: 1.3;
  letter-spacing: .06em;
  box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  pointer-events: none;
  &::after {
      position: absolute;
      left: 50%;
      bottom: -6px;
      content: "";
      height: 0;
      margin: 0 0 0 -6px;
      border-right: 5px solid transparent;
      border-left: 5px solid transparent;
      border-top: 6px solid rgba(0,0,0,.7);
      line-height: 0;
}
}

.doughnutSummary {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #d5d5d5;
  text-align: center;
  text-shadow: 0 -1px 0 #111;
  cursor: default;
}

.doughnutSummaryTitle {
  width: 100%;
  font-size: 22px;
  letter-spacing: .06em;
  color: #5F5F5F;
}

.doughnutSummaryNumber {
  top: 50%;
  width: 100%;
  margin-top: -23%;
  font-size: 40px;
  color: #3498DB;
}

.chart path:hover {
 opacity: 0.65;
}

.rep_row > span:first-child {
    text-align: right;
}

.rep_row > span {
    text-align: center;
    float: left;
    box-sizing: border-box;
    width: 25%;
    padding: 5px;
    display: inline-block;
}

.reputation_details {
    margin: 0 0 0 -40px;
    text-align: center;
    list-style: outside none none;
}

.reputation_details > li {
    display: inline-block;
    margin: 0px 8px;
    font-size: 12px;
    text-align: center;
}

.reputation_details span[class*="_rep"] {
    display: inline-block;
    padding: 6px;
    border-radius: 0px;
    position: relative;
    top: 2px;
    border: 0px none;
    margin-right: 4px;
}

.reputation_details .positive_rep {
    background-color: #68B828;
}

.reputation_details .neutral_rep {
    background-color: #E78140;
}

.reputation_details .negative_rep {
    background-color: #3498DB;
}