body {
    .ui-breadcrumb {
        background-color: $panelContentBgColor;
        border: $panelContentBorder;
        padding: $panelContentPadding;

        ul {
            li {
                float: none;
                display: inline-block;
                vertical-align: middle;

                .ui-menuitem-link {
                    color: $textSecondaryColor;
                    margin: 0;
                    float: none;
                    padding: $menuitemPadding;
                    display: block;
                    position: relative;
                    overflow: hidden;
                    @include transition(color $transitionDuration);

                    &:focus {
                        background-color: $menuitemHoverBgColor;
                        outline: 0 none;
                    }

                    &:hover {
                        color: $textColor;
                    }
                }

                &.ui-breadcrumb-chevron {
                    margin: 0;
                    font-size: .8em;
                    color: $textSecondaryColor;
                }

                &:first-child {
                    margin: $menuitemPadding;
                    margin-top: 0;
                    margin-left: 0;
                    margin-bottom: 0;

                    a {
                        font-size: $fontSize + 4;
                        color: $textSecondaryColor;
                        margin: 0;
                        padding: 0;
                    }
                }

                .ui-menuitem-icon {
                    color: $textSecondaryColor;
                }
            }
        }
    }

    .ui-steps {
        position: relative;
        
        .ui-steps-item {
            background-color: transparent;
            text-align: center;
            @include opacity(1);
                        
            .ui-menuitem-link {
                display: inline-block;
                text-align: center;
                background-color: transparent;
                overflow: hidden;
                
                .ui-steps-number {
                    @include border-radius(50%);
                    display: inline-block;
                    color: $stepsItemNumberColor;
                    background-color: $stepsItemBgColor;
                    border: $stepsItemBorder;
                    position: relative;
                    top: $fontSize;
                    margin-bottom: $fontSize;
                    width: $stepsItemWidth;
                    height: $stepsItemHeight;
                    font-size: $fontSize + 2;
                    padding-top: .4em;
                    text-align: center;
                }
                
                .ui-steps-title {
                    display: block;
                    margin-top: .5em;
                    color: $stepsItemTextColor;
                }
            }
                        
            &.ui-state-highlight {
                .ui-steps-number {
                    background: $highlightBgColor;
                    color: $highlightColorText;
                    border: $stepsItemActiveBorder;
                }
                
                .ui-steps-title { 
                    font-weight: 700;
                    color: $textColor;
                }
            }
            
            &:last-child {
                .ui-menuitem-link {
                    display: block;
                }
            }
        }

        &:before {
            content:' ';
            border-top: $panelContentBorder;
            width: 100%;
            top: 45%;
            left: 0;
            display: block;
            position: absolute;
        }
    }

    .ui-menu .ui-menuitem-link,
    .ui-menubar .ui-menuitem-link,
    .ui-tieredmenu .ui-menuitem-link,
    .ui-contextmenu .ui-menuitem-link,
    .ui-megamenu .ui-menuitem-link,
    .ui-slidemenu .ui-menuitem-link {
        padding: $menuitemPadding;
        color: $menuitemTextColor;
        font-weight: normal;
        @include border-radius(0);

        .ui-menuitem-text {
            color: $menuitemTextColor;
        }

        .ui-menuitem-icon {
            color: $menuitemIconColor;
            margin-right: $inlineSpacing;
        }

        &:hover {
            background-color: $menuitemHoverBgColor;

            .ui-menuitem-text {
                color: $menuitemHoverTextColor;
            }
    
            .ui-menuitem-icon {
                color: $menuitemHoverIconColor;
            }
        }
    }

    .ui-menu {
        padding: $menuPadding;
        background-color: $menuBgColor;
        border: $menuBorder;

        .ui-menuitem {
            margin: $menuitemMargin;
        }

        &.ui-shadow {
            border: $overlayMenuBorder;
            @include shadow($overlayMenuShadow);
        }

        .ui-submenu-header {
            margin: $submenuHeaderMargin;
            padding: $menuitemPadding;
            color: $panelHeaderTextColor;
            background-color: $panelHeaderBgColor;
            font-weight: $panelHeaderFontWeight;
            border: 0 none;
            border-top: $menuBorder;

            &:first-child {
                border-top: 0 none;
            }
        }

        .ui-menu-separator {
            border: $menuBorder;
            border-width: 1px 0 0 0;
        }
    }

    .ui-menubar {
        padding: $menuPadding;
        background-color: $menuBgColor;
        border: $menuBorder;

        .ui-menubar-root-list {
            > .ui-menuitem {
                > .ui-menuitem-link {
                    padding: $menuitemPadding;
                }
            }
        }

        .ui-submenu-list {
            padding: $submenuPadding;
            background-color: $menuBgColor;
            border: $overlayMenuBorder;
            @include shadow($overlayMenuShadow);

            .ui-menuitem {
                margin: $menuitemMargin;
            }

            .ui-menu-separator {
                border: $menuBorder;
                border-width: 1px 0 0 0;
            }
        }

        .ui-menuitem {
            margin: $menuitemMargin;
            
            &.ui-menuitem-active {
                > .ui-menuitem-link {
                    background-color: $menuitemActiveBgColor;

                    .ui-menuitem-text {
                        color: $menuitemActiveTextColor;
                    }
            
                    .ui-menuitem-icon, .ui-submenu-icon {
                        color: $menuitemActiveIconColor;
                    }
                }
            }
        }
    }

    .ui-contextmenu {
        padding: $menuPadding;
        background-color: $menuBgColor;
        border: $overlayMenuBorder;
        @include shadow($overlayMenuShadow);

        .ui-submenu-list {
            padding: $submenuPadding;
            background-color: $menuBgColor;
            border: $overlayMenuBorder;
            @include shadow($overlayMenuShadow);
        }

        .ui-menuitem {
            margin: $menuitemMargin;

            .ui-menuitem-link {
                .ui-submenu-icon {
                    right: 0.429em;
                }
            }

            &.ui-menuitem-active {
                > .ui-menuitem-link {
                    background-color: $menuitemActiveBgColor;

                    .ui-menuitem-text {
                        color: $menuitemActiveTextColor;
                    }
            
                    .ui-menuitem-icon, .ui-submenu-icon {
                        color: $menuitemActiveIconColor;
                    }
                }
            }
        }

        .ui-menu-separator {
            border: $menuBorder;
            border-width: 1px 0 0 0;
        }
    }

    .ui-tieredmenu {
        padding: $menuPadding;
        background-color: $menuBgColor;
        border: $menuBorder;

        .ui-submenu-list {
            padding: $submenuPadding;
            background-color: $menuBgColor;
            border: $overlayMenuBorder;
            @include shadow($overlayMenuShadow);
        }

        .ui-menuitem {
            margin: $menuitemMargin;

            .ui-menuitem-link {
                .ui-submenu-icon {
                    right: 0.429em;
                }
            }

            &.ui-menuitem-active {
                > .ui-menuitem-link {
                    background-color: $menuitemActiveBgColor;

                    .ui-menuitem-text {
                        color: $menuitemActiveTextColor;
                    }
            
                    .ui-menuitem-icon, .ui-submenu-icon {
                        color: $menuitemActiveIconColor;
                    }
                }
            }
        }

        .ui-menu-separator {
            border: $menuBorder;
            border-width: 1px 0 0 0;
        }
    }

    .ui-slidemenu {
        padding: $menuPadding;
        background-color: $menuBgColor;
        border: $menuBorder;

        .ui-submenu-list {
            padding: $submenuPadding;
            background-color: $menuBgColor;
            border: 0 none;
        }

        .ui-menuitem {
            margin: $menuitemMargin;

            .ui-menuitem-link {
                .ui-submenu-icon {
                    right: 0.429em;
                }
            }

            &.ui-menuitem-active {
                > .ui-menuitem-link {
                    background-color: $menuitemActiveBgColor;

                    .ui-menuitem-text {
                        color: $menuitemActiveTextColor;
                    }
            
                    .ui-menuitem-icon, .ui-submenu-icon {
                        color: $menuitemActiveIconColor;
                    }
                }
            }
        }

        .ui-slidemenu-backward {
            margin: $submenuHeaderMargin;
            padding: $panelHeaderPadding;
            color: $panelHeaderTextColor;
            background-color: $panelHeaderBgColor;
            font-weight: $panelHeaderFontWeight;
            border: 0 none;

            &:hover {
                background-color: $panelHeaderHoverBgColor;
                color: $panelHeaderTextColor;
            }
        }

        .ui-menu-separator {
            border: $menuBorder;
            border-width: 1px 0 0 0;
        }
    }

    .ui-tabmenu {
        border: 0 none;

        .ui-tabmenu-nav {
            padding: 0;
            background: $tabsNavBgColor;
            border: $tabsNavBorder;
            border-bottom: 1px solid #dadada;
            background-color: $tabsNavBgColor;
           
            .ui-tabmenuitem {
                position: static;
                border-top: 1px solid transparent;
                border-left: 1px solid transparent;
                border-right: 1px solid transparent;
                border-bottom: $panelHeaderBorder;
                background-color: $panelHeaderBgColor;
                font-weight: $panelHeaderFontWeight;
                margin-right: 0;
                margin-bottom: -2px;
                @include transition($panelHeaderTransition);
                padding: 0;
                white-space: nowrap;
                display: inline-block;
                vertical-align: top;
                float: none;

                .ui-menuitem-link {
                    color: $panelHeaderTextColor;
                    padding: $panelHeaderPadding;

                    .ui-menuitem-text {
                        color: $panelHeaderTextColor;
                        margin-right: $inlineSpacing;
                    }

                    .ui-menuitem-icon {
                        color: $panelHeaderIconColor;
                        margin-right: $inlineSpacing;
                    }
                }

                &:not(.ui-state-active):not(.ui-state-disabled):hover {
                    background-color: $panelHeaderHoverBgColor;

                    .ui-menuitem-link {
                        .ui-menuitem-text {
                            color: $panelHeaderHoverTextColor;
                        }

                        .ui-menuitem-icon {
                            color: $panelHeaderIconHoverColor;
                        }
                    }
                }

                &.ui-state-active {
                    background-color: $panelHeaderActiveBgColor;
                    border: $panelHeaderActiveBorder;
                    border-bottom-color: transparent;

                    .ui-menuitem-link {
                        .ui-menuitem-text {
                            color: $panelHeaderActiveTextColor;
                        }

                        .ui-menuitem-icon {
                            color: $panelHeaderActiveIconColor;
                        }
                    }
                }
            }
        }
    }

    .ui-megamenu {
        padding: $menuPadding;
        background-color: $menuBgColor;
        border: $menuBorder;

        .ui-megamenu-submenu-header {
            margin: $submenuHeaderMargin;
            padding: $panelHeaderPadding;
            color: $panelHeaderTextColor;
            background-color: $panelHeaderBgColor;
            font-weight: $panelHeaderFontWeight;
            border: 0 none;
        }

        .ui-megamenu-panel {
            padding: $submenuPadding;
            background-color: $menuBgColor;
            border: $overlayMenuBorder;
            @include shadow($overlayMenuShadow);
        }

        .ui-menuitem {
            margin: $menuitemMargin;
        
            .ui-menuitem-link {
                .ui-submenu-icon {
                    right: 0.429em;
                }
            }

            &.ui-menuitem-active {
                > .ui-menuitem-link {
                    background-color: $menuitemActiveBgColor;

                    .ui-menuitem-text {
                        color: $menuitemActiveTextColor;
                    }
            
                    .ui-menuitem-icon, .ui-submenu-icon {
                        color: $menuitemActiveIconColor;
                    }
                }
            }
        }

        &.ui-megamenu-vertical {
            .ui-megamenu-root-list {
                > .ui-menuitem {
                    > .ui-menuitem-link {
                        > .ui-submenu-icon {
                            right: 0.429em;
                        }
                    }
                }
            }
        }
    }

    .ui-panelmenu {
        .ui-icon {
            position: static;
        }

        .ui-panelmenu-header {
            padding: 0;

            > a {
                border: $panelHeaderBorder;
                background-color: $panelHeaderBgColor;
                color: $panelHeaderTextColor;
                padding: $panelHeaderPadding;
                font-weight: $panelHeaderFontWeight;
                position: static;
                font-size: $fontSize;
                @include transition($panelHeaderTransition);

                .ui-panelmenu-icon {
                    color: $panelHeaderIconColor;

                    &.pi-caret-right {
                        @include icon_override("\e901");
                    }
        
                    &.pi-caret-down {
                        @include icon_override("\e902");
                    }
                }
            }

            &:not(.ui-state-active) {                
                > a:hover {
                    outline: 0 none;
                    border: $panelHeaderHoverBorder;
                    background-color: $panelHeaderHoverBgColor;
                    color: $panelHeaderHoverTextColor;

                    .ui-panelmenu-icon {
                        color: $panelHeaderHoverIconColor;
                    }
                }
            }

            &.ui-state-active {
                > a {
                    border: $panelHeaderActiveBorder;
                    background-color: $panelHeaderActiveBgColor;
                    color: $panelHeaderActiveTextColor;
                    border-bottom-color: transparent;

                    .ui-panelmenu-icon {
                        color: $panelHeaderActiveIconColor;
                    }

                    &:hover {
                        outline: 0 none;
                        border: $panelHeaderActiveHoverBorder;
                        background-color: $panelHeaderActiveHoverBgColor;
                        color: $panelHeaderActiveHoverTextColor;
        
                        .ui-panelmenu-icon {
                            color: $panelHeaderActiveHoverIconColor;
                        }
                    }
                }
            }
        }

        .ui-panelmenu-panel {
            margin-top: $accordionSpacing;

            &:first-child {
                margin-top: 0;
            }
        }

        .ui-panelmenu-content {
            padding: $menuPadding;
            background-color: $menuBgColor;
            border: $menuBorder;
            margin-top: 0;
            position: static;
            border-top: 0 none;

            .ui-menuitem {
                margin: $menuitemMargin;

                .ui-menuitem-link {
                    padding: $menuitemPadding;
                    color: $menuitemTextColor;
    
                    &:hover {
                        background-color: $menuitemHoverBgColor;
 
                        .ui-menuitem-icon, .ui-panelmenu-icon {
                            color: $menuitemHoverIconColor;
                        }

                        .ui-menuitem-text {
                            color: $menuitemHoverTextColor;
                        }     
                    }
                }
            }
        }
    }
}