.exon, .intronret {
    fill: grey;
    fill-opacity: .3;
    stroke: black;
    stroke-linejoin: round;
}

.exon.found {
    fill: grey;
    stroke: black;

}

.exon.novel, .intronret.novel {
    stroke: green;
    fill: green;
}

.exon.missing, .intronret.missing {
    stroke: black;
    stroke-dasharray: 5, 2;
    fill: transparent;
}

.halfexon {
    stroke: green;
    stroke-opacity: .5;
    stroke-width: 2;
    fill: green;
    fill-opacity: .3;
    stroke-linejoin: round;
}

.halfexon.hovered, .halfexon.selected {
    fill: purple;
    stroke: purple;
    stroke-width: 2;
    stroke-opacity: 1;
}

.ssite3, .ssite5, .junction {
    fill: black;
    fill-opacity: 0;
    stroke: red;
    stroke-width: 1.5;
    pointer-events: visibleStroke;

}

.ssite3, .ssite5 {
    stroke-opacity: 0.7;
    stroke-dasharray: 2, 2;
}

.ssite3.found, .ssite5.found, .junction.found, .intronret.found, .irlines.found {
    stroke: red;
}

.ssite3.novel, .ssite5.novel, .junction.novel, .irlines.novel {
    stroke: green;
}

.ssite3.missing, .ssite5.missing, .junction.missing {
    stroke: grey;
    stroke-width: 1;
    stroke-dasharray: 5, 2;
}

.junction.foundInOthers {
    stroke: red;
    stroke-width: 1;
    stroke-dasharray: 5, 2;
}

.junction.novelInOthers {
    stroke: green;
    stroke-width: 1;
    stroke-dasharray: 5, 2;
}

.ssite3.highlighted, .ssite5.highlighted, .exon.hovered, .junction.hovered, .intronret.hovered, .exon.highlight-lsv,
.junction.selected, .exon.selected, .intronret.selected {
    fill: orange;
    stroke: orange;
    stroke-width: 2;
    stroke-opacity: 1;
}

.numexon, .readcounts {
    text-anchor: middle;
    font-family: sans-serif;
    font-size: 11px;
    pointer-events: none;
}

.irreads {
    font-family: sans-serif;
    font-size: 11px;
    pointer-events: none;
}

.irlines {
    stroke-width: 2;
}

.numexon {
    font-size: 13px;
    font-weight: bold;
    z-index: 1;
}

.blurred, .sgfilter {
    stroke-opacity: 0.1;
}

.ssite3.blurred, .ssite5.blurred, .readcounts.blurred, .readcounts.sgfilter, .irreads.sgfilter {
    fill-opacity: 0.1;
}

.readcounts.highlighted {
    font-size: 15px;
    fill-opacity: 1;
}

.tooltipD3 {
    display: inline-block;
}

.tooltipD3.hidden {
    display: none;
}

.tooltipD3 p {
    margin: 0;
    font-family: sans-serif;
    font-size: 16px;
    line-height: 20px;
}

.toogleScale {
    cursor: pointer;
}

.newpartialexon {
    fill: green;
    fill-opacity: .3;
    stroke: green;
    stroke-linejoin: round;
    stroke-dasharray: 5, 2;
    pointer-events: none;
}

.highlight-lsv-blurred {
    opacity: 0;
}

.junction.highlight-lsv {
    stroke-dasharray: none;
    stroke-width: 1.5;
}