.header .pure-menu {
    border-bottom-color: black;
    border-radius: 0;
    background-color: lightskyblue;
}

.pure-menu-link {
    padding: 1em .7em;
}

#content {
    padding: 1em;
    font-size: 80%;
    position: relative;
}

#info {
    text-align: right;
    font-size: 80%;
}

#modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0, 0, 0); /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
    text-align: center;
}

.modal_dialog {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    display: inline-block;

}

.footer {
    background: #111;
    color: #666;
    text-align: center;
    padding: 1em;
    font-size: 80%;
}

.footer a, a:visited {
    color: #999;
}

@media (min-width: 30em) {
    /* Fill if needed */
}

/* loading animation */
.lds-dual-ring {
    display: none;
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    width: 80px;
    height: 80px;
}

.lds-dual-ring:after {
    content: " ";
    display: block;
    width: 64px;
    height: 64px;
    margin: 8px;
    border-radius: 50%;
    border: 6px solid;
    border-color: grey transparent grey transparent;
    animation: lds-dual-ring 1.2s linear infinite;
}

@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.clickable {
    cursor: pointer;
}

.selected {
    background-color: lightyellow;
}

.error {
    color: darkred
}

[data-color$="_FAILED"], [data-color="ALARM"], [data-color="UNHEALTHY"], [data-color="STOPPED"], [data-color="NON_COMPLIANT"], [data-color="PendingConfirmation"], [data-color="SCAN_ELIGIBILITY_EXPIRED"], [data-color="UNSUPPORTED_IMAGE"], [data-color="NO_SCAN_FOUND"], [data-color="MUTABLE"]  {
    color: darkred
}

[data-color$="WARNING"] {
    color: orange;
}

[data-color$="_PENDING"] {
    color: darkblue
}

[data-color="AVAILABLE"] {
    background-color: green;
    color: black;
}

[data-color$="_COMPLETE"], [data-color="OK"], [data-color="HEALTHY"], [data-color="RUNNING"], [data-color="COMPLIANT"], [data-color="Confirmed"], [data-color="ACTIVE"], [data-color="IMMUTABLE"] {
    color: darkgreen
}

[data-color="UNKNOWN"] {
    color: #333333
}

tbody.logs {
    border: 0;
    font-family: Monaco, Menlo, Consolas, "Courier Prime", Courier, "Courier New", monospace;
    font-size: 80%;
}

td.numbers {
    text-align: right;
}

td.SEVERITY_CRITICAL {
    background-color: darkred;
    color: white;
}

td.SEVERITY_HIGH {
    background-color: red;
    color: white;
}

td.SEVERITY_MEDIUM {
    background-color: orange;
    color: white;
}