/* This is controlling a lot of D3 css */
 .controls .navigate-left,
 .controls .navigate-left.enabled {
    border-right-color: #2a76dd;
}

 .controls .navigate-right,
 .controls .navigate-right.enabled {
    border-left-color: #2a76dd;
}

 .controls .navigate-left.enabled:hover {
    border-right-color: #6ca0e8;
}

 .controls .navigate-right.enabled:hover {
    border-left-color: #6ca0e8;
}

 .controls {
    width: 110px;
    height: 110px;
    z-index: 30;
    -webkit-user-select: none;
    margin-top: 500%;
}

 .controls button {
    padding: 0;
    position: sticky;
    opacity: 0.05;
    width: 0;
    height: 0;
    background-color: transparent;
    border: 12px solid transparent;
    -webkit-transform: scale(0.9999);
    transform: scale(0.9999);
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
    
}

 .controls .enabled {
    opacity: 0.7;
    cursor: pointer;
}

 .controls .enabled:active {
    margin-top: 1px;
}

 .controls .navigate-left {
    margin-right: 10px;
    top: 42px;
    border-right-width: 22px;
    border-right-color: #000;
}

 .controls .navigate-left.fragmented {
    opacity: 0.3;
}

 .controls .navigate-right {
    left: 74px;
    top: 42px;
    border-left-width: 22px;
    border-left-color: #000;
}

 .controls .navigate-right.fragmented {
    opacity: 0.3;
}

h1 {
    font-family: sans-serif;
    font-size: 3em;
    text-align: center;
}

svg .chart text {
    font-size: 9.5pt;
    font-family: sans-serif;
    text-anchor: middle;
    fill: black;
}
.toolTip {
        position: absolute;
        display: none;
        min-width: 80px;
        height: auto;
        background: none repeat scroll 0 0 #ffffff;
        border: 1px solid rgb(37, 113, 127);
        padding: 14px;
        text-align: center;
}