* {
    background-color: inherit;
}
html {
    text-align: center;
    line-height: 1.5;
}
table {
    /*margin-top: 10px;
    margin-bottom: 10px;*/
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
}
table td, table th {
    padding: 10px;
}
input[type="checkbox"], input[type="radio"] {
    vertical-align: middle;
    padding: 5px;
}
input, textarea, select, button {
    font-size: inherit;
    color: inherit;
    background-color: inherit;
    padding: 5px;
    margin: 5px;
}
input:invalid, textarea:invalid, select:invalid {
  outline: 1px solid red;
}
input[type="submit"]:disabled {
    outline: 1px solid red;
    background-color: #7f7f7f;
}
select {
    text-align: center;
}
ul, ol {
    text-align: left;
}
dialog {
    /*border: 3px solid #3030FF;
    padding: 5px;*/
    background-color: inherit;
    color: inherit;
    font-size: inherit;
}

.DARK {
    background-color: #000000;
    color: #FFFFFF;
}
.DARK a:link {
    color: #58A6FF;
}
.DARK a:visited {
    color: #1876FF;
}
.DARK input[type="submit"] {
    outline: solid white 1px;
}
input[type="submit"]:hover {
    background-color: #dddddd;
}
.DARK input[type="submit"]:hover {
    background-color: #222222;
}
input[type="submit"]:disabled:hover {
    background-color: #7f7f7f;
}
.DARK input[type="submit"]:disabled:hover {
    background-color: #7f7f7f;
}
input:disabled {
    background-color: #7f7f7f;
}

.LARGE {
    font-size: 300%;
    line-height: 150%;
}
.LARGE input[type="checkbox"], .LARGE input[type="radio"] {
    transform: scale(3);
    margin-right: 30px;
    margin-left: 30px;
}

.errortext {
    color: red;
    font-style:italic;
    font-weight: bold;
}
.goodtext {
    color: green;
    font-style:italic;
    font-weight: bold;
}

.bordered {
    outline: solid black 1px;
}
.DARK .bordered {
    outline: solid white 1px;
}
.small {
    width: fit-content;
}
.center {
    margin-left: auto;
    margin-right: auto;
}