/*
 * Incident banners, their colors are opaque and independent of the theme of the platform
 * since the themes color the alerts translucent and the banners have to stay readable on any background
 */

.incident-banner.alert {
    opacity: 1;
    text-shadow: none;
}

.incident-banner.alert-danger {
    border-color: #f1aeb5;
    background: #f8d7da;
    color: #58151c;
}

.incident-banner.alert-warning {
    border-color: #ffe69c;
    background: #fff3cd;
    color: #664d03;
}

.incident-banner h4,
.incident-banner p,
.incident-banner .close {
    color: inherit;
}

.incident-banner .close {
    opacity: 0.6;
}

.incident-banner .close:hover,
.incident-banner .close:focus {
    opacity: 1;
}