.parallelPlot svg {
    font: 10px sans-serif;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: block;
    margin: auto;
}

.parallelPlot .background path {
    fill: none;
    shape-rendering: optimizeSpeed;
}

.parallelPlot .foreground path {
    fill: none;
    shape-rendering: auto;
}

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

.parallelPlot .slider .axisGroup line,
.parallelPlot .slider .axisGroup path {
    fill: none;
    stroke: none;
}

.parallelPlot .axisLabel {
    cursor: pointer;
}

.parallelPlot .category rect.box {
    stroke: black;
    stroke-opacity: 0.6;
    shape-rendering: "crispEdges";
    cursor : pointer
}

.parallelPlot .category rect.box.active {
    opacity: 1;
}

.parallelPlot .category rect.box.inactive {
    opacity: 0.3;
}

.parallelPlot .plotGroup .axisGroup text,
.parallelPlot .plotGroup .category text {
    fill: black;
    text-shadow: 0 1px 0 #D0D0D0, 1px 0 0 #D0D0D0, 0 -1px 0 #D0D0D0, -1px 0 0 #D0D0D0;
}

.parallelPlot .brushDim .overlay {
    cursor : pointer;
    stroke: black;
}

.parallelPlot .brushDim .selection {
    fill : black;
    stroke: none;
}

.parallelPlot div.sliderTooltip {
    position: absolute;
    padding: 5px;
    font: 10px sans-serif;
    color: black;
    background: #C2C2C2;
    opacity: 0.8;
    border: solid;
    border-radius: 3px;
    border-width: 1px;
    border-color: black;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
    pointer-events: none;
}

.parallelPlot g.dimension.input .axisLabel {
    fill: rgb(7, 99, 7);
}

.parallelPlot g.dimension.output .axisLabel {
    fill: rgb(6, 89, 167);
}

.parallelPlot g.editionCircles circle {
    stroke: black;
    stroke-width: 1;
    fill: white;
    cursor: row-resize;
    shape-rendering: "auto";
}

.parallelPlot .controlDiv {
    display: flex;
    justify-content: center;
    align-items: stretch;
    align-content: center;
    margin: 0.5em;
    column-gap: 1em;
}
  
.parallelPlot .withoutWidgets .controlDiv {
    display: none;
}

.parallelPlot .ppDiv {
    position: relative;
}
  
.parallelPlot .ppTooltip {
    display: none;
    position: absolute;
    font-size: .8em;
    text-align: left;
    border-style: none;
    border-radius: 0.4em;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    padding: 0.4em;
    pointer-events: none;
}

.parallelPlot .ppTooltip .title {
    margin-bottom: 0.5em;
    font-weight: bold;
    color: red;
}

  