.layout-widget-menu-content .ui-accordion,
.layout-widget-menu-content .ui-accordion-header,
.layout-widget-menu-content .ui-accordion-content{
    border: none !important;
}

.treeTableOnlyGlobalFilter thead .ui-column-filter{
    display: none !important;
}

.treeTableLogs .ui-datatable-header{
    border: none !important;
}

.treeTableLogs thead{
    visibility: collapse;
}

.treeTableLogs tbody tr:not([data-prk="root"]) .ui-treetable-toggler{
    display: none !important;
}

.treeTableLogs tbody tr td{ text-overflow: ellipsis; }

.layout-widget-menu-detail-header-actions{
    flex-basis: 30%;
}

.layout-widget-menu-detail-header-actions:last-child{
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 10px;
}

.layout-widget-menu-detail-content .ui-accordion .ui-accordion-content{
    font-size: .95rem !important;
    padding: .5rem 0 !important;
}


/* ---------------
LOG ATTIVITA'
-------------------------------------- */
.widgetLogAttivitaContainer *:not(.icon):not(.ui-icon):not(.widgetLogAttivitaTitleTimeAgo > *){
    letter-spacing: initial;
}

.widgetLogAttivitaTitleTimeAgo time{
    text-transform: uppercase;
    font-size: .7rem !important;
}

.widgetLogAttivitaContainerMessage{
    gap: 5px;
    width: calc(100% - 35px);
}

.widgetLogAttivitaContainerMessage > .item:first-child{
    position: relative;
    width: 20px;
}

.widgetLogAttivitaContainerMessage > .item:first-child .icon{
    position: absolute;
    font-size: 1.2rem;
    
    /* Correzione font maggioli */
    transform: translateY(-2px);
}

.widgetLogAttivitaContainerMessage > .item:first-child .icon.pi{
    transform: scale(.87);
}

.widgetLogAttivitaContainerMessage > .item:last-child{
    width: calc(100% - 25px);
    position: relative;
}

.widgetLogAttivitaContainerMessage > .item:last-child .widgetLogAttivitaMessageResponse{
    position: absolute;
    bottom: -6px;
    right: -6px;
}

.widgetLogAttivitaContainerMessage > .item:last-child .widgetLogAttivitaMessageResponse .pi{
    font-size: .8rem !important;
}

.widgetLogAttivitaMessageContent{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.widgetLogAttivitaContainerButtonMessageDetail{
    width: 25px;
}

.widgetLogAttivitaContainer .ui-accordion .ui-accordion-content{
    padding: 0 .9rem !important;
    box-shadow: none !important;
}

.widgetLogAttivitaContainerMessageSelected{
    position: relative;
    gap: 10px;
    margin: 0 auto;
    overflow: hidden;
}

.widgetLogAttivitaContainerMessageSelectedIcon{
    font-size: 6rem !important;
    transform: translateY(-10px);
}

.widgetLogAttivitaContainerMessageSelectedContent{
    position: relative;
    overflow: hidden;
}

.widgetLogAttivitaContainerMessageSelectedId{
    font-size: .65rem;
    transform: translateY(18px);
}

@media (max-width: 576px){
    .dlgDettaglioMessaggio{ width: 95% !important; }
    .widgetLogAttivitaContainerMessageSelectedIcon{
        display: none;
    }
}


/* ---------------
STORICO ATTIVITA'
-------------------------------------- */
.widgetStoricoAttivitaMenu{
    width: 100% !Important;
    border: none !Important;
    padding: 0 !Important;
}

.widgetStoricoAttivitaMenu .ui-menuitem-link{
    padding: 10px 20px 10px 5px !important;
    background: var(--surface-info) !important;
    border-radius: 8px !important;
    margin: 5px 0 !important;
}

.page-error{ font-size: 13px; font-style: italic; }


/* ---------------
SUPPORTO
-------------------------------------- */
body .sipalWidgetsMenuSupporto{
    padding: 0;
    border: none;
}

body .sipalWidgetsMenuSupporto .ui-menuitem,
body .sipalWidgetsMenuSupporto .ui-widget-header{
    border-radius: 16px !important;
    margin-bottom: 5px !important;
    background: var(--widget-menu-bg-color) !important;;
}

body .sipalWidgetsMenuSupporto .ui-menuitem.ui-submenu-child{
    width: calc(100% - 30px);
    float: right;
}

body .sipalWidgetsMenuSupporto .ui-menuitem .ui-menuitem-link,
body .sipalWidgetsMenuSupporto .ui-widget-header h3{
    color: var(--surface-800) !important;
    background: transparent !important;
}

body .sipalWidgetsMenuSupporto .ui-menuitem .ui-menuitem-link{
    display: flex;
    align-items: center;
}

body .sipalWidgetsMenuSupporto .ui-menuitem .ui-menuitem-link .ui-menuitem-text{
    max-width: calc(100% - 55px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body .sipalWidgetsMenuSupporto .ui-menuitem .ui-menuitem-link .ui-menuitem-icon,
body .sipalWidgetsMenuSupporto .ui-widget-header h3 .ui-icon{
    margin-top: 0 !important;
    margin-right: .75rem !important;
    vertical-align: middle;
    font-size: 1.6rem !important;
    border-radius: 10px;
    width: 34px;
    height: 34px;
    text-align: center;
    line-height: 34px;
}

.sipalWidgetsMenuSoftwareInfo .ui-icon{
    background: var(--blue-100) !important;
    color: var(--blue-800) !important;
}

.sipalWidgetsMenuSupportoItemAssistenza .ui-icon{
    background: var(--yellow-100) !important;
    color: var(--yellow-800) !important;
}

.sipalWidgetsMenuSupportoItemDoc .ui-icon{
    background: var(--primary-100) !important;
    color: var(--primary-800) !important;
}

.sipalWidgetsMenuSupportoItemVideo .ui-icon{
    background: var(--primary-100) !important;
    color: var(--primary-800) !important;
}

.item-container-preview-video {
    width: 350px;
}

.container-preview-video {
    background: var(--surface-100);
    height: 197px;
    border-radius: 8px;
    margin-bottom: 12px;
    padding: 20px;
}

.container-preview-video img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}


/* ---------------
ACCESSIBILITA''
-------------------------------------- */
.container-accessibility-button .ui-button{
    border-radius: 0 !important;
    font-size: var(--font-size);
    height: 45px;
    min-width: 45px;
}

.container-accessibility-button .ui-button:not(.active){
    background: transparent;
    color: var(--text-color);
}

.container-accessibility-button .ui-button:not(.active):not(:last-child){
    border-right: 1px solid var(--theme-border-color);
}

.container-accessibility-button .ui-button.standard:not(.active){
    background: var(--primary-lightest-color);
}