#myheader {
    text-align: center;
    vertical-align: middle;
    font-size: 24px;
    font-weight: bold;
}
.error {
    font-size : 18px;
    color: red;
    font-style: italic;
}

.mytable {
    font-size: 16px;
}
.myfooter {
    font-size: 8px;
    text-align: center;
}
.padded {
    padding-left: 10px;
    padding-right: 10px;
}
.red {
    color: red;
}
.orange {
    padding: 10px;
    color: orange;
}
.green {
    padding: 10px;
    color: green;
}
ul {
  list-style-type: none;
}
.green-button {
    display: none;
}
.green-button + label {
    padding: 2px;
    border: 2px solid #9b2b70;
    border-radius: 30%;
}
.green-button:not(:checked) + label {
    background-color: lightgrey;
}
.green-button:checked + label {
    background-color: lightgreen;
}