body {
    color: ivory;
    background-color: black;
}

.header {
    font-size: x-large;
    font-weight: bold;
    white-space: nowrap;
}

a:link,
a:visited,
a:hover {
    color: plum;
}

.current_link {
    color: lightskyblue !important;
}

.error {
    color: red;
    font-weight: bold;
}

[class*="alert-"] {
    white-space: nowrap;
    padding: 2px;
    margin: 3px;
}

.alert-success {
    color: green;
    background-color: lightgreen;
}

.alert-message {
    color: purple;
    background-color: lightgray;
}

.alert-danger {
    color: red;
    background-color: pink;
    font-size: large;
    font-weight: bold;
}

.large_font {
    font-size: large;
}

.list_key {
    color: lightgreen;
    font-weight: bold;
}

.list_detail {
    color: gray;
}

.form {
    font-size: larger;
}

.form_td {
    border: 0px solid;
    white-space: nowrap;
    vertical-align: top;
}

.form_label {
    font-weight: bold;
    margin: 5px;
}


.form_input {
    margin: 5px;
}

.form_help {
    font-style: italic;
    font-size: smaller;
    margin: 5px;
}


.form_full_row {
    font-size: larger;
    font-weight: bold;
    color: lightskyblue;
    padding-top: 15px;
}

.form_full_row_subheading {
    color: lightskyblue;
    padding-top: 1px;
}

.log_lines {
    display: inline;
}

.logline_charger_on {
    color: green;
}

.logline_stats {
    color: lightskyblue;
}

.logline_evse_changed {
    font-weight: bold;
    font-style: oblique;
}

.http_200,
.http_304 {
    /* This should trump http_404, e.g. if MY browser requests non-existent /favicon.ico */
    color: green !important;
}

.http_400,
.http_404 {
    color: red;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #333;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.dropdown-content a {
    padding: 4px 6px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {
    background-color: #ddd;
}

.dropdown:hover .dropdown-content {
    display: block;
}