.security-alerts {
    position: relative;
    height: 100%;
    width: 100%;
    padding: 0.25em;
    text-align: center;
}

.security-alerts.href {
    cursor: pointer !important;
}

.security-alerts .logo {
    float: none;
    margin: 0 auto 5px;
    max-height: 4rem;
    height: 100%;
}

.security-alerts .heading,
.security-alerts-shortcode .heading {
    float: left;
    width: 100%;
    margin-top: 1em;
    margin-bottom: 0.5em;
    word-break: break-word;
}

.security-alerts .filter {
    float: left;
    width: 100%;
    font-size: 0.75em;
    font-style: italic;
}

.security-alerts .subheading {
    float: left;
    width: 100%;
    font-size: 1.2em;
    margin-top: 1em;
    margin-bottom: 0.5em;
}

.security-alerts .sub-subheading {
    float: left;
    width: 100%;
}

.security-alerts .key {
    width: 80%;
    text-align: left;
}
.security-alerts .value {
    width: 20%;
    text-align: right;
}

.security-alerts-shortcode {
    position: relative;
}

.security-alerts-shortcode .filter {
    float: left;
    width: 100%;
    font-size: 0.54em;
    margin-bottom: 1em;
}

.security-alerts-shortcode .alert,
.security-alerts-shortcode .threatSubmission {
    position: relative;
    float: left;
    width: 100%;
    border: solid lightgrey;
    border-radius: 1rem;
    padding: 1rem;
    margin-bottom: 1rem;
}

.security-alerts-shortcode img.collapse,
.security-alerts-shortcode img.expand {
    float: right;
    width: 1rem;
    margin-left: 1rem;
    cursor: pointer;
}

.security-alerts-shortcode .collapsable,
.security-alerts-shortcode img.collapse,
.security-alerts-shortcode img.expand {
    display: none;
}

.security-alerts-shortcode .collapsable.active,
.security-alerts-shortcode img.collapse.active,
.security-alerts-shortcode img.expand.active {
    display: block;
}

.security-alerts-shortcode .alert .title span.informational,
.security-alerts-shortcode .alert .status span.informational {
    color: #134bc6;
}

.security-alerts-shortcode .alert .title span.low,
.security-alerts-shortcode .alert .status span.low {
    color: #e8d390;
}

.security-alerts-shortcode .alert .title span.medium,
.security-alerts-shortcode .alert .status span.medium {
    color: #ef9a34;
}

.security-alerts-shortcode .alert .title span.high,
.security-alerts-shortcode .alert .status span.high {
    color: #ef3434;
}

.security-alerts-shortcode .alert .title span.resolved,
.security-alerts-shortcode .alert .status span.resolved {
    color: #23aa0e;
}

.security-alerts-shortcode .alert .title,
.security-alerts-shortcode .threatSubmission .title {
    float: left;
    width: calc(100% - 2rem);
    cursor: pointer;
}

.security-alerts-shortcode .alert .title span {
    font-weight: bold;
}

.security-alerts-shortcode .threatSubmission .title.resolved::before {
    color: #23aa0e;
    font-weight: bold;
    content: '[behoben] '
}

.security-alerts-shortcode .alert .date,
.security-alerts-shortcode .alert .incidentId,
.security-alerts-shortcode .alert .status,
.security-alerts-shortcode .alert .evidence,
.security-alerts-shortcode .alert .description,
.security-alerts-shortcode .alert .actions,
.security-alerts-shortcode .threatSubmission .betreff,
.security-alerts-shortcode .threatSubmission .date,
.security-alerts-shortcode .threatSubmission .contentType,
.security-alerts-shortcode .threatSubmission .result {
    float: left;
    width: 100%;
    margin-top: 0.5em;
}

.security-alerts-shortcode .alert .status {
    margin-bottom: .5em;
}