.stat {}


$stat-green: #5BD130;
.stat-green {
  color: $stat-green;
  &.stat-border-top,
  .stat-border-top {
    border-color: $stat-green;
  }
}

$stat-orange: #FB9026;
.stat-orange {
  color: $stat-orange;
  &.stat-border-top,
  .stat-border-top {
    border-color: $stat-orange;
  }
}

$stat-red: #FF3949;
.stat-red {
  color: $stat-red;
  &.stat-border-top,
  .stat-border-top {
    border-color: $stat-red;
  }
}

$stat-blue: #64B5F6;
.stat-blue {
    color: $stat-blue;
    &.stat-border-top,
    .stat-border-top {
        border-color: $stat-blue;
    }
}

.stat-border-top {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border: none;
  border-top-width: 3px;
  border-top-style: solid;
}

.stat-value {
  color: rgba(0,0,0,0.75);
  font-size: 20px;
  font-weight: bold;
}

.circle-stat {
  position: relative;
}
.circle-stat-value {
  position: absolute;
  top: 0;
  left: 0;
  height: 50px;
  width: 50px;
  text-align: center;
  line-height: 50px;
  font-size: 15px;
}

.stat-label {
  font-size: 14px;
  color: rgba(0,0,0,0.35)
}
