/* body {
    font: 10px sans-serif;
} */

text {
    fill: #000;
}

/* button {
    position: absolute;
    right: 20px;
    top: 440px;
    display: none;
} */

path.ohlc {
    stroke: #000000;
    stroke-width: 1;
}

path.ohlc.up {
    stroke: #00AA00;
}

path.ohlc.down {
    stroke: #FF0000;
}

/*adding css for zoom control*/
rect.pane {
    cursor: move;
    fill: none;
    pointer-events: all;
}

/*style least squares*/
.line {
    stroke: blue;
    fill:none;
    stroke-width: 3;
}

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

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

.text-label {
    font-size: 10px;
    font-family: sans-serif;
}

 /* responsive styling */
 .svg-container {
    display: inline-block;
    position: relative;
    width: 100%;
    padding-bottom: 0%; /*aspect ratio :20% */
    vertical-align: top;
    overflow: hidden;
}
.svg-content-responsive {
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 0;
}