body {
    padding-top: 65px;
}

.axis path,
.axis line{
    fill: none;
    stroke:black;
    shape-rendering:crispEdge;
}

.axis text{
    font-family: sans-serif;
    font-size: 8px;
}

h1{
    font-family: sans-serif;
    font-weight: bold;
    font-size: 16px;
}

.tick
{
    stroke-dasharray: 1, 2;
}



.test {
    color: #1f5810;
}



.colordvaline {
    height: 15px;
    width: 10px;
}


.hightlight {
    color: red;
}



/* for highlightPointsChart */
.dashed {
    stroke-dasharray: 5,5;
}

.nvd3.nv-scatter .nv-groups .nv-point.hover,
.nvd3 .nv-groups .nv-point.hover {
    stroke-width: 20px !important;
    fill-opacity: .5 !important;
    stroke-opacity: .5 !important;
}





.link line {
    stroke: #696969;
}

.link line.separator {
    stroke: #fff;
    stroke-width: 2px;
}

.node circle {
    stroke: #000;
    stroke-width: 1.5px;
}

.node text {
    font: 10px sans-serif;
    pointer-events: none;
}






/* Reactions Styles */

.console {
    /*position: fixed;*/
    top: 0;
    left: 0;
    padding: 15px;
    background: rgba(53, 175, 240, 0.6);
    border-radius: 3px;
    /*border-right: 2px solid rgba(0, 68, 196, 0.81);*/
    /*border-bottom: 2px solid rgba(0, 68, 196, 0.81);*/
    /*border-bottom-right-radius: 45px; */
}

.console a {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    color: black;
    text-decoration: none;
    border: 2px solid black;
    border-radius: 50%;
    box-sizing: border-box;
    margin-left: 5px; }

.console a#add-hydrogen {
    width: 24px;
    height: 24px;
    padding-top: 1px;
    background: #2ca02c;
}

.console a#add-carbon {
    width: 53px;
    height: 53px;
    padding-top: 16px;
    background: #1F77B4;
}

.console a#add-nitrogen {
    width: 57px;
    height: 57px;
    padding-top: 18px;
    background: #ff7f0e;
}

.console a#add-oxygen {
    width: 60px;
    height: 60px;
    padding-top: 20px;
    background: #d62728;
}

/* end Reactions Styles */