@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');

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



  color: #000;



  background-color:#fff;



}



#leftmenu ul ul {



  display: none;



}



.align-right {



  float: right;



}



#leftmenu > ul > li > a {



  padding: 15px;



  cursor: pointer;



  z-index: 2;



  font-size: 14px;

  text-decoration: none;

  color: #000;

  background:#fff;

  border-bottom:solid 1px #eee;

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

  position:relative; z-index:1

}

#leftmenu > ul > li > a:before{

	content:''; position:absolute; background-color:#000; width:2px; height:100%; top:0; left:0; transition:0.6s; z-index:-1}

#leftmenu > ul > li > a:hover,



#leftmenu > ul > li.active > a,



#leftmenu > ul > li.open > a {



  color: #fff;

}

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

	width:100%;}



.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::after {



  top: 17px;



  border-top: 2px solid #ffffff;



  border-left: 2px solid #ffffff;



}



#leftmenu > ul > li > a:hover > span::after,



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



#leftmenu > ul > li.open > a > span::after {



  border-color: #eeeeee;



}



.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: 12px;



  color: #000;



  background: #eee;



  



 



}



/*#leftmenu ul ul li:hover > a,



#leftmenu ul ul li.open > a,



#leftmenu ul ul li.active > a {



  background: #488dc6;



  color: #488dc6;



}*/



#leftmenu ul ul li:first-child > a {



  box-shadow: none;



}



#leftmenu ul ul ul li:first-child > a {



  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);

  



}





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



}



.act {



  background: rgb(0, 217, 10);



  color: #ffffff;



}