@import url('https://fonts.googleapis.com/css?family=Lato:400,700');
#leftmenu,

#leftmenu ul,

#leftmenu ul li,

#leftmenu ul li a {

  margin: 0;

  padding: 0;

  border: 0;

  list-style: none;

  line-height: 1;

  display: block;

  position: relative;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

#leftmenu {

  width: 100%;

  font-family: 'Lato', sans-serif;
  border:solid 1px #eee; padding:5px;

  

  margin-bottom:15px;

}

#leftmenu ul ul {

  display: none;

}

#leftmenu > ul > li.active > ul {

  display: block;

}

.align-right {

  float: right;

}

#leftmenu > ul > li > a {

  padding: 12px 18px;

  cursor: pointer;

  z-index: 2;

  font-size: 15px;

  text-decoration: none;

  color: #000;

  background:transperent;

  -webkit-transition: color .2s ease;

  -o-transition: color .2s ease;

  transition: color .2s ease;

  border-bottom:solid 1px #eee;

 font-family: 'Lato', sans-serif;

text-transform:capitalize;
background-color:#fff
}

#leftmenu > ul > li > a:hover {

  color: #000;

  background-color:#ffcc00;

}

#leftmenu ul > li.has-sub > a:after {

  position: absolute;

  right: 26px;

  top: 15px;

  z-index: 5;

  display: block;

  height: 10px;

  width: 2px;

  background: #000;

  content: "";

  -webkit-transition: all 0.1s ease-out;

  -moz-transition: all 0.1s ease-out;

  -ms-transition: all 0.1s ease-out;

  -o-transition: all 0.1s ease-out;

  transition: all 0.1s ease-out;

}

#leftmenu ul > li.has-sub > a:before {

  position: absolute;

  right: 22px;

  top: 19px;

  display: block;

  width: 10px;

  height: 2px;

  background: #000;

  content: "";

  -webkit-transition: all 0.1s ease-out;

  -moz-transition: all 0.1s ease-out;

  -ms-transition: all 0.1s ease-out;

  -o-transition: all 0.1s ease-out;

  transition: all 0.1s ease-out;

}

#leftmenu ul > li.has-sub.open > a:after,

#leftmenu ul > li.has-sub.open > a:before {

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  transform: rotate(45deg);

}

#leftmenu ul ul li a {

  padding: 12px 18px;

  cursor: pointer;

  z-index: 2;

  font-size: 14px;

  text-decoration: none;

  color: #000;

  background: #eee;

  -webkit-transition: color .2s ease;

  -o-transition: color .2s ease;

  transition: color .2s ease;

 font-family: 'Lato', sans-serif;
border-bottom:solid 1px #eee;

}

#leftmenu ul ul ul li a {

  padding-left: 32px;
  background-color: #ccc;

color: #000;

border-bottom: solid 1px #eee;
}

#leftmenu ul ul li a:hover {

  color: #000;

  background-color:#ffcc00;

}

#leftmenu ul ul > li.has-sub > a:after {

  top: 16px;

  right: 26px;

  background: #dddddd;

}

#leftmenu ul ul > li.has-sub > a:before {

  top: 20px;

  background: #dddddd;

}