#container2{width:240px}

#cssmenu2 {
  padding: 0;
  margin: 0;
  border: 0;
  /*float: left;*/
}
#cssmenu2 ul,
#cssmenu2 li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#cssmenu2 ul {
  position: relative;
  z-index: 597;
}
#cssmenu2 ul li {
  float: left;
  min-height: 1px;
  vertical-align: middle;
  width: 100%;  
}

#cssmenu2 ul ul {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 598;
  width: 100%;
}
#cssmenu2 ul ul li {
  float: none;
}
#cssmenu2 ul ul ul {
  top: 0;
  left: 100%;
  width: 230px;
}
#cssmenu2 ul li:hover > ul {
  visibility: visible;
}
#cssmenu2 ul ul {
  bottom: 0;
  left: 0;
}
#cssmenu2 ul ul {
  margin-top: 0;
}
#cssmenu22 ul ul li {
  font-weight: normal;
}
#cssmenu2 a {
  display: block;
  line-height: 1em;
  text-decoration: none;
}

#cssmenu2 {
  background: #f3f3f3;
  font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
  font-size: 13px;
}
#cssmenu2 > ul {
  display: block;
}
#cssmenu2:after,
#cssmenu2 ul:after {
 /* content: '';*/
  display: block;
  clear: both;
}
#cssmenu2 ul {
  cursor: pointer;
}
#cssmenu2 ul ul 
{
  text-transform: none;
  min-width: 230px;
}
#cssmenu2 ul ul a {
  background: white;
  color: #3a3a3a;
  /*border: 1px solid #cacaca;*/
  border-top: 0 none;
  line-height: 60%;
  padding: 8px 20px 8px 12px;
}
#cssmenu2 ul ul ul {
  border-top: 0 none;
}
#cssmenu2 ul ul li {
  position: relative;
}
#cssmenu2 ul ul li:first-child > a {
  /*border-top: 1px solid #ddd;*/
}
#cssmenu2 ul ul li:hover > a {
  background: #eee;
  color: #3a3a3a;
  -webkit-opacity:1;
  -khtml-opacity:1;
  -moz-opacity:1;
  opacity:1;
  -ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
  filter:alpha(opacity=(100));  
}
#cssmenu2 ul ul li:last-child > a {
  -moz-border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -moz-box-shadow: 0 1px 0 #eae8e8;
  -webkit-box-shadow: 0 1px 0 #eae8e8;
  box-shadow: 0 2px 0 #eae8e8;
}
#cssmenu2 ul ul li:last-child:hover > a {
  -moz-border-radius: 0 0 0 3px;
  -webkit-border-radius: 0 0 0 3px;
  border-radius: 0 0 0 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
  
#cssmenu2 ul ul li.has-sub > a:after {
  /*content: "\f0da"; */
 
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -8px;
}

#cssmenu2 ul li:hover > a,
#cssmenu2 ul li.active > a {
  /*background: #036F5A; */
  color: #ffffff; 
}
#cssmenu2 ul li.has-sub > a:after {
  /*content: "\f0da"; */
  margin-left: 5px;
}
#cssmenu2 ul li.last ul {
  left: auto;
  right: 0;
}
#cssmenu2 ul li.last ul ul {
  left: auto;
  right: 99.5%;
}
#cssmenu2 a {
  /*background: #f3f3f3;
  color: black;
  padding: 0 30px; */
  padding-right: 30px;
  padding-bottom: 0;
  padding-top: 0;
  padding-left: 20px;  
}
#cssmenu2 > ul > li > a {
  line-height: 40px;
  font-size: 13px;
  /*margin-left: 20px*/
}

#cssmenu2> ul > li
{
	position:relative;
	-webkit-box-shadow:inset 0 -10px 10px -10px rgba(0,0,0,.025);
	-moz-box-shadow:inset 0 -10px 10px -10px rgba(0,0,0,.025);
	box-shadow:inset 0 -10px 10px -10px rgba(0,0,0,.025);
    background-color: transparent;	
}

#cssmenu2>ul>li::before
{
	content:"";
	display:block;
	position:absolute;
	z-index:-1;
	top:0;
	left:0;
	width:0;
	height:100%;
	background-color:#036F5A;
	-o-transition:all .3s ease-in-out;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}

.cssmenu2-pnl-menu
{
	background-color: #f3f3f3 !important;
}

.cssmenu2-active > li
{
	background-color:#036F5A !important;
}

.cssmenu2-active > li > .box-more-actions2 {color:white;}

.cssmenu2-active > li > a
{
	color: white !important;	
}

#cssmenu2>ul>li:hover::before{width:100%}

#cssmenu2>ul>li>a,#cssmenu2>ul>li>div,#cssmenu2>ul>li>i{-o-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out}

#cssmenu2>ul>li:hover{text-decoration:none;color:white}

#cssmenu2>ul>li:hover > .box-more-actions2 {color:white;-o-transition:all 1s ease-in-out;-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;-ms-transition:all .8s ease-in-out;transition:all .8s ease-in-out}

.box-more-actions2{color:transparent;position:absolute;top:13px;right:10px;}