#figure1 {
    position: relative;
    width: 100%;
    flex: 1 0;
    font-family: "PT Sans", sans-serif;
}



#figure1 .axis {
    font-size: 12px;
    font-family: "PT Sans", sans-serif;
    font-weight: 300;
}

#figure1 .domain {
    stroke: none;
}

#figure1 .axis line {
    stroke: none;
}

#figure1 .axisLabel {
    font-weight: 400;
    font-size: 14px;
    text-anchor: end;
    dominant-baseline: middle;
}

#figure1 .xAxisLabel {
    font-weight: 700;
    font-size: 14px;
    text-anchor: middle;
    dominant-baseline: middle;
}

#figure1 .questionLabel {
    font-weight: 700;
    font-size: 14px;
    text-anchor: end;
    dominant-baseline: middle;
}

#figure1 .barLabel {
    font-weight: 400;
    font-size: 14px;
    text-anchor: start;
    dominant-baseline: middle;
    color: #08306b;
}


#figure1 .tooltip {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 160px;
    font-size: 14px;
    font-weight: 400;
    padding: 5px;
    margin-left: 15px;
    margin-top: -10px;
    background-color: rgba(255,255,255,0.95);
    border: 1px dotted #CCCCCC;
    visibility: hidden;
    pointer-events: visiblePainted;
    /* background-color: #08306b; */
    /* color: #08306b; */

}

#figure1 .tooltip b {
    color: #08306b;
}

.wavelabel {
    font-family: "PT Sans", sans-serif;
    font-size: 12pt;
    text-transform: uppercase;
    text-anchor: middle;
    dominant-baseline: central;
    fill: #AAAAAA;
    font-weight: 600;
    letter-spacing: 2px;
    cursor: default;
}




.yGridline {
    stroke: #CCCCCC;
    stroke-dasharray: 4 2;
}

.bubble, .bar {
    fill: #08306b;
}

.indent {
    display: block;
    width: 100%;
    padding-left: 10px;
}