div.status-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
}

div.remote-wrapper {
    clear: both;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    height: min-content;
    background-color: #f5f5f5;
    padding: 0 12px 12px 12px;
}

div.remote-wrapper + div.remote-wrapper {
    margin-top: 32px;
}

div.remote-content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

div.source-wrapper{
    border: 1px solid lightgray;
    border-radius: 4px;
    padding: 0 8px 8px 8px;
    margin: 8px;
}

span.error, span.dwatchdog-alert {
    color: red;
}

span.success {
    color: green;
}

div.success {
    background-color: rgba(161, 255, 161, 0.63);
}

div.recent-error, div.off-schedule {
    background-color: rgba(255, 238, 150, 0.45);
}

div.error {
    background-color: rgba(255, 137, 137, 0.45);
}

p.last-error {
    font-size: 10px;
    color: gray;
}

a.to-report {
    text-decoration: none;
}

a.remote-link {
    font-size: 16px;
    text-decoration: none;
    font-weight: normal;
}

img.remote-link {
    height: 12px;
    width: auto;
}

div.link-wrapper {
    clear: both;
    display: block;
    width: 100%;
}