/* CSS MENU SEPARADOR */

.menu-separator { list-style: none; margin: 4px 8px; }
.menu-separator hr { border: 0; border-top: 1px solid #ccc; opacity: .5; margin: 6px 0; }
.menu-group { list-style: none; margin: 10px 8px 5px; padding: 5px 8px; border-bottom: 1px solid #ccc;
              text-transform: uppercase; font-weight: 600; color: #666; font-size: .85em; opacity: .9; }
.menu-group span { padding-left: 4px; }



.container-submenu [module-menu] { transition: opacity .15s ease; }
.container-submenu [module-menu].open { opacity: 1; }
.container-submenu [module-menu]:not(.open) { opacity: 0; }





/* CSS MENU */

.container-submenu ul li ul a {
    color: #adb5bd;
    align-items: center;
    line-height: 0.25;
}



/* CSS MENU */
.container-submenu ul li a {
    display: flex;
    padding: var(--submenu-item-padding-vertical) var(--submenu-item-padding-horizontal);
    /* border-radius: var(--button-border-radius); */
    min-height: var(--button-height);
    align-items: center;
    color: var(--submenu-text-color);
    font-size: var(--menu-font-size);
    overflow-wrap: anywhere;
}


.container-submenu ul li a:hover
{

   background-image: linear-gradient(to right, #2E3446 0%, #2E3446 100%);
   color: var(--submenu-text-hover);
}



.container-submenu ul .checked > a {
       background-image: linear-gradient(to right, #2E3446 0%, #2E3446 100%);
       background-repeat: repeat-x;
       color: #fff;
       border-right: 4px solid #4caf50;
       border-left: 4px solid #4caf50;
}


.master-menu-content .container-submenu>ul>li {
   -- padding: 0px;
}


#top-menu.container-menu {

    border-bottom: 1px solid var(--border-line-menu);

}



.container-menu {

    border-right: 1px solid var(--border-line-menu);
}






/* icones mobile head */
.toggle-top-menu, .toggle-menu {
 
    color: var(--main-color);
}



.dropdown-menu a:hover {
    color: #ffffff !important;
    background: #2196f3;
    border: 1px solid #e1e1e1;
}


.dropdown-menu a {
    line-height: 2;
    border-bottom: 1px solid #e0e0e0;
}


/* SubMenu Ação */
.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {
    box-shadow: 3px 3px #4caf502e;
    font-size: 12px;
    background: #f8f9fa;

}