/***********************************************************************
*  for d3.js
***********************************************************************/


#dashboard-gt1-gt2
{

    margin-left: 50px;

}


.grid .tick 
{
    stroke: blue;
    opacity: 1.0;
}

.grid path 
{
      stroke-width: 0;
}

.axis text
{
    color: #00FF00;
    stroke: #FFFFFF;
    font-family: sans-serif;
    font-size: 0.2em;
}

.axis path,
.axis line 
{
  fill: none;
  stroke: #FFFFFF;
  shape-rendering: crispEdges;
}

.graph-label
{
    color: #0000FF;
    font-size: 0.4em;

}

.graph-label-large
{
    color: #0000FF;
    font-size: 1.4em;

}

.temp-text
{
    color: #FF0000;
    font-size: 0.4em;
}

.area 
{
 fill: #00FF00;
 stroke: blue;
 stroke-width: 2.0px;
 stroke-opacity: 0.5;
 opacity:0.9;
}

.area_mean
{
 fill: rgb(214,115,203);
 stroke: blue;
 stroke-width: 3.0px;
 stroke-opacity: 0.9;
 opacity:0.5;
}


.x .axis path 
{
 stroke: black;
  /* display: none; */
}

.line 
{
  fill: none;
  stroke: red;
  stroke-width: 1.5px;
}

/** yield graph start **/
path
{ 
    stroke: steelblue;
      stroke-width: 2;
      fill: none;
}
  
.axis path,
.axis line {
    fill: none;
    stroke: grey;
    stroke-width: 0.5px;
    shape-rendering: crispEdges;
}

  
.label {
    position:absolute;
}

circle {
    cursor: pointer;
    fill: red;
}

.temp-dot-gm1
{
    fill: red;

}

.temp-text
{

    background-color: #FF0000;
    color: #FF0000;
    
}

.tick line
{
    opacity: 1.0;
}


/*
Experiment
{

}

svg title
{

    background-color: #00FF00;
    color: #FF0000;

}

svg title
{
    visibility: hidden;
}
        
svg title:hover
{
    visibility: visible;
}
        
title
{
    fill: black;
    font-size: 12px;
    font-family: sans-serif;
}
        
title
{
    fill: yellow;
    stroke: blue;
}
*/