@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: #fff;





}







#leftmenu ul ul {







  display: none;







}







.align-right {







  float: right;







}







#leftmenu > ul > li > a {







  padding: 15px 15px;







  cursor: pointer;







  z-index: 2;







  font-size: 14px;



  text-decoration: none;



  color: #fff;





  border-bottom:solid 1px #333;



  font-family: 'Poppins', sans-serif;



  position:relative; z-index:1; transition:0.8s;
  background-color:#252525;



}





#leftmenu > ul > li > a:hover,







#leftmenu > ul > li.active > a,







#leftmenu > ul > li.open > a {







  color: #fff; background-color:#c60000



}



.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: 13px;







  color: #000;







  background: #eee;







  







 







}







#leftmenu ul ul li:hover > a{







  background: #c60000;







  color: #fff;







}







#leftmenu ul ul li:first-child > a {







  box-shadow: none;







}















#leftmenu ul ul ul li a {







  padding-left: 10px;



  background-color:#fff;



  color:#000;







}



#leftmenu ul ul ul li a:hover{



	background-color:#ed1f23;



	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;







}