/*MENU CSS (IL CSS PER IL MENU)*/
#menu_archivi{
    border: 0px;
}
#menu_dyn{
    border: 0px;
}
body .ui-menu{
    border: none;
}
body .ui-menu .ui-menu-list .ui-menuitem {
    /* text-align: center !important;*/
}

body .ui-menu .ui-menu-list  > .ui-menuitem  .ui-menuitem-icon {
    /* text-align: center !important;*/
}
#menu_dyn  > .ui-menu-list > .ui-menuitem > a    , #menu_archivi  > .ui-menu-list > .ui-menuitem > a:not(.ui-state-hover){

    padding-left: 24px !important;
}

/*VISUALIZZANO CORRETTAMENTE I SOTTOMENU*/
ul.ui-widget-content.ui-menu-list.ui-corner-all.ui-helper-clearfix.ui-menu-child.ui-shadow {
    position: fixed;
    min-width: 250px;
    padding: 0px;
}
ul > li.ui-widget.ui-menuitem.ui-corner-all.ui-menu-parent.rootIconMenu.ui-menuitem-active > ul{
    overflow-y: auto;
    max-height: 90%;
}


.ActivePageMENU{
    /*background-image: linear-gradient(270deg,var(--surface-e) 0%,var(--surface-e) 95%, var(--primary-color) 95%, var(--primary-color) 100%);*/
    /*border-left: 5px solid var(--primary-color) !important;*/
    box-shadow:inset 6px 0px 0px 0px var(--primary-color)!important;
}

#menu-panel-to-move-content .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text , .ui-menuitem-icon{

    color: var(--text-color) !important;
}
body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover {
    background-color: var(--primary-color) !important;
}

#menu_container_panel ul > li > a > span.ui-menuitem-text{
    font-weight: 400;
    padding-left: 0.8rem !important;
    font-size: 14px !important;
}
/*COLORA IL MENU SELEZIONATO E LA SUA SCRITTA ED ICONA*/

li.ui-widget.ui-menuitem.ui-corner-all.ui-menuitem-active{
    background-color: var(--primary-color) !important;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5) !important;
}
#menu_container_panel .ui-state-hover{
    background-color: var(--primary-color) !important;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5) !important;
    justify-content: center;
}
/*
#menu_container_panel .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active>.ui-menuitem-link>.ui-menuitem-text {
    color: red !important;
}*/
#menu_container_panel .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active>.ui-menuitem-link.ui-state-hover>.ui-menuitem-text{
    color: var(--primary-color-text) !important;
    font-size: 15px !important;
    font-weight: 500;
}
/*
#menu_container_panel .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active>.ui-menuitem-link>.ui-icon {
    color: red !important;
}*/
#menu_container_panel .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active>.ui-menuitem-link.ui-state-hover>.ui-icon {
    color: var(--primary-color-text) !important;
    font-size: 1.4rem !important;
}
#menu_container_panel .ui-icon.ui-icon-triangle-1-e{
    top: 0.2rem !important;
}
/*MENU ad ICONE*/

/*non vedo MAI la scritta*/
.IconMENU .ui-menuitem-text{
    display: none !important;
}
.IconMENU .ui-menuitem-active .ui-menuitem-text{
    display: inline-block !important;
    margin-left: 0.5rem;
}

/*vedo SEMPRE la scritta nei sottoMenu*/
.IconMENU .ui-menuitem-active .ui-menuitem .ui-menuitem-text{
    display: inline-block !important;
}

/*Css per vializzazione ad icone per far apparire la scritta del menu quando ci sei sopra*/
.IconMENU #menu-panel-to-move-content  > .ui-menu > .ui-menu-list > .ui-menuitem-active {
    height: 39.59px !important;
    box-shadow: none !important;
    width: 250px !important;
}
.IconMENU #menu-panel-to-move-content > .ui-menu > .ui-menu-list > .ui-menuitem-active > a {
    z-index: 1205 !important;
    position: fixed;
    width: 250px !important;
    justify-content: center;
    border-radius: 0px 4px 4px 0px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5) !important;
}
#menu_container_panel.IconMENU #menu-panel-to-move-content > div > ul > li > a > svg{
    font-size: 1.8rem !important;
}
#menu_container_panel.IconMENU #menu-panel-to-move-content > div > ul > li > a > span:nth-child(1){
    font-size: 1.8rem !important;
}
#menu_container_panel #menu-panel-to-move-content > div > ul > li > a > svg{
    font-size: 1.8rem !important;
}
#menu_container_panel #menu-panel-to-move-content > div > ul > li > a > span:nth-child(1){
    font-size: 1.8rem !important;
}
#menu_container_panel.IconMENU #menu-panel-to-move-content > div > ul > li > a > .ui-icon.ui-icon-triangle-1-e{
    top: 0.3rem !important;
    color: var(--text-color) !important;
    font-size: 1.5rem;
}
#menu_container_panel.IconMENU #menu-panel-to-move-content > div > ul > li.ui-menuitem-active > a > .ui-icon.ui-icon-triangle-1-e{
    top: 0.2rem !important;
    color: var(--primary-color-text) !important;
    font-size: 1.5rem;
}
#menu_container_panel #menu-panel-to-move-content > div > ul > li > a > .ui-icon.ui-icon-triangle-1-e{

}

/*CAMBIO COLORE AI SOTTO MENU*/
body #menu_container_panel ul.ui-widget-content.ui-menu-list.ui-corner-all.ui-helper-clearfix.ui-menu-child.ui-shadow{
    /*  background-color:  #cdbfde !important; le onde generano questo sommate*/

}



#menu-sidebar-to-move .ui-state-hover{
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5) !important;
    justify-content: center;
}
#menu-sidebar-to-move .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active>.ui-menuitem-link>.ui-menuitem-text {
    color: var(--primary-color-text) !important;
    font-size: 1rem !important;
}
#menu-sidebar-to-move .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active>.ui-menuitem-link>.ui-icon {
    color: var(--primary-color-text) !important;
    font-size: 1.5rem !important;
}
#menu-sidebar-to-move .ui-icon.ui-icon-triangle-1-e{
    top: 0.2rem !important;
}
.MenuExtLink::after {
    content: "\e93c";
    font-family: 'primeicons';
    speak: none;
    font-style: normal;
    font-size: 1rem;
    font-variant: normal;
    font-weight: bold;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: var(--text-color);
    right: 12px;
    position: absolute;
    margin-top: 4px;
}
.MenuExtLink:hover:after {
    color: var(--primary-color-text);
}
.IconMENU  .rootIconMenu > a > span{
    margin-right: -12px !important;
}
.IconMENU  .rootIconMenu>a.ui-state-hover>span{
    margin-right: 0px !important;
}