/*These are the syles for the banner notices*/
.impNotice {
    background: #fff2f2;
    border: 1px solid #c00;
}

    .impNotice .noteIcon {
        color: var(--cc-darkRed);
    }

.infoNotice {
    background: #eff7ff;
    border: 1px solid var(--cc-blue);
}

    .infoNotice .noteIcon {
        color: var(--cc-darkBlue);
    }


.impNotice, .infoNotice {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: .5em .5em .25em .5em;
    border-left: 0;
    border-right: 0;
    margin: .25em 0;
}

.noteIcon {
    font-size: 2rem;
    padding: 0 .25em;
}

.emerNotice {
    background: #eff7ff;
    margin: .25em;
    border: 1px solid var(--cc-blue);
    padding: .5em;
}


/*These are site notices*/
.ccEmerNoticeWrap {
}

.ccEmerTable {
    display: flex;
    flex-direction: column;
    gap: .5em;
}

.ccEmerNoticeRow {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 1em 0;
    border: 1px solid rgba(204 0 0/.5);
}

.ccEmerNoticeTitle {
    grid-column: 1;
    font-weight: bolder;
}

.ccEmerNoticeBody {
    grid-column: 2;
}