#plot-tktl1, #linear-plot-tktl1, #histogram-tktl1, #histogram-tktl1-original, #plot-apo10, #linear-plot-apo10, #histogram-apo10, #histogram-apo10-original {
    font: 11px sans-serif;
    position: relative;
    clear:both;
}

#plot-tktl1 svg, #linear-plot-tktl1 svg, #plot-apo10 svg, #linear-plot-apo10 svg {
    position: relative;
    z-index: 2;
}

#plot-tktl1 canvas, #linear-plot-tktl1 canvas, #plot-apo10 canvas, #linear-plot-apo10 canvas {
    position: absolute;
    z-index: 1;
    top: 20px;
    left: 50px;
}

#histogram {
    font: 11px sans-serif;
}

rect {
    fill: transparent;
    shape-rendering: crispEdges;
}

.axis path,
.axis line {
    fill: none;
    stroke: rgba(0, 0, 0, 0.1);
    shape-rendering: crispEdges;
}

.axisLine {
    fill: none;
    shape-rendering: crispEdges;
    stroke: rgba(0, 0, 0, 0.5);
    stroke-width: 2px;
}

.dot, .dot2, .dot3, .dot4 {
    fill-opacity: .5;
    stroke: black;
    stroke-width: 0;
    stroke-opacity: .8;
}

.dot { fill: red; }
.dot2 { fill: purple; }
.dot3, .dot4 { fill: grey; }

.dot-plot-controls {
    margin-bottom: 0px !important;
    margin-top: 10px;
    margin-left: 50px;
}
.dot-plot-controls .control {
    margin-bottom: 0px !important;
}

.dot-plot-show-cut-controls {
    margin-bottom: 0px !important;
    margin-top: 10px;
    margin-left: 20px;
}
.dot-plot-show-cut-controls .control {
    margin-bottom: 0px !important;
}

.dot-plot-zoom-controls {
    margin-bottom: 0px !important;
    margin-top: 10px;
    margin-right: 20px;
}
.dot-plot-zoom-controls .control {
    margin-bottom: 0px !important;
}


.hide-grid .tick line {
  opacity: 0 !important;
}


/*
#plot
 - svg
 - canvas
*/