/* CSS for Electorate Div styles, (Aggregate and SAVE-02 */

div#a-ctrl,
div#s2-ctrl {
    display: flex;
    flex-wrap: wrap; }

div#a-ctrl label,
div#a-ctrl button,
div#s2-ctrl label,
div#s2-ctrl button {
    display: inline-block; }

input#a-select-idx,
input#s2-select-idx {
    width: 4rem; }

input#a-x-coord,
input#a-y-coord,
input#s2-x-coord,
input#s2-y-coord {
    width: 6rem; }

div#a-ctrl > div.electorate-ctrl > div.electorate-creation,
div#a-ctrl > div.electorate-ctrl > div.metrics,
div#a-ctrl > div.electorate-ctrl > div.selection,
div#a-ctrl > div.electorate-ctrl > div.initial-counts,
div#a-ctrl > div.electorate-ctrl > div.add-delete-best,
div#s2-ctrl > div.electorate-ctrl > div.electorate-creation,
div#s2-ctrl > div.electorate-ctrl > div.metrics,
div#s2-ctrl > div.electorate-ctrl > div.selection,
div#s2-ctrl > div.electorate-ctrl > div.initial-counts,
div#s2-ctrl > div.electorate-ctrl > div.add-delete-best {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-around;
}