/* Vectra Icon Refresh v210
   Troca ícones antigos por ícones profissionais em runtime, sem recriar menu e sem remover funções.
*/

:root {
  --vip-icon-size: 18px;
  --vip-icon-color: #dbe8ff;
  --vip-icon-muted: rgba(255,255,255,.75);
  --vip-card-icon-bg: #eef4ff;
  --vip-card-icon-color: #2457d6;
}

.vectra-pro-icon-v210 {
  display: inline-flex !important;
  width: var(--vip-icon-size);
  height: var(--vip-icon-size);
  min-width: var(--vip-icon-size);
  min-height: var(--vip-icon-size);
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  margin-right: 10px;
  border-radius: 8px;
  color: var(--vip-icon-color);
  flex: 0 0 auto;
}

.vectra-pro-icon-v210 svg {
  width: 100%;
  height: 100%;
  display: block;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.sidebar .vectra-pro-icon-v210,
.app-sidebar .vectra-pro-icon-v210,
.vectra-sidebar .vectra-pro-icon-v210,
aside .vectra-pro-icon-v210,
.side-menu .vectra-pro-icon-v210,
.sidenav .vectra-pro-icon-v210,
nav .vectra-pro-icon-v210 {
  color: rgba(255,255,255,.78);
}

.sidebar a.active .vectra-pro-icon-v210,
.app-sidebar a.active .vectra-pro-icon-v210,
.vectra-sidebar a.active .vectra-pro-icon-v210,
aside a.active .vectra-pro-icon-v210,
.side-menu a.active .vectra-pro-icon-v210,
.sidenav a.active .vectra-pro-icon-v210,
nav a.active .vectra-pro-icon-v210 {
  color: #fff;
}

.vectra-icon-enhanced-v210 {
  display: inline-flex !important;
  align-items: center;
}

.vectra-old-icon-v210 {
  display: none !important;
}

.card .vectra-pro-icon-v210,
.widget .vectra-pro-icon-v210,
.panel .vectra-pro-icon-v210,
.content-card .vectra-pro-icon-v210,
.dashboard-card .vectra-pro-icon-v210,
.module-card .vectra-pro-icon-v210,
.section-card .vectra-pro-icon-v210,
[class*='card'] .vectra-pro-icon-v210 {
  color: var(--vip-card-icon-color);
}

.card .vectra-pro-icon-wrap-v210,
.widget .vectra-pro-icon-wrap-v210,
.panel .vectra-pro-icon-wrap-v210,
.content-card .vectra-pro-icon-wrap-v210,
.dashboard-card .vectra-pro-icon-wrap-v210,
.module-card .vectra-pro-icon-wrap-v210,
.section-card .vectra-pro-icon-wrap-v210,
[class*='card'] .vectra-pro-icon-wrap-v210 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 12px;
  background: var(--vip-card-icon-bg);
  margin-right: 10px;
  vertical-align: middle;
}

.vectra-title-enhanced-v210 {
  display: inline-flex !important;
  align-items: center;
}