#featureLegend text, #markerColorLegend text {
    font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
}
.time-table-x-axis line, .time-table-y-axis line, .time-table-x-axis path, .time-table-y-axis path{
    font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
    fill: none;
    /*stroke: Silver;*/
    stroke-width: 1px;
    shape-rendering: crispEdges;
}

.time-table-x-axis text, .time-table-y-axis text, .time-table-x-axis-hide text {
    font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
    fill: #2a718b;
}

.time-table-y-axis .tick {
    cursor:pointer;
}

.time-table-y-axis text.highlighted {
    fill: #1272d8;
    font-weight: bold;
}

.time-feature.highlighted {
    stroke: #D25C43;
    stroke-width:2px;
}

.time-feature.highlighted  .marker-arrow {
    stroke-width: 5px;
}

time-feature.triangle {
    stroke-width: 1px;
}

.time-feature.normal, rect.color-legend.normal {
    stroke: #959595;
    stroke-width: 1px;
}

.other {
    fill: #dddddd;
    stroke-width: 0.5px;
}
.nondrug {
    fill: #666666;
    stroke-width: 0.5px;
}
.black {fill: #000000;}
.c0 {fill: #5994d8;}
.c1 {fill: #EA9A0C;}
.c2 {fill: #D45151;}
.c3 {fill: #B9B829;}
.c4 {fill: #327462;}
.c5 {fill: #A14417;}
.c6 {fill: #955879;}

line.c0 {stroke: #5994d8}
line.c1 {stroke: #ea9a0c}
line.c2 {stroke: #d45151}
line.c3 {stroke: #b9b829}
line.c4 {stroke: #327462}
line.c5 {stroke: #a14417}
line.c6 {stroke: #955879}
line.cSpecial {fill: #063C58; stroke: #063c58}

line.marker-arrow {
    stroke-width: 3px;
    stroke-linecap: round;
}

.marker {cursor: default;}
.marker circle.cN {fill:#ffffff; stroke: #aaaaaa;}
.marker circle.cT {fill: #ffffff; stroke: #aaaaaa;}
.marker circle.cP {stroke: #aaaaaa; stroke-dasharray: 2; stroke-width: 2}
.marker circle.cTD {fill: #51bac2}
.marker circle.cBD {fill: #7a4ecc}
.marker circle.cB {fill: #ffffff; stroke: #aaaaaa;}
.marker circle.cND {fill: #807e7e}
.marker circle.c0 {fill:#aaaaaa}
.marker circle.c1 {fill: #f5f1c7}
.marker circle.c2 {fill: #fbe16f}
.marker circle.c3 {fill: #ffa47b}
.marker circle.c4 {fill: #ca1212}

.marker circle.multi-sample-type {stroke: #000000; stroke-width: 2}
.marker circle.multi-biospecimen {fill: none; stroke: #000000; stroke-width: 1}

.marker text {font-size: 8px; font-weight: 300}
.marker text.legend{font-size: 11px; font-weight: normal}
.marker text.cN {fill:#000000}
.marker text.cB {fill: #000000}
.marker text.cBD {fill: #ffffff}
.marker text.cT {fill: #000000}
.marker text.cTD {fill: #000000}
.marker text.cND {fill: #ffffff}
.marker text.c0 {fill:#000000}
.marker text.c1 {fill: #000000}
.marker text.c2 {fill: #000000}
.marker text.c3 {fill: #000000}
.marker text.c4 {fill: #ffffff}


.marker line.cN {stroke: #aaaaaa}
.marker line.cT {stroke: #aaaaaa}
.marker line.cTD {stroke: #51bac2}
.marker line.cBD {stroke: #ae8df0}
.marker line.cB {stroke: #aaaaaa}
.marker line.cND {stroke: #aaaaaa}
.marker line.c0 {stroke: #aaaaaa}
.marker line.c1 {stroke: #f5f1c7}
.marker line.c2 {stroke: #fbe16f}
.marker line.c3 {stroke: #ffa47b}
.marker line.c4 {stroke: #ca1212}

line.track.expanded {
    stroke:#000000;
    stroke-width: 1px;
}
line.track.normal {
    stroke:#000000;
    stroke-width: 0.5px;
}
line.track.highlighted {
    stroke: #000000;
    stroke-width: 2px;
}

.feature-color-key.highlighted{
    fill: #D25C43;
    stroke-width: 1px;
}
.feature-color-key.normal{
    fill: #000000;
    /* stroke: #cccccc; */
    stroke-width: 1px;
}
.marker-color-key.highlighted{
    fill: #D25C43;
}

div.time-table-tooltip {
    min-width: 100px;
    display: none;
    padding: 10px;
    text-align:left;
    position:absolute;
    font-size:12px;
    z-index:4000;
    border: 10px solid #ebebeb;
    color: #fff;
    background-color : #111111c9;
    border-radius: 5px;
}

text.highlighted {
    fill: #26b7ff;
}

text.deceased {
    fill: #aaaaaa;
}

/* customized bootstrap components */

.btn-outline-secondary {
    cursor: pointer;
    font-size: 8px;
}

.btn-default {
    border-color: #eeeeee;
}

/** select2 dropdown menu related*/
.select2-results__option {
    font-size: 11px;
}


