@import (optional) url('../variables/navitem.variant.less');

.app-navitem-active .navAnchorItem .app-anchor-icon .app-icon-shape,
.app-navitem-anchor .app-anchor-icon .app-icon-shape,
.navAnchorItem .app-anchor-icon .app-icon-shape{
  color: var(--wm-navitem-icon-color);
  font-size: var(--wm-navitem-icon-size);
  padding-left: var(--wm-navitem-icon-padding-left);
  padding-right: var(--wm-navitem-icon-padding-right);
  padding-top: var(--wm-navitem-icon-padding-top);
  padding-bottom: var(--wm-navitem-icon-padding-bottom);
}

.app-navitem-active.app-navitem,
.app-navitem-anchor,
.navAnchorItem{
  padding-top: var(--wm-navitem-padding-top);
  padding-bottom: var(--wm-navitem-padding-bottom);
  padding-left: var(--wm-navitem-padding-left);
  padding-right: var(--wm-navitem-padding-right);
  margin-left: var(--wm-navitem-margin-left);
  margin-right: var(--wm-navitem-margin-right);
  margin-top: var(--wm-navitem-margin-top);
  margin-bottom: var(--wm-navitem-margin-bottom);
  border-radius: var(--wm-navitem-border-radius);
  background-color: var(--wm-navitem-background);
}
.app-navitem-active .navAnchorItem.root{
    padding: 0;
    background-color: var(--wm-navitem-background);
}
.app-navitem-active .navAnchorItem.badge,
.app-navitem-anchor .app-anchor-badge,
.navAnchorItem.badge{
   margin-top: var(--wm-navitem-badge-margin-top);
   margin-bottom: var(--wm-navitem-badge-margin-bottom);
   margin-right: var(--wm-navitem-badge-margin-right);
   margin-left: var(--wm-navitem-badge-margin-left);
   background-color: var(--wm-navitem-badge-background);
   text-align: var(--wm-navitem-badge-text-align);
   align-self: var(--wm-navitem-badge-align-self);
   font-weight: var(--wm-navitem-badge-font-weight);
   font-size: var(--wm-navitem-badge-font-size);
   font-family: var(--wm-navitem-badge-font-family);
   border-radius: var(--wm-navitem-badge-border-radius);
   min-width: var(--wm-navitem-badge-min-width);
   min-height: var(--wm-navitem-badge-min-height);
   line-height: var(--wm-navitem-badge-line-height);
   color: var(--wm-navitem-badge-color);
}

.app-navitem-active .navAnchorItem.text,
.app-navitem-anchor .app-anchor-text,
.navAnchorItem.text{
    text-decoration: var(--wm-navitem-text-decoration);
    text-decoration-line: var(--wm-navitem-text-decoration);
    line-height: var(--wm-navitem-line-height);
    font-weight: var(--wm-navitem-font-weight);
    font-size: var(--wm-navitem-font-size);
    font-family: var(--wm-navitem-font-family);
    padding-left: var(--wm-navitem-text-padding-left);
    padding-right: var(--wm-navitem-text-padding-right);
    padding-top: var(--wm-navitem-text-padding-top);
    padding-bottom: var(--wm-navitem-text-padding-bottom);
    color: var(--wm-navitem-color);
    flex: var(--wm-navitem-text-flex);
}
.app-navitem-child .app-navitem{
    background-color: var(--wm-navitem-child-background-color);
}
.app-navitem-child .navAnchorItem .app-anchor-icon .app-icon-shape,
.app-navitem-child .navAnchorItem.badge,
.app-navitem-child .navAnchorItem.text{
    color: var(--wm-navitem-child-color);
}

.app-navitem-active.app-navitem-caret .app-icon-text,
.app-navitem-caret .app-icon-text{
    color: var(--wm-navitem-caret-color);
}

.app-navitem {
    background-color: var(--wm-navitem-background);
}
.app-navitem-active{
    background-color: var(--wm-navitem-background);
}

