body {
    font-family: "Helvetica Neue", Helvetica;
    font-size: 12px;
}

p {
    clear: both;
    top: 10px;
}        

#graph1 {
    position: relative;
    width: 96%;
    height: 500px;
    margin-bottom: 20px;
}

/**
 * Original source: http://bl.ocks.org/benjchristensen/2657838
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 * http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

/*
* The CSS below is intended for the "global" styles of svg.line-graph, not specifics per graph such as color of lines
* which is expected to come from the data itself (even though it can be done via CSS as well if wanted)
*/

svg.line-graph text {
    cursor: default;
}

svg.line-graph .hover-line {
    stroke: #6E7B8B;
}

svg.line-graph .hide {
    opacity: 0;
}
                
svg.line-graph .axis {
  shape-rendering: crispEdges;
}

svg.line-graph .x.axis line {
  stroke: #D3D3D3;
}

svg.line-graph .x.axis .minor {
  stroke-opacity: .5;
}

svg.line-graph .x.axis path {
  display: none;
}
            
svg.line-graph .x.axis text {
    font-size: 10px;
}

svg.line-graph .y.axis line, .y.axis path {
  fill: none;
  stroke: #000;
}
            
svg.line-graph .y.axis text {
    font-size: 12px;
}

svg.line-graph .scale-button:not(.selected):hover {
    text-decoration: underline;
    cursor: pointer !important;
}

svg.line-graph .date-label {
    fill: #6E7B8B;
}