#inpage_guide {
    display: none;
}

#inpage_guide .card-body {
    padding: 15px;
    background: #333;
}

#inpage_guide p {
    margin: 0px;
    font-size: 14px;
    line-height: 16px;
    color: #ffff00;
}


@media only screen and (max-width: 800px) {

    .content-wrapper {
        padding: 0.8rem!important;
    }

    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .lightGallery .image-tile, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
        position: relative;
        width: 100%;
        padding-right: 0px;
        padding-left: 0px;
    }

    .navbar.fixed-top + .page-body-wrapper {
        padding-top: 0px;
    }

    .card .card-body {
        padding: 15px;
    }

    .table th, .jsgrid .jsgrid-table th, .table td, .jsgrid .jsgrid-table td {
        padding: 5px;
    }

    .table {
        display: block;
        width: 100%;
        overflow-x: auto;
    }

}

/*MODIFICA 04.11.2025*/
/* ===== Intranet look & feel (Bootstrap 3 compat) ===== */
/* Palette neutra e tipografia coerente */
:root {
  --bg: #f6f7f9;
  --panel: #ffffff;
  --text: #23262a;
  --muted: #6b7280;
  --border: #e5e7eb;
  --primary: #335dff;
  --primary-600: #2447d6;
  --danger: #d14343;
  --success: #1b9e6f;
  --warning: #b7791f;
  --radius: 6px;
  --shadow: 0 1px 2px rgba(0,0,0,.06), 0 8px 24px -12px rgba(0,0,0,.12);
}

html, body {
  background: var(--bg);
  color: var(--text);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
               Arial, "Noto Sans", sans-serif;
  line-height: 1.5;
}

/* Navbar più sobria (usa classi esistenti del template) */
.navbar.default-layout-navbar {
  background: #fff !important;
  box-shadow: 0 1px 0 var(--border);
  border: 0;
  min-height: 56px;
}
.navbar.default-layout-navbar .navbar-brand-wrapper .navbar-brand img {
  /*max-height: 28px;*/ /* evita loghi oversize */
  max-height: 60px;
  width: auto !important;
}
.navbar.default-layout-navbar .navbar-nav > li > a {
  color: var(--muted);
  padding: 12px 8px;
}
.navbar.default-layout-navbar .navbar-nav > li > a:hover,
.navbar.default-layout-navbar .navbar-nav > li > a:focus {
  color: var(--text);
  background: transparent;
}

/* Sidebar (se presente) minimal */
.sidebar, .sidebar .nav {
  background: #fff;
  border-right: 1px solid var(--border);
}
.sidebar .nav .nav-item .nav-link {
  color: #3f444c;
  padding: 10px 14px;
  border-radius: 4px;
}
.sidebar .nav .nav-item .nav-link:hover,
.sidebar .nav .nav-item .nav-link:focus,
.sidebar .nav .nav-item .nav-link.active {
  background: #f2f4f7;
  color: #111827;
}

.sidebar .nav .nav-item {
    padding: 0 1.25rem;
}

/* Contenuto più arioso (il template usa .content-wrapper) */
.content-wrapper {
  padding: 20px !important;
}

/* Titoli pagine: togli icone/gradiente e allinea */
.page-title,
.page-header {
  margin: 0 0 16px 0;
  padding: 0;
  border: 0;
}
.page-title .page-title-icon { display: none !important; } /* rimuove l’icona colorata del titolo */
.page-title h1, .page-header h1,
.page-title .h2, .page-header .h2 {
  font-weight: 600;
  font-size: 20px;
  color: var(--text);
}

/* Card / pannelli */
.card, .panel, .panel-default, .ibox, .box {
  background: var(--panel);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}
.card-header, .panel-heading {
  background: #fff;
  border-bottom: 1px solid var(--border);
  font-weight: 600;
  color: var(--text);
}
.card-footer, .panel-footer {
  background: #fff;
  border-top: 1px solid var(--border);
}

/* Tabelle leggibili */
.table {
  background: #fff;
}
.table > thead > tr > th {
  background: #fafbfc;
  color: #111827;
  font-weight: 600;
  border-bottom: 1px solid var(--border);
}
.table > tbody > tr > td,
.table > thead > tr > th {
  border-color: var(--border);
}
.table-hover > tbody > tr:hover {
  background: #f7f8fa;
}

/* Form: campi full-width, focus accessibile */
.form-control {
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: none;
  color: var(--text) !important;
}
.form-control:focus {
  border-color: var(--primary);
  outline: 0;
  box-shadow: 0 0 0 3px rgba(51,93,255,.15);
}
label { color: var(--muted); font-weight: 500; }

/* Pulsanti discreti */
.btn {
  border-radius: var(--radius);
  /*border: 1px solid transparent;*/
  box-shadow: none;
}
.btn-primary {
  background: var(--primary);
  border-color: var(--primary);
}
.btn-primary:hover, .btn-primary:focus {
  background: var(--primary-600);
  border-color: var(--primary-600);
}
.btn-default, .btn-secondary {
  background: #fff;
  border-color: var(--border);
  color: #111827;
}
.btn-default:hover, .btn-secondary:hover {
  background: #f7f8fa;
}

/* Badge/label con colori più sobri */
.label, .badge {
  border-radius: 4px;
  font-weight: 600;
}
.label-default, .badge-default { background: #eef2f7; color: #475569; }
.label-success, .badge-success { background: #dff5ec; color: var(--success); }
.label-danger,  .badge-danger  { background: #fde8e8; color: var(--danger);  }
.label-warning, .badge-warning { background: #fdf3d7; color: var(--warning); }

/* Tab e breadcrumb puliti */
.nav-tabs > li > a {
  border: 0;
  color: var(--muted);
}
.nav-tabs > li.active > a,
.nav-tabs > li > a:hover {
  color: var(--text);
  background: transparent;
  border-bottom: 2px solid var(--primary) !important;
}
.breadcrumb {
  background: transparent;
  padding: 0;
  margin: 0 0 12px 0;
}

/* Footer molto leggero */
.footer {
  background: transparent;
  border-top: 1px solid var(--border);
  color: var(--muted);
}

/* Riduci/neutralizza animazioni e gradienti troppo vistosi del tema */
.bg-gradient-primary { background: var(--primary) !important; }
*[class*="animate"], .animated { animation: none !important; transition: none !important; }

/* Spaziature utili senza toccare HTML */
.u-stack-sm { margin-bottom: 8px !important; }
.u-stack-md { margin-bottom: 16px !important; }
.u-stack-lg { margin-bottom: 24px !important; }

/* Stato readonly/disabled coerente */
.form-control[readonly],
.form-control[disabled] {
  background: #f9fafb;
  color: #6b7280;
}

/* Piccoli fix Bootstrap 3 */
.table > thead > tr > th, .table > tbody > tr > td { vertical-align: middle; }
.btn:active, .btn.active { box-shadow: none; }

/* Modo denso opzionale (aggiungi .density-compact sul body per tabelle più compatte) */
body.density-compact .table > thead > tr > th,
body.density-compact .table > tbody > tr > td {
  padding-top: 8px; padding-bottom: 8px;
}
body.density-compact .form-control { height: 32px; padding: 4px 8px; }

/*TEST 2*/
/* ===== Enterprise hardening layer (append after your current overrides) ===== */

/* 1) Tono più “business”: meno rotondità, meno ombre, colori più sobri */
:root {
  --radius: 3px;
  --border: #dcdfe4;         /* linea un filo più decisa */
  --muted: #5b6270;          /* testo secondario un filo più scuro */
  --primary: #2c5be4;        /* blu più “ufficio” */
  --primary-600: #1f46bb;
  --shadow: none;            /* via le ombre “soft” di default */
}

/* Applica in modo globale, oppure limita con body.enterprise ... */
html, body {
  letter-spacing: 0;         /* niente tracking “giocoso” */
  font-size: 14px;           /* leggermente più denso */
}

/* 2) Navbar piatta, senza effetto card */
.navbar.default-layout-navbar {
  box-shadow: none;
  border-bottom: 1px solid var(--border);
  min-height: 52px;
}
.navbar.default-layout-navbar .navbar-nav > li > a {
  padding: 10px 10px;        /* più compatta */
  font-weight: 500;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .active > a {
  background: transparent !important;
  color: #1f2937 !important;
}

/* 3) Sidebar “file system”: spazi stretti, indicatori sobri */
.sidebar, .sidebar .nav {
  border-right: 1px solid var(--border);
}
.sidebar .nav .nav-item {
  padding: 0 .75rem;         /* meno aria */
}
.sidebar .nav .nav-item .nav-link {
  padding: 12px 8px;
  border-radius: 3px;
}
.sidebar .nav .nav-item .nav-link.active {
  background: #eef2f7;
  box-shadow: inset 2px 0 0 var(--primary); /* indicatore di sezione sobrio */
}

/* 4) Card/pannelli rigorosi: niente ombre, separatori netti */
.card, .panel, .panel-default, .ibox, .box {
  box-shadow: none;
  border: 1px solid var(--border);
}
.card-header, .panel-heading {
  background: #fbfcfd;       /* quasi bianco, ma non brillante */
  border-bottom: 1px solid var(--border);
  font-weight: 600;
}
.card .card-body {
    padding: 1rem 1rem;
}

/* 5) Titoli e breadcrumb: gerarchia sobria e stretta */
.page-title h1, .page-header h1 {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}
.breadcrumb { font-size: 12px; color: #6b7280; }

/* 6) Tabelle: look “reporting”, righe basse, header appiccicoso opzionale */
.table > thead > tr > th {
  background: #f3f4f6;
  border-bottom: 1px solid var(--border);
  text-transform: none;
}
.table > tbody > tr > td,
.table > thead > tr > th {
  /*padding-top: 8px; padding-bottom: 8px;*/   /* densità “office” */
  padding-top: 4px; padding-bottom: 4px;
  border-color: var(--border);
}
.table-hover > tbody > tr:hover { background: #f7f7f9; }
/* Rendi l’header sticky quando serve: aggiungi .table-sticky alla tabella */
.table-sticky thead th {
  position: sticky; top: 0; z-index: 2;
}

/* 7) Form: altezza coerente, focus professionale */
.form-control {
  height: 34px;              /* standard Bootstrap 3 */
  padding: 6px 10px;
  border-radius: 3px;
}
.form-control:focus {
  border-color: var(--primary);
  box-shadow: 0 0 0 2px rgba(44,91,228,.15);
}
.input-sm, .form-group-sm .form-control { height: 30px; padding: 4px 8px; }
.input-lg, .form-group-lg .form-control { height: 38px; padding: 8px 12px; }
label { font-weight: 500; color: #4b5563; }

/* 8) Pulsanti: piatti, con bordo; primario deciso, default sobrio */
.btn {
  border-radius: 3px;
  box-shadow: none;
  border: 1px solid var(--border);
  font-weight: 600;
}
.btn-primary {
  background: var(--primary);
  border-color: var(--primary);
  color: #fff;
}
.btn-primary:hover, .btn-primary:focus {
  background: var(--primary-600);
  border-color: var(--primary-600);
}
.btn-default, .btn-secondary {
  background: #fff;
  color: #111827;
}
.btn-link {
  border-color: transparent;
  text-decoration: none;
}
.btn-link:hover { text-decoration: underline; }

/* 9) Badge/label: meno “caramella” */
.label, .badge { border-radius: 3px; font-weight: 600; }
.label-success, .badge-success { background: #e6f4ef; color: #127a56; }
.label-danger,  .badge-danger  { background: #faeaea; color: #b42318; }
.label-warning, .badge-warning { background: #fbf3dd; color: #8a6116; }

/* 10) Link: sottolinea solo in hover, colore neutro-business */
a { color: #2c5be4; }
a:hover, a:focus { color: #1f46bb; text-decoration: underline; }

/* 11) Icone meno “giocose” (material/mdi/fontawesome) */
/*.mdi, [class*="mdi-"], .fa, [class*="fa-"] {
  color: #9aa3af;
}*/
a:hover .mdi, a:hover .fa { color: #4b5563; }

/* 12) Griglie e contenuti: meno aria, righe leggibili */
.content-wrapper { padding: 16px !important; }
.row + .row { margin-top: 10px; }

/* 13) Tabelle “compatte” sempre (senza dover usare .density-compact) */
.table > thead > tr > th,
.table > tbody > tr > td { vertical-align: middle; }

/* 14) Stati e alert: senza ombre, con bordo */
.alert {
  border: 1px solid var(--border);
  border-radius: 3px;
  box-shadow: none;
}
.alert-info    { background: #eef6ff; color: #0b4aa2; border-color: #cfe2ff; }
.alert-success { background: #e9fbf2; color: #127a56; border-color: #c7f1de; }
.alert-warning { background: #fff7e6; color: #8a6116; border-color: #ffe6b3; }
.alert-danger  { background: #fff0f0; color: #b42318; border-color: #ffd1d1; }

/* 15) Stati readonly/disabled coerenti ma più “grigi” */
.form-control[readonly],
.form-control[disabled]{
  background: #f3f4f6;
  color: #6b7280;
}

/* 16) Micro-componenti: tab, breadcrumb, footer */
.nav-tabs > li > a {
  padding: 8px 10px;
  font-weight: 500;
}
.nav-tabs > li.active > a, .nav-tabs > li > a:hover {
  border-bottom: 2px solid var(--primary) !important;
  background: transparent;
}
.footer { color: #6b7280; background: #fff; border-top: 1px solid var(--border); }

/* 17) Disattiva animazioni residuo e gradienti */
*[class*="animate"], .animated { animation: none !important; transition: none !important; }
.bg-gradient-primary { background: var(--primary) !important; }

/* 18) Utility enterprise */
.u-tight { margin-bottom: 8px !important; }
.u-tight-md { margin-bottom: 12px !important; }
.u-tight-lg { margin-bottom: 16px !important; }

/* 19) Campo di ricerca “toolbar style” (se hai search global) */
.input-search {
  height: 34px; border-radius: 18px; padding: 6px 12px 6px 32px;
  background: #f3f4f6; border: 1px solid var(--border);
}
.input-search:focus { background: #fff; }

/* 20) Mini brandbar opzionale (linea sottile primaria sotto la navbar) */
.header-brandbar { height: 2px; background: var(--primary); }