[rel*=external] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23007bff' viewBox='0 0 12 12'%3E%3Cpath d='M6 1h5v5L8.86 3.85 4.7 8 4 7.3l4.15-4.16L6 1ZM2 3h2v1H2v6h6V8h1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Z'/%3E%3C/svg%3E");
  background-position: center right;
  background-repeat: no-repeat;
  background-size: 0.857em;
  padding-right: 1em;
}

h2 { margin-top: 1.6em; }
h3 { margin-top: 1.4em; }
h4 { margin-top: 1.2em; }
h5 { margin-top: 1em; }

.severity {
  color: #fff;
  font-weight: bold;
  padding-left: .20em;
  padding-right: .20em; 
  display: inline-block;
  border-radius: 5px;
}

.severity-critical { background-color: #343a40 !important; }
.severity-high { background-color: #dc3545 !important; }
.severity-medium { background-color: #fd7e14 !important; }
.severity-moderate { background-color: #fd7e14 !important; }
.severity-low { background-color: #ffc107 !important; }
.severity-minor { background-color: #ffc107 !important; }

.navbar-brand img {
  height: 30px;
}

.tlp-white,
.tlp-green,
.tlp-amber,
.tlp-red {
  background: #000 !important;
  font-weight: bold;
  padding-left: .20em;
  padding-right: .20em; 
  display: inline-block;
  border-radius: 5px;
}
.tlp-white { color: #FFF; }
.tlp-green { color: #3f0; }
.tlp-amber { color: #ffc000; }
.tlp-red   { color: #FF2B2B; }

.chart-container {
    width: 100%;
    min-height: 300px;
    position: relative;
}