.hpt-nav-ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 7px;
  margin-right: .55rem;
  flex: 0 0 auto;
  background: #2563eb;
  vertical-align: middle;
}
.hpt-nav-ico .hpt-nav-icon,
.hpt-nav-ico svg {
  width: 14px;
  height: 14px;
  stroke: #fff !important;
  color: #fff;
  margin: 0 !important;
}
.hpt-nav-ico--home,
.hpt-nav-ico--live { background: #2563eb; }
.hpt-nav-ico--folder,
.hpt-nav-ico--archive,
.hpt-nav-ico--notes { background: #d97706; }
.hpt-nav-ico--newspaper,
.hpt-nav-ico--doc,
.hpt-nav-ico--clipboard { background: #0f766e; }
.hpt-nav-ico--calendar { background: #7c3aed; }
.hpt-nav-ico--phone,
.hpt-nav-ico--device { background: #0284c7; }
.hpt-nav-ico--mail,
.hpt-nav-ico--send { background: #ea580c; }
.hpt-nav-ico--users,
.hpt-nav-ico--user { background: #0d9488; }
.hpt-nav-ico--building,
.hpt-nav-ico--map-pin { background: #4f46e5; }
.hpt-nav-ico--gavel,
.hpt-nav-ico--flag { background: #b45309; }
.hpt-nav-ico--search { background: #334155; }
.hpt-nav-ico--star,
.hpt-nav-ico--spark { background: #ca8a04; }
.hpt-nav-ico--info,
.hpt-nav-ico--help,
.hpt-nav-ico--sos { background: #e11d48; }
.hpt-nav-ico--chat { background: #0284c7; }
.hpt-nav-ico--link { background: #64748b; }
.hpt-nav-ico--tag,
.hpt-nav-ico--hash,
.hpt-nav-ico--bookmark { background: #7c3aed; }
.hpt-nav-ico--gear { background: #ea580c; }
.hpt-nav-ico--chart,
.hpt-nav-ico--trend,
.hpt-nav-ico--poll { background: #059669; }
.hpt-nav-ico--megaphone { background: #dc2626; }
.hpt-nav-ico--palette { background: #c026d3; }
.hpt-nav-ico--plug { background: #2563eb; }
.hpt-nav-ico--shield,
.hpt-nav-ico--lock,
.hpt-nav-ico--unlock { background: #1d4ed8; }
.hpt-nav-ico--bell { background: #f97316; }
.hpt-nav-ico--inbox { background: #0ea5e9; }
.hpt-nav-ico--upload { background: #16a34a; }
.hpt-nav-ico--globe { background: #0284c7; }
.hpt-nav-ico--book,
.hpt-nav-ico--brain { background: #6d28d9; }
.hpt-nav-ico--puzzle { background: #7c3aed; }
.hpt-nav-ico--activity { background: #059669; }
.hpt-nav-ico--logout { background: #475569; }

@media (max-width: 760px) {
  .hpt-nav-secondary a,
  .hpt-nav-parent > a,
  .hpt-nav-sub a {
    display: flex !important;
    align-items: center !important;
  }
  .hpt-nav-ico {
    width: 28px;
    height: 28px;
  }
}