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

.x-axis-property-minor
{

    color: #0000FF;
    font-size: 0.15em;
}

.x-axis-property-minor path,
.x-axis-property-minor line
{
    stroke-dasharray:  3, 3;
    stroke-width: 0.1px;
    
}


.x-axis-property
{

    color: #000000;
    font-size: 0.2em;
}

.x-axis-property path,
.x-axis-property line
{
    stroke-width: 0.2px;
}

.y-axis-property
{

    color: #000000;
    font-size: 0.2em;
}

.y-axis-property-1
{

    color: #000000;
    font-size: 0.2em;
}

.y-axis-property path,
.y-axis-property line
 {
     stroke: #0000FF;
    stroke-width: 0.2px;
}

.y-axis-property-1 path,
.y-axis-property-1 line
 {
          stroke: #FF0000;
    stroke-width: 0.2px;
}



.x-axis-new
{

    color: #000000;
    font-size: 0.5em;
}

.y-axis-new
{

    color: #000000;
    font-size: 0.5em;
}

/*
*/

#dashboard-gt1-gt2
{

    margin-left: 50px;

}


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

.grid path 
{
      stroke-width: 1px;
}

.x-dash.xaxis-dash text
{
    color: #0000FF;
    stroke: #FFFFFF;
    font-family: sans-serif;
    font-size: 0.2em;
}

.y-axis-new-left
{
     font-size: 0.3em;
}

.y-axis-new-right
{
     font-size: 0.3em;
}

.y-axis-new-left path,
.y-axis-new-left line
{

     stroke: #3300FF;
      stroke-width: 0.4px;
}

.y-axis-new-right path,
.y-axis-new-right line
 {
     font-size: 0.2em;
     stroke: #33CC66;
      stroke-width: 0.4px;
}


.y-axis-new path,
.y-axis-new line
{
      stroke-width: 0.2px;
}

.y-dash.yaxis-dash text
{
    color: #0000FF;
    stroke: #FFFFFF;
    font-family: sans-serif;
    font-size: 0.2em;
}

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

.yaxis-dash path,
.yaxis-dash 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; */
}

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

/** yield graph start **/
path
{ 
    stroke: #000000;
    stroke-width: 0.5px;
    fill: none;
}
  
.axis path,
.axis line
 {
    fill: none;
    stroke: grey;
    stroke-width: 1px;
    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;
}


div.tooltip_problem
{
    position: absolute;
    text-align: left;
    width: 150px;
    height: 30px;
    padding: 2px;
    font: 10px sans-serif;
    background: lightsteelblue;
    border: 1px solid blue;
    border-radius: 4px;
    pointer-events: none;
}



/*
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;
}
*/