body {
    background: #222;
    background-image: url("/static/images/bg-pattern.svg");
    min-height: 100%;
}

.card {
    background-color: #363636;
    color: #d9d9d9;
    box-shadow: 0px 0px 5px 0px #101010;
}

.card a {
    color: #D63826;
}

.card a.btn:not(.btn-light) {
    /* The rule above clobbers this one because of how the HTML is laid out,
    so this makes the buttons look correct again. */
    color: rgb(217, 217, 217);
}

.card form a {
    color: #32a2c7;
    text-decoration: none;
    font-weight: 700;
    transition: color 250ms ease-out;
}

.card form .form-group {
    margin-top: 0.5rem;
}

.card form a:hover {
    color: #e3e3e3;
    text-decoration: none;
}

.asteriskField {
    display: none;
}

table.installers {
    th {
        background-color: rgb(217, 217, 217);
    }
    td {
        color: rgb(217, 217, 217);
    }
}

#NavBar {
    background-color: #2b2b2b;
    box-shadow: 0px 0px 5px 0px #101010;
    border: 1px solid #444;
}

#NavBarDropdownMenu {
    background-color: #2b2b2b;
    box-shadow: 0px 0px 5px 0px #101010;
    border: 1px solid #444;
}

#NavFooter {
    background-color: #2b2b2b;
    color: #d9d9d9;
    box-shadow: 0px 0px 5px 0px #101010;
    border: 1px solid #444;
}