/**
 * navbar-global.css
 * 
 * The Navbar is the last section in the header and contains two menus:
 * 1) Navbar Menu on the left (Products, Vendors dropdowns)
 * 2) Navbar eComm Menu on the right (Orders, Quotes, Account and Cart dropdowns)
 * 
 * Index
 * 
 * - Navbar: General
 * - Navbar: Navigation Arrow: Appears when a menu element is clicked on and its respective dropdown opens
 * - Navbar: Dropdown Menu Container
 * 
 */

/*-----------------------------------------------------------------------
# Navbar: General
------------------------------------------------------------------------*/

.navbar {
    /*height: 68px; */
}

/*-----------------------------------------------------------------------
# Navbar: Navigation Arrow
------------------------------------------------------------------------*/

/* Appears when a menu element is clicked on and its respective dropdown opens */
.nav-arrow {
  background: url(../../../../../img/nav/nav-arrow-down.png);
  height: 20px;
  position: absolute;
  top: -19px;
  z-index: 9999;
  width: 32px;
}

/*-----------------------------------------------------------------------
# Navbar: Dropdown Menu Container
------------------------------------------------------------------------*/

/* Styles the menu container */
.menu-container {
  background: #fff;
  box-shadow: 0 1px 8px 0 rgba(0,0,0,0.33);
  z-index: 9999;
  position: absolute;
}