body {
  background: #f5f5f5;
}

svg text {
  font-family: 'brandonRegular';
}

svg.activity-progress-svg {
  border-radius: 50%;
  background: #fff;
}

svg.individual-chart defs #svgGradient #offset0 {
  stop-color: #5fe1ff;
}

svg.individual-chart defs #svgGradient #offset100 {
  stop-color: #8b95ff;
}

svg.new-nutrition-progress defs #totalGradient #offset0 {
  stop-color: #1EB865;
}

svg.new-nutrition-progress defs #totalGradient #offset100 {
  stop-color: #1EB865;
}
svg.new-carbs-progress defs #carbsGradient #offset0 {
  stop-color: #FF7268;
}

svg.new-carbs-progress defs #carbsGradient #offset100 {
  stop-color: #FF7268;
}
svg.new-protein-progress defs #proteinGradient #offset0 {
  stop-color: #244CB2;
}

svg.new-protein-progress defs #proteinGradient #offset100 {
  stop-color: #244CB2;
}
svg.new-fats-progress defs #fatsGradient #offset0 {
  stop-color: #FFA800;
}

svg.new-fats-progress defs #fatsGradient #offset100 {
  stop-color: #FFA800;
}

svg.individual-chart defs #nutritionGradient #offset0, svg.nutrition-progress defs #totalGradient #offset0, svg.carbs-progress defs #carbsGradient #offset0, svg.protein-progress defs #proteinGradient #offset0, svg.fats-progress defs #fatsGradient #offset0 {
  stop-color: #4be644;
}

svg.individual-chart defs #nutritionGradient #offset100, svg.nutrition-progress defs #totalGradient #offset100, svg.carbs-progress defs #carbsGradient #offset100, svg.protein-progress defs #proteinGradient #offset100, svg.fats-progress defs #fatsGradient #offset100 {
  stop-color: #42cb3b;
}

svg.carbs defs #svgGradient #offset0 {
  stop-color: #4be644;
}

svg.carbs defs #svgGradient #offset100 {
  stop-color: #42cb3b;
}

svg.team-chart defs #teamGradient #offset0 {
  stop-color: #c4e491;
}

svg.team-chart defs #teamGradient #offset100 {
  stop-color: #76cb7a;
}

svg.org-chart defs #orgGradient #offset0 {
  stop-color: #8cf7c9;
}

svg.org-chart defs #orgGradient #offset100 {
  stop-color: #2aceea;
}

svg.steps-chart defs #stepsGradient #offset0 {
  stop-color: #5fe1ff;
}

svg.steps-chart defs #stepsGradient #offset100 {
  stop-color: #8b95ff;
}

svg.hra-chart defs #hraGradient #offset0 {
  stop-color: #5fe1ff;
}

svg.hra-chart defs #hraGradient #offset100 {
  stop-color: #8b95ff;
}

svg.cals-chart defs #calsGradient #offset0 {
  stop-color: #c4e491;
}

svg.cals-chart defs #calsGradient #offset100 {
  stop-color: #76cb7a;
}

svg.sleep-chart defs #sleepGradient #offset0 {
  stop-color: #3A2CA0;
}

svg.sleep-chart defs #sleepGradient #offset100 {
  stop-color: #3A2CA0;
}


svg.chart defs #barGradient #offset0 {
  stop-color: #5A68E7;
}

svg.chart defs #barGradient #offset100 {
  stop-color: #5A68E7;
}

svg.chart defs #barGradient #distanceoffset0 {
  stop-color: #5A68E7;
}

svg.chart defs #barGradient #distanceoffset100 {
  stop-color: #5A68E7;
}

svg.chart defs #barGradient #caloriesoffset0 {
  stop-color: #5A68E7;
}

svg.chart defs #barGradient #caloriesoffset100 {
  stop-color: #5A68E7;
}

svg.chart defs #barGradient #stepsoffset0 {
  stop-color: #5A68E7;
}

svg.chart defs #barGradient #stepsoffset100 {
  stop-color: #5A68E7;
}

svg.chart defs #barGradient #nutritionoffset0 {
  stop-color: #1EB865;
}

svg.chart defs #barGradient #nutritionoffset100 {
  stop-color: #1EB865;
}

svg.chart defs #barGradient #sleepoffset0 {
  stop-color: #3A2CA0;
}

svg.chart defs #barGradient #sleepoffset100 {
  stop-color: #3A2CA0;
}

svg.chart defs #comparitiveBarGradient #offset0 {
  stop-color: #ff9d29;
}

svg.chart defs #comparitiveBarGradient #offset100 {
  stop-color: #ffba77;
}

svg.chart .Fasting-circle {
  fill: #8a35f4;
}

svg.chart .Random-circle {
  fill: #3bc9bb;
}

svg.chart .Post-meal-circle {
  fill: #f35a79;
}

svg.chart .Systolic-circle {
  fill: #64efcf;
}

svg.chart .Diastolic-circle {
  fill: #4191ff;
}

svg.chart .Weight-circle {
  fill: #985de4;
}

svg.chart .wc-circle {
  fill: #4AA4F3;
}

svg.chart .hemo-circle {
  fill: #D4145A;
}

svg.chart .chol-circle {
  fill: #FF396F;
}

.data-svg.steps-svg svg path {
    fill: #5A68E7 !important;
}

.goal-svg.steps-goal svg path, .data-svg.distance-svg svg path {
    fill: #27AE60 !important;
}
.activity-svg.steps-activity svg path, .activity-svg.distance-activity svg path, .activity-svg.calories-activity svg path {
    fill: #2871EA !important;
}

.goal-svg.distance-goal svg path  {
  fill: #27AE60 !important;
}

.data-svg.calories-svg svg path {
    fill: #714FFF !important;
}

.goal-svg.calories-goal svg path  {
  fill: #27AE60 !important;
}


/*g.axis {*/
  /*font-size: 1rem;*/
/*}*/

g.y.axis {
  stroke-width: 0;
}

g.y.axis .tick text {
  opacity: 0;
}

g.y.detailed.sleep.axis .tick text {
  opacity: 0.3;
}

g.x.axis .tick line {
  visibility: hidden;
}

g.x.axis .domain {
  stroke: #8852fc;
  stroke-opacity: 0.8;
}

g.steps.x.axis .domain {
  stroke: #72b0ff;
}

g.calories.x.axis .domain {
  stroke: #ff85af;
}

g.y.axis .tick:nth-of-type(2n+1) text {
  font-size: 9px;
  opacity: 0.3;
}

g.y.axis .tick:first-of-type text, g.y.axis .tick:last-of-type text {
  font-weight: 600;
  opacity: 1;
}

g.y.detailed.sleep.axis .tick:last-of-type text {
  font-weight: 600;
  opacity: 1;
}

g.detailed.y.axis .tick:first-of-type text {
  opacity: 0;
}

g.detailed.x.axis .domain {
  stroke: none;
}

.grid .tick {
  opacity: 0.1;
  stroke: lightgrey;
}

.grid path {
  stroke-width: 0;
}

.grid .tick:first-of-type {
  display: none;
}