/* 
ACCORDION 
 */
button.accordion 
{
   background-color: #CCCCCC;
   color: #777 !important;
   cursor: pointer;
   padding: 18px;
   width: 100%;
   border: none;
   text-align: left;
   outline: none;
   font-size: 15px;
   transition: 0.4s;
   border: 1px solid #777;
}
button.accordion:active, button.accordion:hover 
{
   background-color: #ddd;
}
div.panel 
{
   margin-bottom: 5px !important;
   padding: 0 18px;
   background-color: white;
   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: 13px;
    color: #777;
    float: left;
    margin-right: 3px;
}

button.accordion.active:after {
    content: "\2796"; /* Unicode character for "minus" sign (-) */
}

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

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

div.panel-categories
{
   padding: 0 8px;
   background-color: white;
   /* 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: 13px;
    color: #777;
    float: left;
    margin-right: 3px;
}

button.accordion-categorie.active:after {
    content: "\003E"; /* Unicode character for "minus" sign (-) */
}