/*
 * Audit - Modern Grid Theme
 * Override per griglia Syncfusion con aspetto contemporaneo
 * Colore accent: #0288D1 (azzurro Audit)
 */

/* ===== LOGOS ===== */
.logos {
    margin: 3px !important;
}

/* ===== GRIGLIA PRINCIPALE ===== */
.e-grid {
    border-radius: 8px !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
    overflow: hidden;
    font-family: "Inter", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

    .e-grid .e-gridcontent tr:first-child td {
        border-top: none !important;
        padding: 14px 20px 14px 20px !important;
    }

    .e-grid.e-default {
        background-color: #FFFFFF !important;
    }

    /* ===== HEADER GRIGLIA ===== */
    .e-grid .e-gridheader {
        background: linear-gradient(180deg, #F8FAFC 0%, #F1F5F9 100%) !important;
        border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
        border-top: none !important;
    }

    .e-grid .e-headercell,
    .e-grid .e-detailheadercell,
    .e-grid .e-grouptopleftcell {
        background-color: transparent !important;
        border-color: rgba(0, 0, 0, 0.06) !important;
        font-weight: 600 !important;
        font-size: 13px !important;
        color: #334155 !important;
        text-transform: uppercase;
        letter-spacing: 0.04em;
        padding: 20px 20px 10px 20px !important;
        gap: 8px !important;
        height: 40px !important;
    }

    .e-grid .e-headercelldiv {
        font-weight: 600 !important;
        font-size: 13px !important;
        color: #334155 !important;
        line-height: 16px !important;
    }

    .e-grid .e-columnheader:not(.e-stackedHeaderRow),
    .e-grid th.e-headercell.e-draggable {
        background-color: transparent !important;
    }

    .e-grid .e-headercell .e-ascending,
    .e-grid .e-headercell .e-descending {
        color: #0288D1 !important;
        margin: -20px -10px -10px -15px !important;
    }

    /* ===== CELLE E RIGHE ===== */
    .e-grid .e-table {
        background-color: #FFFFFF !important;
    }

    .e-grid .e-rowcell,
    .e-grid .e-groupcaption,
    .e-grid .e-indentcell,
    .e-grid .e-detailcell {
        border-color: rgba(0, 0, 0, 0.04) !important;
        padding: 14px 20px !important;
        font-size: 14px !important;
        line-height: 12px !important;
        color: #1E293B !important;
        transition: background-color 0.2s ease, color 0.2s ease;
    }

        .e-grid .e-rowcell:not(.e-editedbatchcell),
        .e-grid .e-detailrowcollapse:not(.e-editedbatchcell),
        .e-grid .e-detailrowexpand:not(.e-editedbatchcell),
        .e-grid .e-emptyrow:not(.e-editedbatchcell) {
            color: #1E293B !important;
            opacity: 1 !important;
        }

    /* Righe alterne */
    .e-grid .e-alt_row {
        background: #F8FAFC !important;
    }

    /* Hover riga - solo sfondo azzurro, testo invariato */
    .e-grid tr.e-hover,
    .e-grid tr.e-row:hover {
        background-color: #E3F2FD !important;
    }

        .e-grid tr.e-hover .e-rowcell,
        .e-grid tr.e-row:hover .e-rowcell {
            color: inherit !important;
        }

    /* Riga selezionata */
    .e-grid td.e-active,
    .e-grid .e-form-titlebar {
        background: #E3F2FD !important;
        color: #FFFFFF !important;
    }

        .e-grid td.e-active .e-rowcell,
        .e-grid .e-form-titlebar .e-rowcell {
            color: #FFFFFF !important;
        }

    /* ===== TOOLBAR ===== */
    .e-grid .e-toolbar.e-toolbarspan {
        background: #FFFFFF !important;
        border-color: rgba(0, 0, 0, 0.06) !important;
        border-radius: 12px 12px 0 0 !important;
    }

    .e-grid .e-groupdroparea {
        background: linear-gradient(180deg, #F8FAFC 0%, #F1F5F9 100%) !important;
        border-color: rgba(0, 0, 0, 0.06) !important;
        color: #1e233b !important;
    }

    .e-grid .e-groupheadercell,
    .e-grid .e-groupheadercell:hover {
        background-color: #F1F5F9 !important;
        border-color: rgba(0, 0, 0, 0.08) !important;
        border-radius: 8px !important;
        color: #475569 !important;
    }

.e-gridtoolbar.e-toolbar.e-js ul > li.e-tooltxt {
    background: #FFFFFF !important;
    border-radius: 8px !important;
}

.e-grid .e-toolbaricons.e-searchfind {
    color: #64748B !important;
}

.e-grid .e-toolbar .e-hover .e-icon {
    color: #0288D1 !important;
}

/* ===== PAGER ===== */
.e-grid .e-pager {
    background-color: #F8FAFC !important;
    border-color: rgba(0, 0, 0, 0.06) !important;
    border-radius: 0 0 12px 12px !important;
}

.e-pager .e-pagercontainer {
    background-color: transparent !important;
}

.e-pager .e-prevpagedisabled,
.e-pager .e-prevpage,
.e-pager .e-nextpage,
.e-pager .e-nextpagedisabled,
.e-pager .e-lastpagedisabled,
.e-pager .e-lastpage,
.e-pager .e-firstpage,
.e-pager .e-firstpagedisabled {
    background-color: transparent !important;
    color: #64748B !important;
}

.e-pager .e-currentitem.e-active {
    background: #0288D1 !important;
    color: #FFFFFF !important;
    border-radius: 8px !important;
}

.e-pager .e-numericitem:hover {
    background-color: #E2E8F0 !important;
    color: #1E293B !important;
    border-radius: 8px !important;
}

/* ===== BORDI E SEPARATORI ===== */
.e-grid {
    border-style: solid !important;
}

    .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell {
        border-top: none !important;
    }

    .e-grid .e-gridcontent tr:first-child td {
        border-top: none !important;
    }

    /* ===== MOBILE ===== */
    .grid-mobile.e-grid td.e-active,
    .e-grid .e-form-titlebar {
        background: #E3F2FD !important;
    }

/* ===== DEMO STANDALONE - griglia statica senza Syncfusion ===== */
.demo-modern-grid-wrapper.e-grid .e-gridheader,
.demo-modern-grid-wrapper.e-grid .e-gridcontent {
    overflow: visible;
}

.demo-modern-grid-wrapper.e-grid .e-table {
    width: 100% !important;
    border-collapse: collapse;
}

.demo-modern-grid-wrapper.e-grid .e-gridheader .e-table {
    margin-bottom: 0;
}

.demo-modern-grid-wrapper.e-grid .e-gridcontent .e-table {
    margin-top: 0;
}

.demo-modern-grid-wrapper.e-grid tbody tr {
    cursor: default;
}

    .demo-modern-grid-wrapper.e-grid tbody tr:hover {
        background-color: #E3F2FD !important;
    }

        .demo-modern-grid-wrapper.e-grid tbody tr:hover .e-rowcell {
            color: inherit !important;
        }

@media screen and (min-width: 767px) {
    .nbs-toolbar-bar {
        background: #FFFFFF;
        margin-top: -18px;
        margin-bottom: 10px;
        margin-left: -1px;
    }
}

/*
 * Audit - Ribbon Bar
 * Struttura separata: HEADER e BOX con variabili indipendenti
 *
 * Per modificare le misure, cambia SOLO le variabili sotto.
 * Header e box NON si influenzano a vicenda.
 */

/* ========== VARIABILI - Modifica qui (righe 14-16) ========== */
.e-ribbon.e-js,
.e-ribbon,
.demo-ribbon-wrapper.e-ribbon {
    /* Header (action panel) - padding del contenitore tab */
    --ribbon-header-padding: 0px;
    /* Tab - padding interno di ogni voce (Home, Inserisci, ecc.) */
    --ribbon-header-tab-padding: 6px 10px 6px;
    /* Box - padding dell'area pulsanti sotto i tab */
    --ribbon-box-padding: 6px 6px 6px;
}

    /* === Contenitore principale === */
    .e-ribbon.e-js,
    .e-ribbon,
    .demo-ribbon-wrapper.e-ribbon {
        color: #1E293B !important;
        font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif !important;
        border: none !important;
        box-shadow: none !important;
    }

        .e-ribbon.e-js > .e-header {
            order: 1;
            flex-shrink: 0;
            height: 34px !important;
        }

        .e-ribbon.e-js > .e-content,
        .e-ribbon.e-js > .e-box {
            order: 2;
            flex-shrink: 0;
        }

        /* ========== BLOCCO 1: SOLO HEADER (action panel) ========== */
        /* Solo elementi .e-header - NON .e-content/.e-box */
        .e-ribbon.e-js .e-header:not(.e-content):not(.e-box),
        .e-ribbon .e-addborderbottom.e-header,
        .demo-ribbon-wrapper.e-ribbon .e-header {
            background: transparent !important;
            padding: 8px 8px 0px 8px !important;
            margin: 0 !important;
            margin-top: 12px !important;
        }

        .e-ribbon.e-js .e-left,
        .e-ribbon.e-js .e-right {
            background: transparent !important;
        }

        .e-ribbon .e-header .e-ul,
        .e-ribbon .e-header ul,
        .e-ribbon .e-addborderbottom.e-header .e-ul,
        .e-ribbon .e-addborderbottom.e-header ul,
        .demo-ribbon-wrapper.e-ribbon .e-header ul {
            list-style: none !important;
            padding: 0 !important;
            margin: 0 !important;
            display: flex !important;
            flex-wrap: wrap !important;
        }

        .e-ribbon .e-header .e-ul,
        .e-ribbon .e-header ul,
        .e-ribbon .e-tab,
        .e-ribbon .e-tab a {
            border: none !important;
        }

            .e-ribbon .e-header > li,
            .e-ribbon .e-header .e-ul li,
            .e-ribbon .e-header ul li,
            .e-ribbon .e-addborderbottom.e-header > li,
            .e-ribbon .e-addborderbottom.e-header .e-ul li {
                margin: 0 !important;
            }

        .e-ribbon .e-header li a,
        .e-ribbon .e-addborderbottom.e-header li a,
        .demo-ribbon-wrapper.e-ribbon .e-header .e-tab a {
            display: block !important;
            padding: var(--ribbon-header-tab-padding) !important;
            color: #64748B !important;
            text-decoration: none !important;
            font-size: 12px !important;
            font-weight: 500 !important;
            background: transparent !important;
            border: none !important;
            border-bottom: 3px solid transparent !important;
        }

        .e-ribbon .e-header .e-active.e-tab a,
        .e-ribbon .e-addborderbottom.e-header .e-active.e-tab a,
        .demo-ribbon-wrapper.e-ribbon .e-header .e-tab.e-active a {
            color: #0288D1 !important;
            background: transparent !important;
            border: none !important;
            border-bottom: 3px solid #0288D1 !important;
            margin-bottom: -1px !important;
        }

        .e-ribbon .e-header li a:hover,
        .e-ribbon .e-addborderbottom.e-header li.e-select a:hover,
        .demo-ribbon-wrapper.e-ribbon .e-header .e-tab a:hover {
            color: #0288D1 !important;
            background: transparent !important;
        }

        /* ========== BLOCCO 2: SOLO BOX (contenuto pulsanti) ========== */
        /* Solo .e-content e .e-box - NON .e-header */
        .e-ribbon.e-js .e-content,
        .e-ribbon.e-js .e-box:not(.e-header),
        .e-ribbon .e-content,
        .e-ribbon .e-box:not(.e-header),
        .demo-ribbon-wrapper.e-ribbon .e-content {
            background: #FFFFFF !important;
            border-radius: 8px !important;
            padding: 2px 2px 2px 2px !important;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
        }

        .e-ribbon .e-box.e-addborderbottom,
        .e-ribbon .e-addborderbottom.e-box {
            border-top: none !important;
            background: transparent !important;
            padding-bottom: 4px !important;
        }

        /* === Titoli gruppi === */
        .e-ribbon .e-captionarea,
        .e-ribbon .e-ribbon-group-title.e-captionarea,
        .demo-ribbon-wrapper .e-ribbon-group-title {
            color: #64748B !important;
            font-size: 11px !important;
            text-transform: none !important;
            margin-bottom: 6px !important;
            margin-top: 0 !important;
            font-weight: 400 !important;
        }

        /* === Gruppi ribbon - separatori verticali grigi === */
        .e-ribbon .e-ribbon-groups,
        .demo-ribbon-wrapper .e-ribbon-groups {
            display: flex !important;
            flex-wrap: wrap !important;
            gap: 0 !important;
            align-items: flex-start !important;
        }

        .e-ribbon .e-ribbon-group,
        .demo-ribbon-wrapper .e-ribbon-group {
            display: flex !important;
            flex-direction: column !important;
            padding: 0 16px !important;
            border-right: 1px solid rgba(0, 0, 0, 0.12) !important;
        }

            .e-ribbon .e-ribbon-group:first-child,
            .demo-ribbon-wrapper .e-ribbon-group:first-child {
                padding-left: 0 !important;
            }

            .e-ribbon .e-ribbon-group:last-child,
            .demo-ribbon-wrapper .e-ribbon-group:last-child {
                border-right: none !important;
                padding-right: 0 !important;
            }

        /* ========== BOTTONI GRANDI (e-big) - icona SOPRA testo (verticale) ========== */
        .e-ribbon .e-content .e-btn.e-big,
        .e-ribbon .e-rbn-button.e-big,
        .e-ribbon .e-content .e-btn:not(.e-small):not(.e-rbn-small):not(.e-rbn-medium),
        .e-ribbon .e-rbn-button:not(.e-small):not(.e-rbn-small):not(.e-rbn-medium),
        .e-ribbon .e-content .e-tbtn:not(.e-small):not(.e-rbn-small):not(.e-rbn-medium) {
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            justify-content: center !important;
            min-width: 56px !important;
            min-height: 60px !important;
            max-height: 100px !important;
            padding: 8px 10px !important;
            margin: 0 2px !important;
            border: none !important;
            border-radius: 4px !important;
            color: #1E293B !important;
            font-size: 12px !important;
            transition: none !important;
            animation: none !important;
        }

            .e-ribbon .e-btn.e-select.e-big .e-btn-content,
            .e-ribbon .e-rbn-button.e-big .e-btn-content,
            .e-ribbon .e-btn.e-select:not(.e-small):not(.e-rbn-small):not(.e-rbn-medium) .e-btn-content,
            .e-ribbon .e-rbn-button:not(.e-small):not(.e-rbn-small):not(.e-rbn-medium) .e-btn-content,
            .e-ribbon .e-content .e-btn:not(.e-small):not(.e-rbn-small):not(.e-rbn-medium) .e-btn-content,
            .e-ribbon .e-content .e-tbtn:not(.e-small):not(.e-rbn-small):not(.e-rbn-medium) .e-btn-content {
                flex-direction: column !important;
                align-items: center !important;
                justify-content: center !important;
                gap: 4px !important;
            }
            /* Icone 32px - bottoni grandi (e-big) */
            .e-ribbon .e-content .e-btn.e-big [class$="-img"],
            .e-ribbon .e-rbn-button.e-big [class$="-img"],
            .e-ribbon .e-content .e-btn:not(.e-small):not(.e-rbn-small):not(.e-rbn-medium) [class$="-img"],
            .e-ribbon .e-rbn-button:not(.e-small):not(.e-rbn-small):not(.e-rbn-medium) [class$="-img"],
            .e-ribbon .e-content .e-btn.e-big i,
            .e-ribbon .e-content .e-btn.e-big .e-icon,
            .e-ribbon .e-rbn-button.e-big i,
            .e-ribbon .e-rbn-button.e-big .e-icon,
            .e-ribbon .e-content .e-btn:not(.e-small):not(.e-rbn-small):not(.e-rbn-medium) i,
            .e-ribbon .e-content .e-btn:not(.e-small):not(.e-rbn-small):not(.e-rbn-medium) .e-icon,
            .e-ribbon .e-rbn-button:not(.e-small):not(.e-rbn-small):not(.e-rbn-medium) i,
            .e-ribbon .e-rbn-button:not(.e-small):not(.e-rbn-small):not(.e-rbn-medium) .e-icon {
                width: 32px !important;
                height: 32px !important;
                min-width: 32px !important;
                min-height: 32px !important;
                background-size: 32px 32px !important;
                margin: 0 !important;
                flex-shrink: 0 !important;
                font-size: 32px !important;
            }

        .e-ribbon .e-rbn-button.e-btn.e-select, .e-ribbon .e-rbn-button.e-btn.e-disable.e-select:hover, .e-ribbon .e-rbn-button.e-tbtn.e-disable {
            background: #FFFFFF;
            color: #333;
        }

        .e-ribbon .e-content .e-btn.e-big .e-btntxt,
        .e-ribbon .e-rbn-button.e-big .e-btntxt,
        .e-ribbon .e-content .e-btn:not(.e-small):not(.e-rbn-small):not(.e-rbn-medium) .e-btntxt,
        .e-ribbon .e-rbn-button:not(.e-small):not(.e-rbn-small):not(.e-rbn-medium) .e-btntxt {
            overflow: visible !important;
            text-overflow: unset !important;
            white-space: nowrap !important;
            text-align: center !important;
        }

        /* ========== BOTTONI PICCOLI - display flex, icona SX testo DX (orizzontale) ========== */
        .e-ribbon .e-btn.e-small,
        .e-ribbon .e-tbtn.e-small,
        .e-ribbon .e-rbn-button.e-small,
        .e-ribbon .e-rbn-button.e-rbn-small,
        .e-ribbon .e-rbn-button.e-rbn-medium,
        .e-ribbon .e-content .e-btn.e-small,
        .e-ribbon .e-content .e-tbtn.e-small,
        .e-ribbon .e-addborderbottom .e-btn.e-small,
        .e-ribbon .e-addborderbottom .e-tbtn.e-small,
        .e-ribbon .e-addborderbottom .e-rbn-button.e-small,
        .e-ribbon .e-addborderbottom .e-rbn-button.e-rbn-small,
        .e-ribbon .e-addborderbottom .e-rbn-button.e-rbn-medium,
        .e-ribbon .e-addborderbottom .e-box .e-ul li .e-btn,
        .e-ribbon .e-addborderbottom .e-box .e-ul li .e-tbtn,
        .e-ribbon .e-addborderbottom .e-box .e-ul li a,
        .e-ribbon .e-box .e-ul li .e-btn,
        .e-ribbon .e-box .e-ul li .e-tbtn,
        .e-ribbon .e-box .e-ul li a {
            display: flex !important;
            flex-direction: row !important;
            align-items: center !important;
            justify-content: flex-start !important;
            min-height: 28px !important;
            padding: 4px 8px !important;
            margin: 0 2px !important;
            background: transparent !important;
            border: none !important;
            border-radius: 4px !important;
            color: #1E293B !important;
            font-size: 12px !important;
            transition: none !important;
            animation: none !important;
        }

            .e-ribbon .e-btn.e-small .e-btn-content,
            .e-ribbon .e-tbtn.e-small .e-btn-content,
            .e-ribbon .e-rbn-button.e-small .e-btn-content,
            .e-ribbon .e-rbn-button.e-rbn-small .e-btn-content,
            .e-ribbon .e-rbn-button.e-rbn-medium .e-btn-content,
            .e-ribbon .e-addborderbottom .e-btn.e-small .e-btn-content,
            .e-ribbon .e-addborderbottom .e-rbn-button.e-small .e-btn-content,
            .e-ribbon .e-addborderbottom .e-rbn-button.e-rbn-small .e-btn-content,
            .e-ribbon .e-addborderbottom .e-rbn-button.e-rbn-medium .e-btn-content,
            .e-ribbon .e-addborderbottom .e-box .e-ul li .e-btn .e-btn-content,
            .e-ribbon .e-addborderbottom .e-box .e-ul li a,
            .e-ribbon .e-box .e-ul li .e-btn .e-btn-content,
            .e-ribbon .e-box .e-ul li a {
                display: flex !important;
                flex-direction: row !important;
                align-items: center !important;
                gap: 6px !important;
            }
        /* Li/items ribbon - icona sx testo dx */
        .e-ribbon .e-ul li,
        .e-ribbon .e-addborderbottom .e-box .e-ul li,
        .e-ribbon .e-box .e-ul li,
        .e-ribbon .e-menu-wrap .e-item,
        .e-ribbon .e-menulink,
        .e-ribbon .e-dropdown .e-item {
            display: flex !important;
            align-items: center !important;
            flex-direction: row !important;
            justify-content: flex-start !important;
            min-height: 28px !important;
            padding: 4px 8px !important;
            margin: 0 2px !important;
        }

            .e-ribbon .e-ul li,
            .e-ribbon .e-ul li a,
            .e-ribbon .e-addborderbottom .e-box .e-ul li,
            .e-ribbon .e-addborderbottom .e-box .e-ul li a,
            .e-ribbon .e-box .e-ul li,
            .e-ribbon .e-box .e-ul li a,
            .e-ribbon .e-menulink,
            .e-ribbon .e-menu-wrap li a {
                display: flex !important;
                align-items: center !important;
                flex-direction: row !important;
                gap: 6px !important;
            }
                /* Icone 16px - bottoni piccoli, a sinistra del testo */
                .e-ribbon .e-btn.e-small [class$="-img"],
                .e-ribbon .e-tbtn.e-small [class$="-img"],
                .e-ribbon .e-rbn-button.e-small [class$="-img"],
                .e-ribbon .e-content .e-small [class$="-img"],
                .e-ribbon .e-addborderbottom .e-btn.e-small [class$="-img"],
                .e-ribbon .e-addborderbottom .e-rbn-button.e-small [class$="-img"],
                .e-ribbon .e-addborderbottom .e-box .e-ul li [class$="-img"],
                .e-ribbon .e-addborderbottom .e-box .e-ul li .e-icon,
                .e-ribbon .e-addborderbottom .e-box .e-ul li i,
                .e-ribbon .e-box .e-ul li [class$="-img"],
                .e-ribbon .e-box .e-ul li .e-icon,
                .e-ribbon .e-box .e-ul li i,
                .e-ribbon .e-ul li [class$="-img"],
                .e-ribbon .e-ul .e-icon,
                .e-ribbon .e-menu-wrap .e-icon,
                .e-ribbon .e-dropdown .e-icon {
                    width: 18px !important;
                    height: 18px !important;
                    min-width: 18px !important;
                    min-height: 18px !important;
                    background-size: 18px 18px !important;
                    margin: 0 !important;
                    flex-shrink: 0 !important;
                    order: 1 !important;
                }

                .e-ribbon .e-btn.e-small i,
                .e-ribbon .e-tbtn.e-small i,
                .e-ribbon .e-rbn-button.e-small i,
                .e-ribbon .e-btn.e-small .e-icon,
                .e-ribbon .e-tbtn.e-small .e-icon,
                .e-ribbon .e-rbn-button.e-small .e-icon,
                .e-ribbon .e-addborderbottom .e-btn.e-small i,
                .e-ribbon .e-addborderbottom .e-btn.e-small .e-icon,
                .e-ribbon .e-addborderbottom .e-rbn-button.e-small i,
                .e-ribbon .e-addborderbottom .e-rbn-button.e-small .e-icon,
                .e-ribbon .e-addborderbottom .e-box .e-ul li i,
                .e-ribbon .e-addborderbottom .e-box .e-ul li .e-icon,
                .e-ribbon .e-addborderbottom .e-box .e-ul li [class*="icon"],
                .e-ribbon .e-box .e-ul li i,
                .e-ribbon .e-box .e-ul li .e-icon,
                .e-ribbon .e-box .e-ul li [class*="icon"],
                .e-ribbon .e-ul li i,
                .e-ribbon .e-ul li .e-icon,
                .e-ribbon .e-menu-wrap li i,
                .e-ribbon .e-menu-wrap li .e-icon {
                    font-size: 16px !important;
                    margin: 0 !important;
                    order: 1 !important;
                }

                .e-ribbon .e-btn.e-small .e-btntxt,
                .e-ribbon .e-tbtn.e-small .e-btntxt,
                .e-ribbon .e-rbn-button.e-small .e-btntxt,
                .e-ribbon .e-addborderbottom .e-btn.e-small .e-btntxt,
                .e-ribbon .e-addborderbottom .e-rbn-button.e-small .e-btntxt,
                .e-ribbon .e-addborderbottom .e-box .e-ul li .e-btntxt,
                .e-ribbon .e-box .e-ul li .e-btntxt {
                    order: 2 !important;
                }

        /* ========== HOVER / ACTIVE - nessuna animazione ========== */
        .e-ribbon,
        .e-ribbon *,
        .e-ribbon *:hover,
        .e-ribbon *:active {
            transition: none !important;
            animation: none !important;
        }

/* Override ribbon small - massima specificità per forzare icona sx testo dx */
/* Percorso: .e-ribbon > .e-content > .e-ribbon-groups > .e-ribbon-group > .e-box > .e-ul > li > .e-btn */
body .e-ribbon.e-js .e-content .e-ribbon-group .e-box .e-ul li .e-btn,
body .e-ribbon.e-js .e-content .e-ribbon-group .e-box .e-ul li .e-rbn-button,
body .e-ribbon.e-js .e-content .e-ribbon-group .e-box .e-ul li a.e-btn,
body .e-ribbon.e-js .e-addborderbottom.e-box .e-ul li .e-btn,
body .e-ribbon.e-js .e-addborderbottom.e-box .e-ul li .e-rbn-button,
body .e-ribbon.e-js .e-box .e-ul li .e-btn,
body .e-ribbon.e-js .e-box .e-ul li .e-rbn-button,
body .e-ribbon.e-js .e-addborderbottom .e-box .e-ul li .e-btn,
body .e-ribbon.e-js .e-addborderbottom .e-box .e-ul li .e-rbn-button,
body .e-ribbon.e-js .e-addborderbottom .e-box .e-ul li a {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
}

    body .e-ribbon.e-js .e-content .e-ribbon-group .e-box .e-ul li .e-btn .e-btn-content,
    body .e-ribbon.e-js .e-content .e-ribbon-group .e-box .e-ul li .e-rbn-button .e-btn-content,
    body .e-ribbon.e-js .e-addborderbottom.e-box .e-ul li .e-btn .e-btn-content,
    body .e-ribbon.e-js .e-addborderbottom.e-box .e-ul li .e-rbn-button .e-btn-content,
    body .e-ribbon.e-js .e-box .e-ul li .e-btn .e-btn-content,
    body .e-ribbon.e-js .e-box .e-ul li .e-rbn-button .e-btn-content,
    body .e-ribbon.e-js .e-addborderbottom .e-box .e-ul li .e-btn .e-btn-content,
    body .e-ribbon.e-js .e-addborderbottom .e-box .e-ul li .e-rbn-button .e-btn-content,
    body .e-ribbon.e-js .e-addborderbottom .e-box .e-ul li a {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 6px !important;
    }

/* ========== OVERRIDE Syncfusion - no animazioni (solo sui bottoni, NON sui figli *) ========== */
.e-ribbon .e-content .e-btn,
.e-ribbon .e-rbn-button,
.e-ribbon .e-content .e-tbtn,
.e-ribbon .e-ul li,
.e-ribbon .e-menu-wrap .e-item,
.e-ribbon .e-menulink {
    animation: none !important;
    transition: none !important;
}

/* ========== RIBBON RESPONSIVE ========== */
.e-ribbon.e-responsive .e-header,
.e-ribbon.e-responsive .e-responsiveqat .e-btn,
.e-ribbon.e-responsive .e-resqatScroll .e-content,
.e-ribbon.e-responsive .e-backstagerestop {
    background: #FFFFFF !important;
}

/* ========== DEMO STANDALONE ========== */
/* Usa le variabili --ribbon-header-padding e --ribbon-box-padding */
.demo-ribbon-wrapper.e-ribbon .e-header {
    display: flex !important;
    flex-wrap: wrap;
    gap: 2px;
    list-style: none;
    margin: 0;
}

.demo-ribbon-wrapper .e-ribbon-groups {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    padding: 0;
}

.demo-ribbon-wrapper .e-ribbon-group {
    border-right: 1px solid rgba(0, 0, 0, 0.08);
    padding-right: 14px;
}

    .demo-ribbon-wrapper .e-ribbon-group:last-child {
        border-right: none;
        padding-right: 0;
    }

.demo-ribbon-wrapper .e-ribbon-group-title {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #64748B;
    margin-bottom: 6px;
}

.demo-ribbon-wrapper .e-ribbon-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
}

.demo-ribbon-wrapper .e-ribbon-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 6px 10px;
    min-height: 60px;
    border: none;
    background: transparent;
    border-radius: 8px;
    color: #1E293B;
    cursor: pointer;
    font-size: 14px;
    transition: none;
}

    .demo-ribbon-wrapper .e-ribbon-btn:hover {
        background: #E3F2FD !important;
    }

    .demo-ribbon-wrapper .e-ribbon-btn i {
        font-size: 32px;
        color: #0288D1;
        flex-shrink: 0;
    }

.e-ribbon .e-btn.e-select, .e-ribbon .e-tbtn.e-disable {
    background: #F6F7F7;
    border-color: #F6F7F7;
}

    .e-ribbon .e-btn.e-select.e-big, .e-ribbon .e-tbtn.e-disable.e-big,
    .e-ribbon .e-rbn-button.e-big {
        text-align: center;
        flex-direction: column !important;
    }

    .e-ribbon .e-btn.e-select.e-small, .e-ribbon .e-tbtn.e-disable.e-small,
    .e-ribbon .e-rbn-button.e-small {
        text-align: left;
        flex-direction: row !important;
    }

    /* HOVER / ACTIVE - DOPO .e-btn.e-select (749) - include selettori light-blue 640 */
    .e-ribbon .e-select.e-btn:hover,
    .e-ribbon .e-btn.e-select:hover,
    .e-ribbon.e-js .e-btn.e-select:hover,
    .e-ribbon .e-rbn-button.e-btn.e-select:hover,
    .e-ribbon .e-content .e-btn.e-select:hover,
    .e-ribbon .e-content .e-btn.e-big:hover,
    .e-ribbon .e-rbn-button.e-big:hover,
    .e-ribbon .e-content .e-btn:not(.e-small):hover,
    .e-ribbon .e-rbn-button:not(.e-small):hover,
    .e-ribbon .e-ul li:hover,
    .e-ribbon .e-menu-wrap .e-item:hover,
    /* Percorso completo Syncfusion - massima specificità */
    body .e-ribbon.e-js .e-content .e-ribbon-group .e-box .e-ul li .e-btn:hover,
    body .e-ribbon.e-js .e-content .e-ribbon-group .e-box .e-ul li .e-rbn-button:hover,
    body .e-ribbon.e-js .e-content .e-ribbon-group .e-box .e-ul li a.e-btn:hover,
    body .e-ribbon.e-js .e-box .e-ul li .e-btn:hover,
    body .e-ribbon.e-js .e-box .e-ul li .e-rbn-button:hover,
    /* Hover su li - se il bottone è figlio */
    body .e-ribbon.e-js .e-content .e-ribbon-group .e-box .e-ul li:hover .e-btn,
    body .e-ribbon.e-js .e-content .e-ribbon-group .e-box .e-ul li:hover .e-rbn-button,
    body .e-ribbon.e-js .e-box .e-ul li:hover .e-btn,
    body .e-ribbon.e-js .e-box .e-ul li:hover .e-rbn-button {
        background: #E3F2FD !important;
        background-color: #E3F2FD !important;
        color: #1E293B !important;
    }

    .e-ribbon .e-select.e-btn:active,
    .e-ribbon .e-btn.e-select:active,
    .e-ribbon.e-js .e-btn.e-select:active,
    .e-ribbon .e-rbn-button.e-btn.e-select:active,
    .e-ribbon .e-content .e-btn.e-select:active,
    .e-ribbon .e-content .e-btn.e-big:active,
    .e-ribbon .e-rbn-button.e-big:active,
    .e-ribbon .e-content .e-btn:not(.e-small):active,
    .e-ribbon .e-rbn-button:not(.e-small):active,
    body .e-ribbon.e-js .e-content .e-ribbon-group .e-box .e-ul li .e-btn:active,
    body .e-ribbon.e-js .e-content .e-ribbon-group .e-box .e-ul li .e-rbn-button:active,
    body .e-ribbon.e-js .e-box .e-ul li .e-btn:active,
    body .e-ribbon.e-js .e-box .e-ul li .e-rbn-button:active {
        background: #BBDEFB !important;
        background-color: #BBDEFB !important;
    }

    /* NO hover/active su disabilitati - override (e-disable, e-tbtn.e-disable) */
    .e-ribbon .e-btn.e-disable:hover,
    .e-ribbon .e-tbtn.e-disable:hover,
    .e-ribbon .e-rbn-button.e-disable:hover,
    .e-ribbon .e-content .e-btn.e-disable:hover,
    .e-ribbon .e-content .e-tbtn.e-disable:hover,
    .e-ribbon .e-content .e-btn.e-big.e-disable:hover,
    .e-ribbon .e-rbn-button.e-big.e-disable:hover,
    .e-ribbon .e-ul li:has(.e-disable):hover .e-btn,
    .e-ribbon .e-ul li:has(.e-disable):hover .e-rbn-button,
    .e-ribbon .e-ul li:has(.e-disable):hover .e-tbtn,
    body .e-ribbon.e-js .e-content .e-ribbon-group .e-box .e-ul li .e-btn.e-disable:hover,
    body .e-ribbon.e-js .e-content .e-ribbon-group .e-box .e-ul li .e-rbn-button.e-disable:hover,
    body .e-ribbon.e-js .e-content .e-ribbon-group .e-box .e-ul li:hover .e-btn.e-disable,
    body .e-ribbon.e-js .e-content .e-ribbon-group .e-box .e-ul li:hover .e-rbn-button.e-disable,
    body .e-ribbon.e-js .e-content .e-ribbon-group .e-box .e-ul li:hover .e-tbtn.e-disable {
        background: transparent !important;
        background-color: transparent !important;
    }

    .e-ribbon .e-btn.e-disable:active,
    .e-ribbon .e-tbtn.e-disable:active,
    .e-ribbon .e-rbn-button.e-disable:active,
    .e-ribbon .e-content .e-btn.e-disable:active,
    .e-ribbon .e-content .e-tbtn.e-disable:active {
        background: transparent !important;
        background-color: transparent !important;
    }

/*
 * Audit - Modern Tabs & Forms
 * Stile Fluent - tab con linea sotto, form con bordi completi
 * Colore accent: #0288D1
 */

/* ===== HORIZONTAL TABS (nav-tabs) ===== */
.nav-tabs {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
    margin-right: 0 !important;
    margin-bottom: 12px;
}

    .nav-tabs > li > a {
        padding: 6px 20px 10px !important;
        color: #64748B !important;
        background: transparent !important;
        border: none !important;
        border-bottom: 3px solid transparent !important;
        border-radius: 0 !important;
        font-weight: 500;
        transition: all 0.2s;
    }

        .nav-tabs > li > a:hover {
            color: #0288D1 !important;
        }

    .nav-tabs > li.active > a,
    .nav-tabs > li.active > a:hover,
    .nav-tabs > li.active > a:focus {
        color: #0288D1 !important;
        background: transparent !important;
        border: none !important;
        border-bottom: 3px solid #0288D1 !important;
    }

/* ===== FORM CONTAINER - senza modifiche a .form.form-bordered e .form-box ===== */

/* Stili colore/spaziatura applicati a panel, panel-body e accordiongroup-tab — solo dentro NavigationPanel e accordionFtc */
#nbsNavigationPanel .panel,
#nbsNavigationPanel .panel-body,
#nbsNavigationPanel [id*="accordiongroup"][id*="-tab"],
#accordionFtc .panel,
#accordionFtc .panel-body,
#accordionFtc [id*="accordiongroup"][id*="-tab"] {
    background: #FAFAFA !important;
    border-radius: 8px !important;
}

.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
    border: 0 !important;
}

.form .form-bordered .form-body {
    padding: 0 !important;
}

/* Form group */
.form .form-bordered .form-group {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
    border-bottom: none !important;
}

/* Form horizontal: label + input affiancati */
.form-horizontal.form-bordered .form-group .control-label {
    padding-top: 10px !important;
}

.form .form-bordered .form-group.last {
    margin-bottom: 0 !important;
}

.form .form-bordered .form-group .control-label {
    padding-top: 0 !important;
    padding-left: 0 !important;
    margin-bottom: 8px !important;
    color: #374151 !important;
    font-weight: 500;
}

/* ===== FORM CONTROLS ===== */
.form-control {
    border: 1px solid rgba(0, 0, 0, 0.12) !important;
    background: #FFFFFF !important;
    color: #1E293B !important;
    transition: all 0.2s;
}

    .form-control:focus {
        border-color: #0078D4 !important;
        outline: 0 !important;
        box-shadow: 0 0 0 2px rgba(0, 120, 212, 0.3);
    }

    .form-control[disabled],
    .form-control[readonly] {
        background: #F5F5F5 !important;
    }

select.form-control {
    appearance: auto;
}

textarea.form-control {
    min-height: 80px;
}

/* ===== CHECKBOX FLUENT - colore accent #0288D1 ===== */
input[type="checkbox"] {
    appearance: none !important;
    -webkit-appearance: none !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    margin: 0 8px 0 0 !important;
    padding: 0px !important;
    border: 2px solid rgba(0, 0, 0, 0.38) !important;
    border-radius: 4px !important;
    background: #FFFFFF !important;
    cursor: pointer !important;
    vertical-align: middle !important;
    flex-shrink: 0 !important;
    transition: border-color 0.2s, background-color 0.2s !important;
}

    input[type="checkbox"]:hover {
        border-color: #0288D1 !important;
    }

    input[type="checkbox"]:focus {
        outline: none !important;
        box-shadow: 0 0 0 2px rgba(2, 136, 209, 0.3) !important;
    }

    input[type="checkbox"]:checked {
        background: #0288D1 !important;
        border-color: #0288D1 !important;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23FFFFFF' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' d='M2 8l4 4 8-8'/%3E%3C/svg%3E") !important;
        background-size: 10px 10px !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }

        input[type="checkbox"]:checked:hover {
            background-color: #0277BD !important;
            border-color: #0277BD !important;
        }

.login-right input[type="checkbox"].ng-not-empty {
    margin-left: 10px;
}

input[type="checkbox"]:disabled {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
}

input[type="checkbox"]:indeterminate {
    background: #0288D1 !important;
    border-color: #0288D1 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23FFFFFF' d='M3 7h10v2H3z'/%3E%3C/svg%3E") !important;
    background-size: 10px 10px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* Font Awesome checkbox icons - fa-square / fa-check-square (ng-class) 18x18 - dimensioni fisse */
.fa-square.far,
.fa-square.fas,
.fa-square,
.fa-check-square.far,
.fa-check-square.fas,
.fa-check-square {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    flex-grow: 0 !important;
    box-sizing: border-box !important;
    line-height: 1 !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    cursor: pointer !important;
    vertical-align: middle !important;
}

    .fa-square.far,
    .fa-square.fas,
    .fa-square {
        font-size: 18px !important;
        color: rgba(0, 0, 0, 0.38) !important;
        transition: color 0.2s !important;
    }

        .fa-square:hover,
        .fa-square.far:hover,
        .fa-square.fas:hover {
            color: #0288D1 !important;
        }
    /* Checked: blu pieno + check bianco (SVG, no bordo interno) */
    .fa-check-square.far,
    .fa-check-square.fas,
    .fa-check-square {
        font-size: 0 !important;
        background: #0288D1 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Crect width='18' height='18' fill='%230288D1' rx='4'/%3E%3Cpath fill='none' stroke='%23FFFFFF' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' d='M4 9l3 3 7-7'/%3E%3C/svg%3E") center/18px 18px no-repeat !important;
        color: transparent !important;
        border-radius: 4px !important;
        transition: background-color 0.2s !important;
    }

        .fa-check-square:hover,
        .fa-check-square.far:hover,
        .fa-check-square.fas:hover {
            background-color: #0277BD !important;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Crect width='18' height='18' fill='%230277BD' rx='4'/%3E%3Cpath fill='none' stroke='%23FFFFFF' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' d='M4 9l3 3 7-7'/%3E%3C/svg%3E") !important;
        }
    /* Testo: grigio se unchecked, blu se checked */
    li:has(.fa-square),
    .nbs-ms-item:has(.fa-square),
    .fa-square + span,
    .fa-square + div {
        color: #1E293B !important;
    }

    li:has(.fa-check-square),
    .nbs-ms-item:has(.fa-check-square),
    .fa-check-square + span,
    /* Syncfusion checkbox override */
    .e-chkbox-wrap .e-chkbox,
    .e-chkbox-wrap.e-chkbox-small .e-chkbox {
        border-radius: 4px !important;
    }

        .e-chkbox-wrap .e-chkbox.e-check,
        .e-chkbox-wrap .e-chkbox.e-check.e-select {
            background-color: #0288D1 !important;
            border-color: #0288D1 !important;
        }

        .e-chkbox-wrap .e-chkbox:hover {
            border-color: #0288D1 !important;
        }

        .e-chkbox-wrap .e-chkbox.e-check:hover {
            background-color: #0277BD !important;
            border-color: #0277BD !important;
        }



/* ===== FORM ACTIONS (bottoni) ===== */
.form .form-bordered .form-actions {
    padding: 20px 0 0 0 !important;
    margin-top: 20px !important;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.btn {
    border-radius: 6px !important;
    font-weight: 500;
    transition: all 0.2s;
}

.btn-primary,
.btn-success {
    background: #0288D1 !important;
    border-color: #0288D1 !important;
}

    .btn-primary:hover,
    .btn-success:hover {
        background: #0277BD !important;
        border-color: #0277BD !important;
    }

.btn-default {
    background: #FFFFFF !important;
    border: 1px solid rgba(0, 0, 0, 0.12) !important;
    color: #1E293B !important;
}

    .btn-default:hover {
        background: #E3F2FD !important;
        border-color: rgba(2, 136, 209, 0.3) !important;
    }













/*
 * Audit - Modern Fast Tab
 * Stile Fluent - bordo completo su ogni voce
 * ftc-link = clicca e navighi | ftc-parent = chevron, apri sottomenu
 */

.wrapper_ftc {
    display: flex;
    margin: 0;
    padding: 0;
}

.left_col_ftc {
    flex: 1;
    min-width: 0;
}

.right_col_ftc {
    width: 280px;
    flex-shrink: 0;
    margin-left: 24px;
}

/* Contenitore - bianco */
.ftc-menu,
#accordionFtc .panel-body {
    padding: 12px !important;
    background: #FFFFFF !important;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    font-family: "Segoe UI", Helvetica, Arial, sans-serif;
}

/* Solo FTC: bordo #D9DFDE, 6px tra blocchi */
#accordionFtc .panel,
#accordionFtc .panel-default,
#accordionFtc .panel-body {
    border-color: #D9DFDE !important;
}

#accordionFtc .panel-body {
    padding: 14px !important;
}

#accordionFtc .panel,
#accordionFtc .panel-default {
    border: 1px solid #D9DFDE !important;
    margin-bottom: 8px !important;
}

    #accordionFtc .panel:last-child,
    #accordionFtc .panel-default:last-child {
        margin-bottom: 0 !important;
    }

/* Panel title FTC: nessuno sfondo colorato all'hover */
#accordionFtc .panel-heading:hover {
    background: #E3F2FD !important;
}
/* ftc-link e ftc-parent hanno già :hover proprio - sottovoci non attivano hover sulla voce principale */

.ftc-menu ul,
#accordionFtc .panel-body ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.ftc-menu li,
#accordionFtc .panel-body li {
    margin: 0 0 6px 0 !important;
}

    .ftc-menu li:last-child,
    #accordionFtc .panel-body li:last-child {
        margin-bottom: 0 !important;
    }

/* Link diretto - grigio come sfondo */
.ftc-menu .ftc-link,
#accordionFtc .panel-body .ftc-link {
    display: block;
    padding: 10px 14px !important;
    color: #1E293B !important;
    cursor: pointer;
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    background: #FAFAFA;
    transition: all 0.2s;
}

    .ftc-menu .ftc-link:hover,
    #accordionFtc .panel-body .ftc-link:hover {
        background: #E3F2FD !important;
        border-color: rgba(2, 136, 209, 0.3);
    }

    .ftc-menu .ftc-link.ftc-link-selected,
    #accordionFtc .panel-body .ftc-link.ftc-link-selected {
        background: rgba(2, 136, 209, 0.12) !important;
        color: #1E293B !important;
        border-color: #0288D1;
        font-weight: 600;
    }

/* Parent con chevron - grigio come sfondo */
.ftc-menu .ftc-parent,
#accordionFtc .panel-body .ftc-parent {
    display: block;
    padding: 10px 14px !important;
    color: #1E293B !important;
    cursor: pointer;
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    background: #FAFAFA;
    transition: all 0.2s;
}

    .ftc-menu .ftc-parent:hover,
    #accordionFtc .panel-body .ftc-parent:hover {
        background: #E3F2FD !important;
        border-color: rgba(2, 136, 209, 0.3);
    }

    .ftc-menu .ftc-parent .fa-chevron-right,
    #accordionFtc .panel-body .ftc-parent .fa-chevron-right {
        float: right;
        font-size: 10px;
        transition: transform 0.2s;
    }

.ftc-menu .ftc-item-parent.expanded .ftc-parent .fa-chevron-right,
#accordionFtc .panel-body .ftc-item-parent.expanded .ftc-parent .fa-chevron-right {
    transform: rotate(90deg);
}

/* Sottomenu */
.ftc-menu .ftc-submenu,
#accordionFtc .panel-body .ftc-submenu {
    list-style: none !important;
    padding: 8px 0 0 0 !important;
    margin: 8px 0 0 0 !important;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    display: none;
}

#accordionFtc .panel-body .ftc-submenu {
    border-top-color: #D9DFDE !important;
}

.ftc-menu .ftc-item-parent.expanded .ftc-submenu,
#accordionFtc .panel-body .ftc-item-parent.expanded .ftc-submenu {
    display: block !important;
}

.ftc-menu .ftc-submenu .ftc-link,
#accordionFtc .panel-body .ftc-submenu .ftc-link {
    margin-top: 6px;
    padding: 8px 12px !important;
    font-size: 13px;
}











/*
 * Audit - Navigation Sidebar (NavigationPanel)
 * Estetica Fast Tab (FTC) - contenitore bianco, voci con bordo grigio
 * Colore accent: #0288D1 | Testi ridotti
 */

/* ===== SIDEBAR CONTAINER ===== */
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover,
.page-sidebar {
    background-color: #FAFAFA !important;
    font-family: "Segoe UI", Helvetica, Arial, sans-serif !important;
}

/* ===== NAVIGATION PANEL - come ftc-menu ===== */
#nbsNavigationPanel {
    background-color: #ffffff !important;
    padding: 10px !important;
    border-right: 1px solid #E5E5E5 !important;
    height: 100vh;

    .ng-binding {
        margin-bottom: 4px;
    }
}

    /* Panel heading - compatto, testo piccolo */
    #nbsNavigationPanel .panel-default > .panel-heading,
    #accordionHelper .panel-default > .panel-heading {
        color: #334155 !important;
        background: #Fafafa !important;
        border: none !important;
        border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
        padding: 8px 8px !important;
        font-weight: 600 !important;
        font-size: 11px !important;
        border-radius: 0 !important;
    }

        #nbsNavigationPanel .panel-default > .panel-heading a,
        #accordionHelper .panel-default > .panel-heading a {
            color: inherit !important;
            text-decoration: none !important;
            font-size: inherit !important;
        }

/* Panel heading - stato selezionato/expand */
#accordionHelper .panel-heading.panel-group-selected {
    color: #0288D1 !important;
}

/* Panel heading: nessuno sfondo colorato all'hover */
#nbsNavigationPanel .panel-heading:hover,
#accordionHelper .panel-heading:hover {
    background: #E3F2FD !important;
}

/* Chevron - piccolo */
#accordionHelper .panel-title .fa,
#nbsNavigationPanel .fa.pull-right {
    color: #64748B !important;
    font-size: 10px !important;
}

/* ===== PANEL BODY - estetica ftc-menu (senza toccare accordionFtc) ===== */
#nbsNavigationPanel .panel-body,
#accordionHelper .panel-default > .panel-collapse > .panel-body {
    padding: 2px !important;
    background: #FFFFFF !important;
    border: none !important;
    border-radius: 0 !important;
    font-size: 12px !important;
}

/* Liste */
#accordionHelper .panel-body ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

#accordionHelper .panel-body li {
    margin: 0 0 6px 0 !important;
}

    #accordionHelper .panel-body li:last-child {
        margin-bottom: 0 !important;
    }

/* Voci span - come ftc-link: bianco/grigio chiaro, bordo, testo piccolo */
#accordionHelper .panel-body span {
    display: block !important;
    padding: 8px 10px !important;
    color: #1E293B !important;
    font-size: 12px !important;
    cursor: pointer !important;
    border-radius: 6px !important;
    border: 1px solid rgba(0, 0, 0, 0.12) !important;
    background: #FAFAFA !important;
    transition: all 0.2s !important;
}

    /* Hover */
    #accordionHelper .panel-body li:hover span,
    #accordionHelper .panel-body span:hover {
        background: #E3F2FD !important;
        border-color: rgba(2, 136, 209, 0.3) !important;
    }

    /* Selezionata */
    #accordionHelper .panel-body span.panel-link-selected {
        color: #1E293B !important;
        border-color: #0288D1 !important;
        font-weight: 600 !important;
    }

/* panel-body resta bianco - sottovoci (span, ftc-link) hanno hover proprio */

/* ===== PANEL - box bianca con bordo grigio come ftc-menu ===== */
#nbsNavigationPanel .panel-group,
#accordionHelper .panel-group {
    background: transparent !important;
}

#nbsNavigationPanel .panel,
#nbsNavigationPanel .panel-default,
#accordionHelper .panel,
#accordionHelper .panel-default {
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    margin-bottom: 13px !important;
    border-radius: 8px !important;
    background: #FFFFFF !important;
    overflow: hidden;
}

#accordionHelper .panel-title {
    margin: 0 !important;
    font-size: 11px !important;
    font-weight: 600 !important;
}

/* ===== FTC-LINK / FTC-PARENT in accordionHelper (estetica ftc) ===== */
#accordionHelper .panel-body .ftc-link,
#accordionHelper .panel-body .ftc-parent {
    display: block !important;
    padding: 8px 10px !important;
    color: #1E293B !important;
    font-size: 12px !important;
    cursor: pointer !important;
    border-radius: 6px !important;
    border: 1px solid rgba(0, 0, 0, 0.12) !important;
    background: #FAFAFA !important;
    transition: all 0.2s !important;
}

    #accordionHelper .panel-body .ftc-link:hover,
    #accordionHelper .panel-body .ftc-parent:hover {
        background: #E3F2FD !important;
        border-color: rgba(2, 136, 209, 0.3) !important;
    }

    #accordionHelper .panel-body .ftc-link.ftc-link-selected {
        border-color: #0288D1 !important;
        font-weight: 600 !important;
    }

    #accordionHelper .panel-body .ftc-parent .fa-chevron-right {
        float: right;
        font-size: 10px !important;
        transition: transform 0.2s;
    }

#accordionHelper .panel-body .ftc-item-parent.expanded .ftc-parent .fa-chevron-right {
    transform: rotate(90deg);
}

#accordionHelper .panel-body .ftc-submenu .ftc-link {
    margin-top: 6px;
    padding: 6px 10px !important;
    font-size: 11px !important;
}

/* ===== FIX accordiongroup-*-tab: tutto a sinistra, allineato al centro verticalmente ===== */
#nbsNavigationPanel [id*="accordiongroup"][id*="-tab"],
#accordionHelper [id*="accordiongroup"][id*="-tab"] {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    text-align: center !important;
    padding: 4px !important;
}

    /* Contenuto items: icona e testo a sinistra, centrati verticalmente */
    #nbsNavigationPanel [id*="accordiongroup"][id*="-tab"] a,
    #nbsNavigationPanel [id*="accordiongroup"][id*="-tab"] span,
    #nbsNavigationPanel [id*="accordiongroup"][id*="-tab"] div[class],
    #accordionHelper [id*="accordiongroup"][id*="-tab"] a,
    #accordionHelper [id*="accordiongroup"][id*="-tab"] span,
    #accordionHelper [id*="accordiongroup"][id*="-tab"] div[class] {
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        text-align: left !important;
    }

    /* Icona sulla stessa linea del testo, allineata al centro */
    #nbsNavigationPanel [id*="accordiongroup"][id*="-tab"] .fa,
    #nbsNavigationPanel [id*="accordiongroup"][id*="-tab"] i,
    #nbsNavigationPanel [id*="accordiongroup"][id*="-tab"] .e-icon,
    #nbsNavigationPanel [id*="accordiongroup"][id*="-tab"] [class*="icon"],
    #accordionHelper [id*="accordiongroup"][id*="-tab"] .fa,
    #accordionHelper [id*="accordiongroup"][id*="-tab"] i,
    #accordionHelper [id*="accordiongroup"][id*="-tab"] .e-icon,
    #accordionHelper [id*="accordiongroup"][id*="-tab"] [class*="icon"] {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin-right: 8px !important;
        margin-bottom: 0 !important;
        vertical-align: middle !important;
        flex-shrink: 0 !important;
    }


.accordionFtc .panel-group {
    gap: 8px !important;
}

/* Panel title: nessuno sfondo colorato all'hover (gestito sopra) */
/* Li hover: sfondo #E3F2FD gestito nelle regole ftc-link/ftc-parent */


#accordionFtc .panel-default > .panel-collapse > .panel-body span {
    background-color: transparent;
    color: #5C5C5C;
    cursor: pointer;
}

#accordionFtc .panel-default > .panel-collapse > .panel-body ul {
    list-style-type: none;
    background-color: transparent;
}








/*
 * Audit - form summary 
 */

.nbs-form-summary {
    margin-top: -5px;
    margin-bottom: 10px;
    margin-left: -1px;
    margin-right: 10px;
    overflow: hidden;
    font-family: "Segoe UI","Helvetica Neue", Helvetica, Arial, sans-serif;
    border: 1px solid;
    border-radius: 8px;
    border-color: #E5E5E5;
    background-color: #E5E5E5;
}

.nbs-form-summary-cell {
    float: left;
    margin-left: 0px;
    position: relative;
    display: block;
    padding: 6px 6px 6px 6px;
    border: 1px solid;
    border-color: #E5E5E5;
    background-color: #E5E5E5;
}

/*
 * Audit - Menu dropdown
 */


.nbs-dd {
    font-size: 16px;
    cursor: pointer;
    padding: 0px 0px 0px 10px;
    color: #5C5C5C;
}

    .nbs-dd .dropdown-menu {
        max-width: 300px;
        padding: 8px;
        gap: 8px;
        border-color: #D9DFDE;
        box-shadow: none;
    }

    .nbs-dd .nbs-dd-label {
        margin-right: 5px;
        margin-left: -2px;
        cursor: pointer;
        color: #5C5C5C;
        float: left;
    }

    .nbs-dd .nbs-dd-label-item {
        float: left;
    }

    .nbs-dd .nbs-dd-icon {
        white-space: nowrap;
        float: left;
    }

    .nbs-dd .nbs-dd-caret {
        margin-right: 0px;
    }

    .nbs-dd .nbs-dd-watermark {
        font-size: 16px;
    }

    .nbs-dd .nbs-dd-dropdown-menu {
        width: 100%;
        max-height: 300px;
        overflow: auto
    }

    .nbs-dd .nbs-dd-item {
        padding: 1px;
        cursor: pointer;
        margin-left: 5px;
        margin-right: 5px;
        white-space: nowrap;
    }

    .nbs-dd .nbs-dd-item-section {
        font-size: 14px;
        font-weight: 700;
        background-color: #f5f5f5 !important;
        color: rgba(0, 0, 0, .54);
        padding: 1px;
        cursor: default;
        margin-left: 5px;
        margin-right: 5px;
        margin-top: 8px;
        white-space: nowrap;
    }

    .nbs-dd .nbs-dd-item-subsection {
        font-size: 14px;
        margin-bottom: 2px;
        padding: 1px;
        cursor: pointer;
        margin-left: 5px;
        margin-right: 5px;
        white-space: nowrap;
    }

    .nbs-dd .nbs-dd-item-delete {
        padding-left: 7px;
        padding-right: 7px;
    }

    .nbs-dd .nbs-dd-item-selected {
        font-weight: 700;
        color: #0078D4;
    }

    .nbs-dd .nbs-dd-watermark-selected {
        font-weight: 700;
    }

    .nbs-dd .nbs-dd-item-label {
        margin-left: 5px;
    }

    .nbs-dd .nbs-dd-item-action {
        margin-left: 5px;
        font-weight: 600;
    }


.nbs-dd-time {
    float: left;
    margin: 0px;
    padding-left: 0px !important;
    font-size: 16px;
    cursor: pointer;
}


    .nbs-dd-time .nbs-dd-label {
        margin-top: 0px;
        margin-right: 6px !important;
    }


    .nbs-dd-time .nbs-dd-time-switchbtn button[type="button"] {
        height: 24px;
        margin-left: 8px;
        padding-right: 5px;
        padding-left: 5px;
        color: #5C5C5C;
        margin-top: -3px;
    }

    .nbs-dd-time .nbs-dd-time-datepicker .datepicker-container #btnDatepicker {
        height: 24px;
        color: #5C5C5C;
        margin-left: 4px !important;
    }

    .nbs-dd-time .nbs-dd-time-datepicker .datepicker-container input[type="text"] {
        height: 24px;
        color: #5C5C5C;
        margin-left: 2px !important;
    }

.nbs-view-title-menu {
    margin-top: 100px;
    margin-bottom: 0px;
    font-size: large;
    letter-spacing: 0px;
    display: block;
    color: #5C5C5C;
    margin: 0px 0px 15px 0px;
    padding-top: 25px;

    .nbs-dd {
        font-size: 18px;
        cursor: pointer;
        padding: 0px 0px 0px 10px;
        color: #5C5C5C;
    }
}

.nbs-grid-toolbar {
    margin-right: 10px;
    min-height: 40px;
    margin-bottom: 2px;
    padding-bottom: 4px;
    padding-top: 18px;
    padding-left: 0px !important;
    padding-right: 0px !important;
    /* background-color: #f0f0f0;   */
    /* border-style: solid;         */
}


/* nbs-ms-item - sfondo azzurrino Audit (#E3F2FD) */
.nbs-ms-item {
    display: inline-block;
    padding: 1px 8px 0px 4px;
    margin-bottom: 3px;
    margin-left: 3px;
    margin-top: 2px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid rgba(2, 136, 209, 0.3);
    border-radius: 6px;
    background-color: #E3F2FD !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}



.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu {
    margin-top: 5px;
    padding: 8px 8px 8px 8px;
    width: auto;
    min-width: 250px;
    border-radius: 6px;
    border: 1px solid #D9DFDE;
    box-shadow: none;
}




.nbs-grid-card .nbs-card-row {
    margin-left: 0px;
    padding-left: 0px;
    box-shadow: #FFFFFF !important;
    margin-bottom: 0px;
    margin-right: -1px;
    margin-top: -1px;
}

.nbs-grid-card .nbs-card-cell {
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    color: #5C5C5C;
    padding-right: 1px;
    margin-left: 0px;
    padding-bottom: 4px;
    padding-top: 4px;
}

/* ===== RIBBON HOVER - Override finale massima specificità ===== */
html body .e-ribbon .e-ul li .e-btn:hover,
html body .e-ribbon .e-ul li .e-rbn-button:hover,
html body .e-ribbon .e-ul li .e-btn.e-big:hover,
html body .e-ribbon .e-ul li .e-rbn-button.e-big:hover,
html body .e-ribbon .e-content .e-btn:hover,
html body .e-ribbon .e-content .e-rbn-button:hover {
    background: #E3F2FD !important;
    background-color: #E3F2FD !important;
}

/* NO hover su disabilitati - override finale */
html body .e-ribbon .e-btn.e-disable:hover,
html body .e-ribbon .e-tbtn.e-disable:hover,
html body .e-ribbon .e-rbn-button.e-disable:hover,
html body .e-ribbon .e-content .e-btn.e-disable:hover,
html body .e-ribbon .e-content .e-tbtn.e-disable:hover,
html body .e-ribbon .e-content .e-btn.e-big.e-disable:hover,
html body .e-ribbon .e-rbn-button.e-big.e-disable:hover,
html body .e-ribbon .e-ul li:has(.e-disable):hover .e-btn,
html body .e-ribbon .e-ul li:has(.e-disable):hover .e-rbn-button,
html body .e-ribbon .e-ul li:has(.e-disable):hover .e-tbtn {
    background: transparent !important;
    background-color: transparent !important;
}



.nbs-dd-ms-search-container .nbs-dd-ms-search-label {
    float: left;
    margin-top: 0px;
}


.nbs-common-bar-icon {
    font-size: 18px;
    cursor: pointer;
    padding: 0px 0px 0px 10px;
    color: #5C5C5C;
}

.nbs-assignee-search-container .nbs-assignee-search-label {
    float: left;
    margin-top: 0px;
}

.nbs-assignee-search-container .assignee-toolbar {
    padding: 0px 0px 2px 6px;
    color: #c8c8c8;
    float: left;
}

.nbs-assignee-search-container .assignee-toolbar {
    padding: 0px 0px 2px 6px;
    color: #c8c8c8;
    float: left;
    margin-top: 0px;
}


.multi-select-label {
    background-color: #E3F2FD !important;
    display: inline-block;
    font-size: 13px;
    /*font-weight: bold;*/
    line-height: 14px;
    color: #1E293B;
    border: 0px !important;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 6px;
    height: 28px;
    margin-bottom: 2px;
}

#accordionFtc .panel-group .panel :hover { /* hover del fast tab header */
    background-color: #E3F2FD;
}

    #accordionFtc .panel-group .panel :hover .panel-body { /* fast tab header */
        background-color: #E3F2FD;
    }


#accordionFtc .panel-default > .panel-collapse > .panel-body li :hover {
    background-color: #E3F2FD;
    font-weight: normal;
}

#accordionFtc .panel-default > .panel-collapse > .panel-body span.panel-link-selected { /* selected link */
    background-color: transparent;
    text-decoration: none;
    font-family: "Segoe UI","Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
}

#accordionFtc .panel-default > .panel-collapse > .panel-body li {
    margin-left: -42px;
    padding: 4px;
    border-radius: 6px;
}


.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-menu > li > a {
    font-size: 14px;
    vertical-align: top;
}

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-menu > li > a:hover {
        background-color: #E3F2FD !important;
        border-radius: 6px;
    }

.user-userdata {
    margin: 4px 0px 0px -10px;
    padding: 0px 0px 8px 20px;
}


.e-treeview .e-text {
    border: 1px solid transparent;
    padding: 0 4px 2px 4px;
    text-decoration: none;
    min-height: 15px;
    min-width: 10px;
    border-image: initial;
    outline: 0 none;
}

    .e-treeview .e-text:hover {
        background-color: #E3F2FD !important;
        color: #1E293B;
    }


.e-treeview-wrap .e-icon.e-minus:before {
    content: "";
    font-size: 8px;
    height: 10px;
    width: 10px
}

.e-treeview-wrap .e-icon.e-minus:hover {
    background-color: #E3F2FD !important;
    color: #1E293B;
}


.info-panel-heading {
    background-color: #FFFFFF !important;
    color: #1E293B;
    font-size: medium;
    font-weight: bolder;
    text-align: left;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
}

.page-title {
    margin-bottom: 0px;
    font-size: large;
    letter-spacing: 0px;
    display: block;
    color: #5C5C5C;
    font-weight: 600;
    margin: 20px 0px 15px 0px;
    padding-top: 15px;
    /* padding-bottom: 10px; */
    /* padding: 0px; */
}

.form .form-bordered .form-group .control-label {
    padding-top: 0 !important;
    padding-left: 8px !important;
    margin-bottom: 8px !important;
    color: #374151 !important;
    font-weight: 500;
}

.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: none !important;
    ;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: none !important;
    border-radius: 6px;
}

.modal-title {
    margin: 0;
    color: #5C5C5C;
    font-size: 21px;
}

.modal-header {
    min-height: 16.42857143px;
    padding: 12px;
    border-bottom: 1px solid #e5e5e5;
    background-color: #FFFFFF;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #FFFFFF;
    background-color: #FFFFFF;
    border-radius: 6px;
}

    .modal-footer .btn {
        background-color: #FFFFFF;
        border-color: #E5E5E5;
    }

        .modal-footer .btn:hover {
            background-color: #E3F2FD;
        }

        .modal-footer .btn + .btn {
            margin-bottom: 0;
            margin-left: 5px
        }




.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label {
    opacity: 1;
    filter: alpha(opacity=50);
    cursor: not-allowed !important;
}

.nbs-grid-card .nbs-card-row {
    margin-left: 0px;
    padding-left: 0px;
    box-shadow: none !important;
    ;
    margin-bottom: 0px;
    margin-right: -1px;
    margin-top: -1px;
}


.breadcrumb {
    padding: 7px 20px;
    margin: 4px 0px 0px 0px;
    list-style: none;
    background-color: transparent;
    color: #5C5C5C;
    border-radius: 4px;
}

.navbar.page-header {
    background-color: #FFFFFF;
    border-bottom: 1px solid #E5E5E5;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
    color: #5C5C5C;
    font-weight: 600;
}

.nbs-virtualcontext-header-display {
    font-weight: lighter;
    color: #5C5C5C;
    margin-right: 12px;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover {
    background-color: #FFFFFF;
    /*width: 200px;*/
    height: 44px;
}


.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
    background-color: #FFFFFF;
    /*width: 200px;*/
    height: 44px;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover > span {
    color: #5C5C5C;
}


.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > span {
    color: #5C5C5C;
    float: none;
    padding-right: 0px;
    font-weight: bold;
}

.environment {
    position: absolute;
    z-index: 1000;
    margin-left: -18px;
    margin-top: 0px;
    color: #ffe000;
    font-size: smaller;
    font-weight: bold;
    width: 200px;
    height: 46px;
    background-color: #FFFFFF;
    border-bottom: 1px solid #E5E5E5;
}

.breadcrumb > li > a {
    color: #5C5C5C;
}

.breadcrumb > li > span {
    padding: 5px;
    color: #5C5C5C;
}

.nbs-grantpermission-table th {
    border: 1px solid #ddd;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    text-align: left;
    padding: 6px;
    background-color: #FFFFFF;
}

.nbs-grantpermission-table td {
    border: 1px solid #ddd;
    text-align: left;
    padding: 6px;
    vertical-align: top;
    background-color: #FFFFFF;
}

#accordionFtc .panel-group {
    background-color: #FFFFFF;
    padding: 10px;
    border: 1px solid;
    border-radius: 6px;
    border-color: #E5E5E5;
    margin-top: 10px;
}

.e-treeview .e-active {
    background: #E3F2FD;
    color: #ffffff;
    border: 1px solid transparent;
    border-image: initial;
}

.e-treeview .e-node-hover, .e-treeview .e-node-focus {
    background: #E3F2FD;
    color: #5c5c5c;
    border: 1px solid #E3F2FD;
    border-image: initial;
    cursor: pointer;
}

.info-panel-text {
    color: #5C5C5C !important;
    font-size: medium;
    font-weight: normal !important;
    text-align: left;
}

.info-panel-title-color {
    color: #2899D6;
    font-size: medium;
    font-weight: bolder;
    text-align: left;
    margin-bottom: 4px;
}

.panel-heading {
    padding: 15px 15px 10px 15px;
    border-bottom: none !important;
}

.e-treeview .e-active {
    background: #E3F2FD;
    color: #5C5C5C !important;
    border: 1px solid transparent;
    border-image: initial;
}


.nbs-grid-toolbar-component-container {
    display: inline-block;
    border: 1px solid #E5E5E5;
    padding: 8px;
    background: #ffffff;
    border-radius: 6px;
    margin: 3px;

    .nbs-dd-ms-search-container .box-left {
        margin: 0px !important;
    }

    .nbs-dd-ms-search-container .nbs-dd-ms-search {
        padding: 0px !important;
        margin: 0px !important;
    }

    .nbs-dd-ms-search-label {
        padding: 0px !important;
    }

    .nbs-dd-ms-search-container {
        padding: 0px !important;
    }

    .nbs-ms-container {
        padding: 0px !important;
    }

    .btn-group.nbs-dd {
        padding-left: 0px !important;
    }

    .nbs-ms-item {
        display: inline-block;
        padding: 1px 8px 0px 4px;
        margin-bottom: 3px;
        margin-left: 3px;
        margin-top: 2px;
        font-size: 14px;
        font-weight: normal;
        line-height: 1.2;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        cursor: pointer;
        border: 1px solid rgba(2, 136, 209, 0.3);
        border-radius: 6px;
        background-color: #E3F2FD !important;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none;
    }
}


.nav-tabs .fa-times {
    margin-top: -1px;
    margin-left: 8px;
    border: 1px solid #E5E5E5;
    padding: 3px 4px 3px 4px;
    border-radius: 4px;
    background-color: #FFFFFF;
}


.e-ribbon.e-js .e-header, .e-ribbon.e-js .e-left, .e-ribbon.e-js .e-right {
    border: 0px solid #D9DFDE;
    background: #FAFAFA;
}

.environment {
    position: absolute;
    z-index: 1000;
    margin-left: -18px;
    margin-top: 0px;
    color: #ffe000;
    font-size: smaller;
    font-weight: bold;
    width: 200px;
    height: 46px;
    background-color: transparent !important;
    border-bottom: 1px solid #E5E5E5;
}

#nembus-ribbon .e-apptab {
    display: none;
    margin-right: 2px;
}

.page-content-wrapper .page-content {
    margin-left: 240px;
}

#nembus-ribbon .e-big .e-btn-span {
    display: flex;
    flex-direction: column; /* icona sopra, testo sotto */
    align-items: center; /* centrati in orizzontale */
    justify-content: center; /* centrati in verticale nel bottone */
    height: 100%;
    width: 100%;
    box-sizing: border-box;
}


.nbs-aud-add-section {
    margin-top: -5px;
    margin-left: 0px;
    border: 1px solid #E5E5E5;
    padding: 2px 9px 3px 9px;
    border-radius: 4px;
    background-color: #FFFFFF;
    font-weight: bold;
    font-size: 16px;
}

.nav-tabs > li.active > a .nbs-aud-add-section,
.nav-tabs > li.active > a:hover .nbs-aud-add-section,
.nav-tabs > li.active > a:focus .nbs-aud-add-section {
    border-bottom: none !important;
}

    .nav-tabs > li.active > a.nbs-aud-add-section,
    .nav-tabs > li.active > a.nbs-aud-add-section:hover,
    .nav-tabs > li.active > a.nbs-aud-add-section:focus {
        border-bottom: 0px solid transparent !important;
    }

.audit-survey-question-tool {
    margin-right: 6px;
    padding: 2px 5px 2px 5px;
    border: 1px solid #E5E5E5;
    border-radius: 4px;
    background-color: #FAFAFA;
}

    .audit-survey-question-tool:hover {
        background-color: #E3F2FD;
    }

.form-box {
    padding: 12px;
    border: 1px solid #E5E5E5;
    border-radius: 6px;
    margin-right: 0px;
    background-color: #FFFFFF;
}


.panel,
.panel-body,
[id*="accordiongroup"][id*="-tab"] {
    background: #FFFFFF !important;
    border-radius: 8px !important;
}

.audit-survey-container-action .audit-survey-card-action {
    background-color: #FFFFFF;
    padding: 10px;
    border-radius: 6px;
    border-width: 1px;
    border-style: solid;
    border-color: #E5E5E5;
}

.page-header.navbar .page-logo .logo-audit {
    margin: 8px 0px 0px -14px;
    background-image: url(/images/applogos/Audit_Blue.png);
    display: block;
    height: 36px;
    width: 200px;
    background-size: 160px 30px;
    background-repeat: no-repeat;
}

.nbs-attachments-component {
    padding: 12px;
    border: 1px solid #E5E5E5;
    border-radius: 6px;
    margin-right: 0px;
    background-color: #FFFFFF;

    .list-header {
        background-color: #F5F5F5;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }

    .list-row {
        background-color: #FAFAFA;
    }

    .toolbar-actions {
        background-color: #F5F5F5;
        padding: 8px;
        border-radius: 6px;
    }
}

.e-grid .e-toolbar.e-toolbarspan .e-gridsearchbar {
    box-sizing: content-box;
    border-radius: 6px;
}

.e-menu, input.e-input, input[type="text"].e-input, .e-mask, .e-ul, .e-btn .e-btn-span, .e-tbtn.e-chkbx-hidden, .e-datepicker table, .e-datepicker table th, .e-datepicker table td, .e-menu.e-horizontal > .e-list, .e-menu.e-vertical > li.e-separator, .e-menu.e-context > li.e-separator, .e-tab.e-js > .e-header, .e-uploadbox .e-action-perform, .e-uploadbox .e-uploaddialog.e-dialog.e-dialog-content, .e-tagcloud .e-load, .e-scale, .e-select, .e-input.e-placeholder {
    margin: 0;
    padding: 0;
    outline: 0 none;
    line-height: unset;
}

.nbs-checkbox-selected {
    display: inline-block;
    width: 30px;
    height: 26px;
    background: url(/images/selection/checkbox-selected-new.png) no-repeat center;
    background-size: contain;
}

.nbs-checkbox-unselected {
    display: inline-block;
    width: 30px;
    height: 26px;
    background: url(/images/selection/checkbox-unselected-new.png) no-repeat center;
    background-size: contain;
}

uib-accordion .form-box,
.modal-content .form-box {
    border-top: 0px solid #D9DFDE;
    border-left: 0px solid #D9DFDE;
    border-bottom: 0px solid #D9DFDE;
    border-right: 0px solid #D9DFDE;
    margin-top: 8px;
    margin-right: 10px;
}

.page-header.navbar .menu-toggler {
    background-size: 16px 17px;
    background-image: url(/images/services/sidebar-toggler-icon-gray.png);
}

.nbs-common-bar-modal-checkbox-label {
    margin-top: 2px;
}

.ui-select-bootstrap .ui-select-choices-row.hover > span {
    color: #374151;
    text-decoration: none;
    outline: 0;
    background-color: #E3F2FD;
}

.ui-select-bootstrap .ui-select-choices-row.active > span {
    color: #374151;
    text-decoration: none;
    outline: 0;
    background-color: #E3F2FD;
}

.nbs-multiselect-container .ui-select-bootstrap .ui-select-choices-row > span {
    padding: 5px 10px;
}

.btn .btn-info {
    color: #5C5C5C;
}

.btn .btn-danger {
    color: #5C5C5C;
}

.modal-footer .btn-info,
.modal-footer .btn-danger {
    color: #5C5C5C;
}

.nbs-login-remember-me {
    margin-left: 30px;
}


.login-right .form-group,
.login-right .checkbox {
    margin-left: 0px !important;
}