@import url('../../variables.less');


/**********************************************************************************
To style the outermost wrapper element of navitem.
***********************************************************************************/
.app-navitem {
    border-color: @navbarBorderColor;
}


/**********************************************************************************
To style the anchor of navitem.
***********************************************************************************/
.app-navitem-anchor {
}


.app-navitem-anchor .app-navitem {
}


.app-navitem-anchor .app-anchor-text {
}


.app-navitem-anchor .app-anchor-icon .app-anchor-text {
}


/**********************************************************************************
To style the caret icon of navitem.
***********************************************************************************/
.app-navitem-caret {
}


.app-navitem-caret .app-icon-text {
    color: @navbarCaretColor;
}


.app-navitem-caret .app-navitem {
}


.app-navitem-active.app-navitem {
    background-color: @navitemActiveBackgroundColor;
}


.app-navitem-active.app-navitem-anchor .root {
    background-color: @navitemActiveBackgroundColor;
}


.app-navitem-active.app-navitem-anchor .app-anchor-text {
    color: @navitemActiveTextColor;
}


.app-navitem-active.app-navitem-anchor .app-anchor-icon .app-icon-shape {
    color: @navitemActiveIconColor;
}


.app-navitem-child.app-navitem {
    background-color: @navitemChildBackgroundColor;
}


.app-navitem-child.app-navitem-anchor .app-anchor-text {
    color: @navitemChildTextColor;
}


.app-navitem-child.app-navitem-anchor .app-anchor-icon .app-icon-shape {
    color: @navitemChildIconColor;
}

@import (optional) url('../../../wavemaker/design-tokens/navigation/navitem.less');
@import (optional) url('../../../custom/components/navigation/navitem.less');
@import (optional) url('../../../custom/os/components/navigation/navitem.less');