.dropdown-pane.dark
{
	background: #555;
	border-color: #777;
	box-shadow: 0px 5px 15px #111;
}
.dropdown-pane.auto-width
{
	width: auto;
}
.dropdown-pane.no-padding
{
	padding: 0;
}
ul.dropdown-menu-list
{
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.dropdown-menu-list > li
{
	width: auto;
	padding: 0;
	margin: 0;
	font-size: .85rem;
	line-height: 1em;
}

ul.dropdown-menu-list > li > a,
ul.dropdown-menu-list > li > span
{
	padding: .75em .75em;
	display: block;
	border-bottom: 1px solid #777;
	white-space: nowrap;
}


ul.dropdown-menu-list > li:last-child > a,
ul.dropdown-menu-list > li:last-child > span
{
	border-bottom: none;
}

ul.dropdown-menu-list > li > a:hover
{
	background: #777;
	color: white;
}

ul.dropdown-menu-list > li.dropdown-menu-header > span
{
	background: #777;
	text-transform: uppercase;
	font-weight: 900;
	color: white;
	padding: .5em;
}

ul.dropdown-menu-list > li > ul
{
	list-style: none;
	margin: 0;
	padding: 0 0 0 0rem;
}

ul.dropdown-menu-list > li > ul > li > a:before
{
	content: '-';
	margin-right: .5em;
}
ul.dropdown-menu-list > li > ul > li > ul > li > a:before
{
	content: '--';
	margin-right: .5em;
	margin-left: .5em;
}


ul.dropdown-compact-list
{
  list-style: none;
  margin: 0;
  font-size: .9rem;
}

ul.dropdown-compact-list li
{
  line-height: 2.5em;
  padding: 0 1em;
  white-space: nowrap;
  border-bottom: 1px solid #555;
}

ul.dropdown-compact-list li:last-child
{
  border-bottom: none;
}



@media only screen and (max-width: 40em) 
{
	.dropdown-pane.small-mega
	{
	  left: 0 !important;
	  width: 100% !important;
	}		
}