#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: "Roboto", Times, serif;

  color: #ffffff;

}

#leftmenu ul ul {

  display: none;

}

#leftmenu > ul > li.active > ul {

  display: block;

}

.align-right {

  float: right;

}

#leftmenu > ul > li > a {

  padding: 16px 18px;

  cursor: pointer;

  z-index: 2;

  font-size: 18px;

  text-decoration: none;

  color: #000;

  -webkit-transition: color .2s ease;

  -o-transition: color .2s ease;

  transition: color .2s ease;

  border-top:solid 1px #eee;

  border-bottom:solid 1px #eee;

}

#leftmenu > ul > li > a:hover {

  color: #000;

}

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

  position: absolute;

  right: 26px;

  top: 19px;

  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: 23px;

  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: 14px 18px;

  cursor: pointer;

  z-index: 2;

  font-size: 16px;

  text-decoration: none;

  color: #5a5858;

  -webkit-transition: color .2s ease;

  -o-transition: color .2s ease;

  transition: color .2s ease;

  background-color:#eee;

}

#leftmenu ul ul ul li a {

  padding-left: 32px;

}

#leftmenu ul ul li a:hover {

  color: #000;

}

#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;

}