.systemAlertMenuSection {
}

.systemAlertBellDiv {
    font-size: 14px;
    cursor: pointer;
    color: var(--system-alerts-bell-color);
    display: block;
    line-height: 14.2857px;
    padding-left: 8px;
}


.systemAlertBell {
    display: inline;
    font-size: 18px;
}

.systemAlertText {
    display: inline-block;
    font-size: 11px;
    padding-left: 2px;
    color: var(--system-alerts-text-color);
}

.system-alert-page-header {
    height: 46px;
    padding: 0 12px;
    border-bottom: 1px solid var(--system-alert-page-header-border-bottom-color);
    background: var(--system-alert-page-header-background-color);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.system-alert-page-title {
    font-size: 18px;
    font-weight: bold;
    color: var(--system-alert-page-title-text-color);
}

.system-alert-page-close {
    font-size: 20px;
    color: var(--system-alert-page-close-text-color);
    cursor: pointer;
    line-height: 1;
}

    .system-alert-page-close:hover {
        color: var(--system-alert-page-close-text-hover-color);
    }

#systemAlertsWindow {
    padding: 0;
    width: 98%
}

#systemAlertsList {
    width: 100%;
}

.system_alert_iframe {

}

.system-alert-title-section {
    background-color: var(--system-alert-title-section-background-color);
    padding: 5px;
}

.system-alert-title {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 4px;
    color: var(--system-alert-title-text-color);
    background-color: var(--system-alert-title-background-color);
    padding: 5px;
}

.system-alert-title-icon {
    font-size: 12px !important;
}

.system-alert-item {
    padding: 5px;
    border-bottom: 1px solid var(--system-alert-item-border-bottom-color);
    margin-bottom: 5px;
}

.system-alert-message {
    font-size: 13px;
    margin-bottom: 6px;
    line-height: 1.4;
    background-color: var(--system-alert-item-background-color);
    padding: 5px;
    margin-top: 2px;
    color: var(----system-alert-item-text-color);
}

.system-alert-date {
    font-size: 10px;
    font-style: italic;
    color: var(--system-alert-date-text-color);
}

.system-alert-dismiss {
    color: var(--system-alert-dismiss-text-color);
    margin-top: 8px;
    font-size: 12px;
    text-align: right;
}

    .system-alert-dismiss a {
        text-decoration: none;
        cursor: pointer;
    }

        .system-alert-dismiss a:hover {
            text-decoration: underline;
        }

.system-alert-loading,
.system-alert-empty,
.system-alert-error {
    padding: 12px;
    font-size: 13px;
}

.system-alert-error {
    color: var(--system-alert-error-text-color);
}