@import url('https://fonts.googleapis.com/css?family=Roboto:400,900');





#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', sans-serif;







  color: #ffffff;

  margin-bottom:15px;
  border:solid 1px #ccc; padding:5px







}







#leftmenu ul ul {







  display: none;







}







#leftmenu > ul > li.active > ul {







  display: block;







}







.align-right {







  float: right;







}







#leftmenu > ul > li > a {







  padding: 14px 18px;







  cursor: pointer;







  z-index: 2;







  font-size: 16px;







  text-decoration: none;







  color: #000;







  background: #fff;







  -webkit-transition: color .2s ease;







  -o-transition: color .2s ease;







  transition: color .2s ease;







  border-bottom:solid 1px #ccc;

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





}







#leftmenu > ul > li > a:hover {







  color: #fff;







  background-color:#eb0810;







}







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







  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: 'Roboto', sans-serif;





}







#leftmenu ul ul ul li a {







  padding-left: 32px;







}







#leftmenu ul ul li a:hover {







  color: #fff;







  background-color:#eb0810;







}







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







}