/* Offline blink controlled by JavaScript */
.status-badge.offline,
.state-offline .status-badge,
.offline .status-badge {
    transition:
        opacity .12s ease,
        transform .12s ease,
        box-shadow .12s ease,
        filter .12s ease !important;
}

.status-badge.offline.force-blink-off,
.state-offline .status-badge.force-blink-off,
.offline .status-badge.force-blink-off {
    opacity: .28 !important;
    transform: scale(.94) !important;
    filter: brightness(.72) saturate(.82) !important;
    box-shadow: 0 0 0 2px rgba(225,14,32,.05) !important;
}

.status-badge.offline.force-blink-on,
.state-offline .status-badge.force-blink-on,
.offline .status-badge.force-blink-on {
    opacity: 1 !important;
    transform: scale(1.05) !important;
    filter: brightness(1.12) saturate(1.15) !important;
    box-shadow:
        0 0 0 7px rgba(225,14,32,.15),
        0 7px 18px rgba(225,14,32,.34) !important;
}

.node-red-button.offline,
.state-offline .node-red-button,
.offline .node-red-button {
    transition:
        background-color .18s ease,
        color .18s ease,
        opacity .18s ease !important;
}

.node-red-button.offline.force-blink-off,
.state-offline .node-red-button.force-blink-off,
.offline .node-red-button.force-blink-off {
    background: #ffffff !important;
    color: #d4081b !important;
    opacity: .45 !important;
}

.node-red-button.offline.force-blink-on,
.state-offline .node-red-button.force-blink-on,
.offline .node-red-button.force-blink-on {
    background: #d4081b !important;
    color: #ffffff !important;
    opacity: 1 !important;
}

.monitor-table tbody tr.state-offline.force-row-blink,
.monitor-table tbody tr.offline.force-row-blink {
    background-color: #ffd5da !important;
}