/* 
ACCORDION 
 */
button.accordion 
{
   background-color:  #999999; 
   color: #ffffff !important;
   cursor: pointer;
   padding: 18px;
   width: 100%;
   border: none;
   text-align: left;
   outline: none;
   font-size: 15px;
   transition: 0.4s;
   border: 1px solid #777;
   border-radius: 10px;
}
button.accordion:active, button.accordion:hover 
{
   background-color:#00798b;
}
div.panel 
{
   margin-bottom: 5px !important;
   padding: 0 18px;
   background-color: #ffffff;
   max-height: 0;
   overflow: hidden;
   transition: max-height 0.2s ease-out;
}
/* ICONS ACCORDIONS SEZ */
button.accordion:after {
    content: '\02795'; /* Unicode character for "plus" sign (+) */
    font-size: 15px;  
    color: #ffffff !important;
    float: left;
    margin-right: 3px;
}

button.accordion.active:after {
    content: "\2796"; /* Unicode character for "minus" sign (-) */
	font-size: 15px;
	color: #ffffff !important;
}

 
/* 
ACCORDION GATEGORIES
 */
button.accordion-categorie {
   background-color: #5aad73 ;
   color: #ffffff !important; 
   cursor: pointer;
   padding: 18px;
   width: 100%;
   border: none;
   text-align: left;
   outline: none;
   font-size: 20px;
   transition: 0.4s;
   border: 1px solid #777;
   border-radius: 10px;
   margin-top: 10px;
}

button.accordion-categorie:active, button.accordion-categorie:hover 
{
   background-color:#00798b;
}

div.panel-categories
{
   padding: 0 8px;
   background-color:#ffffff; 
   /* max-height: 0; */
   display: none;
   overflow: hidden;
   transition: max-height 0.2s ease-out;
   margin-top: 10px;
}
/* ICONS ACCORDIONS SEZ */
button.accordion-categorie:after {
    content: '\003E'; /* Unicode character for "plus" sign (+) */
    font-size: 20 px;
    color: #ffffff !important;
    float: left;
    margin-right: 3px;
}

button.accordion-categorie.active:after {
    content: "\003E"; /* Unicode character for "minus" sign (-) */
	font-size: 20 px;
	color: #ffffff !important;
}