.active { background-color: rgb(247, 148, 0);color: #fff; }
  
.sidepanel 
{
  width: 100%;
  overflow-x: hidden;
  transition: 0.5s; 
  
}

.sidepanel a 
{
  float: right;
  display: block;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  color: #ffffff;
  transition: 0.3s;
}

.sidepanel a:hover 
{
  color: #017552;
  background-color: #f4f4f4;
}

.MoreInfo 
{
  width: 100%;
  overflow-x: hidden;
  transition: 0.5s; 
 background: red; 
 width: 220px;
 
}

.MoreInfo a 
{
  display: block;
  text-align: center;
  padding: 16px 14px;
  text-decoration: none;
  font-size: 17px;
  color: #ffffff;
  transition: 0.3s;
}

.MoreInfo a:hover 
{

  background-color: #a10000d7;
}



/* ++++++++++++++++++++++++++++++++++++++ */

  
.List_Cat_ele 
{
  width: 100%;
  overflow-x: hidden;
  transition: 0.5s; 
  
}

.List_Cat_ele a 
{
  
  display: block;
  text-align: right;
  padding: 10px 12px;
  text-decoration: none;
  font-size: 1.2rem;
  color: #ffffff;
  transition: 0.3s;
  border-bottom: #383838 1px solid;

}

.List_Cat_ele a:hover 
{
  color: #017552;
  background-color: #f4f4f4;
}



/* ------------------------------------- */
/* ------------------------------------- */
/* ------------------------------------- */

@media screen and (max-width: 600px) 
{
  
  .sidepanel a {font-size: .9rem;  padding: 14px 10px;}
  

}