h1
{
    color: #FF00FF;
}

.node circle
{

    color: #0000FF;
    

}

.node text
{

    color: #FF0000;
}

.axisReds
{
    fill: none;
    stroke: red;

    
}

.axisRed text
{
    font-size: 0.5em;
    fill: #FF0;
    
}


.line
{
    fill: none;
    stroke: steelblue;
    stroke-width: 1px;
}

.x .axis line
{
    stroke: #000000;
    stroke-width: 0.1px;
}

.axis
{

    shape-rendering: crispEdges;
    
}

.x.axis line
{
    stroke-width: 1px;
    stroke: #000000;
}

.x.axis path
{
    stroke-width: 1px;
    stroke: #000000;
}


.x.axis text
{
    stroke: #00FF00;
    fill: #0000FF;
    stroke-width: 0.0px;
    font-size: 1em;
    shape-rendering: crispEdges;
}


.axis path,
.axis line
{
    fill: none;
    stroke: #000;
    shape-rendering: crispEdges;
    stroke-width: 1px;

}

.y.axis path
{
    stroke-width: 1px;
    stroke: #000000;

}

.y.axis line
{
    stroke-width: 1px;
    stroke: #000000;
}

.y.axis text
{
    stroke: #000000;
    fill: #000000;
    stroke-width: 0.0px;
    font-size: 1em;
    shape-rendering: crispEdges;

}

.graph-label-a
{

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

.domain
{

        color: #00FF00; 
}

#div-graph1
{

    width: 75%;
    background-color: #FFF;
    border: 0px solid #000;

}


.page-grid-item-left #div-graph1
{

    background-color: #eee;
    margin: 0 auto;
    border: 1px solid #ccc;
    background-image: linear-gradient(to bottom, #FFFFFF, #aaEFaa);
}


.temp-text
{

    font-size: 1em;
}


.temp-dot-a
{

    /* fill: #0000FF; */
    
   transition: fill 1s;
    
   transition: r 2s;

}

.temp-dot-a:hover
{

    stroke: 1px;
    fill: rgba(1.0, 1.0, 1.0, 0.0);
    r: 10px;

}

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

.grid path {
    stroke-width: 0;
}

.y-axis-new-left
{

    color: #0000FF;
    stroke-width: 0.5px;
}

.y-axis-new-right
{
    color: green;
    stroke-width: 0.5px;
}