.menu {
border-width:0px;


border-style: solid;


margin:0px 0px 2px 0px;

}
.menu .menu--horizontal {

background-color:#fff;


box-shadow:0 2px 1px 0 rgba(10, 16, 34, 0.2);


}
#idMenuVertical {





box-shadow:2px 2px 1px 2px rgba(10, 16, 39, 0.2);
margin:0px 2px 0px 0px;

}

.menu__toggle span {
background-color:#656565;
}
.menu__list
{




}

.menu__item, .menu__link {
text-decoration:none;
color:#656565;
font-family:"Roboto", sans-serif;
font-size:14px;

font-style:none;
text-decoration:none;
}

.menu__list > .menu__item {
background-color:#FFF;
border-color:#c3c3c3;
border-width:0px 0px 0px 0.5px;
border-style:solid;

padding:12px;

}

.menu--horizontal .menu__list > .menu__item:first-child {
    {theme_main_borderwidth_item_first}
}
.menu--horizontal .menu__list > .menu__item:last-child {
    {theme_main_borderwidth_item_last}
}

.menu--vertical .menu__list > .menu__item {
  {theme_main_borderwidth_item_vertical}
}
.menu--vertical .menu__list > .menu__item:first-child {
}
.menu--vertical .menu__list > .menu__item:last-child {
}

.menu__list > .menu__item:hover {
background-color:#F7F7F7;
}
.menu__list > .menu__item:hover > .menu__link{
color:#050505;
}
.menu__list > .menu__item:hover > .menu__link:after{
border-left: 4px solid #050505;
}
.menu__list > .menu__item:active, .menu__list > .menu__item--active {

}
.menu__list > .menu__item:active > .menu__link, .menu__list > .menu__item--active > .menu__link {

}
.menu__list > .menu__link:before {
border-color:#c3c3c3;
}
.menu__link:after {
    border-top: 4px solid #656565;
    border-left: 4px solid #656565;
}
.menu__icon {
color:#656565;
}
.menu__badge {
font-style: normal;
border-radius: 25px;
padding: 2px 6px;

background-color:#99FFCC;
color:#009900;

font-size: 0.85em;
}
.menu__submenu {
display:none;

background-color:#FFF !important;



border-width:1px 1px 0px 1px;
border-color:#c3c3c3;



border-style: solid;



text-align:left;
}

.menu__submenu .menu__item {



font-style:none;

text-decoration:none;

border-color:#c3c3c3;
border-width:0px 0px 1px 0px;
border-style:solid;




padding:12px;
}

.menu__submenu .menu__item:first-child {
{theme_sub_borderwidth_item_first}
}
.menu__submenu .menu__item:last-child {
{theme_sub_borderwidth_item_last}
}

.menu__submenu .menu__item {
color:#656565;
}

.menu__submenu .menu__item:hover {
background-color:#F7F7F7;
}
.menu__submenu .menu__item:hover .menu__link {
color:#050505;
}
.menu__submenu .menu__item:hover .menu__link:after {
border-left: 4px solid #050505
}
.menu__submenu .menu__item:active, .menu__submenu .menu__item--active {

}
.menu__submenu .menu__item:active .menu__link, .menu__submenu .menu__item--active .menu__link {

}
@media only screen and (max-width: 576px) {
  .menu {
    font-family:"Roboto", sans-serif;
    font-size:14px;
      border-bottom: 1px solid transparent;
      padding: 0;
    }
    .menu:before {
    background-color:#fff;
    
    }
    .menu:after {
      background-color:    rgba(0, 0, 0, 0.5);
    }
    .menu .menu__container {
    background-color:#fff;
    }
    .menu .menu__item,
    .menu .menu__item:hover {
    border-bottom: 1px solid border-color:#c3c3c3;
    }
    .menu .menu__item--active,
    .menu .menu__item:hover--active {
    background-color:#F7F7F7;
    }
    .menu .menu__item--active > .menu__link,
    .menu .menu__item:hover--active > .menu__link {
    color:#050505;
    }
    .menu .menu__item:hover--active > .menu__link:after {
    border-left: 4px solid #050505
    }
    .menu .menu__link,
    .menu .menu__item:hover .menu__link {
    color:#656565;
    }
    .menu .menu__submenu .menu__item:hover {
    : transparent;
      border-bottom: 0;
    }
    .menu .menu__submenu .menu__link:before {
    color:#656565;
    }
    .menu .menu__item--withsubmenu > .menu__link:after {
    border-left: 4px solid 
    }
    .menu__list > .menu__item {
        {theme_main_borderwidth_item_vertical}
    }
    #idMenuHeader
    {
      display:none;
    }
    #idMenuVertical
    {
      box-shadow:none;
      margin:0px;
    }
}