/**
 * orders-quotes.css
 * 
 * Styles the Orders and Quotes dropdowns in the eCommerce section of the Navbar. As both dropdowns are very similar in structure and style, they have been grouped into one common stylesheet.
 * 
 * Index
 * - Orders/Quotes Dropdowns: General Styling
 * - Orders/Quotes Dropdowns: Dividers
 * 
 */

/*-----------------------------------------------------------------------
# Orders/Quotes Dropdowns: General Styling
------------------------------------------------------------------------*/

.menu-orders, .menu-quotes {
  padding: 20px;
  text-align: left;
  width: 364px;
  right: 44px;
}

/*-----------------------------------------------------------------------
# Orders/Quotes Dropdowns: Dividers
------------------------------------------------------------------------*/

.dark-divider:after {
  display: block;
  height: 1px;
  background-color: #979797;
  content: " ";
  width: 100%;
  margin: 0 auto;
  margin-top: 32px;
}

.light-divider:after {
  display: block;
  height: 1px;
  background-color: rgba(151, 151, 151, 0.5);
  content: " ";
  width: 100%;
  margin: 0 auto;
  margin-top: 32px;
}

/* Sets spacing between elements and dividers */
.menu-orders .group:not(:nth-child(2)), .menu-quotes .group:not(:nth-child(2)) {
  margin-top: 12px; 
}
.menu-orders .group:last-child, .menu-quotes .group:last-child { 
  margin-top: 16px; 
}