#menu{
    width: 250px;
    height: 500px;
    background-color: aliceblue;
    position: absolute;
    right: 0;
    top : 0;
    z-index: 500;
    margin: 10px;
    border: 1px solid #000;
    border-radius: 5px;
}

form[name="candidates"] fieldset input:checked{
    accent-color: #0077B3;
}

form[name="candidates"] fieldset label:has(input:checked){
    background-color: var(--label-color);
}

form[name="candidates"] fieldset label:not(:has(input:checked)){
    text-decoration: line-through;
}

form[name="election"] fieldset{
    display: flex;
    align-items: center;
    flex-direction: column;
}

form[name="election"] fieldset button{
    width: 75%;
    height: 50px;
    font-size: 1em;
    margin: 5px;
    background-color: #000;
    color: #FFF;
    border: 1px solid #000;
    border-radius: 5%;
}

form[name="election"] fieldset button:hover,form[name="election"] fieldset button.selectedElection:hover{
    background-color: #444;
}

form[name="election"] fieldset button.selectedElection{
    background-color: #0066cc;
    color: #FFF;
}

table.popup-table, table.popup-table tr, table.popup-table td,table.popup-table th{
    border: 1px solid #000;
    border-collapse: collapse;
}

table.popup-table thead tr{
    background-color: #000;
    color: #FFF;
}

table.popup-table tbody tr{
    background-color: var(--main-color-tr);
}

table.popup-table tbody tr:hover {
    background-color: var(--main-color);
    color: var(--main-color-fg);
}