:root {
  --hm-blue: #073B78;
  --hm-teal: #0097A7;
  --hm-green: #39A935;
  --hm-navy: #061B33;
  --hm-light: #F4FBFC;
}

/* Main brand purple overrides */
.bg-primary,
.btn-primary,
.sidebar-menu > li.active > a,
.sidebar-menu .active,
.dropdown-item.active,
.nav-pills .nav-link.active,
.page-item.active .page-link {
  background-color: var(--hm-blue) !important;
  border-color: var(--hm-blue) !important;
}

.text-primary,
a,
.sidebar-menu a:hover,
.menu-item:hover,
.breadcrumb-item a {
  color: var(--hm-teal) !important;
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: var(--hm-teal) !important;
  border-color: var(--hm-teal) !important;
}

/* Sidebar selected purple panels */
.sidebar-wrapper .active,
.sidebar-wrapper .mm-active > a,
.metismenu .mm-active > a,
.metismenu a[aria-expanded="true"] {
  background: linear-gradient(135deg, var(--hm-blue), var(--hm-teal)) !important;
  color: #fff !important;
}

/* Buttons that use inline purple-style classes */
button[type="submit"],
.update-btn,
.submit-btn {
  background-color: var(--hm-blue) !important;
  border-color: var(--hm-blue) !important;
}

/* Links/buttons accents */
.badge-primary,
.bg-purple,
.btn-purple {
  background-color: var(--hm-teal) !important;
}

/* Footer / dark accents */
.sidebar,
.sidebar-wrapper,
.left-sidebar {
  background-color: var(--hm-navy) !important;
}

/* Light cards */
.card,
.form-control,
.select2-container--default .select2-selection--single {
  border-color: rgba(0,151,167,.18) !important;
}

/* Focus color */
.form-control:focus {
  border-color: var(--hm-teal) !important;
  box-shadow: 0 0 0 .2rem rgba(0,151,167,.12) !important;
}