.nav-icon {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.nav button.active .nav-icon {
  stroke-width: 2;
}

.pro-kpi .pro-icon,
.entity-card > .row .pro-icon {
  background: #edf2f4;
  color: #173b43;
  border: 1px solid #d8e3e6;
  border-radius: 12px;
}

.pro-kpi .pro-icon svg,
.entity-card .pro-icon svg,
.profile-avatar svg {
  stroke-width: 1.75;
}

.pro-kpi.success .pro-icon {
  background: #e9f3f0;
  color: #075f53;
  border-color: #d1e5df;
}

.pro-kpi.warning .pro-icon {
  background: #f5f1e7;
  color: #72561c;
  border-color: #e8dec4;
}

.pro-kpi.danger .pro-icon {
  background: #f5eceb;
  color: #8f3028;
  border-color: #ead5d2;
}