.fill{
    background-color: lightgray;
    fill: lightgray;
}

.fill[data-party='D']{
    background-color: lightskyblue;
    fill: lightskyblue;
}

.fill[data-party='PC'],
.fill[data-party='P']{
    background-color: honeydew;
    fill: honeydew;
}

.fill[data-party='R']{
    background-color: tomato;
    fill: tomato;
}

.fill[data-party='G']{
    background-color: lightgreen;
    fill: lightgreen;
}

.fill[data-party='I']{
    background-color: sandybrown;;
    fill: sandybrown
}

.fill[data-party='WF'],
.fill[data-party='W']{
    background-color: #eaaee8;
    fill: #eaaee8;
    
}

.fill[data-party='LI'],
.fill[data-party='L']{
    background-color: #ffec80;
    fill: #ffec80;
}

/* .candidate-list span, */
.fill.light{
    background-color:#eee;
}


.race_row[data-winning-party='D'],
.candidate-list span[data-party='D'],
.fill.light[data-party='D']{
    background-color: #e7f5fe;
    fill: #e7f5fe;
}

.race_row[data-winning-party='R'],
.candidate-list span[data-party='R'],
.fill.light[data-party='R']{
    background-color:  #ffe9e6;
    fill:  #ffe9e6;
}

.race_row[data-winning-party='G'],
.candidate-list span[data-party='G'],
.fill.light[data-party='G']{
    background-color:  #e6fee6;
    fill:  #e6fee6;
}

.candidate-list span[data-party='WF'],
.fill.light[data-party='WF'],
.candidate-list span[data-party='W'],
.fill.light[data-party='W']{
    background-color:#f5eafa; 
    fill: #f5eafa;
}
.candidate-list span[data-party='I'],
.fill.light[data-party='I']{
    background-color:#fdf2e7;
    fill: #fdf2e7;
}
.candidate-list span[data-party='L'],
.fill.light[data-party='L']{
    background-color:#fff099;
    fill: #fff099;
}

.winner,
.border{
    border: 1px solid #999;
}

.winner,
.shadow{
    box-shadow: 1px 1px 5px gray;
}

.winner.border[data-party='D']{
    border: 1px solid lightskyblue;
}
.winner.border[data-party='R']{
    border: 1px solid tomato;
}

.footnote {
    color: gray;
}