#growth_graph {
  width: 360px;
  padding: 0px 1rem .5rem 0px;
  color: #444444;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: normal;
}
#growth_graph h3 {
  text-align: left;
  margin: 10px 0 10px 60px;
  font-weight: bold;
  font-size: 12px;
  padding: 0px;
}
#growth_graph chart {
  width: 285px;
  height: 120px;
}
#growth_graph datum {
  margin: 0 1px;
}
#growth_graph range {
  background-color: #ffcc00;
  border-radius: 6px;
}
#growth_graph annotation {
  font-size: 8px;
}

.graph-slider {
  width: 100%;
  overflow-y: hidden;
  margin: 0;
  display: inline-flex;
  height: 180px;
}

    .graph-table {
        border-collapse: collapse;
        font-family: sans-serif;
    }
    
    .graph-tbody tr:nth-child(even) td {
        line-height: 1px;
        margin: 0;
        padding: 0;
    }

    .graph-tbody tr:nth-child(odd) td {
        line-height: 19px;
        height: 19px;
        margin: 0;
        padding: 0;
    }

    .databar-positive, .databar-negative, .databar-zero {
        background-color: #ffcc00;
        margin: 0 0 0 2px;
        display: flex;
        align-items: center;
    }
    
    .databar-positive span, .databar-negative span, .databar-zero span {
        opacity: 0%;
        transition: opacity 0.5s;
        font-size: .8rem;
        text-align: center;
        width:  -webkit-fill-available;
    }
    
    .databar-positive:hover span, .databar-negative:hover span, .databar-zero:hover span {
        opacity: 100%;
        transition: opacity 0.5s;
    }
    
    .databar-zero {
        height: 1px;
    }

    .databar-positive {
        /*border-radius: 4px 4px 0 0;*/
        border-radius: 4px 4px 4px 4px;
    }

    .databar-negative {
        /*border-radius: 0 0 4px 4px;*/
        border-radius: 4px 4px 4px 4px;
    }
    .v-axis {
        background-color: #ccc;
        width: 1px;
        height: 121px;
    }
    
    .h-tick {
        background-color: #ccc;
        width: 10px;
        height: 1px;
    }
    
    .y-legend span, .x-legend span {
        font-size: .5rem;
        text-transform: uppercase; 
    }
    
    .y-legend {
        text-align: right; 
        margin: 0 2px 0 5px;
    }
    
    .x-legend {
        text-align: center; 
        line-height: .5rem;
    }
    .graph-header {
        font-weight: bold;
        font-size: .8rem;
        margin-bottom: 5px;
    }