.graph-outline {
    fill: none;
    stroke: gray;
    stroke-width: 0.75px;
}

.graph-tick {
    stroke: gray;
    stroke-width: 0.5px;
}

.graph-label {
    font-size:9px;
    font-family: Arial;
    color: gray;
 }

.graph-axis-label {
    font-size: 7px;
    font-family: Arial;
    transform: rotate(-90deg);
}

.graph-baseline {
    stroke:gray;
    stroke-width:0.38px;
 }

.graph-legend text {
    font-size: 5.7px;
    font-family: Arial;
}

.graph-legend-item--label text {
    fill: #772d56;
    font-size: 6.5px;
    font-weight: bold;
}

.graph-legend-item--label path {
    stroke: #772d56;
    stroke-width: .25px;
}

.graph-legend-item--clickable {
    cursor: pointer;
}

.graph-legend-item--inactive {
    opacity: .7;
}

.graph-legend-item--inactive text {
    fill: #6c757d;
}

.graph-legend-item--inactive path {
    stroke: #6c757d;
    opacity: .3;
}

.graph-line {
    fill: none;
    stroke-linejoin: round;
    stroke-width: 1px;
}

.graph-line--all {
    stroke-width: 1.3px;
}

.graph-line--hatched {
    stroke-width: .38px;
    opacity: .5;
}

.graph-line--inactive {
    display: none;
}

.graph-line--observed {
    stroke-width: 1.5px;
    stroke: #000;
}

.graph-line--all--combined {
    stroke: #fe8d3c;
}

.graph-line--all--human {
    stroke: #b10026;
}

.graph-line--all--natural {
    stroke: #225ea8;
}

.graph-line--aerosols {
    stroke: #9e6b3e;
}    

.graph-line--greenhouse {
    stroke: #d780a8;
}    

.graph-line--land-cover {
    stroke: #fed976;
}    

.graph-line--ozone {
    stroke: #fc4e2a;
}    

.graph-line--orbital {
    stroke: #998ec3;
}    

.graph-line--solar {
    stroke: #41b6c4;
}    

.graph-line--volcanic {
    stroke: #4d9221;
}    

/*
.graph-checkboxes-section--combined {
    margin: 20px 0;
}

.graph-checkboxes-section--human, .graph-checkboxes-section--natural {
    display: inline-block;
    width: 50%;
    vertical-align: top;
}

.graph-checkboxes-section--human {
    padding-right: 15px;
}

.graph-checkboxes-section--natural {
    padding-left: 15px;
}

.graph-checkboxes-section h5 {
    text-align: center;
    border-bottom: 1px solid;
}

.graph-checkboxes-wrapper div {
    display: inline-block;
    margin-right: 20px;
}

.graph-checkboxes-wrapper input {
    vertical-align: top;
    margin-right: 5px;
    margin-top: .45rem;
    cursor: pointer;
}

.graph-checkboxes-wrapper label {
    cursor: pointer;
}
*/