:root {
  --primary: #6666cc;
  --primary-lighter: #8484dc;
}

body {
  background-color: #14141c !important;
  color: #d8d7e8 !important;
}

.app-header,
.sidebar,
.breadcrumb,
.card,
.dropdown-menu {
  background-color: #1e1e2c !important;
  border-color: #101018 !important;
}

.app-header {
  border-bottom-color: #101018 !important;
}

.card-header,
.list-group-item,
.sidebar .nav-link.active,
.page-link {
  background-color: #181822 !important;
  border-color: #101018 !important;
  color: #d8d7e8;
}

.form-control,
.input-group-text {
  background-color: #2a2a3e !important;
  border-color: #101018 !important;
  color: #f2f1f8 !important;
}

.form-control:focus {
  border-color: #6666cc !important;
  box-shadow: 0 0 0 0.2rem rgba(102, 102, 204, 0.28) !important;
}

.sidebar .nav-link.active .nav-icon,
.page-link,
a:not(.btn):not(.nav-link) {
  color: #8484dc !important;
}

.sidebar .nav-link:hover,
.btn-primary,
.bg-primary,
.badge-primary,
.page-item.active .page-link {
  background-color: #6666cc !important;
  border-color: #5555b8 !important;
  color: #fff !important;
}

/* Severity segments in the project vulnerability bar. Keep these off the brand color. */
.severity-critical .progress-bar,
.status-failed .progress-bar,
.bg-CRITICAL,
.severity-critical-bg {
  background-color: #f86c6b !important;
}
.severity-high .progress-bar,
.bg-HIGH,
.severity-high-bg {
  background-color: #fd8c00 !important;
}
.severity-medium .progress-bar,
.status-warning .progress-bar,
.bg-MEDIUM,
.severity-medium-bg {
  background-color: #ffc107 !important;
}
.severity-low .progress-bar,
.status-passed .progress-bar,
.bg-LOW,
.severity-low-bg {
  background-color: #4dbd74 !important;
}
.severity-info .progress-bar,
.status-info .progress-bar,
.bg-INFO,
.severity-info-bg {
  background-color: #20a8d8 !important;
}
.severity-unassigned .progress-bar,
.bg-UNASSIGNED,
.severity-unassigned-bg {
  background-color: #777 !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.sidebar .nav-link.nav-link-primary:hover {
  background-color: #5555b8 !important;
  border-color: #4444a6 !important;
}

.bg-grey-900 {
  background-color: #1e1e2c !important;
}

.card-group img[src*="dt-logo-vertical"] {
  max-height: 148px;
  width: auto !important;
  object-fit: contain;
}