.ok, .up {
    stroke: #44bb77;
    background-color: #44bb77;
}

.warning {
    stroke: #ffaa44;
    background-color: #ffaa44;
}

.warning.handled {
    stroke: #ffcc66;
    background-color: #ffcc66;
}

.critical, .down {
    stroke: #ff5566;
    background-color: #ff5566;
}

.critical.handled, .down.handled {
    stroke: #ff99aa;
    background-color: #ff99aa;
}

.unreachable {
    stroke: #aa44ff;
    background-color: #aa44ff;
}

.unreachable.handled {
    stroke: #cc77ff;
    background-color: #cc77ff;
}

.unknown {
    stroke: #aa44ff;
    background-color: #aa44ff;
}

.unknown.handled {
    stroke: #cc77ff;
    background-color: #cc77ff;
}

.pending {
    stroke: #77aaff;
    background-color: #77aaff;
}