li {
    padding-bottom: 1em;
}

.warning {
    color: #ec7014;
}

.hd {
    padding: 0.2em 0.5em;
    margin-bottom: 0.5em;
    background-color: #990000;
    color: #FFFFFF;
}

.logo-container {
    display: flex;
    align-items: center;
}

.logo {
    padding-right: 10px;
}

.bd {
    padding: 1em;
}

.last-update {
    padding-bottom: 1em;
    font-size: 1.25em;
}

table.status-table th,
table.status-table td {
    font-size: 1.1em;
}

table.status-table tbody td a {
    color: #0366d6;
    text-decoration: none;
}

table.status-table tbody td a:hover {
    text-decoration: underline;
}

table.status-table tbody td {
    padding-bottom: 2em;
}

.online {
    color: #006d2c;
}

.degraded {
    color: #54278f;
}

.offline {
    color: #a50f15;
}

table.status-table tbody td.online {
    color: #006d2c;
    background-color: #e5f5e0;
}

table.status-table tbody td.offline {
    color: #a50f15;
    background-color: #fee0d2;
}

table.status-table tbody td.degraded {
    color: #54278f;
    background-color: #efedf5;
}

.module {
    margin-bottom: 3em;
}

.legend {
    padding: 1em;
}

.legend ul {
    margin: 0;
    padding: 0;
}

.legend li {
    padding-right: 1em;
}

.legend ul > li {
    display: inline-block;
    zoom:1;
}

.message-box {
    font-size: 1.1rem;
    margin-left: 5%;
    max-width: 900px;
    padding: 1em;
    border-radius: 0.5em;
    margin-bottom: 2em;
}

.announcement {
    background-color: #ffffeb;
    border: 6px solid #ac8416;
    border-image: repeating-linear-gradient(45deg,#fec44f,#fec44f 1%,#ac8416 1%,#ac8416 8%) 10;
}