@import url('https://fonts.googleapis.com/css?family=Poppins: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: 'Poppins', sans-serif;

  background-color:#fff;

  border:solid 1px #ccc;

  padding:5px;



}



#leftmenu ul ul {



  display: none;



}



.align-right {



  float: right;



}



#leftmenu > ul > li > a {



  padding: 15px;



  cursor: pointer;



  z-index: 2;



  font-size: 15px;



  text-decoration: none;



  color: #fff;

  background:#000;

  border-bottom:solid 1px #ccc;

 



 



}



#leftmenu > ul > li > a:hover,



#leftmenu > ul > li.active > a,



#leftmenu > ul > li.open > a {



  color: #fff;



  background: #3156a4;

  







}



#leftmenu > ul > li.open > a {



 



  border-bottom: 1px solid #000;



}



#leftmenu > ul > li:last-child > a,



#leftmenu > ul > li.last > a {



  border-bottom: 1px solid #000;



}



.holder {



  width: 0;



  height: 0;



  position: absolute;



  top: 0;



  right: 0;



}



.holder::after,



.holder::before {



  display: block;



  position: absolute;



  content: "";



  width: 8px;



  height: 8px;



  right: 20px;



  z-index: 10;



  -webkit-transform: rotate(-135deg);



  -moz-transform: rotate(-135deg);



  -ms-transform: rotate(-135deg);



  -o-transform: rotate(-135deg);



  transform: rotate(-135deg);



}







.holder::before {



  top: 18px;



  border-top: 2px solid;



  border-left: 2px solid;



  border-top-color: inherit;



  border-left-color: inherit;



}



#leftmenu ul ul li a {



  cursor: pointer;



  padding: 12px 15px;



  z-index: 1;



  text-decoration: none;



  font-size: 13px;



  color: #000;



  background: #eee;

  border-bottom:solid 1px  #ccc;





}



#leftmenu ul ul li:hover > a,



#leftmenu ul ul li.open > a,



#leftmenu ul ul li.active > a {



  background: #3156a4;



  color: #fff;



}







#leftmenu ul ul ul li a {



  padding-left: 10px;

  background-color:#fff;

  color:#000;



}

#leftmenu ul ul ul li a:hover{

	background-color:#000;

	color:#fff;}



#leftmenu > ul > li > ul > li:last-child > a,



#leftmenu > ul > li > ul > li.last > a {



  border-bottom: 0;



}



#leftmenu > ul > li > ul > li.open:last-child > a,



#leftmenu > ul > li > ul > li.last.open > a {



 /* border-bottom: 1px solid #000;*/



}



#leftmenu > ul > li > ul > li.open:last-child > ul > li:last-child > a {



  border-bottom: 0;



}



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



  display: block;



  position: absolute;



  content: "";



  width: 5px;



  height: 5px;



  right: 20px;



  z-index: 10;



  top: 11.5px;



  border-top: 2px solid #eeeeee;



  border-left: 2px solid #eeeeee;



  -webkit-transform: rotate(-135deg);



  -moz-transform: rotate(-135deg);



  -ms-transform: rotate(-135deg);



  -o-transform: rotate(-135deg);



  transform: rotate(-135deg);



}



#leftmenu ul ul li.active > a::after,



#leftmenu ul ul li.open > a::after,



#leftmenu ul ul li > a:hover::after {



  border-color: #ffffff;



}