/* RIC1 color/image adjustments for Bootstrap-based menus -- some colors intentionally weird to highlight them for changing */

#main-nav {
    background-image: url(/portal/images/RIC1/tab-bar-bg.gif);
}

    #main-nav ul {
        background-color: #5bbf21;
    }

    #main-nav a.anchor {
        background-image: url(/portal/images/RIC1/tabbg.gif);
        color: #fff;
    }

        #main-nav a.anchor span {
            font-family: Verdana, Arial, Helvetica, sans-serif;
            color: #fff;
            background: transparent url(/portal/images/RIC1/tabbg.gif) no-repeat scroll right -86px;
        }

        #main-nav a.anchor:hover {
            color: #0033ff;
            background-color: transparent;
        }

            #main-nav a.anchor:hover span {
                color: #fff;
                background-color: transparent;
            }

    #main-nav .dropdown-menu .menu-block {
        background-color: #fff;
        /*border: 1px solid #5bbf21;*/
    }

        #main-nav .dropdown-menu .menu-block li {
            /*border-bottom: 1px solid #5bbf21;*/
            background-color: #fff;
        }

        #main-nav .dropdown-menu.navMenu > li:hover > a,
        #main-nav .dropdown-menu .menu-block > li:hover a {
            background-color: #5bbf21;
            color: #fff;
        }

    /* NOTE: These styles may not matter */
    #main-nav a.active, #main-nav a.active :hover {
        background: transparent url(/portal/images/RIC1/tabbg.gif) no-repeat scroll left -165px;
    }

        /* NOTE: These styles may not matter */
        #main-nav a.active span, #main-nav a.active :hover span {
            background: transparent url(/portal/images/RIC1/tabbg.gif) no-repeat scroll right -251px;
        }

.navbar-default .navbar-toggler {
    border-color: #fff;
}

    .navbar-default .navbar-toggler span.icon-bar i {
        color: #fff;
    }

/* for the collapsed menu button */
/*.navbar-toggler {
    border-color: #333;
}

    .navbar-default .navbar-toggler span.icon-bar {
        background-color: #333;
    }*/

/* Expanded styles */

#main-nav.show, #main-nav.collapsing {
    box-shadow: rgba(0,0,0,0.4) 4px 4px 4px;
}

    #main-nav.show li a.anchor, #main-nav.collapsing a.anchor {
        background: #fff none;
        border: 1px solid #5bbf21;
    }

        #main-nav.show a.anchor span, #main-nav.collapsing a.anchor span {
            background: #5bbf21 none;
        }

        #main-nav.show li a.anchor:hover {
            background: #fff none;
            color: #5bbf21;
            border: 1px solid #fff;
        }

    #main-nav.show a.anchor:hover span {
        background: #fff none;
        color: #5bbf21;
    }

#main-nav #utilcontextmenu ul {
    background-color: #fff;
}

/*#main-nav .dropdown-menu .menu-block li.divider
{
    background-color: #e5e5e5;
}*/

#utilcontextmenu .dropdown-menu li input[type=text] {
    border: 1px solid #555;
}

.dropdown-menu > li > a.btn.btn-primary {
    color: #fff;
}

/* Navigation tab styles */

#usercontextmenu ul li {
    font: normal 12px/150% Verdana, Arial, Helvetica, sans-serif;
}

#usercontextmenu,
#usercontextmenu li a:link,
#usercontextmenu li a:visited,
#usercontextmenu li a:active {
    color: #555 !important;
}

    #usercontextmenu .dropdown-menu > li > a:hover {
        background-color: #5bbf21;
        color: #fff !important;
    }
/*#usermenu .portrait.thumbnail 
{
    background-color: transparent;
}*/

@media only screen and (max-width: 767px) {
    body header {
        min-height: 150px;
        /*background: none !important;*/
    }

        body header .bg {
            background: url(/portal/images/RIC1/header.png) 50% -150px no-repeat;
        }
        body header.login {
            background: url(/portal/images/default/header.png) 50% -150px no-repeat;
        }
    /*#main-nav.show
    {
        background-image: none;
        border-radius: 4px;
    }*/
    #main-nav #utilcontextmenu ul.dropdown-menu {
        border: 1px solid #ddd;
    }
}

@media only screen and (max-width: 479px) {
    body header .bg {
        background: url(/portal/images/RIC1/header.png) 50% 0 no-repeat;
    }
    body header.login {
        background: url(/portal/images/default/header.png) 50% 0 no-repeat;
    }

    /*#main-nav.show {
        background-image: none;
        border-radius: 4px;
    }*/
}