/**
 * RDH CRITERIA GRAPHIC, a six-section box where each smaller box representes one of the RDH data assessment criteria
 * topleft = raw data
 * topmiddle = processing steps
 * toppright = replicated with election data
 * bottomleft = replicated with demographic data
 * bottommiddle = replicated with boundary data
 * bottomright = validation ran
 */

div.rdh-criteria-graphic {
    display: flex;

    width: 60px;
}

div.rdh-criteria-graphic > div {
}
div.rdh-criteria-graphic > div > div {
    flex: 1;

    width: 20px;
    height: 20px;

    border: 2px solid transparent;  /* creates spacing/gutter */
    background-color: transparent;  /* placeholder, see below */
}

div.rdh-criteria-graphic div {
    background-repeat: no-repeat;
    background-size: cover;
}
div.rdh-criteria-graphic div.rdh-criteria-graphic-yes {
    background-image: url(../images/rdh-criteria-graphic-yes.png);
}
div.rdh-criteria-graphic div.rdh-criteria-graphic-no {
    background-image: url(../images/rdh-criteria-graphic-no.png);
}
div.rdh-criteria-graphic div.rdh-criteria-graphic-na {
    background-image: url(../images/rdh-criteria-graphic-na.png);
}