.axis path,
.tick line,
.tick text {
    stroke: #666;
    stroke-width: 0.5px;
    stroke-opacity: 0.5;
}
.axis path,
.axis line {
    fill: none;
    stroke: #000;

    shape-rendering: crispEdges;
    stroke-width: 1px;
}
.tick text {
    fill: #666;
}

.label {
    fill: #666;
    font-weight: 700;
    font-size: 10px;
}

/* Significance threshold line */
.threshold {
    stroke: #333;
    stroke-dasharray: 5px 10px;
    stroke-opacity: 0.25;
}

.dot {
    /*pointer-events: all;*/
    fill: #666;
    stroke: none;
    opacity: 0.4;
}

.dot.sig {
    fill: YellowGreen;
}

.dot.fold {
    fill: green;
}

.dot.sigfold {
    fill: green;

}
.dot.sigfoldPlus {
    fill: orange;

}
.dot.sigfoldMinus {
    fill: blue;

}
.zoom {
    cursor: move;
    fill: none;
    pointer-events: all;
}

/*Add clip path for dots and threshold lines to ensure they arent drawn if outside the clip box*/
/*.circlesContainer {*/
    /*clip-path: url(#clip);*/
/*}*/

/*.thresholdLines {*/
    /*clip-path: url(#clip);*/
/*}*/
.tooltip {
    position: absolute;
    z-index: 10;
    background-color: steelblue;
    color: #fff;
    padding: 2px 7px;
    /*visibility: hidden;*/
    opacity: 0.95;
    /*border-radius: 3px;*/
}

/*.tooltip::after {*/
    /*content: " ";*/
    /*position: absolute;*/
    /*top: 14%;*/
    /*right: 100%; !* To the left of the tooltip *!*/
    /*margin-top: -5px;*/
    /*border-width: 5px;*/
    /*border-style: solid;*/
    /*border-color: transparent transparent transparent transparent;*/
/*}*/
/*.tooltip.top {*/
    /*margin-top: -10px;*/
/*}*/

/*#resetBtn {*/
    /*position: absolute;*/
    /*font-size: .5em;*/
    /*font-weight: bold;*/
    /*color: #4c4c4c;*/
    /*background-color: #e5e5e5;*/
    /*box-shadow: 1px 1px 0.5px rgba(51,51,51, 0.1);*/
    /*border: 1px solid rgba(76, 76, 76, 0.5);*/
    /*border-radius: 3px;*/
    /*outline: none;*/
/*}*/

/*#resetBtn:hover {*/
    /*color: #000;*/
    /*cursor: pointer;*/
/*}*/