#menubar {
  font-family: "Lora", "Gentium", serif;
  text-align: center;
  text-shadow: 1px 1px 0px #000000;
  border-top: 1px solid rgba(35,35,35,0.7);
  box-shadow: 0px -6px 3px rgba(0,0,0,0.4);
  color: #ffff00;
  position: fixed;
  left: 0;
  font-size: 1rem;
  bottom: 0%;
  width: 100%;
  margin:0; 
  padding:0;
  padding-left: 1em;
  background-color: rgba(0,10,0,0.8);
  backdrop-filter: blur(5px) brightness(0.5);
  background: linear-gradient(rgba(35,35,35,0.65), rgba(20,20,20,0.5), rgba(0,0,0,0.5));
  filter: url(/img/filters.svg#drop-shadow);
  -webkit-filter: drop-shadow(3px 3px 0.2em #000000);
  filter: drop-shadow(3px 3px 0.2em #000000);
  user-select: none;
  -webkit-tap-hilight-color: rgba(0,0,0,0);
}
.btn-toolbar {
	position: relative;
	display: inline-block;
}

.btn-group {
	position: relative;
	display: inline;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: top;
  border-top: 4px solid #ccc;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: "";
}

#cssmenu > ul > li > .separator {
outline: medium none;
display: block;
position: relative;
text-align: center;
text-decoration: none;
text-shadow: 1px 1px 0px #000;
font-family: Lora,serif;
color: #FFF;
padding: 0.75em 1.5em !important;
}

.icon-cog {
	color: #ccc;
}

ul.nav-tabs > li
{
background-color: #111;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-top-style: 1px solid;
border-top-color: #000;
margin: 0;
}

.item-131 .small {
	left: 0.5em !important;
}
.nav-child.small {
	text-align: left;
	padding-left: 1em !important;
	padding-right: 1em !important;
}
.btn {
	display: inline-block;
	padding: .25em .5em;
	background: linear-gradient(rgba(65,65,65,1), rgba(20,20,20,1));
	border-radius: 5px;
	filter: url(/img/filters.svg#drop-shadow);
	webkit-filter: drop-shadow(1px 1px 1px #000000);
	filter: drop-shadow(1px 1px 1px #000000);
	border: 1px solid rgba(100,100,100,0.1);
	color: #ccc;
	text-decoration: none;
	text-shadow: 1px 1px 0px #000, -0.5px -0.5px 0.5px rgba(255,255,255,0.3);
}

ul.nav-tabs > .active {
	background: linear-gradient(rgba(65,65,65,1), rgba(120,120,120,1)) !important;
	color: #000 !important;
	text-shadow: -1px -1px 0px #000, 0.5px 0.5px 0.5px rgba(255,255,255,0.1);
}
#cssmenu,
#cssmenu ul,
#cssmenu li,
#cssmenu .separator,
#cssmenu a {
  border: 0px;
  line-height: 1;
  margin: 0;
  padding: 0;
}

#cssmenu {
  height: 2.5em;
  display: block;
  width: auto;
}
#cssmenu > ul {
  list-style: inside none;
}
#cssmenu > ul > li {
  list-style: inside none;
  float: left;
  display: inline-block;
  position: relative;
}
#cssmenu.align-center > ul {
  text-align: center;
}
#cssmenu.align-center > ul > li {
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: center;
}
#cssmenu.align-center > ul > li:first-child > a {
  border-radius: 0;
}
#cssmenu > ul > li > .separator,
#cssmenu > ul > li > a {
  outline: none;
  display: block;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-shadow: 1px 1px 0 #000000;
  font-family: Lora, serif;
  color: #ffffff;
  padding: .75em 1.5em !important;
}
#cssmenu > ul > li:first-child > .separator,
#cssmenu > ul > li:first-child > a {
  border-radius: 5px 0 0 5px;
}
#cssmenu > ul > li > .separator:after,
#cssmenu > ul > li > a:after {
  content: "";
  position: absolute;
  top: -1px;
  bottom: -1px;
  right: -2px;
  z-index: -1;
}

#cssmenu ul .deeper:hover > .separator:after,
#cssmenu ul .deeper:hover > a:after {
  top: 0;
  bottom: 0;
}

#cssmenu > ul > .deeper > .separator:before,
#cssmenu > ul > .deeper > a:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0.3em;
  border: 0.4em solid transparent;
  border-top: 0.4em solid #AAA;
}
#cssmenu > ul > .deeper:hover > a {
  z-index: -1;
}
#cssmenu ul .deeper:hover > ul,
#cssmenu ul .deeper:hover > div {
  display: block;
  animation:popup .2s ease-out;
}
#cssmenu > ul > .deeper > .separator:hover,
#cssmenu > ul > .deeper:hover > .separator,
#cssmenu > ul > .deeper > a:hover,
#cssmenu > ul > .deeper:hover > a {
  background: rgba(0,90,0,0.7);
  color: #fff;
  text-shadow: 0px 0px #000;
}
#cssmenu ul li > ul,
#cssmenu ul li > div {
  display: none;
  width: auto;
  position: absolute;
  left: -2em;
  bottom: 2.5em;
  z-index: -1;
  padding: 0.5em 1em;
  background-color: black;
  background: linear-gradient(rgba(45,45,45,0.65), rgba(10,10,10,10.5));
  border: 1px solid rgba(100,100,100,0.5);
  border-radius: 5px;
  filter: url(/img/filters.svg#drop-shadow);
  -webkit-filter: drop-shadow(3px 3px 0.2em #000000);
  filter: drop-shadow(3px 3px 0.2em #000000);
  color: #ffffff;
}
#cssmenu ul li > ul {
  width: 13em;
  margin: 0;
}
#cssmenu ul ul ul {
  position: absolute;
}
#cssmenu ul ul li:hover > ul {
  left: 100%;
  bottom: -.3em;
  border-radius: 5px;
}
#cssmenu ul li > ul li {
  display: block;
  list-style: inside none;
  position: relative;
  margin: 0;
  padding: 0;
}
#cssmenu ul li > ul li a,
#cssmenu ul li > ul li .separator {
  outline: none;
  display: block;
  position: relative;
  font: "Lora", serif;
  color: #ffffff;
  text-decoration: none;
  text-shadow: 1px 1px 0 #000000;
  margin: 0;
  padding: .3em .3em;
}
#cssmenu ul ul > li:hover > .separator,
#cssmenu ul ul li .separator:hover,
#cssmenu ul ul > li:hover > a,
#cssmenu ul ul li a:hover {
  background: rgba(0,90,0,0.7);
  color: #fff;
  text-shadow: 0px 0px #000;
}
#cssmenu > ul > li > .separator:hover,
#cssmenu > ul > li > a:hover {
  background: rgba(0,90,0,0.7);
  color: #fff;
  text-shadow: 0px 0px #000;
}
#cssmenu ul ul .separator:hover,
#cssmenu ul ul a:hover {
  color: #fff;
  text-shadow: 0px 0px #000;
}
#cssmenu > ul > li.deeper > .separator:hover:before,
#cssmenu > ul > li.deeper > a:hover:before {
  border-top: 5px solid #ffffff;
}
#cssmenu > ul > li > ul > li.deeper > .separator:after {
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	border: .5em solid transparent;
	border-left-color: #fff;
	right: 0em;
	top: .25em;
}