body {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}
electorate-search::part(label){
    font-size:0.9rem;
}
electorate-search::part(element){
    background-color: ghostwhite;
    border-width: 1px;
    border-style: solid;
    margin-bottom:0.25rem;
}
electorate-search[type="state"]::part(element){
    background-color: ghostwhite;
    border-width: 2px;
    border-style: solid;
    margin-bottom:0.25rem;
}
electorate-search[validity="invalid"]::part(element){
    background-color: red;
}
electorate-search::part(popover) {
    display:none;
    position:absolute;
    z-index:1000;
    background-color:white;
    max-height:200px;
    overflow-y: scroll;
    min-width:150px;
}
electorate-search::part(popover-element) {
    padding:2px;
    margin:1px;
    background-color: ghostwhite;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size:12pt;
}
electorate-search::part(popover-element):hover{
    background-color: lightgrey;
    cursor: pointer;
}


.text-input{
    text-transform: uppercase;
}
.search-element-container {
    position:relative;
}

.flex-container {
    display: flex;
}
.flex-child {
    flex: 1;
}  
.flex-child:first-child {
    margin-right: 20px;
}