@charset "UTF-8";

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0;
	outline: 0; padding: 0; vertical-align: baseline; }
:focus {/* remember to define focus styles! */ outline: 0; }
body { background: #fff; line-height: 1; font-size: 100% }
ol, ul { list-style: none; }
table {/* tables still need 'cellspacing="0"' in the markup */ border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; text-align: left; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
img { max-width: 100%; max-height: 100%; }



/*
@-ms-viewport {      
	width: device-width;
}
@viewport {
	width: device-width;
}                                                           

html {
background-color: white !important;
}

tr {
 vertical-align: middle !important;
}

th {
 padding:0 !important;
  // border-bottom:0 !important;
}

td {
 padding:0 !important;
 border-bottom:0px;
}

button {
border: 1px solid #ccc !important;
}

*/
/* NUOVE REGOLE GENERATE DA CLAUDE PER BOX PARAMETRI*/
  
  .overflow-visible {overflow: visible;}
  .padding-2rem {padding: 2rem;}
  .padding-5px {padding: 5px;}
  .max-width-420 {max-width: 420px;}
  .max-width-360 {max-width: 360px;}
  .max-width-480 {max-width: 480px;}
  .max-width-620 {max-width: 620px;}
  .max-width-700 {max-width: 700px;}
  .max-width-720 {max-width: 720px;}
  .max-width-1024 {max-width: 1024px;}
  .max-height-340 {max-height: 340px;}
  .max-height-380 {max-height: 380px;}
  .max-height-420 {max-height: 420px;}
  .max-height-480 {max-height: 480px;}
  .max-height-560 {max-height: 560px;}
  .max-height-600 {max-height: 600px;}
  .height-75 {height: 75px;}
  .height-460 {height: 460px;}
  .height-480 {height: 480px;}
  .height-520 {height: 520px;}
  .height-560 {height: 560px;}
  .height-600 {height: 600px;}
  .flex-shrink-0 {flex-shrink: 0; } 
  .flex-1 {flex: 1;}
  .modal-overlay { position: fixed; inset: 0; background: rgba(0, 0, 0, 0.35); display: flex; align-items: center; justify-content: center; z-index: 100000;}
  .modal { background: #fff; border-radius: 12px; border: 0.5px solid rgba(0,0,0,0.12); width: 100%; overflow: visible; }
  .modal-ovf-hidden { background: #fff; border-radius: 12px; border: 0.5px solid rgba(0,0,0,0.12); width: 100%; overflow: hidden; }
  .modal-pdf { background: #fff; border-radius: 12px; border: 0.5px solid rgba(0,0,0,0.12); width: 85vw; max-width: 1200px; height: 85vh; overflow: hidden; }
  .modal-info {
  background: #fff;
  border-radius: 12px;
  border: 0.5px solid rgba(0,0,0,0.12);
  width: 100%;
  max-width: 420px;
  overflow: hidden;
}

.modal-info__body {
  padding: 20px 24px;
}

.modal-info__testo {
  font-size: 14px;
  color: #374151;
  line-height: 1.6;
}

.modal-info__footer {
  display: flex;
  justify-content: flex-end;
  padding: 12px 24px 20px;
}
  .no-results-cli {
    margin: 10px 0 0 0;
    text-align: center;
    color: red;
    font-size: 20px;
  }
    /* Header */
  .modal__header { background: #2d7fc1; padding: 14px 20px; display: flex; align-items: center; gap: 10px; border-radius: 12px 12px 0 0; }
  .modal__header-info {background: #2d7fc1;padding: 14px 20px;display: flex; align-items: center; justify-content: space-between;}
  .modal__header-left { display: flex; align-items: center; gap: 10px; }
  .modal__header-dot { width: 8px; height: 8px; border-radius: 50%; background: rgba(255,255,255,0.5); }
  .modal__header-title { color: #fff; font-weight: 500; font-size: 15px; }
  .modal__header__error { background: #dc2626; padding: 14px 20px; display: flex; align-items: center; gap: 10px;}
  .modal__header__warning {background: #d97706; padding: 14px 20px; display: flex; align-items: center; gap: 10px;}
  .modal__header-removeart { background: #dc2626; padding: 14px 20px; display: flex; align-items: center; gap: 10px; border-radius: 12px 12px 0 0; }
  .modal__close {
      background: none;
      border: none;
      color: rgba(255,255,255,0.8);
      font-size: 18px;
      cursor: pointer;
      line-height: 1;
      padding: 2px 6px;
      border-radius: 6px;
      transition: background 0.15s;
  }
  .modal__header-msg { background: #e8690a; padding: 14px 20px; display: flex; align-items: center; gap: 10px; border-radius: 12px 12px 0 0; }
  
  #tooltip-global {
  position: fixed;
  background: #1f2937;
  color: #f9fafb;
  font-size: 12px;
  line-height: 1.5;
  padding: 8px 12px;
  border-radius: 8px;
  width: 280px;
  max-height: 180px;
  min-height: 0; 
  overflow-y: auto;
  z-index: 100001;
  pointer-events: none;
}

.slide-popup {
      background: #fff;
      border-radius: 8px;
      border: 0.5px solid rgba(0,0,0,0.1);
      overflow: hidden;
      width: 200px;
}

.slide-popup__header {
      background: #2d7fc1;
      padding: 8px 12px;
      display: flex; align-items: center; gap: 8px;
}
.slide-popup__header svg { width: 13px; height: 13px; stroke: rgba(255,255,255,0.8); flex-shrink: 0; }
.slide-popup__header-title { color: #fff; font-weight: 500; font-size: 12px; text-transform: uppercase; letter-spacing: 0.05em; }

.slide-popup__body { padding: 10px 12px; }
.slide-popup__cod {
      font-size: 20px; font-weight: 500; color: #111827;
      display: flex; align-items: center; gap: 6px;
}
.slide-popup__cod span {
      display: inline-block; background: #e8f2fb;
      color: #2d7fc1; font-size: 20px; font-weight: 500;
      padding: 2px 8px; border-radius: 6px;
}

.select-wrap-ruolo {
  display: flex; align-items: center;
  border: 0.5px solid rgba(0,0,0,0.2); border-radius: 8px;
  overflow: hidden; transition: border 0.15s, box-shadow 0.15s;
}
.select-wrap-ruolo:focus-within { border-color: #2d7fc1; box-shadow: 0 0 0 3px rgba(45,127,193,0.12); }
.select-wrap-ruolo select {
  flex: 1; padding: 9px 12px;
  border: none; outline: none;
  font-size: 14px; color: #111827; background: transparent;
  cursor: pointer; appearance: none;
}
.select-wrap-ruolo .select-arrow {
  padding-right: 12px; color: #9ca3af; font-size: 11px; pointer-events: none;
}

.news-title { font-size: 18px; font-weight: 700; font-style: italic; color: #111827; }

.news-body { font-size: 14px; color: #374151; line-height: 1.6; margin-top: 15px;}

.news-date { font-size: 11px; color: #9ca3af; margin-top: 15px;}

.testo-barrato {text-decoration: line-through;}
.modal__close:hover { background: rgba(255,255,255,0.2); color: #fff; }
    /* Body */
  .modal__body { padding: 20px 24px 8px; }
  .modal__body-error { padding: 24px; }
  .modal__body-info { padding: 20px 24px; }
  .modal__body-datifinali { padding: 20px 24px 16px; flex: 1; overflow-y: auto;}
  .modal__body-infopromo { padding: 20px 24px 16px; flex: 1; overflow-y: auto; }
  .modal__body-promoerrate { padding: 20px 24px 16px; overflow: visible; flex: 1;}
  .modal__body-clienti { flex: 1; overflow-y: auto; }
  .modal__body-volantini { padding: 20px 24px; flex: 1; overflow-y: auto; display: flex; flex-direction: column; gap: 16px; }
  .table-wrapper {
    overflow-y: auto;
    height: 100%;
  }
  .error-box {
      display: flex;
      gap: 14px;
      align-items: flex-start;
      margin-bottom: 24px;
  }

  .error-icon {
      flex-shrink: 0;
      width: 36px;
      height: 36px;
      border-radius: 50%;
      background: #fee2e2;
      display: flex;
      align-items: center;
      justify-content: center;
   }
  .error-icon svg { width: 18px; height: 18px; }

  .error-text { flex: 1; }
  .error-title {
      font-size: 14px;
      font-weight: 500;
      color: #111827;
      margin-bottom: 6px;
  }
  .error-desc {
      font-size: 13px;
      color: #6b7280;
      line-height: 1.6;
  }
  .error-desc a {
      color: #2d7fc1;
      text-decoration: none;
      font-weight: 500;
  }
  .error-desc a:hover { text-decoration: underline; }
  .warning-box {
      display: flex;
      gap: 14px;
      align-items: flex-start;
      margin-bottom: 24px;
  }

  .warning-icon {
      flex-shrink: 0;
      width: 36px;
      height: 36px;
      border-radius: 50%;
      background: #fef3c7;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .warning-icon svg { width: 18px; height: 18px; }

    .warning-text { flex: 1; }
    .warning-title { font-size: 14px; font-weight: 500; color: #111827; margin-bottom: 6px; }
    .warning-desc { font-size: 13px; color: #6b7280; line-height: 1.6; }

    .product__code {
      font-size: 11px;
      font-weight: 500;
      color: #2d7fc1;
      letter-spacing: 0.05em;
      text-transform: uppercase;
      margin-bottom: 2px;
    }
    .product__name {
      font-size: 16px;
      font-weight: 500;
      color: #111827;
      margin-bottom: 16px;
    }

    /* Hero: immagine + descrizione */
    .product__hero {
      display: flex;
      gap: 20px;
      margin-bottom: 20px;
      align-items: flex-start;
    }
    .product__img {
      width: 130px;
      flex-shrink: 0;
      border: 0.5px solid rgba(0,0,0,0.1);
      border-radius: 8px;
      overflow: hidden;
      background: #f9fafb;
      display: flex;
      align-items: center;
      justify-content: center;
      min-height: 120px;
    }
    .product__img img { width: 100%; display: block; }
    .product__desc { font-size: 14px; color: #6b7280; line-height: 1.6; }

    /* Tabelle dati */
    .data-table {
      width: 100%;
      border-collapse: collapse;
      font-size: 13px;
      margin-bottom: 10px;
      border-radius: 8px;
      overflow: hidden;
      border: 0.5px solid rgba(0,0,0,0.1);
      table-layout: fixed;
    }

    .data-table th {
      background: #f3f4f6;
      color: #6b7280;
      font-weight: 500;
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.04em;
      padding: 8px 12px;
      text-align: center;
      border-bottom: 0.5px solid rgba(0,0,0,0.08);
      border-right: 0.5px solid rgba(0,0,0,0.08);
    }
    .data-table th:last-child { border-right: none; }
    .data-table td {
      padding: 8px 12px;
      text-align: center;
      color: #111827;
      border-right: 0.5px solid rgba(0,0,0,0.08);
      border-bottom: 0.5px solid rgba(0,0,0,0.06);
    }
    .data-table td:last-child { border-right: none; }
    .data-table tr:last-child td { border-bottom: none; }

    /* Sezione etichetta (linea/colore/materiale) */
    .data-table td.section-label {
      background: #f3f4f6;
      color: #6b7280;
      font-size: 11px;
      font-weight: 500;
      text-transform: uppercase;
      letter-spacing: 0.04em;
      text-align: center;
    }
/* ___ DETTAGLIO ARTICOLO MOBILE ________*/
    /* ── Card articolo ────────────────────────────────── */
    .art-card {
      border-bottom: 0.5px solid rgba(0,0,0,0.08);
      padding: 12px 16px;
      width: 95%
    }

 .tableArticoli:last-child {
    border-bottom: none !important;
  }

    /* riga check + nome -->*/
    .art-card-top {
      display: flex;
      align-items: flex-start;
      gap: 10px;
      margin-bottom: 10px;
    }

    .art-card-top input[type="checkbox"] {
      accent-color: #2d7fc1;
      width: 16px;
      height: 16px;
      flex-shrink: 0;
      margin-top: 2px;
      cursor: pointer;
    }

    .art-card-info { flex: 1; min-width: 0; }

    .art-card-name {
      font-size: 17px;
      font-weight: 500;
      /*color: #111827;*/
      margin: 0 0 3px;
      line-height: 1.3;
      word-break: break-word;
    }

    .art-card-cod {
      font-size: 16px;
      color: #9ca3af;
      margin: 0 0 1px;
    }

    /* pills: misura / UM / conf */
    .art-card-pills {
      display: flex;
      flex-wrap: wrap;
      gap: 5px;
      margin-top: 6px;
    }

    .art-pill {
      font-size: 16px;
      background: #f0f7fd;
      color: #1a6fa8;
      border-radius: 4px;
      padding: 2px 7px;
      font-weight: 500;
    }

    /* disponibilità badge */
    .art-dispo {
      display: inline-flex;
      align-items: center;
      gap: 4px;
      font-size: 16px;
      border-radius: 4px;
      padding: 2px 7px;
      font-weight: 500;
      margin-top: 6px;
    }

    .art-dispo svg {
      width: 12px;
      height: 12px;
      fill: none;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .art-dispo.disponibile { background: #f0fdf4; color: #16a34a; }
    .art-dispo.disponibile svg { stroke: #16a34a; }
    .art-dispo.non-disponibile { background: #fef2f2; color: #dc2626; }
    .art-dispo.non-disponibile svg { stroke: #dc2626; }

    /* riga prezzo / sconti / netto */
    .art-prz-row {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      border: 0.5px solid rgba(0,0,0,0.08);
      border-radius: 8px;
      overflow: hidden;
      margin-bottom: 10px;
    }

    .art-prz-cell {
      text-align: center;
      padding: 7px 4px;
      border-right: 0.5px solid rgba(0,0,0,0.08);
    }

    .art-prz-cell:last-child { border-right: none; }

    .art-prz-cell.sc-cell {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 3px;
    }

    .art-prz-label {
      font-size: 11px;
      color: #2d7fc1;
      text-transform: uppercase;
      letter-spacing: 0.04em;
      font-weight: 500;
      margin: 0 0 2px;
    }

    .art-prz-value {
      font-size: 16px;
      font-weight: 500;
      color: #111827;
      margin: 0;
    }

    .art-prz-value.netto { color: #1a6fa8; }

    /* badge sconto */
    .art-sc-badge {
     /* background: #e8f4fd;
      color: #1a6fa8;
      border-radius: 4px;
      padding: 2px 6px;*/
      font-size: 16px;
      font-weight: 500;
      border: none;
      display: inline-flex;
      align-items: center;
      gap: 3px;
      cursor: default;
    }

    .art-sc-badge.clickable { cursor: pointer; }

    .art-sc-badge svg {
      width: 11px;
      height: 11px;
      stroke: #1a6fa8;
      fill: none;
      stroke-width: 2.5;
      stroke-linecap: round;
      stroke-linejoin: round;
      transition: transform 0.2s;
    }

    .art-sc-badge.clickable.open svg { transform: rotate(180deg); }

    /* dettaglio 6 sconti */
    .art-sc-detail {
      display: none;
      grid-template-columns: repeat(6, 1fr);
      border: 0.5px solid rgba(0,0,0,0.08);
      border-radius: 8px;
      overflow: hidden;
      background: #f9fafb;
      margin-bottom: 10px;
    }

    .art-sc-detail.open { display: grid; }

    .art-sc-cell {
      text-align: center;
      padding: 5px 2px;
      border-right: 0.5px solid rgba(0,0,0,0.08);
    }

    .art-sc-cell:last-child { border-right: none; }

    .art-sc-cell p:first-child {
      font-size: 10px;
      color: #2d7fc1;
      text-transform: uppercase;
      font-weight: 500;
      margin: 0 0 1px;
    }

    .art-sc-cell p:last-child {
      font-size: 12px;
      color: #111827;
      margin: 0;
    }

    .art-sc-cell.zero p:last-child { color: #9ca3af; }

    /* riga qta + icone */
    .art-actions {
      display: flex;
      align-items: center;
      /*justify-content: space-between;*/
    }

    .art-qta {
      display: flex;
      align-items: center;
      border: 0.5px solid rgba(0,0,0,0.2);
      border-radius: 8px;
      overflow: hidden;
    }

    .art-qta button {
      width: 32px;
      height: 32px;
      border: none;
      background: #f9fafb;
      color: #111827;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .art-qta button svg {
      width: 14px;
      height: 14px;
      stroke: #111827;
      fill: none;
      stroke-width: 2.5;
      stroke-linecap: round;
    }

    .art-qta input {
      width: 40px;
      height: 32px;
      border: none;
      border-left: 0.5px solid rgba(0,0,0,0.12);
      border-right: 0.5px solid rgba(0,0,0,0.12);
      /*text-align: center;*/
      font-size: 13px;
      background: #fff;
      color: #111827;
      outline: none;
    }

    .art-icons {
      display: flex;
      align-items: center;
      gap: 14px;
    }

    .art-icons svg {
      width: 18px;
      height: 18px;
      stroke: #9ca3af;
      fill: none;
      padding: 8px;
      stroke-width: 1.8;
      stroke-linecap: round;
      stroke-linejoin: round;
      cursor: pointer;
    }

    .art-icons svg:hover { stroke: #2d7fc1; }
    .art-icons svg.cart { stroke: #2d7fc1; }
    .art-icons svg.volantino-active { stroke: #16a34a; }

    /* ── Card carrello mobile ──────────────────────────── */
    .chart-mobile {
      background: #fff;
     /* border-radius: 12px;
      border: 0.5px solid rgba(0,0,0,0.12);*/
      overflow: hidden;
      margin-bottom: 10px;
    }

    /* header: immagine + nome + codice */
    .carr-header {
      display: flex;
      gap: 12px;
      padding: 12px 12px 10px;  
    }

    .carr-img-wrap {
      width:  100px;
      height: 100px;
      flex-shrink: 0;
      border: 0.5px solid rgba(0,0,0,0.12);
      border-radius: 8px;
      display: flex;
      align-items: center;
      justify-content: center;
      background: #f9fafb;
      overflow: hidden;
    }

    .carr-img-wrap img {
      width: 100%;
      height: 100%;
      object-fit: contain;
    }

    .carr-info { flex: 1; min-width: 0; }

    .carr-name {
      font-size: 13px;
      font-weight: 500;
      color: #111827;
      margin: 0 0 2px;
      line-height: 1.3;
      word-break: break-word;
    }

    .carr-cod {
      font-size: 11px;
      color: #9ca3af;
      margin: 0 0 4px;
      text-transform: uppercase;
      letter-spacing: 0.04em;
    }

    .carr-promo-badge {
      font-size: 10px;
      background: #fff5e6;
      color: #b85c00;
      border-radius: 4px;
      padding: 2px 6px;
      font-weight: 500;
      display: inline-block;
    }

    /* riga prezzo / sconti / netto */
    .carr-prz-row {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      border-top: 0.5px solid rgba(0,0,0,0.08);
      border-bottom: 0.5px solid rgba(0,0,0,0.08);
    }

    .carr-prz-cell {
      text-align: center;
      padding: 8px 4px;
      border-right: 0.5px solid rgba(0,0,0,0.08);
    }

    .carr-prz-cell:last-child { border-right: none; }

    .carr-prz-cell.sc-cell {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 3px;
    }

    .carr-prz-label {
      font-size: 10px;
      color: #2d7fc1;
      text-transform: uppercase;
      letter-spacing: 0.04em;
      font-weight: 500;
      margin: 0 0 3px;
    }

    .carr-prz-value {
      font-size: 14px;
      font-weight: 500;
      color: #111827;
      margin: 0;
    }

    .carr-prz-value.netto { color: #1a6fa8; }

    /* badge sconto */
    .carr-sc-badge {
      background: #e8f4fd;
      color: #1a6fa8;
      border-radius: 4px;
      padding: 3px 8px;
      font-size: 11px;
      font-weight: 500;
      border: none;
      display: inline-flex;
      align-items: center;
      gap: 3px;
      cursor: default;
    }

    .carr-sc-badge.clickable { cursor: pointer; }

    .carr-sc-badge svg {
      width: 11px;
      height: 11px;
      stroke: #1a6fa8;
      fill: none;
      stroke-width: 2.5;
      stroke-linecap: round;
      stroke-linejoin: round;
      transition: transform 0.2s;
    }

    .carr-sc-badge.clickable.open svg {
      transform: rotate(180deg);
    }

    /* dettaglio 6 sconti */
    .carr-sc-detail {
      display: none;
      grid-template-columns: repeat(6, 1fr);
      border-bottom: 0.5px solid rgba(0,0,0,0.08);
      background: #f9fafb;
    }

    .carr-sc-detail.open { display: grid; }

    .carr-sc-cell-item {
      text-align: center;
      padding: 5px 2px;
      border-right: 0.5px solid rgba(0,0,0,0.08);
    }

    .carr-sc-cell-item:last-child { border-right: none; }

    .carr-sc-cell-item p:first-child {
      font-size: 10px;
      color: #2d7fc1;
      text-transform: uppercase;
      font-weight: 500;
      margin: 0 0 1px;
    }

    .carr-sc-cell-item p:last-child {
      font-size: 12px;
      color: #111827;
      margin: 0;
    }

    .carr-sc-cell-item.zero p:last-child { color: #9ca3af; }

    /* riga qta + icone */
    .carr-actions {
      display: flex;
      align-items: center;
      gap: 20px;
      padding: 10px 12px;
    }

    .carr-qta {
      display: flex;
      align-items: center;
      border: 0.5px solid rgba(0,0,0,0.2);
      border-radius: 8px;
      overflow: hidden;
    }

    .carr-qta button {
      width: 32px;
      height: 32px;
      border: none;
      background: #f9fafb;
      color: #111827;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .carr-qta button svg {
      width: 14px;
      height: 14px;
      stroke: #111827;
      fill: none;
      stroke-width: 2.5;
      stroke-linecap: round;
    }

    .carr-qta input {
      width: 36px;
      height: 32px;
      border: none;
      border-left: 0.5px solid rgba(0,0,0,0.12);
      border-right: 0.5px solid rgba(0,0,0,0.12);
      text-align: center;
      font-size: 13px;
      background: #fff;
      color: #111827;
      outline: none;
    }

    .carr-icons {
      display: flex;
      align-items: center;
      gap: 14px;
    }

    .carr-icons svg {
      width: 22px;
      height: 22px;
      stroke: #9ca3af;
      fill: none;
      stroke-width: 1.8;
      stroke-linecap: round;
      stroke-linejoin: round;
      cursor: pointer;
    }

    .carr-icons svg:hover { stroke: #2d7fc1; }
    .carr-icons svg.promo { stroke: #e8690a; }
    .carr-icons svg.volantino-active { stroke: #16a34a; }


/* ─── VOLANTINI ────────────────────────── */    
#data-inizio-wrap, #data-fine-wrap {
  display: flex;
  align-items: center;
  border: 0.5px solid rgba(0,0,0,0.2);
  border-radius: 8px;
  overflow: hidden;
}

#data-inizio-wrap .flatpickr-input, #data-fine-wrap .flatpickr-input {
  flex: 1;
  border: none;
  outline: none;
  padding: 8px 12px;
  font-size: 14px;
  color: #111827;
  background: transparent;
}

#data-inizio-wrap span[data-toggle], #data-fine-wrap span[data-toggle] {
  border-left: 0.5px solid rgba(0,0,0,0.1);
  /*background: #f9fafb;*/
  display: flex;
  align-items: center;
  height: 100%;
}

textarea, select {
      width: 100%; padding: 8px 12px;
      border: 0.5px solid rgba(0,0,0,0.2); border-radius: 8px;
      font-size: 14px; color: #111827; outline: none;
      background: #fff; transition: border 0.15s;
      font-family: sans-serif;
}
textarea:focus, select:focus {
      border-color: #2d7fc1;
      box-shadow: 0 0 0 3px rgba(45,127,193,0.12);
}
#descrVolantino { resize: vertical; min-height: 100px; }

.volantini-field-row { display: flex; align-items: flex-start; gap: 12px; }
.volantini-field-label { font-size: 13px; color: #6b7280; min-width: 110px; padding-top: 8px; flex-shrink: 0; text-align: right; }
.volantini-field-content { flex: 1; }
/* Bottone nuovo volantino */
    .btn-nuovo-volantino {
      padding: 8px 14px; border-radius: 8px; border: none;
      background: #2d7fc1; color: #fff;
      font-size: 12px; font-weight: 500;
      cursor: pointer; white-space: nowrap;
      display: flex; align-items: center; gap: 6px;
      transition: opacity 0.15s; flex-shrink: 0;
    }
    .btn-nuovo-volantino:hover { opacity: 0.88; }
    .btn-nuovo-volantino svg { width: 13px; height: 13px; }

    /* Divider */
    .divider { border: none; border-top: 0.5px solid rgba(0,0,0,0.08); }
.date-wrap { display: flex; align-items: center; gap: 8px; }
    .date-wrap input[type="text"] { width: 130px; }
    .btn-cal {
      width: 32px; height: 32px; border-radius: 8px;
      border: 0.5px solid rgba(0,0,0,0.2); background: #fff;
      display: flex; align-items: center; justify-content: center;
      cursor: pointer; transition: background 0.15s;
      flex-shrink: 0;
    }
    .btn-cal:hover { background: #f3f4f6; }
    .btn-cal svg { width: 16px; height: 16px; stroke: #6b7280; }

    /* Logo file */
    .file-wrap { display: flex; align-items: center; gap: 8px; }
    .file-wrap input[type="text"] { flex: 1; color: #9ca3af; font-size: 13px; }
    .file-wrap input[type="file"] { display: none; }
    .btn-file {
      padding: 7px 12px; border-radius: 8px;
      border: 0.5px solid rgba(0,0,0,0.2); background: #fff;
      font-size: 12px; color: #374151; cursor: pointer;
      white-space: nowrap; transition: background 0.15s;
      flex-shrink: 0;
    }
    .btn-file:hover { background: #f3f4f6; }

    /* Colore sfondo */
    .color-wrap { display: flex; align-items: center; gap: 10px; }
    .color-preview {
      width: 72px; 
      height: 28px; 
      border-radius: 6px;
      border: 0.5px solid rgba(0,0,0,0.2); 
      cursor: pointer;
      transition: border-color 0.15s;
    }
    .color-preview:hover { border-color: #2d7fc1; }
    input[type="color"] { display: none; }
    .color-value { font-size: 13px; color: #6b7280; }
    .pcr-app { z-index: 999999 !important;}
    .pickr-border {border-radius: 6px !important; border: 0.5px solid rgba(0,0,0,0.2)!important; }

    #titoloVolantino, #dataInizioVolantino, #dataFineVolantino, #btnChooseLogo, #logoVolantino {
      //width: 100%; 
      padding: 8px 12px;
      border: 0.5px solid rgba(0,0,0,0.2); 
      border-radius: 8px;
      font-size: 14px; 
      color: #111827; 
      outline: none;
      background: #fff; 
      transition: border 0.15s;
      font-family: sans-serif;
    }

        /* ─── CONTENUTO ────────────────────────── */
    .browser__content { flex: 1; display: flex; flex-direction: column; gap: 16px; }

    /* Breadcrumb */
    .browser__breadcrumb {
      display: flex; align-items: center; gap: 6px;
      padding: 10px 16px; background: #fff;
      border-radius: 8px; border: 0.5px solid rgba(0,0,0,0.1);
      flex-wrap: wrap;
    }
    .bc__item {
      font-size: 13px; color: #6b7280; cursor: pointer;
      transition: color 0.15s; white-space: nowrap;
      display: flex; align-items: center; gap: 4px;
    }
    .bc__item svg { width: 13px; height: 13px; }
    .bc__item:hover { color: #2d7fc1; }
    .bc__item--active { color: #111827; font-weight: 500; cursor: default; }
    .bc__sep { color: #d1d5db; font-size: 11px; }

    /* Panel file */
    .browser__panel {
      background: #fff; 
      padding: 20px; margin-left: 5px;
    }

    .section__label {
      font-size: 11px; font-weight: 500; color: #9ca3af;
      text-transform: uppercase; letter-spacing: 0.05em;
      margin-bottom: 12px; display: block;
    }

    /* ─── FILE GRID ────────────────────────── */
    .file-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
      gap: 16px;
    }

    .file-card {
      border: 0.5px solid rgba(0,0,0,0.1); border-radius: 8px;
      overflow: hidden; cursor: pointer;
      transition: border-color 0.15s, box-shadow 0.15s;
    }
    .file-card:hover { border-color: #2d7fc1; box-shadow: 0 0 0 3px rgba(45,127,193,0.1); }

    .file-card__preview {
      height: 240px; background: #f9fafb;
      display: flex; align-items: center; justify-content: center;
      overflow: hidden; border-bottom: 0.5px solid rgba(0,0,0,0.06);
    }
    .file-card__preview img { max-width: 100%; object-fit: cover; display: block; }
    .file-card__preview video { width: 100%; height: 120px; object-fit: cover; }
    .file-card__preview svg { width: 36px; height: 36px; stroke: #d1d5db; }

    .file-card__info { padding: 8px 10px; }
    .file-card__info a {text-decoration: none;}
    .file-card__name { font-size: 12px; color: #374151; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .file-card__type {
      display: inline-block; margin-top: 4px;
      font-size: 10px; font-weight: 500; padding: 2px 6px; border-radius: 4px;
    }
    .file-card__type--pdf   { background: #fee2e2; color: #dc2626; }
    .file-card__type--video { background: #e8f2fb; color: #2d7fc1; }

    /* Vuoto */
    .empty-state {
      display: flex; flex-direction: column; align-items: center;
      justify-content: center; padding: 48px; gap: 8px;
    }
    .empty-state svg { width: 36px; height: 36px; stroke: #d1d5db; }
    .empty-state p { font-size: 13px; color: #9ca3af; }
/* ─── TIPOLOGIE ────────────────────────── */
    .tipo-group { display: flex; flex-direction: column; gap: 6px; }

    .tipo-item {
      border: 0.5px solid rgba(0,0,0,0.1);
      border-radius: 8px;
      overflow: hidden;
    }

    .tipo-header {
      background: #2d7fc1;
      padding: 8px 12px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      cursor: pointer;
      user-select: none;
    }
    .tipo-header__label { font-size: 13px; font-weight: 500; color: #fff; }
    .tipo-header__arrow {
      width: 14px; height: 14px; stroke: rgba(255,255,255,0.7);
      transition: transform 0.2s; flex-shrink: 0;
    }
    .tipo-header.open .tipo-header__arrow { transform: rotate(180deg); }

    .tipo-anni {
      display: none;
      flex-direction: column;
    }
    .tipo-anni.open { display: flex; }

    .anno-item {
      display: flex; align-items: center; gap: 8px;
      padding: 7px 12px; font-size: 13px; color: #374151;
      cursor: pointer; transition: background 0.15s;
      border-bottom: 0.5px solid rgba(0,0,0,0.05);
    }
    .anno-item:last-child { border-bottom: none; }
    .anno-item:hover { background: #f3f4f6; }
    .anno-item input[type="checkbox"] { accent-color: #2d7fc1; flex-shrink: 0; }
    .anno-item__count { margin-left: auto; font-size: 11px; color: #9ca3af; }

/* ─── LAFE COIN ──────────────────────── */    
.saldo-box {
      border: 0.5px solid rgba(0,0,0,0.1);
      border-radius: 8px;
      padding: 16px;
      text-align: center;
    }

.saldo-box__label {
      font-size: 11px; font-weight: 500; color: #9ca3af;
      text-transform: uppercase; letter-spacing: 0.05em;
      margin-bottom: 10px; display: block;
}

.saldo-box__value {
      display: flex; align-items: baseline;
      justify-content: center; gap: 6px;
}

.saldo-box__number {
      font-size: 55px; 
      font-weight: 500; 
      color: #111827; 
      line-height: 1;
}

.saldo-box__unit {
      
      font-size: 45px;
      font-weight: 500;
      color: #111827;
      line-height: 1;
}   
    /* ─── SCONTI ──────────────────────── */
.chiavesconto-card {
      /*background: #fff;
      border-radius: 12px;
      border: 0.5px solid rgba(0,0,0,0.12);*/
      overflow: hidden;
      /*margin-bottom: 10px;*/
      display: flex;
      flex-direction: column;
      min-height: 180px;
}

    /* header card */
.chiavesconto-card__header {
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 12px 16px;
      border-bottom: 0.5px solid rgba(0,0,0,0.08);
      flex: 1;
}

.chiavesconto-card__clienti {
      width: 36px;
      height: 36px;
      border-radius: 8px;
      background: #f0f7fd;
      border: 0.5px solid rgba(45,127,193,0.2);
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      flex-shrink: 0;
      transition: background 0.15s;
}

.chiavesconto-card__clienti:hover { background: #dbeafe; }

.chiavesconto-card__clienti svg {
      width: 18px; height: 18px;
      stroke: #2d7fc1; fill: none;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
}

.chiavesconto-card__info { 
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.chiavesconto-card__codice {
      font-size: 11px;
      color: #9ca3af;
      text-transform: uppercase;
      letter-spacing: 0.04em;
      margin-bottom: 2px;
}

.chiavesconto-card__desc {
      font-size: 20px;
      font-weight: 500;
      color: #111827;
      word-break: break-word;
}

.chiavesconto-card__opz, .chiavesconto-card__all {
      display: flex;
      align-items: center;
      font-size: 15px;
      color: #374151;
      margin-top: 3px;
}


.chiavesconto-card__opz span {
      font-size: 200%;  
      font-weight: 600;
      color: #2d7fc1;
}

    /* griglia sconti */
.chiavesconto-card__sconti {
      display: grid;
      grid-template-columns: 1fr 1fr;
      margin-top: 0px; 
      border-top: 0.5px solid rgba(0,0,0,0.08);
}

.sconto-cell {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 10px 14px;
    border-right: 0.5px solid rgba(0,0,0,0.08);
}

.sconto-cell:last-child { border-right: none; }

.sconto-cell__label {
      font-size: 10px;
      font-weight: 500;
      color: #9ca3af;
      text-transform: uppercase;
      letter-spacing: 0.04em;
      margin-bottom: 6px;
      line-height: 1.3;
}

.sconto-cell__input-wrap {
      display: flex;
      align-items: center;
      border: 0.5px solid rgba(0,0,0,0.2);
      border-radius: 8px;
      overflow: hidden;
      transition: border 0.15s, box-shadow 0.15s;
}

.sconto-cell__input-wrap:focus-within {
      border-color: #2d7fc1;
      box-shadow: 0 0 0 3px rgba(45,127,193,0.12);
}

    .sconto-cell__input {
      flex: 1;
      border: none;
      outline: none;
      padding: 7px 10px;
      font-size: 14px;
      font-weight: 500;
      color: #111827;
      background: transparent;
      text-align: right;
      width: 100%;
}

.sconto-cell__input.modified {
      background: #f0fdf4;
      color: #16a34a;
}

.sconto-cell__unit {
      font-size: 12px;
      /*color: #9ca3af;*/
      padding: 0 8px 0 4px;
}

.tornaASconti {
  display: flex; 
  align-items: center; 
  gap: 8px; 
  padding: 9px 16px; 
  border-radius: 8px; 
  border: none; 
  background: #2d7fc1; 
  color: #fff; 
  font-weight: 500; 
  font-size: 14px; 
  cursor: pointer;
} 

.btn-sconti__clienti {
      width: 36px;
      height: 36px;
      border-radius: 8px;
      background: #f0f7fd;
      border: 0.5px solid rgba(45,127,193,0.2);
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      flex-shrink: 0;
      transition: background 0.15s;
}

.btn-sconti__clienti:hover { background: #dbeafe; }

.btn-sconti__clienti svg {
      width: 18px; height: 18px;
      stroke: #2d7fc1; fill: none;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
}

.nav-link {
      display: flex; align-items: center; gap: 8px;
      padding: 9px 12px;
      font-size: 13px; color: #374151;
      text-decoration: none;
      border-bottom: 0.5px solid rgba(0,0,0,0.05);
      transition: background 0.15s, color 0.15s;
    }
    .nav-link:last-child { border-bottom: none; }
    .nav-link:hover { background: #e8f2fb; color: #2d7fc1; }
    .nav-link:hover svg { stroke: #2d7fc1; }
    .nav-link svg { width: 14px; height: 14px; stroke: #9ca3af; flex-shrink: 0; transition: stroke 0.15s; }

.actions-sconti-box {
      display: flex;
      gap: 8px;
    }

  .btnsconti-action {
      flex: 1;
      display: flex; align-items: center; justify-content: center; gap: 6px;
      padding: 10px 8px;
      border: 0.5px solid rgba(0,0,0,0.12);
      border-radius: 8px;
      background: #fff;
      font-size: 12px; color: #374151;
      cursor: pointer;
      transition: background 0.15s, border-color 0.15s, color 0.15s;
      text-decoration: none;
    }
    
    .btnsconti-action svg { width: 15px; height: 15px; stroke: #6b7280; transition: stroke 0.15s; flex-shrink: 0; }
    .btnsconti-action:hover { background: #e8f2fb; border-color: rgba(45,127,193,0.3); color: #2d7fc1; }
    .btnsconti-action:hover svg { stroke: #2d7fc1; }
    .btnsconti-aggiorna {
      width: 100%; padding: 11px;
      border: none; border-radius: 8px;
      background: #2d7fc1; color: #fff;
      font-size: 13px; font-weight: 500;
      cursor: pointer; transition: opacity 0.15s;
      display: flex; align-items: center; justify-content: center; gap: 8px;
    }
    .btnsconti-aggiorna:hover { opacity: 0.88; }
    .btnsconti-aggiorna svg { width: 15px; height: 15px; }    

    /* ─── HEADER PROMO ─────────────────────── */
    .promo-detail__header {
      display: flex;
      gap: 20px;
      padding: 20px;
      border-bottom: 0.5px solid rgba(0,0,0,0.08);
      align-items: flex-start;
    }

    .promo-detail__img {
      flex-shrink: 0;
      width: 160px;
      border-radius: 8px;
      overflow: hidden;
      border: 0.5px solid rgba(0,0,0,0.1);
    }
    .promo-detail__img img { width: 100%; display: block; }

    .promo-detail__info { flex: 1; }

    .promo-detail__code {
      font-size: 11px; font-weight: 500; color: #2d7fc1;
      text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 4px;
    }

    .promo-detail__desc {
      font-size: 14px; color: #374151; line-height: 1.6; margin-bottom: 12px;
    }

    .promo-detail__scadenza {
      display: inline-flex; 
      align-items: center; 
      gap: 6px;
      background: #fef3c7; 
      border-radius: 6px;
      padding: 4px 10px; 
      font-size: 12px; 
      color: #d97706; 
      font-weight: 500;
      //margin-bottom: 16px;
    }
    .promo-detail__scadenza svg { width: 28px; height: 28px; stroke: #d97706; }
    
.promo-in-ordine {
  display: inline-flex; align-items: center; gap: 6px;
  background: #e8f2fb;
  border-radius: 6px;
  padding: 4px 10px;
  font-size: 12px;
  color: #2d7fc1;
  font-weight: 500;
}
.promo-in-ordine-locandina {
  display: inline-flex; align-items: center; gap: 6px;
  background: #e8f2fb;
  border-radius: 6px;
  padding: 4px 10px;
  font-size: 12px;
  color: #2d7fc1;
}
.promo-card__scadenza {
      display: inline-flex; align-items: center; gap: 5px;
      background: #fef3c7; border-radius: 6px;
      padding: 3px 8px; font-size: 11px; color: #d97706; font-weight: 500;
      margin-top: 4px;
    }
.promo-card__scadenza svg { width: 11px; height: 11px; stroke: #d97706; }
.promo-card__badge {
      display: flex; align-items: center; gap: 6px;
      padding: 7px 12px;
      background: #e8f2fb;
      font-size: 12px; color: #2d7fc1; font-weight: 500;
      border-bottom: 0.5px solid rgba(45,127,193,0.15);
    }
.promo-card__badge svg { width: 14px; height: 14px; stroke: #2d7fc1; flex-shrink: 0; }

.btn-eliminapromo-elenco {
      display: flex; align-items: center; gap: 6px;
      padding: 7px 12px;
      background: #fff; border: none;
      font-size: 12px; color: #dc2626; font-weight: 500;
      cursor: pointer; width: 100%;
      border-bottom: 0.5px solid rgba(0,0,0,0.06);
      transition: background 0.15s;
    }
.btn-eliminapromo-elenco:hover { background: #fee2e2; }
.btn-eliminapromo-elenco svg { width: 14px; height: 14px; stroke: #dc2626; flex-shrink: 0; }

.btn-mostraart-promo {
      width: 100%; padding: 10px;
      border: none; border-radius: 0 0 20px 20px;
      background: #2d7fc1; color: #fff;
      font-size: 13px; font-weight: 500;
      cursor: pointer; transition: opacity 0.15s;
      display: flex; align-items: center; justify-content: center; gap: 8px;
      margin-top: auto; line-height: 1;
    }
    .btn-mostraart-promo:hover { opacity: 0.88; }
    .btn-mostraart-promo svg { width: 15px; height: 15px; }


    /* Bottone elimina */
    .btn-delete-promo {
      display: inline-flex; align-items: center; gap: 6px;
      padding: 7px 14px; border-radius: 8px;
      border: 0.5px solid rgba(220,38,38,0.3);
      background: #fff; color: #dc2626;
      font-weight: 500; margin-top: 15px;
      font-size: xx-large; cursor: pointer;
      transition: background 0.15s;
    }
    .btn-delete-promo:hover { background: #fee2e2; }
    .btn-delete-promo svg { width: 28px; height: 28px; stroke: #dc2626; }

/* ─── TRACKING ──────────────────────── */
    .check-group-trk { display: flex; flex-direction: column; gap: 4px; }

    .check-group-trk__header {
      display: flex; align-items: center; justify-content: space-between;
      margin-bottom: 6px;
    }
    .check-group-trk__actions { display: flex; gap: 8px; }
    .check-group-trk__action {
      font-size: 11px; color: #2d7fc1; cursor: pointer;
      background: none; border: none; padding: 0;
      transition: opacity 0.15s;
    }
    .check-group-trk__action:hover { opacity: 0.7; }

    .check-item-trk {
      display: flex; 
      align-items: center; 
      gap: 8px;
      /*padding: 6px 8px; */
      border-radius: 6px;
      cursor: pointer; 
      transition: background 0.15s;
    }
    .check-item-trk:hover { background: #f3f4f6; }
    .check-item-trk input[type="checkbox"] { accent-color: #2d7fc1; flex-shrink: 0; }
    .check-item-trk__icon { width: 16px; height: 16px; flex-shrink: 0; }
    .check-item-trk__icon svg { width: 16px; height: 16px; }
    .check-item-trk__label { font-size: 13px; color: #374151; flex: 1; }

    /* badge stato */
    .check-item-trk__dot {
      width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0;
    }

    /* ─── BOTTONE AGGIORNA ─────────────────── */
    .btn-aggiorna-trk {
      width: 100%; padding: 11px;
      border: none; border-radius: 8px;
      background: #2d7fc1; color: #fff;
      font-size: 14px; font-weight: 500;
      cursor: pointer; transition: opacity 0.15s;
      display: flex; align-items: center; justify-content: center; gap: 8px;
    }
    .btn-aggiorna-trk:hover { opacity: 0.88; }
    .btn-aggiorna-trk svg { width: 15px; height: 15px; }

 /* ─── COMBO MARCHI ───────────────*/
 .combo-wrapper { font-size: 14px; font-family: system-ui, sans-serif; border: 1px solid #d0d0d0; border-radius: 8px; background: #fff; overflow: hidden; transition: border-color 0.15s; } 
 .combo-wrapper.open { border-color: #555; } 
 .combo-trigger { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 12px; cursor: pointer; user-select: none; min-height: 20px; } 
 .combo-trigger:hover { background: #fafafa; } 
 .combo-tags { display: flex; flex-wrap: wrap; gap: 5px; flex: 1; overflow: hidden; } 
 .combo-placeholder { color: #aaa; } 
 .combo-tag { display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px; background: #e8f0fe; color: #1a56db; border-radius: 20px; font-size: 12px; font-weight: 500; white-space: nowrap; } 
 .combo-tag-remove { cursor: pointer; font-size: 15px; line-height: 1; opacity: 0.6; } 
 .combo-tag-remove:hover { opacity: 1; } 
 .combo-arrow { flex-shrink: 0; font-size: 10px; color: #888; transition: transform 0.2s; } 
 .combo-arrow.open { transform: rotate(180deg); } 
 .combo-dropdown { display: none; border-top: 1px solid #eee; } 
 .combo-dropdown.open { display: block; } 
 .combo-search { padding: 8px 10px; border-bottom: 1px solid #eee; max-height: 20px;} 
 .combo-search input { width: 100%; border: none; outline: none; font-size: 13px; color: #1a1a1a; background: transparent; } 
 .combo-search input::placeholder { color: #bbb; } 
 .combo-list { max-height: 50vh; overflow-y: auto; }
 .combo-item { display: flex; align-items: center; gap: 10px; padding: 9px 12px; cursor: pointer; transition: background 0.1s; } 
 .combo-item:hover { background: #f5f5f5; } 
 .combo-item.selected { background: #f0f4ff; } 
 .combo-item input[type=checkbox] { width: 15px; height: 15px; cursor: pointer; accent-color: #1a56db; flex-shrink: 0; } 
 .combo-item label { cursor: pointer; flex: 1; font-size: 14px; color: #1a1a1a; } 
 .combo-item label.combo-label-disabled, .level2lbl.combo-label-disabled, 
 .checkMrklbl.combo-label-disabled, .chkDivisionelbl.combo-label-disabled {
  color: #9ca3af;
  cursor: not-allowed;
}
 .combo-no-results { color: #aaa; font-size: 13px; text-align: center; padding: 12px; } 
 .combo-footer { display: flex; gap: 4px; padding: 6px 10px; border-top: 1px solid #eee; } 
 .combo-footer button { flex: 1; background: none; border: none; cursor: pointer; padding: 4px 8px; font-size: 12px; color: #1a56db; border-radius: 6px; transition: background 0.1s; } 
 .combo-footer button:hover { background: #e8f0fe; }
 
 /* ─── SIDEBAR ORDINE─────────────────────────── */
 .tabs {
      display: flex;
      flex-shrink: 0;
      border-bottom: 0.5px solid rgba(0,0,0,0.08);
    }

    .tab {
      flex: 1; padding: 12px 8px;
      display: flex; align-items: center; justify-content: center; gap: 6px;
      font-size: 13px; font-weight: 500; color: #9ca3af;
      cursor: pointer; border-bottom: 2px solid transparent;
      transition: color 0.15s, border-color 0.15s;
      user-select: none;
    }
    .tab svg { width: 15px; height: 15px; }
    .tab.active { color: #2d7fc1; border-bottom-color: #2d7fc1; }
    .tab .tab__badge {
      background: #f3f4f6; color: #6b7280;
      font-size: 11px; font-weight: 500;
      border-radius: 10px; padding: 1px 6px;
    }
    .tab.active .tab__badge { background: #e8f2fb; color: #2d7fc1; }

    /* ─── PANNELLO ─────────────────────────── */
    .tab-panel { display: none; flex-direction: column; flex: 1; overflow: hidden; }
    .tab-panel.active { display: flex; }

    /* ─── VALORE ORDINE ────────────────────── */
    .order-value {
      padding: 12px 16px;
      border-bottom: 0.5px solid rgba(0,0,0,0.06);
      font-size: 13px; color: #6b7280;
      flex-shrink: 0;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .order-value strong { color: #111827; font-weight: 500; font-size: x-large;}
    /* ─── LISTA ARTICOLI ───────────────────── */
    .art-list { flex: 1; overflow-y: auto; padding: 8px 0; }

    /* scrollbar */
    .art-list::-webkit-scrollbar { width: 4px; }
    .art-list::-webkit-scrollbar-track { background: #f3f4f6; }
    .art-list::-webkit-scrollbar-thumb { background: #d1d5db; border-radius: 4px; }
    .art-list::-webkit-scrollbar-thumb:hover { background: #2d7fc1; }

    .art-item {
      padding: 10px 16px;
      border-bottom: 0.5px solid rgba(0,0,0,0.06);
    }
    .art-item:last-child { border-bottom: none; }

    .art-item__img {
      width: 100%; height: 100px;
      background: #f9fafb; border-radius: 8px;
      display: flex; align-items: center; justify-content: center;
      margin-bottom: 8px; overflow: hidden;
      border: 0.5px solid rgba(0,0,0,0.06);
    }
    .art-item__img img { max-height: 90px; max-width: 100%; object-fit: contain; display: block; margin: auto; }

    .art-item__desc { font-size: 12px; color: #374151; line-height: 1.4; margin-bottom: 4px; }
    .art-item__cod  { font-size: 11px; color: #2d7fc1; font-weight: 500; margin-bottom: 8px; }

    /* ─── ROW QTA + AZIONI ─────────────────── */
    .art-item__row {
      display: flex; align-items: center; gap: 6px;
    }
    .art-item__um { font-size: 11px; color: #9ca3af; margin-right: 2px; }
    .btn-qta {
      width: 24px; height: 24px;
      border-radius: 6px; border: 0.5px solid rgba(0,0,0,0.15);
      background: #fff; color: #374151;
      font-size: 14px; font-weight: 500;
      cursor: pointer; display: flex; align-items: center; justify-content: center;
      transition: background 0.15s, border-color 0.15s; flex-shrink: 0;
    }
    .btn-qta:hover { background: #f3f4f6; border-color: #2d7fc1; color: #2d7fc1; }
    .qta-value { font-size: 13px; font-weight: 500; color: #111827; min-width: 20px; text-align: center; }

    /* icone azioni */
    .art-item__actions { display: flex; gap: 4px; margin-left: auto; }
    .btn-art {
      width: 36px; height: 36px;
      border-radius: 6px; border: 0.5px solid rgba(0,0,0,0.12);
      background: #fff; cursor: pointer;
      display: flex; align-items: center; justify-content: center;
      transition: background 0.15s, border-color 0.15s;
    }
    .btn-art svg { width: 18px; height: 18px; }
    .btn-art:hover { background: #f3f4f6; }
    .btn-art--delete:hover { background: #fee2e2; border-color: rgba(220,38,38,0.3); }
    .btn-art--delete:hover svg { stroke: #dc2626; }
    .btn-art--fav:hover { background: #fef3c7; border-color: rgba(217,119,6,0.3); }
    .btn-art--fav:hover svg { stroke: #d97706; }
    .btn-art--vol:hover { background: #e8f2fb; border-color: rgba(45,127,193,0.3); }
    .btn-art--vol:hover svg { stroke: #2d7fc1; }
    /* ─── BOTTONE CONFERMA ─────────────────── */
    .btn-conferma {
      margin: 12px 16px 0;
      padding: 12px;
      border: none; border-radius: 8px;
      background: #2d7fc1; color: #fff;
      font-size: 14px; font-weight: 500;
      cursor: pointer; transition: opacity 0.15s;
      flex-shrink: 0;
    }
    .btn-conferma:hover { opacity: 0.88; }

    /* ─── VUOTO ────────────────────────────── */
    .empty-state {
      flex: 1; display: flex; flex-direction: column;
      align-items: center; justify-content: center;
      gap: 8px; padding: 24px;
    }
    .empty-state svg { width: 36px; height: 36px; stroke: #d1d5db; }
    .empty-state p { font-size: 13px; color: #9ca3af; text-align: center; }

 
 /* ─── SIDEBAR ─────────────────────────── */
    .sidebar {
      background: #fff;
      border-radius: 12px;
      border: 0.5px solid rgba(0,0,0,0.12);
      //width: 220px;
      padding: 0;
      overflow: hidden;
    }

    /* Body */
    .sidebar__body { padding: 16px; }

    /* Inserimento veloce */
    .sidebar__section { margin-bottom: 16px; border: 1px solid #ccc; border-radius: 8px; padding: 5px; background-color: #fff;}
    .sidebar__section-label {
      font-size: 11px; 
      font-weight: 500; /*color: #9ca3af;*/
      text-transform: uppercase; 
      letter-spacing: 0.05em;
      margin-bottom: 8px;
      padding: 5px;
    }
/*
    .inputart-group { display: flex; align-items: center;border: 0.5px solid rgba(0,0,0,0.2); border-radius: 8px; overflow: hidden; transition: border 0.15s; }

    .inputart-group input {
      border: 0.5px solid rgba(0,0,0,0.2);
      border-radius: 8px;
      padding: 8px 10px;
      font-size: 13px;
      color: #111827;
      outline: none;
      transition: border 0.15s;
      width: 100%;
    }
    .inputart-group input:focus {
      border-color: #2d7fc1;
      box-shadow: 0 0 0 3px rgba(45,127,193,0.12);
    }
    .inputart-group #btn-cerca:hover { color: #2d7fc1; }
    */
.search-input-wrap {
  display: flex; align-items: center;
  border: 0.5px solid rgba(0,0,0,0.2); border-radius: 8px;
  overflow: hidden; transition: border 0.15s;
}
.search-input-wrap:focus-within { border-color: #2d7fc1; box-shadow: 0 0 0 3px rgba(45,127,193,0.12); }
.search-input-wrap input { flex: 1; padding: 8px 12px; border: none; outline: none; font-size: 14px; }
.search-input-wrap .btn-cerca {
  padding: 0 12px; height: 100%; border: none;
  background: none; cursor: pointer; color: #9ca3af;
  transition: color 0.15s;
}
.search-input-wrap .btn-cerca:hover { color: #2d7fc1; }    

    #input-codart { flex: 2; }
    #input-qtaart { flex: 1; }

    #input-ricerca-cliente-sconti::placeholder {
      color: #f37868;
      font-weight: bold;
    }

 /* Info carrello */
    .cart-info {
      background: #f3f4f6;
      border-radius: 8px;
      padding: 12px 14px;
      margin-bottom: 16px;
      border: 1px solid #ccc
    }
    .cart-info__row {
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 13px;
      color: #6b7280;
      margin-bottom: 6px;
    }
    .cart-info__row:last-child { margin-bottom: 0; }
    .cart-info__row span:last-child { font-weight: 500; color: #111827; }

    .cart-info__total {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-top: 8px;
      border-top: 0.5px solid rgba(0,0,0,0.08);
      margin-top: 6px;
    }
    .cart-info__total-label { font-size: 12px; color: #6b7280; }
    .cart-info__total-value { font-size: 25px; font-weight: 500; color: #2d7fc1; }

    /* Bottoni azione */
    .sidebar__actions { display: flex; flex-direction: column; gap: 8px; }
    .sidebar__container {padding: 15 15;}

    .btn-action {
      width: 100%;
      padding: 12px;
      border-radius: 8px;
      font-size: 14px;
      font-weight: 500;
      cursor: pointer;
      border: none;
      transition: opacity 0.15s;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
    }
    .btn-action:hover { opacity: 0.88; }
    .btn-action svg { width: 16px; height: 16px; }

    .btn-action--primary  { background: #2d7fc1; color: #fff; }
    .btn-action--secondary { background: #f3f4f6; color: #374151; border: 0.5px solid rgba(0,0,0,0.12); }
    .btn-action--info     { background: #e8f2fb; color: #2d7fc1; border: 0.5px solid rgba(45,127,193,0.3); }    
    .btn-volantini--primary { background: #2d7fc1; color: #fff; }

    .btn-volantini--secondary {
      background: #f3f4f6; color: #9ca3af;
      border: 0.5px solid rgba(0,0,0,0.1);
      cursor: not-allowed;
    }
    .btn-volantini--secondary.active {
      background: #2d7fc1; color: #fff;
      cursor: pointer;
      border: none;
    }
    .btn-volantini--secondary:not(.active) { cursor: not-allowed; }
    .addvolantino-articolo-box {
      background: #f3f4f6; border-radius: 8px;
      padding: 10px 14px; font-size: 13px;
      color: #111827; font-weight: 500; line-height: 1.4;
    }
    .addvolantino-field-row { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 14px}
    .addvolantino-field-label { font-size: 13px; color: #6b7280; min-width: 90px; padding-top: 8px; flex-shrink: 0; text-align: right; }
    .addvolantino-field-content { flex: 1; }
     /* Prezzi affiancati */
    .addvolantino-prezzi-row { display: flex; gap: 16px; margin-bottom: 14px}
    .addvolantino-prezzi-row .field-group { flex: 1; }
    .addvolantino-prezzi-row .field-group label { font-size: 11px; color: #9ca3af; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 4px; display: block; }
     #ricaricoVolantino, #prezzoArtVolantino {
      width: 100%; padding: 8px 12px;
      border: 0.5px solid rgba(0,0,0,0.2); border-radius: 8px;
      font-size: 14px; color: #111827; background: #fff;
      outline: none; transition: border 0.15s;
    }
    #ricaricoVolantino:focus, #prezzoArtVolantino:focus {
      border-color: #2d7fc1;
      box-shadow: 0 0 0 3px rgba(45,127,193,0.12);
    }
    .check-header { display: flex; align-items: center; justify-content: space-between; padding-bottom: 10px; border-bottom: 0.5px solid rgba(0,0,0,0.08); }
    .check-header__actions { display: flex; gap: 8px; }
    .check-header__action { font-size: 11px; color: #2d7fc1; cursor: pointer; background: none; border: none; padding: 0; transition: opacity 0.15s; }
    .check-header__action:hover { opacity: 0.7; }
    .check-group { display: flex; flex-direction: column; gap: 2px; }
    .addvolantino-prezzo-box {
      background: #e8f2fb; border-radius: 8px;
      padding: 10px 14px;
      display: flex; align-items: baseline; gap: 6px;
    }
    /* Prezzo */
    .addvolantino-prezzo-box__label { font-size: 12px; color: #6b7280; }
    .addvolantino-prezzo-box__value { font-size: 18px; font-weight: 500; color: #2d7fc1; }
    /* Select + bottone */
    .volantino-row { display: flex; gap: 8px; align-items: center; }
    .volantino-row select { flex: 1; }
    .volantini-toggle-item {
      display: flex; align-items: center; justify-content: space-between;
      padding: 8px 10px; border-radius: 6px; transition: background 0.15s;
    }
    .volantini-toggle-item:hover:not(.disabilitato) { background: #f3f4f6; cursor: pointer}
    .volantini-toggle-item__label { font-size: 13px; color: #374151; }
    

/* Articolo */
    .insnotaarticolo-box {
      background: #f3f4f6; border-radius: 8px;
      padding: 10px 14px;
    }
    .insnotaarticolo-box__label { font-size: 11px; font-weight: 500; color: #9ca3af; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 4px; display: block; }
    .insnotaarticolo-box__value { font-size: 13px; font-weight: 500; color: #111827; line-height: 1.4; }
    /* Nota */
    .field-group-insnota label { font-size: 11px; font-weight: 500; color: #9ca3af; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 6px; display: block; }

/* ─── RADIO GROUP ──────────────────────── */
    .radio-group-optpromo { display: flex; flex-direction: column; gap: 8px; }

    .radio-group-optpromo label {
      display: flex; align-items: center; gap: 8px;
      font-size: 14px; color: #374151; cursor: pointer;
    }

    .radio-group-optpromo input[type="radio"] { accent-color: #2d7fc1; }

    /* ─── PROMO VISTE ──────────────────────── */
    .promo-scroll {
      display: flex;
      flex-wrap: wrap;
      gap: 4px;
      max-height: 500px;
      overflow-y: auto;
      padding-right: 4px;
    }
        .promo-thumb {
      flex-shrink: 0;
      width: 120px;
      border-radius: 8px;
      border: 0.5px solid rgba(0,0,0,0.1);
      overflow: hidden;
      cursor: pointer;
      scroll-snap-align: start;
      transition: border-color 0.15s, box-shadow 0.15s;
    }

    .promo-thumb:hover {
      border-color: #2d7fc1;
      box-shadow: 0 0 0 2px rgba(45,127,193,0.15);
    }

    .promo-thumb img {
      width: 100%;
      display: block;
      object-fit: cover;
    }

    .promo-thumb__label {
      padding: 6px 8px;
      font-size: 11px;
      color: #6b7280;
      background: #f9fafb;
      border-top: 0.5px solid rgba(0,0,0,0.06);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .resetRicercaArtPromo, .resetRicercaArtConsumi, .resetRicercaDocumenti{
      width: calc(100% - 32px);
    }

    /* placeholder se immagine non disponibile */
    .promo-thumb__placeholder {
      width: 100%;
      height: 80px;
      background: #f3f4f6;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .promo-thumb__placeholder svg { width: 24px; height: 24px; stroke: #d1d5db; }

    /* scrollbar sottile */
    .promo-scroll::-webkit-scrollbar { width: 4px; }
    .promo-scroll::-webkit-scrollbar-track { background: #f3f4f6; border-radius: 4px; }
    .promo-scroll::-webkit-scrollbar-thumb { background: #d1d5db; border-radius: 4px; }
    .promo-scroll::-webkit-scrollbar-thumb:hover { background: #2d7fc1; }


    /* Tabelle dati finali */
.ordiniInCorso {
  align-items:center; 
  gap:8px; 
  flex:0,2;
}
.data-table-datifinali {
  width: 100%;
}
.data-table-datifinali thead th {
  background: #f3f4f6;
  color: #6b7280;
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  padding: 8px 12px;
  text-align: left;
  border-bottom: 0.5px solid rgba(0, 0, 0, 0.08);
}

.data-table-datifinali tbody td {
  padding: 10px 12px;
  color: #111827;
  border-bottom: 0.5px solid rgba(0, 0, 0, 0.06);
  vertical-align: middle;
}

.data-table-datifinali tbody tr:last-child td { border-bottom: none; }

.data-table-datifinali input[type="checkbox"] {
  accent-color: #2d7fc1;
  width: 16px;
  height: 16px;
  cursor: pointer;
}

/* Colonne speciali */
.col-sel  { width: 40px; text-align: center !important; }
.col-cod  { width: 110px; color: #6b7280 !important; font-size: 12px !important; }
.col-qta  { width: 80px; text-align: right !important; }
.col-opt  { width: 60px; text-align: center !important; }

.col-cod-infopromo  { width: 90px; color: #6b7280 !important; font-size: 12px !important; }
.col-val-infopromo   { width: 110px; text-align: right !important; }
.col-qta-infopromo   { width: 90px; text-align: center !important; }
.col-stato-infopromo { width: 80px; text-align: center !important; }
.col-del-infopromo   { width: 60px; text-align: center !important; }
.qta-info { display: inline-flex; align-items: center; gap: 6px; }

.col-cod-cli  { width: 50px; color: #6b7280 !important; font-size: 12px !important; }
.col-nome-cli { }
.col-loc-cli  { width: 170px; color: #6b7280 !important; font-size: 12px !important; }
.col-prov-cli { width: 30px; text-align: center !important; color: #6b7280 !important; font-size: 12px !important; }
.col-ico-cli  { width: 20px; text-align: center !important; }

/* Ricerche clienti */
.searchcli-bar { padding: 16px 24px; border-bottom: 0.5px solid rgba(0,0,0,0.08); flex-shrink: 0; background: #fff; }

.searchcli-input-wrap {
      display: flex; align-items: center; gap: 10px;
      border: 0.5px solid rgba(0,0,0,0.2); border-radius: 8px;
      padding: 8px 12px; background: #fff; margin-bottom: 10px;
      transition: border 0.15s;
      height: 16px;
}
.searchcli-input-wrap:focus-within {
      border-color: #2d7fc1;
      box-shadow: 0 0 0 3px rgba(45,127,193,0.12);
}
.searchcli-input-wrap svg { width: 16px; height: 16px; flex-shrink: 0; color: #9ca3af; }
.searchcli-input-wrap input {
      border: none; outline: none; font-size: 14px;
      color: #111827; flex: 1; background: transparent;
}
.searchcli-input-wrap input::placeholder { color: #9ca3af; }
.searchcli-radio { display: flex; gap: 16px; }
.searchcli-radio label { display: flex; align-items: center; gap: 6px; font-size: 13px; color: #6b7280; cursor: pointer; }
.searchcli-radio input[type="radio"] { accent-color: #2d7fc1; }

/* Tabella clienti */
.cli-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.cli-table thead th {
      background: #f3f4f6; color: #6b7280; font-size: 11px; font-weight: 500;
      text-transform: uppercase; letter-spacing: 0.04em;
      padding: 8px 12px; text-align: left;
      border-bottom: 0.5px solid rgba(0,0,0,0.08);
      position: sticky; top: 0; z-index: 1;
}
.cli-table tbody td { padding: 10px 5px; color: #111827; border-bottom: 0.5px solid rgba(0,0,0,0.06); vertical-align: middle; }
.cli-table tbody tr { cursor: pointer; transition: background 0.15s; }
.cli-table tbody tr:hover { background: #e8f2fb; }
.cli-table tbody tr:last-child td { border-bottom: none; }
.cli-table tbody tr.bloccato { opacity: 0.6; }

/* ─── RECUPERO CREDENZIALI─────────────────── */
.radio-group-recovery { display: flex; flex-direction: column; gap: 8px; }
.radio-option-recovery { display: flex; align-items: center; gap: 10px; cursor: pointer; font-size: 14px; color: #111827; padding: 9px 12px; border: 0.5px solid rgba(0,0,0,0.12); border-radius: 8px; transition: border-color 0.15s, background 0.15s; }
.radio-option-recovery:hover { border-color: #2d7fc1; background: #f0f7fd; }
.radio-option-recovery input[type="radio"] { accent-color: #2d7fc1; width: 15px; height: 15px; cursor: pointer; flex-shrink: 0; }
.field-group-recovery { display: flex; flex-direction: column; gap: 5px; }
.field-group-recovery label.field-label-recovery { font-size: 11px; font-weight: 500; color: #9ca3af; text-transform: uppercase; letter-spacing: 0.05em; }

/* ─── CAMBIO PASSWORD─────────────────── */
.chgpwd-field-group { display: flex; flex-direction: column; gap: 5px; }
.chgpwd-field-group label { font-size: 11px; font-weight: 500; color: #9ca3af; text-transform: uppercase; letter-spacing: 0.05em; }

.chgpwd-input-wrap {
      display: flex; align-items: center;
      border: 0.5px solid rgba(0,0,0,0.2); border-radius: 8px;
      overflow: hidden; transition: border 0.15s;  
}
.chgpwd-input-wrap:focus-within { border-color: #2d7fc1; box-shadow: 0 0 0 3px rgba(45,127,193,0.12); }
.chgpwd-input-wrap svg { width: 15px; height: 15px; stroke: #9ca3af; margin-left: 12px; flex-shrink: 0; }
.chgpwd-input-wrap input {
      flex: 1; padding: 9px 12px;
      border: none; outline: none;
      font-size: 14px; color: #111827; background: transparent; text-transform: lowercase;
}
.chgpwd-input-wrap input::placeholder { color: #9ca3af; }
.chgpwd-input-wrap.input-error {
  border-color: #dc2626 !important;
  box-shadow: 0 0 0 3px rgba(220,38,38,0.12) !important;
}
.btn-toggle-pwd {
      padding: 0 12px; background: none; border: none;
      cursor: pointer; color: #9ca3af; transition: color 0.15s;
      display: flex; align-items: center;
}
.btn-toggle-pwd:hover { color: #2d7fc1; }
.btn-toggle-pwd svg { width: 16px; height: 16px; }
.alert-info {
      display: flex; gap: 10px; align-items: flex-start;
      background: #fef3c7; border-left: 3px solid #d97706;
      border-radius: 0 8px 8px 0; padding: 10px 14px;
      font-size: 13px; color: #6b7280; line-height: 1.5;
    }
.alert-info svg { width: 15px; height: 15px; stroke: #d97706; flex-shrink: 0; margin-top: 1px; }

    /* Forza password */
.pwd-strength { display: flex; flex-direction: column; gap: 4px; }
.pwd-strength__bar { display: flex; gap: 4px; }
.pwd-strength__seg { flex: 1; height: 4px; border-radius: 2px; background: #e5e7eb; transition: background 0.3s; }
.pwd-strength__label { font-size: 11px; color: #9ca3af; }

/* ─── BOTTONE AGGIUNGI IN CATALOGO─────────────────── */
.btn-add-cart {
    width: 100%; padding: 12px;
    border-radius: 8px; border: none;
    font-size: 14px; font-weight: 500;
    cursor: pointer; transition: opacity 0.15s, background 0.15s;
    background: #d1d5db; color: #9ca3af;
    display: flex; align-items: center; justify-content: center; gap: 8px;
}
.btn-add-cart svg { width: 16px; height: 16px; }
.btn-add-cart.active { background: #2d7fc1; color: #fff; cursor: pointer; }
.btn-add-cart.active:hover { opacity: 0.88; }
.btn-add-cart:not(.active) { cursor: not-allowed; }
    /* Bottone cestino */
.btn-delete {
      background: none; border: none; cursor: pointer; padding: 4px;
      color: #9ca3af; border-radius: 6px; transition: color 0.15s, background 0.15s;
      display: inline-flex; align-items: center; justify-content: center;    
}
.btn-delete:hover { color: #dc2626; background: #fee2e2; }
.btn-delete svg { width: 15px; height: 15px; }

/* Badge */
.badge-out { display: inline-block; background: #fee2e2; color: #dc2626; font-size: 11px; font-weight: 500; padding: 2px 8px; border-radius: 6px;}
.price-badge { display: inline-block; background: #e8f2fb; color: #2d7fc1; font-weight: 500; border-radius: 6px; padding: 2px 8px;}
.badge-warning { display: inline-block; background: #fef3c7; color: #d97706; font-size: 11px; font-weight: 500; padding: 2px 8px; border-radius: 6px; }
.badge-danger  { display: inline-block; background: #fee2e2; color: #dc2626; font-size: 11px; font-weight: 500; padding: 2px 8px; border-radius: 6px; }
.badge-ok  { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%; background: #dcfce7; }
.badge-ok svg  { width: 14px; height: 14px; stroke: #16a34a; }
.badge-ko  { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%; background: #fee2e2; }
.badge-ko svg  { width: 14px; height: 14px; stroke: #dc2626; }

/* Rimuovi articolo */
.confirm-box { display: flex; gap: 14px; align-items: flex-start; margin-bottom: 24px; }

.confirm-icon {
      flex-shrink: 0; width: 36px; height: 36px; border-radius: 50%;
      background: #fee2e2; display: flex; align-items: center; justify-content: center;
}
.confirm-icon svg { width: 18px; height: 18px; stroke: #dc2626; }

.confirm-text { flex: 1; }
.confirm-title { font-size: 14px; font-weight: 500; color: #111827; margin-bottom: 8px; }

.confirm-article {
      background: #f3f4f6; border-radius: 8px; padding: 10px 14px;
      font-size: 13px; color: #111827;
}
.confirm-article .art-cod { font-weight: 500; color: #2d7fc1; font-size: 13px; margin-bottom: 2px; }
.confirm-article .art-desc { color: #374151; font-size: 13px; }

/* Field group */
.field-group { margin-bottom: 20px; }
.field-group__labelrow { display: flex; align-items: center; gap: 6px; margin-bottom: 10px; }
.field-group__label { font-size: 12px; font-weight: 500; color: #6b7280; text-transform: uppercase; letter-spacing: 0.05em; }

    /* Segment */
.segment { display: flex; gap: 8px; }
.segment__option {
      flex: 1; display: flex; align-items: center; justify-content: center; gap: 8px;
      padding: 10px 12px; border: 0.5px solid rgba(0,0,0,0.15); border-radius: 8px;
      cursor: pointer; font-size: 14px; color: #6b7280;
      transition: border 0.15s, color 0.15s, background 0.15s;
}
.segment__option input[type="radio"] { accent-color: #2d7fc1; }
.segment__option--selected { border: 2px solid #2d7fc1; font-weight: 500; color: #2d7fc1; background: #e8f2fb; }

/* Toggle row */
.toggle-row { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; background: #f3f4f6; border-radius: 8px; margin-bottom: 20px; }
.toggle-row__text { flex: 1; margin-right: 12px; }
.toggle-row__titlerow { display: flex; align-items: center; gap: 6px; }
.toggle-row__title { font-size: 14px; font-weight: 500; color: #111827; }
.toggle-row__subtitle { font-size: 12px; color: #6b7280; margin-top: 4px; }
.toggle-row__label { font-size: 13px; color: #374151; flex: 1; margin-right: 12px; }

    /* Switch */
.switch { position: relative; display: inline-block; width: 40px; height: 22px; flex-shrink: 0; }
.switch input { opacity: 0; width: 0; height: 0; }
.switch__track { position: absolute; cursor: pointer; inset: 0; background: #cbd5e1; border-radius: 34px; transition: background 0.3s; }
.switch__thumb { position: absolute; height: 16px; width: 16px; left: 3px; bottom: 3px; background: #fff; border-radius: 50%; transition: transform 0.3s; display: block; }
.switch input:checked + .switch__track { background: #2d7fc1; }
.switch input:checked + .switch__track .switch__thumb { transform: translateX(18px); }

    /* Info note */
.info-note { background: #f3f4f6; border-left: 3px solid #2d7fc1; border-radius: 0 8px 8px 0; padding: 10px 14px; margin-bottom: 20px; font-size: 13px; color: #6b7280; line-height: 1.5; }
.info-note strong { color: #111827; }

    /* Footer */
.modal__footer { display: flex; justify-content: flex-end; gap: 8px; padding-bottom: 4px; }
.modal__footer-error { display: flex; justify-content: flex-end; }
.modal__footer-sconti { display: flex; justify-content: center; }
.modal__footer-info { display: flex; justify-content: flex-end; padding-top: 16px;}
.modal__footer-datifinali { display: flex; justify-content: flex-end; gap: 8px; padding-top: 16px; padding: 16px 24px;border-top: 0.5px solid rgba(0, 0, 0, 0.08);background: #ffffff;}
.modal__footer-benefitpromo {display: flex; flex-direction: row;      /* bottoni in riga */ justify-content: flex-end; /* allineati a destra */ gap: 8px; padding: 16px 24px; border-top: 0.5px solid rgba(0,0,0,0.08); flex-shrink: 0;           /* non si comprime */}
.modal__footer-infopromo { display: flex; justify-content: flex-end; gap: 8px; padding: 16px 24px; border-top: 0.5px solid rgba(0,0,0,0.08); background: #fff; flex-shrink: 0; border-radius: 0 0 12px 12px; }
.modal__footer-volantini { display: flex; justify-content: flex-end; gap: 8px; padding: 16px 24px; }
.btn { padding: 9px 28px; border-radius: 8px; font-size: 14px; cursor: pointer; transition: opacity 0.15s; }
.btn:hover { opacity: 0.85; }
.btn--secondary { border: 0.5px solid rgba(0,0,0,0.2); background: #fff; color: #6b7280; }
.btn--primary { border: none; background: #2d7fc1; color: #fff; font-weight: 500; }
.btn--primary-grey { border: none; background: #cdcdce; color: #fff; font-weight: 500; }
.btn--danger { border: none; background: #dc2626; color: #fff; font-weight: 500; }
    /* ===== ICONA INFO + TOOLTIP ===== */
.info-icon-promoerrate {
      position: relative;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 16px; 
      height: 16px;
      border-radius: 50%;
      background: #d1d5db;
      color: #6b7280;
      font-size: 10px;
      font-weight: 700;
      font-style: normal;
      cursor: default;
      flex-shrink: 0;
      user-select: none;
      transition: background 0.15s;
      
}
.info-icon-promoerrate:hover { background: #2d7fc1; color: #fff; }

.info-icon-promoerrate .tooltip {
      visibility: hidden;
      opacity: 0;
      pointer-events: none;
      position: absolute;
      bottom: calc(100% + 8px);
      left: auto;
      right: 0;
      transform: none;
      background: #1f2937;
      color: #f9fafb;
      font-size: 12px;
      font-weight: 400;
      line-height: 1.5;
      padding: 8px 12px;
      border-radius: 8px;
      text-align: left;
      transition: opacity 0.15s;
      z-index: 100;
      max-height: 200px;
      overflow-y: auto;
      width: 360px; /* un po' più largo per leggere meglio */
      display: none !important;
}
    /* freccetta */
.info-icon-promoerrate .tooltip::after {
      content: '';
      position: absolute;
      top: 100%;
      left: 50%;
      transform: translateX(-50%);
      border: 6px solid transparent;
      border-top-color: #1f2937;
      left: auto;
      right: 8px;
      transform: none;
}
.info-icon-promoerrate:hover .tooltip {
      visibility: visible;
      opacity: 1;
}
.info-icon-promoerrate .tooltip--bottom {
  bottom: auto;
  top: calc(100% + 8px);
}

.info-icon-promoerrate .tooltip--bottom::after {
  top: auto;
  bottom: 100%;
  border-top-color: transparent;
  border-bottom-color: #1f2937;
}

.info-icon-listpromo {
    position: relative; display: inline-flex; align-items: center; justify-content: center;
    width: 16px; height: 16px; border-radius: 50%; background: #d1d5db;
    color: #6b7280; font-size: 10px; font-weight: 700; cursor: default;
    user-select: none; transition: background 0.15s; flex-shrink: 0;width: 16px !important;
    height: 16px !important;
    min-width: 16px;
}
.info-icon-listpromo:hover { background: #2d7fc1; color: #fff; }
.info-icon-listpromo .tooltip {
      visibility: hidden; opacity: 0; pointer-events: none;
      position: absolute; bottom: calc(100% + 8px);
      left: 50%; transform: translateX(-50%);
      background: #1f2937; color: #f9fafb;
      font-size: 12px; font-weight: 400; line-height: 1.5;
      padding: 8px 12px; border-radius: 8px; width: 220px;
      text-align: left; transition: opacity 0.15s; z-index: 100001;
      display: none !important;
}
.info-icon-listpromo .tooltip::after {
      content: ''; position: absolute; top: 100%; left: 50%; transform: translateX(-50%);
      border: 6px solid transparent; border-top-color: #1f2937;
}
.info-icon-listpromo:hover .tooltip { visibility: visible; opacity: 1; }

    /* Icone stato cliente*/
    .iconcli-web {
      display: inline-flex; align-items: center; justify-content: center;
      width: 24px; height: 24px; border-radius: 50%;
      background: #e8f2fb;
    }
    .iconcli-web svg { width: 14px; height: 14px; stroke: #2d7fc1; }

    .iconcli-bloccato {
      display: inline-flex; align-items: center; justify-content: center;
      width: 24px; height: 24px; border-radius: 50%;
      background: #fee2e2;
    }
    .iconcli-bloccato svg { width: 14px; height: 14px; stroke: #dc2626; }

/* ─── FORM (dati spedizione) ───────────────── */
.flatpickr-calendar {
  z-index: 999999 !important;
}
.flatpickr-wrapper#wrap-data-spedizione {
  display: flex;
  align-items: center;
  border: 0.5px solid rgba(0,0,0,0.2);
  border-radius: 8px;
  overflow: hidden;
}

.flatpickr-wrapper#wrap-data-spedizione .flatpickr-input {
  flex: 1;
  border: none;
  outline: none;
  padding: 8px 12px;
  font-size: 14px;
  color: #111827;
  background: transparent;
}

.flatpickr-wrapper#wrap-data-spedizione span[data-toggle] {
  border-left: 0.5px solid rgba(0,0,0,0.1);
 /* background: #f9fafb;*/
  display: flex;
  align-items: center;
  height: 100%;
}
.field-row {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 18px;
}

.field-label {
  font-size: 13px;
  color: #6b7280;
  min-width: 110px;
  padding-top: 2px;
  flex-shrink: 0;
}

.field-content { flex: 1; }

.radio-group { display: flex; flex-direction: column; gap: 6px; }

.radio-group label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #111827;
  cursor: pointer;
}

.radio-group input[type="radio"] { accent-color: #2d7fc1; }

.date-ref-row {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 18px;
}

.date-ref-row .field-label { min-width: 90px; }

.ref-group {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
}

.ref-group .field-label { min-width: auto; }
.ref-group input[type="text"] { width: 120px; }

.divider {
  border: none;
  border-top: 0.5px solid rgba(0, 0, 0, 0.08);
  margin: 4px 0 18px;
}

/* ─── INPUT / DATE ─────────────────────────── */
#data-spedizione, #rifOrdine {
  padding: 8px 12px;
  border: 0.5px solid rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  font-size: 14px;
  color: #111827;
  outline: none;
  background: #ffffff;
  transition: border 0.15s;
}

#data-spedizione:focus, #rifOrdine:focus {
  border-color: #2d7fc1;
  box-shadow: 0 0 0 3px rgba(45, 127, 193, 0.12);
}

#data-spedizione { width: 160px; }


/* ─── TEXTAREA ─────────────────────────────── */
.noteFinali {
  width: 100%;
  padding: 5px 6px;
  border: 0.5px solid rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  font-size: 14px;
  color: #111827;
  resize: vertical;
  min-height: 60px;
  outline: none;
  font-family: sans-serif;
  transition: border 0.15s;
}

.notefinali:focus {
  border-color: #2d7fc1;
  box-shadow: 0 0 0 3px rgba(45, 127, 193, 0.12);
}

/* ____ DISPONIBILTA'___________________________*/
.disponibilita-group { margin-bottom: 20px; }

/* ─── SELECT ───────────────────────────────── */
.field-select {
  width: 100%;
  padding: 8px 12px;
  border: 0.5px solid rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  font-size: 14px;
  color: #111827;
  background: #ffffff;
  outline: none;
  cursor: pointer;
  transition: border 0.15s;
}

.field-select:focus {
  border-color: #2d7fc1;
  box-shadow: 0 0 0 3px rgba(45, 127, 193, 0.12);
}


/* ─── RADIO GROUP ──────────────────────────── */
.radio-group { display: flex; flex-direction: column; gap: 6px; }

.radio-group label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #111827;
  cursor: pointer;
}

.radio-group input[type="radio"] { accent-color: #2d7fc1; }

.radio-group input[type="radio"]:disabled { opacity: 0.4; cursor: not-allowed; }
.radio-group label:has(input:disabled)    { opacity: 0.4; cursor: not-allowed; }


/* ─── ICONA INFO + TOOLTIP ─────────────────── */
.info-icon-datifinali {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #d1d5db;
  color: #6b7280;
  font-size: 10px;
  font-weight: 700;
  font-style: normal;
  cursor: default;
  flex-shrink: 0;
  user-select: none;
  transition: background 0.15s;
}

.info-icon-datifinali:hover { background: #2d7fc1; color: #ffffff; }

.info-icon-datifinali .tooltip {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  bottom: calc(100% + 8px);
  right: 0;
  background: #1f2937;
  color: #f9fafb;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  padding: 8px 12px;
  border-radius: 8px;
  width: 200px;
  text-align: left;
  transition: opacity 0.15s;
  z-index: 100;
}

.info-icon-datifinali .tooltip::after {
  content: '';
  position: absolute;
  top: 100%;
  right: 4px;
  border: 6px solid transparent;
  border-top-color: #1f2937;
}

.info-icon-datifinali:hover .tooltip { visibility: visible; opacity: 1; }    

/* ===== ICONA INFO + TOOLTIP PARAMETRI ===== */
    .info-icon-parameter {
      position: relative;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 16px; height: 16px;
      border-radius: 50%;
      background: #d1d5db;
      color: #6b7280;
      font-size: 10px;
      font-weight: 700;
      font-style: normal;
      cursor: default;
      flex-shrink: 0;
      user-select: none;
      transition: background 0.15s;
    }
    .info-icon-parameter:hover { background: #2d7fc1; color: #fff; }

    .info-icon-parameter .tooltip {
      visibility: hidden;
      opacity: 0;
      pointer-events: none;
      position: absolute;
      bottom: calc(100% + 8px);
      left: 50%;
      transform: translateX(-50%);
      background: #1f2937;
      color: #f9fafb;
      font-size: 12px;
      font-weight: 400;
      line-height: 1.5;
      padding: 8px 12px;
      border-radius: 8px;
      width: 220px;
      text-align: left;
      transition: opacity 0.15s;
      z-index: 100;
    }
    /* freccetta */
    .info-icon-parameter .tooltip::after {
      content: '';
      position: absolute;
      top: 100%;
      left: 50%;
      transform: translateX(-50%);
      border: 6px solid transparent;
      border-top-color: #1f2937;
    }
    .info-icon-parameter:hover .tooltip {
      visibility: visible;
      opacity: 1;
    }
    /* ─── STEPPER ──────────────────────────────── */
.stepper {
  display: flex;
  background: #f3f4f6;
  border-radius: 12px 12px 0 0;
  overflow: hidden;
}

.step {
  flex: 1;
  padding: 12px 8px 12px 20px;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  line-height: 1.3;
  clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 50%, calc(100% - 14px) 100%, 0 100%, 14px 50%);
}

.step:first-child {
  clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 50%, calc(100% - 14px) 100%, 0 100%);
  padding-left: 12px;
}

.step:last-child {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 14px 50%);
}

.step--done    { background: #2d7fc1; color: #ffffff; }
.step--active  { background: #1a5f96; color: #ffffff; }
.step--inactive{ background: #d1d5db; color: #9ca3af; } 

/* ─── ALERT ────────────────────────────────── */
.alert { display: flex; gap: 12px; align-items: flex-start; border-radius: 0 8px 8px 0; padding: 12px 16px; margin-bottom: 20px;}
.alert__icon { flex-shrink: 0; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.alert__icon svg { width: 16px; height: 16px; }
.alert__text  { flex: 1; }
.alert__title { font-size: 14px; font-weight: 500; color: #111827; margin-bottom: 4px; }
.alert__desc  { font-size: 13px; color: #6b7280; line-height: 1.5; }

/* Variante danger (rosso) */
.alert--danger {
  background: #fee2e2;
  border-left: 3px solid #dc2626;
}
.alert__icon--danger { background: #fecaca; }

/* ─── ALERT INFO (blu) ─────────────────────── */
.alert--info          { background: #e8f2fb; border-left: 3px solid #2d7fc1; }
.alert__icon--info    { background: #bfdbf7; }


/* Variante warning (arancione) */
.alert--warning {
  background: #fef3c7;
  border-left: 3px solid #d97706;
}
.alert__icon--warning { background: #fde68a; }

.alert-blue {
      display: flex; gap: 12px; align-items: flex-start;
      background: #e8f2fb; border-left: 3px solid #2d7fc1;
      border-radius: 0 8px 8px 0; padding: 12px 16px; margin-bottom: 20px;
    }
.alert__icon-blue { flex-shrink: 0; width: 32px; height: 32px; border-radius: 50%; background: #bfdbf7; display: flex; align-items: center; justify-content: center; }
.alert__icon-svg-blue { width: 16px; height: 16px; }
.alert__text-blue { flex: 1; }
.alert__title-blue { font-size: 14px; font-weight: 500; color: #111827; margin-bottom: 4px; }
.alert__desc-blue  { font-size: 13px; color: #6b7280; line-height: 1.5; }
/* BENEFIT PROMO */

.promo-group { margin-bottom: 16px; border: 0.5px solid rgba(0,0,0,0.1); border-radius: 8px; overflow: hidden; }

    /* Header promo */
    .promo-group__header {
      display: flex; align-items: center; gap: 10px;
      background: #2d7fc1; padding: 8px 12px;
    }
    .promo-group__code { font-size: 12px; font-weight: 500; color: #fff; }
    .promo-group__desc { font-size: 12px; color: rgba(255,255,255,0.8); }

    /* Tabella benefit */
    .benefit-table { width: 100%; border-collapse: collapse; font-size: 13px; }
    .benefit-table thead th {
      background: #f3f4f6; color: #6b7280; font-size: 11px; font-weight: 500;
      text-transform: uppercase; letter-spacing: 0.04em;
      padding: 8px 12px; text-align: left;
      border-bottom: 0.5px solid rgba(0,0,0,0.08);
    }
    .benefit-table thead th:last-child { text-align: right; }
    .benefit-table tbody td {
      padding: 10px 12px; color: #111827;
      border-bottom: 0.5px solid rgba(0,0,0,0.06);
      vertical-align: middle;
    }
    .benefit-table tbody tr:last-child td { border-bottom: none; }
    .benefit-table tbody td:last-child { text-align: right; }

    .col-sel { width: 40px; text-align: center !important; }
    .col-cod { width: 110px; color: #6b7280 !important; font-size: 12px !important; }
    .col-qta { width: 80px; }
    .col-qta { width: 80px; }

    .benefit-table input[type="checkbox"] { accent-color: #2d7fc1; width: 16px; height: 16px; cursor: pointer; }
    /* __ SVG LOCANDINA ______*/
    .svgLocandine {display:block; margin:auto;}

/*
AUTOCOMPLETE INIZIO
*/
/*the container must be positioned relative:*/
.autocomplete {
  position: relative;
  display: inline-block;
}

.autocompleteImg {
  height: 36px;
  width: auto;
  margin-right: 5px;
}

input {
  border: 1px solid #ccc;
  //background-color: #f1f1f1;
  padding: 8px;
  font-size: 15px;
  text-transform: uppercase;
}

/*input[type=text] {
  background-color: #f1f1f1;
  width: 100%;
}
*/


input[type=submit] {
  background-color: DodgerBlue;
  color: #fff;
  cursor: pointer;
}

.autocomplete-items {
  /*position: absolute;*/
  position: fixed;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 10000;
  /*position the autocomplete items to be the same width as the container:*/
  /*top: 100%;*/
  left: 0;
  right: 0;
  box-sizing: border-box;
}

.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff; 
  border-bottom: 1px solid #d4d4d4; 
  color: black;
}

/*when hovering an item:*/
.autocomplete-items div:hover {
  background-color: #e9e9e9; 
}

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
  background-color: DodgerBlue !important; 
  color: #ffffff; 
}
/*
AUTOCOMPLETE FINE
*/ 

/* regole comuni */
.spinner {
  transform: translateY(-50%);
}

#menuBarContainer {
    height: 32px
}

.stop-scrolling {
  height: 100%;
  overflow: hidden;
}

.height-100p {
    height: 100%;
}

.font90Perc {font-size: 90%;}
.font95Perc {font-size: 95%;}
.font150Perc {font-size: 150%;}
.font120Perc {font-size: 120%;}
.font220Perc {font-size: 220%;}


.font-12 {font-size: 12px;}
.font-13 {font-size: 13px;}
.font-14 {font-size: 14px;}
.font-15 {font-size: 15px;}
.font-16 {font-size: 16px;}
.font-20 {font-size: 20px;}
.font-30 {font-size: 30px;}
.font-36 {font-size: 36px;}
.font-60 {font-size: 60px;}

.fontBold { font-weight: bold;}

.optionInnerBox {
    overflow: auto;
    height: calc(100vh - 250px);
}

.padding-bottom-10 {padding-bottom: 10px;}
.padding-bottom-20 {padding-bottom: 20px;}

.padding-left-15 {padding-left: 15px;}

.zindex-900 { z-index: 900 !important;}
.zindex-9900 { z-index: 9900 !important;}
.zindex-50000 { z-index: 50000 !important;}
.zindex-51000 { z-index: 50000 !important;}
.zindex-500000 { z-index: 500000 !important;}

.input100Upper {
  width: 100%; 
  text-transform:uppercase;
}

.pos-center-center {
  display: flex;
  justify-content: center;
}

.disp-block-auto  {
  display: block;
  margin: auto;
}
.pos-center {
  display: flex;
  justify-content: space-between;
}

.pos-fixed {
  position: fixed;
}


.pos-center-right {
  display: flex;
  justify-content: flex-end;
}

.pos-cen-valign {
 align-items: center;
}

.pos-rel {
  position: relative;
}

.pos-abs {
  position: absolute;
}

.pos-fix {
  position: fixed;
}
.right-0 {right:0;}
.margin-right-5 { margin-right: 5px;}
.margin-right-10 { margin-right: 10px; }
.margin-right-15 { margin-right: 15px;}
.margin-right-20 { margin-right: 20px; }
.margin-right-30 { margin-right: 30px; }
.margin-right-40 { margin-right: 40px; }
.margin-right-50 { margin-right: 50px; }
.margin-right-60 { margin-right: 60px; }

.margin-left-3 {margin-left: 5px;}
.margin-left-4 {margin-left: 4px;}
.margin-left-5 { margin-left: 5px; }
.margin-left-10 { margin-left: 10px; }
.margin-left-15 { margin-left: 15px; }
.margin-left-20 { margin-left: 20px; }
.margin-left-30 { margin-left: 30px; }
.margin-left-40 { margin-left: 40px; }
.margin-left-50 { margin-left: 50px; }
.margin-left-85 { margin-left: 85px; }
.margin-left-auto { margin-left: auto; }

.margin-top-0 { margin-top: 0px; }
.margin-top-3 { margin-top: 3px; }
.margin-top-5 { margin-top: 5px;}
.margin-top-10 { margin-top: 10px; }
.margin-top-12 { margin-top: 12px; }
.margin-top-15 { margin-top: 15px; }
.margin-top-20 { margin-top: 20px; }
.margin-top-25 { margin-top: 25px; }
.margin-top-30 { margin-top: 30px; }
.margin-top-35 { margin-top: 35px; }
.margin-top-40 { margin-top: 40px; }
.margin-top-45 { margin-top: 45px; }
.margin-top-50 { margin-top: 50px; }
.margin-top-60 { margin-top: 60px; }
.margin-top-70 { margin-top: 70px; }
.margin-top-80 { margin-top: 80px; }
.margin-top-90 { margin-top: 90px; }
.margin-top-100 { margin-top: 100px; }
.margin-top-auto { margin-top: auto; }

.margin-bottom-2 { margin-bottom: 2px; }
.margin-bottom-5 { margin-bottom: 5px; }
.margin-bottom-8 { margin-bottom: 8px; }
.margin-bottom-10 { margin-bottom: 10px; }
.margin-bottom-15 { margin-bottom: 15px; }
.margin-bottom-25 { margin-bottom: 25px;}

.margin-all-5 {margin: 5 5 5 5;}

.gap-8 {gap:8px;}

.border-radius-20 { border-radius: 20px;}
.border-bottom-radius-20 {border-radius: 0 0 20px 20px;}
.border-right-0-important { border-right: 0px !important;}
.border-left-0-important {border-left: 0px !important;}

.border-top-1-ccc {border-top: 1px solid #ccc;}

.padding-top-5 {padding-top: 5px;}

.pdfdimension {
  width: 75vw;
  height: 85vh;
  left: calc((100vw - 75vw) / 2);
  top: calc((100vh - 85vh) / 2);
}
.margin-15-10 {
    margin: 15px 10px 15px 10px;
}

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

.text-left-important {
  text-align: left !important;
}

.text-center {
  text-align: center;
}

.align-center {
  align-content: center;
}
.float-left {
  float: left;
}

.capofilaBoxInner {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  //flex-grow: 1;
}

.capofilaBoxInnerMercatino {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.capofilaBoxInnerMercatino.push-bottom {
  margin-top: auto;
}

.float-right {
  float: right;
}
.btnChiudiArticoliMaster, .btnMostraArticoliMaster {
	//justify-content: center;
	display: grid;
}

#showCaseMaster {
  
  position: fixed;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  height: 100vh; 
  z-index: 15000; 
  
}

#showcaseDiv {
    height: 75vh;
    position: relative;
    display: flex;
}

.calendarioImg {
    width: 600;
    height: auto;
}
/*.table-tableInner { display: table; left: auto; width: max-content}*/
.table-tableInner {
    display: table;
    left: auto;
    width: 83vw
}

.display-none {
 display: none;
}

.display-none-important {
    display: none!important;
}
.vert-align-middle {
 vertical-align: middle;
}

.breadcrumbPromo {
 display: flex;
}

.divisioniPromo {
display: flex;
}

.divisioniPromoMercatino {
display: flex;
}

.divisionePromoAttiva {
 font-weight: bold;
 font-size: 22px;
}

.divisionePromoMercatinoAttiva {
 font-weight: bold;
 font-size: 22px;
}

.tabDivisioniPromo {
 text-decoration: none;
 color: black; 
}

.tabDivisioniPromoMercatino {
 text-decoration: none;
 color: black; 
}

.breadcrumbPromo a {
  text-decoration: none;
  color: black;}

.breadcrumbPromo a:hover {
  text-decoration: underline;
  font-style: inherit;
}

#barcodeCamera {
    position: fixed;
    width: 75%;
    max-height: fit-content;
    height: auto;
    overflow: visible;
    z-index: 9999; /* se vuoi che stia sopra altri elementi */
    display: flex;
    flex-direction: column;
    margin-left: 12%;
}

#barcodeCamera #reader {
    width: 100% !important;
    max-height: 250px !important;
    overflow: hidden;
}

#barcodeCamera video {
    width: 100%;
    height: auto;
    max-height: 250px; /* regolabile */
    object-fit: cover;
}

.table_cell_sempre_visibile { display: table-cell; vertical-align: middle; padding: 10px 2px; box-sizing: border-box; text-overflow: ellipsis; overflow: hidden; } 



/* COLORI */
.no-backgroung {background-color: white !important;}
.backg-white {background-color: white;}
.backg-red {background-color: red;}
.backg-169fe6 { background-color: #169fe6;}
.backg-428bca { background-color: #428bca;}
.backg-c1f8c1 { background-color: #c1f8c1;}
.backg-344af4 { background-color: #344af4;}
.backg-003b82 { background-color: #003b82;}
.backg-d0efd0 { background-color: #d0efd0;}
.backg-fcfca0 { background-color: #fcfca0;}
.backg-b8edb8 { background-color: #b8edb8;}
.backg-ececec { background-color: #ececec;}
.backg-a7cafa { background-color: #a7cafa;}
.backg-aae6aa { background-color: #aae6aa;}
.backg-e2e2e2 { background-color: #e2e2e2;}
.backg-efefef { background-color: #efefef;}
.backg-ccc { background-color: #ccc;}
.backg-rgb-66-139-202 {background-color: rgb(66, 139, 202)}

.color-white {
    color: white;
}
.color-black { color: black;}
.color-red { color: red;}
.color-green { color: green;}
.color-169fe6 { color: #169fe6;}
.color-428bca { color: #428bca;}
.color-0040ff { color: #0040ff;}
.color-c1f8c1 { color: #c1f8c1;}
.color-344af4 { color: #344af4;}
.color-003b82 { color: #003b82;}
.color-ffffff { color: #ffffff;}
.color-dadada { color: #dadada;}
.color-2d7fc1 { color: #2d7fc1;}

/* ALTEZZE */
.height10 { height: 10%;}
.height20 { height: 20%;}
.height30 { height: 30%;}
.height40 { height: 40%;}
.height50 { height: 50%;}
.height80 { height: 80%;}
.height100 { height: 100%;}
.height50px { height: 50px;}
.height30px { height: 30px;}
.height33px { height: 33px;}
.height28px { height: 28px;}
.height24px { height: 24px;}
.height36px { height: 36px;}

/* AMPIEZZE */                             

.width100important { width: 100% !important;}

.width80vw {
  width: 80vw;
  position: relative;
  left: 500;
}


.min-width-5 {min-width: 5%;}
.min-width-10 {min-width: 10%;}
.min-width-15 {min-width: 15%;}
.min-width-20 {min-width: 20%;}
.min-width-25 {min-width: 25%;}
.min-width-30 {min-width: 30%;}
.min-width-35 {min-width: 35%;}
.min-width-40 {min-width: 40%;}
.min-width-45 {min-width: 45%;}
.min-width-50 {min-width: 50%;}
.min-width-55 {min-width: 55%;}
.min-width-100 {min-width: 100%;}
/* */

/* BORDI */
.border1 {border: 1px solid;}
.border2 {border: 2px solid;}
.border3 {border: 3px solid;}
.border4 {border: 4px solid;}
.border5 {border: 5px solid;}
.no-border { border:none !important}
.border-bottom-1-ccc {border-bottom: 1px solid #ccc;}
.border-bottom-1-aaa {border-bottom: 1px solid #aaa;}
/*.border-novita {border: 3px solid #55eb55;}
.border-lastpromo {border: 3px solid #d0d014;}
.border-lastviewed{border: 3px solid #205fb3;}*/
.border-novita, .border-lastpromo, .border-lastviewed {
    border: 2px solid #ccc;
    border-radius: 20px;
    margin: 0px 3px 3px 5px;
}

border-left-1-ccc {
    border-left: 1px solid #ccc;
}

    /* TESTO */
    .text-bold {
    font-weight: bold;
}
/* COLORI */

.border-color-ccc {
 border-color: #ccc;
}

/* FINE COLORI */
.text-uppercase {
 text-transform:uppercase;
}

.allineaAlCentroMob {
  text-align: center;
}

.flex-row {
 display: flex;	
 flex-direction: row;
 align-items: center;
}

.flex-row-left {
    display: flex;
    flex-direction: row;
    text-align: left;
}

.flex-wrap {
 display: flex;	
 flex-direction: row;
 flex-wrap: wrap;
}

.flex-row-up {
 display: flex;	
 flex-direction: row;
 align-items: flex-start;
}

.flex-vert-align {
    display: flex;
    align-items: center;
}

.flex-column {
 display: flex;	
 flex-direction: column;
}

.align-self-center {
  align-self: center;
}

.flex-column-space-between {
 display: flex;	
 flex-direction: column;
 //justify-content: space-between;
 margin-bottom: auto;
}

.ov-hid {
 overflow: hidden;
}

.ov-auto {
 overflow: auto;
}

.inputFld {
 text-transform: uppercase;
 border: 1px solid #ccc;
}
/*.trkImgArt { max-width: 50%; max-height: 50%; }*/

.img-magnifier-container {
  position: relative;
}

.img-magnifier-glass {
  position: absolute;
  border: 3px solid #000;
  border-radius: 50%;
  cursor: none;
  /*Set the size of the magnifier glass:*/
  width: 450px;
  height: 450px;
}

.highlight-red {
  border: 2px solid red !important; /* Bordo rosso */
  box-shadow: 0 0 5px rgba(255, 0, 0, 0.5); /* Ombra rossa leggera per un effetto migliore */
}

#contentContainer {
  margin: 140px 0 0;
}
/*
#clientiList, #clientiScontiList {
	
  position: fixed;
  top: 150px;
  z-index: 10000;
  background: white;
}
*/
#clientiTableDiv, #clientiScontiTableDiv {
    height: 360px;
    overflow: auto;
    padding-left: 3px;
}

.clientiSelector {
  width: calc(100% - 2rem);
  margin: 0 auto;
  justify-content: flex-start;
}

.colonnaNascosta {
  display: none;
}

#headerContainer {
   z-index: 200;
   width: 100%;
   position: fixed;
   top: 0;
   left: 0;
   
}

.showPrefContainer {
   position: relative;
   top: 80px;
   right: 0px;
   z-index: 10000;
}
 
.tooltipDesc {
    position: absolute;
    background: #000874;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-size: 16px;
    max-width: 350px;
    z-index: 9999;
    display: none;
    pointer-events: none;
    white-space: normal;
}
 
 
#divMenuTabMobile {
 max-width: 420px;
 width: 100vw;
 height: calc(100vh - 75px);
 position: fixed;
 top: 65px;
 left: -420px;
 background: #efefef;
 z-index: 1000;
}

#divMenuTab {
 background: white;
}

#divMenuTab a {
/* font-weight: bold; */
 border: 0 2px 0 2px solid black; 
}


#selectorTable {
  width: 110px;
}

#divMenuTabMobile ul li a, #myAccountPrefs ul li a {
 display: flex;
 -webkit-box-align: center;
 align-items: center;
 border-radius: 8px;
 min-height: 40px;
 text-decoration: none;
 outline: none;
 font-weight: 500;
 border: 1px solid transparent;
 padding: 0px 0.5rem;
 /*margin: 0px 0.5rem 0.5rem;*/
 color: rgb(0, 25, 153);
}

#divMenuTabMobile.visibileLeft {
  left: 0;
  max-width: 420px;
}

.menuSelect {
 font-size: 22px;
 /*font-style: italic;*/ 
 /*background: #f5f1f1;   */
 font-weight: bold;
 display: flex;
}

.menuDisabled > a{
 cursor: default;
/* color: #443f3f;*/
 color: #808088;
 pointer-events:none; /* This makes it not clickable */
 opacity:0.6;         /* This grays it out to look disabled */
}

.lafecoin {
    height: 24;
    width: auto;
}

/*
.fas {
	font-size:100%;	
}
*/
.menuItem {
 display: flex;
 padding: 0 1 0 1;
 
}

.newsMercatino {
 animation: blinker 1.5s linear infinite;
 font-size: 24px;
 font-weight: bold;
}

.tabNewsMercatino {
 /*color: #31ff43;*/
 color: #a51111;
}

.stdMercatino {
 /*color: #31ff43;*/
 color: #d0d02e;
}


.menuImg {
 width: 30px;
 height: 30px;
}

#tabMenuVert i{
  margin: 1rem;
  font-size: 32px;
}

#divMenuTab ul {
 display: flex;
 align-items: stretch;
}

#statusBoxMobile ul {
 //display: flex;
 padding: 5 8px;
}



#divMenuTab ul li a{
 line-height: 32px;
 padding: 0 10px;
 text-decoration: none;

}

#searchBar {
  width: 100%;
} 

#selectorSpan {
  display: none;
} 
@keyframes pulse-promo {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.6; transform: scale(0.9); }
}

.shopIconPromoMobile {
  animation: pulse-promo 1.5s ease-in-out infinite;
}

/*
REGOLE PER BOX NOVITA e BOX ULTIME PROMO
*/

/*
.boxNewsEventi {
   background-color: #ccc;                             
 }
 */
 
.newItemsTitle {
  font-size: 150%;
  font-weight: bold;
  text-align: center;
  //padding-top: 10px;
  padding-top: 5px;
  //padding-bottom: 5px;
}
.nuoviArriviTitle:hover { color: #2d7fc1; }


.novitaImageInside, .lastPromoImageInside, .ultimiVistiImageInside, .bestSellersImageInside, .artInEvidenzaImageInside {
    width: 100vw;
    height: 100%;
}

.nuoviArriviBoxContainer, .lastPromoBoxContainer, .lastViewedBoxContainer, .bestSellersBoxContainer, 
.artInEvidenzaBoxContainer {
    width: 100%;
    /*height: 240px;*/
    height: 200px;
    overflow: hidden;
}

.arrowBox {
    display: none;
}

.arrowBox:hover {
 cursor: pointer;
}
.arrowBox i {
  line-height: 240px;
   font-size: 36px;
}

.leftArrowBox, .leftArrowBoxPromo {
    left: 0;
    //border-bottom: 1px solid #ccc;
    //border-radius: 0px 0px 0px 30px;
}

.rightArrowBox, .rightArrowBoxPromo {
    right: 0;
    //border-bottom: 1px solid #ccc;
    //border-radius: 0px 0px 30px 0px;
} 

.nuoviArriviImgBox, .lastPromoImgBox, .bestSellersImgBox, .artInEvidenzaImgBox {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.novitaImage, .lastPromoImage, .ultimiVistiImage, .bestSellersImage, .artInEvidenzaImage {
 height: 100%;
 float: left; width: 25%;
 /*top: -600vh;
 left: -200vw;
   */
}
.novitaImage.sparito, .lastPromoImage.sparito, .newsContent.sparito, .ultimiVistiImage.sparito, 
.bestSellersImage.sparito, .artInEvidenzaImage.sparito {
        width: 0;
}

.novitaImage img, .lastPromoImage img, .ultimiVistiImage img, .bestSellersImage img, .artInEvidenzaImage img {
        
        margin: 0 auto;
}

.imgAct {
 left: 0;
 top: 0;
}

.imgPrev {
 left: -100%;
 top: 0;
}

.imgNext {
 left: 100%;
 top: 0;
}

.paddingBottom1P {
  padding-bottom: 1%;
}

.paddingBottom2P {
  padding-bottom: 2%;
}

.paddingBottom5P {
  padding-bottom: 5%;
}

.paddingValidaCarr {
  //padding-right: 6%;
  padding-left: 5%;
  
}

.paddingValidaCarrDatiFin {
  margin: 5 0 5 5;
}

/* REGOLE LAFECOIN*/
.boxValorePunti {
    display: flex;
    justify-content: center;
    margin: 5px 10px 15px 10px;
}

.acapolfc {
  display: none;
}

.codPremio {
    margin: 0px 10px 0px 10px;
}
.desPremio {
    margin: 5px 10px 0px 10px;
}
.optionPremiIntestazioneSaldo {
    font-size: xx-large;
    text-align: center;
}
.optionPremiSaldo {
    font-weight: bold;
    text-align: center;
    font-size: 80px;
    margin: 10px 0px 10px 0px;
}

    /* REGOLE PER TABELLA CARRELLO E CATALOGO */
    .div-width-1 {
    width: 1%;
}
.div-width-2 { width: 2%; }
.div-width-3 { width: 3%; }
.div-width-5 { width: 5%; }
.div-width-8 { width: 8%; }
.div-width-10 { width: 10%; }
.div-width-12 { width: 12%; }
.div-width-15 { width: 15%; }
.div-width-20 { width: 20%; }
.div-width-25 { width: 25%; }
.div-width-30 { width: 30%; }
.div-width-33 { width: 33%; }
.div-width-35 { width: 35%; }
.div-width-40 { width: 40%; }
.div-width-45 { width: 45%; }
.div-width-50 { width: 50%; }
.div-width-55 { width: 55%; }
.div-width-60 { width: 60%; }
.div-width-65 { width: 65%; }
.div-width-70 { width: 70%; }
.div-width-75 { width: 75%; }
.div-width-80 { width: 80%; }
.div-width-85 { width: 85%; }
.div-width-90 { width: 90%; }
.div-width-95 { width: 95%; }
.div-width-100 { width: 100%; }
.div-width-300px { width: 300px; }
.div-width-350px { width: 350px; } 

.flex-grow-1 {flex-grow: 1;}

.table-td-bottom-border {border-color: #ccc;  border-bottom-width: 1px; border-bottom-style: solid; }


.wishListDett {
    display: flex;
    justify-content: space-around;
}

.wish-elenco:has(input[type="checkbox"]:checked) {
    background-color: #dadada;
}

.orderMode {
    background-color: #e2e2e2;
    font-size: 13px;
}

.orderModeElem {
  font-size: 13px;
  padding: 10 0 10 10;
}

.orderMode:hover, .orderModeElem:hover {
  background-color: #d4d4d4;
  cursor: pointer;
}

.divisioneSelector {
 font-style: italic;
 font-size: medium;
 font-weight: bold;
}

.catalogoInit {
    display: flex;
    flex-direction: column;
    width: 82%;
    float: right;
}

.divisioniCatalogoInit {
    display: flex;
    flex-direction: row;
}

.divisioniChk {
    font-size: 13px;
}

.padding-left-2 {padding-left: 2px;}
.padding-left-5 { padding-left: 5px;}
.padding-left-10 { padding-left: 10px;}
.padding-left-12 { padding-left: 12px;}
.padding-left-15 { padding-left: 15px;}
.padding-left-20 { padding-left: 20px;}

.padding-right-5 { padding-right: 5px;}
.padding-right-10 { padding-right: 10px; !important}
.padding-right-15 { padding-right: 15px;}
.padding-right-20 { padding-right: 20px;}

.padding-0 {padding: 0}

.display-table { display: table;}

.imgPromoArtMob {
  width: 60px;
}

.font200P {
  font-size: 200%;
}

#couponSelect {
 font-size: medium; 
 background-color: greenyellow;
}
.icoDimension {
	max-width: 33;
}

.icoDimensionSmall {
	max-width: 30;
}

.icoDimensionMini {
  max-width: 20;
}

.icoDimensionNoHover {
	max-width: 38;
}

.icoDimensionPromo {
	max-width: 50;
}
/* Colors: you can modify property values in this section */

/*.table-th { background: #0D0D0D; color: #EEE; }*/
/*.table-th { color: #EEE; }*/
.table-tf { background: #FFF; color: #333; }
/*.table-tr:nth-child(even) .table-td { background: #FAFAFA; }*/
/*.table-tr:nth-child(odd) .table-td { background: #efefef;; }*/
/*.table-tr:hover .table-td { background: #FFFFEE; }*/

/* Structure: do not modify the section below! */

.table-table { display: table; table-layout: fixed; width: 100%; }
.table-tr { display: table-row; width: 100%; }
/*.table-tr > div { display: table-cell; vertical-align: middle; padding: 10px 2px; box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }*/
/*    .table-tr > div:not(.carrello-mobile, .table-tracking-desktp, .table-wish-desktp, .table-sconti-mobile, .table-volantini-desktp) {
        display: table-cell;
        vertical-align: middle;
        padding: 10px 5px;
        box-sizing: border-box;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    */
.table-th, .table-tf { font-weight: bold; border: 0,2px solid #ccc;  }
/*.table-td { border-bottom-width: 1px; border-bottom-style: solid; border-color: #ccc; }*/
/*.table-grid .table-td { border-left-width: 1px; border-left-style: solid; }*/
/*.table-grid .table-td:last-child { border-right-width: 1px; border-right-style: solid; }*/
.table-width-100 { width: 100%; }
.table-center { text-align: center !important; }
.table-right { text-align: right !important; }



.imgPromoArtCpf:hover, .marcaImageGrid:hover, .lenteRicercaNew:hover, #lenteRicercaNewMob:hover, .myAccount:hover, .btnChiudiArticoli:hover,
.allegatiLink:hover, .utenteImg:hover, .prefsImg:hover, .aggiornaScontiBtn:hover, .btnCloseWebParam:hover {
 cursor: pointer
}

/*regole per carrello mobile*/
.carrTableMobile {  
	display: table;  
} 
 
/*
.confermaOrdineMobile {
  width: 100vw;
  position: fixed;
  top: 101px;
  left: 0px;
  background-color: white;
}


.optWishMobile {
  width: 100%;
  padding: 8px 12px;
  box-sizing: border-box;
  box-shadow: 0 2px 4px rgba(0,0,0,0.15);
}
  */

.confermaOrdineMobile, .optWishMobile {
  /*position: fixed;*/
  /*left: 50%;
  transform: translateX(-50%);*/
  /*width: 100%;*/
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
 /* box-sizing: border-box;
  box-shadow: 0 2px 4px rgba(0,0,0,0.15);*/
  z-index: 100;
  border: #ccc 2px solid;
  border-radius: 10px;
  margin-bottom: 3px;
  margin-left: 5px;
}

.valoreOrdineLabel {
  display: flex;
  /*flex-direction: column;*/
  line-height: 1.2;
  align-items: baseline;
  gap: 6px;
}

.valoreOrdine-testo {
  font-size: 11px;
  color: #666;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.valoreOrdine-importo {
  font-size: 18px;
  font-weight: bold;
  color: #1a1a1a;
}

/* Il bottone eredita già btn-action e btn-action--primary dal desktop */
.confermaOrdineMobile, .optWishMobile {
  display: flex;
  align-items: center;
  gap: 6px;
  width: auto !important;
  margin-top: 0 !important;
  padding: 8px 14px;
  white-space: nowrap;
}

.confermaOrdineMobile .confermaOrdineBtn svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

.selCkWshHeader {
  cursor: pointer;
}


.valoreCarrelloPanel {
 font-size: 120%;

}

#imgNuovoArtCpf {
 width: 48px;
 height: 48px;
}


.fastInsertCod {
 border: 1px solid #ccc;
 text-transform: uppercase;
 width: 100%
}


.fastInsertQta {
  width: 75% !important;
  margin-left: 10px;
}

.tableCarrello {
 display: flex;
 justify-content: space-between;
}

.carrTitleMobile {  
	display: table-caption;  
	text-align: center;  
	font-weight: bold;  
	font-size: larger;  
}  
.carrHeadingMobile  
{  
	display: table-row;  
	font-weight: bold;  
	text-align: center;  
}  
.carrRowMobile  {  
	display: table-row;  
}  

.carrCellMobile  {  
	display: table-cell;  
	border: solid;  
	border-width: thin;  
	padding-left: 5px;  
	padding-right: 5px;  
}  
 
.no-border {border: none!important;}

.shopImage:hover, .shopIconPromo:hover {
  cursor: pointer;
}

.articoliAcquistato:hover {
   cursor: pointer;
} 

/*APPROFONDIMENTI HOME
.inside-box-title-002 { font-size: 2rem; }
.inside-box-title-003 { font-size: 2rem; }
.apprf-loader-box, .apprf-list-item, .apprf-list-item a { height: 28vh; }
.apprf-list-item a { width: 100vw; }
.apprf-list-item { float: left; width: 25%; }
.apprf-list-item.sparito { width: 0; }
.retino-semi-transp {background: linear-gradient(0deg, rgba(0,0,0,0.5) 30%, rgba(0,0,0,0) 80%); }
.apprf-list-item a .apprf-list-img { opacity: 0.7; }
.apprf-list-item a:hover .apprf-list-img { opacity: 1; }
.apprf-list-item a .retino-colorato { opacity: 0; }
.apprf-list-item a:hover .retino-colorato { opacity: .3; }
.apprf-list-item a:hover .apprf-list-img { transform: scale(1.2); }
.apprf-list-item-title-box { left: 4rem; bottom: 2rem; }
.apprf-list-item-title-box p { font-size: 1.25rem; max-width: calc(100% - 4rem); line-height: 1.1; }
a.slider-arrow.apprf-arr-prev { left: 0; }
a.slider-arrow.apprf-arr-next { right: 0; }

*/
.lastPromoImg {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}


.imgActPr {
 left: 0;
 top: 0;
}

.imgPrevPr {
 left: -100%;
 top: 0;
}

.imgNextPr {
 left: 100%;
 top: 0;
}

.clsHidden {
	visibility: hidden;	
}


/*
FINE REGOLE BOX NOVITA
*/

/*



/*
REGOLE PER BOX NEWS 
*/
.eventiBoxContainer {
 width: 100%;
 height: 420px;
 overflow: hidden;
} 

.eventiBoxContainer2 {
 width: 100%;
 height: max-content;
/* overflow: hidden;*/
}

.arrowBoxEventi {
 width: 36px;
 height: 420px;
 background-color: rgba(0, 0, 0, 0.05);
 top: 0;
 text-align: center;
 
}
.arrowBoxEventi i {
  line-height: 420px;
   font-size: 36px;
}

.leftArrowBoxEventi {
  left: 0; 
}

.rightArrowBoxEventi {
  right: 0;
} 
/*
FINE REGOLE BOX NEWS
*/

/* 
REGOLE WORKSPACE
*/
.pwdChg {
  width: 500px;
  height: 350px;
}


.textLowercase {
  text-transform: lowercase;
}

/* 
FINE REGOLE WORKSPACE
*/

/*
REGOLE PER GESTIONE HEADER 
*/
#ricercadesElemMobile {
   height: 38px;                
}

#lenteRicercaNew {
 border-bottom-right-radius: 3px;
 border-top-right-radius: 3px;
 width: 38px;
 height: 38px;
}

.lenteRicercaNew {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

.justify-center {
    justify-content: center;
}

.searchBarDsktp {
    width: 75%;
}

.searchBar {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

.lenteRicercaNewMob {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    /*margin-left: 5px;*/
}

.scannerBarcode {
    /*border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;*/
    width: 38px;
    height: 38px;
    /*margin-left: 5px;*/
}


#arealoghi {
    width: 280px;
}

.selectLevel {
  min-width: 112px;
  max-width: 130px;
  min-height: 19px;
  max-height: 19px;
  
}

#searchBarBox {
 display: none;                     
}

#statusBox {
 width: 380px;
 display: none;
}

#statusBoxMobile {
 width: 350px;
 position: fixed;
 top: 65px;
 right: -350px;
 z-index: 1000;
 
} 


#statusBoxMobile.visibileRight {    /* attenzione: se scrivo in questo modo la classe si attiva solo per questo div  */
 right: 0;
}


.transition {
 transition: 0.8s ease all;
 -moz-transition: 0.8s ease all;
 -webkit-transition: 0.8s ease all;
}


.mobileStatusBackground {
  background-color: #29DAEA;
}

#divMenuOpzioniMobile, #divMenuOpzioniMobile {
 display: none;
}

 #statusBox.statusVisibile {
 display: block;
 right: 0;
  
}

.iconSize {
  font-size: 20px;
}

.menuListSize {
  font-size: 32px;
  margin: 1rem;
}

/* 
FINE REGOLE GESTIONE HEADER
*/

body {
  /*font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 1.428571429;*/
  color: #333;
  //background-color: #fdf5df;
  margin-top: 0;   background-color: #fff;
  //width:100%;
 // width: device-width;
  margin-left: auto;
  margin-right: auto;
  //font-family: Arial, Helvetica, sans-serif;
  //font-family: "Open Sans", Arial, Verdana;
  //font-size: 12px;
}

input[type="submit"], input[type="reset"] {
    border: 1px solid #ccc !important;
    border-radius: 3px !important;
    font-family: inherit !important;
    padding: 6px !important;
    padding: 0.428571429rem !important;
}

.pagination {
  float: right;
}

#printDiv, #printDiv * {
  visibility: hidden;
}

.stop-scrolling {
  height: 100%;
  overflow: hidden;
}

.autocomplete-highlight {
  //background-color: #fdf5df;
	font-weight: bold;
}

.textshadow-prz, .blurry-text-prz {
   text-align:right;
   text-shadow: 0 0 10px black;
   color: transparent;
}

.textshadow-totordine {
  filter: blur(4px);
  user-select: none;  /* impedisce la selezione/copia */
  pointer-events: none;
}

.text-prz, .text-conf {
  text-align: right;
}

.text-center {
  text-align: center;
}

.ui-tabs-anchor {
  font-size: 13px !important;
  font-weight: bold !important;
}

.mainMnuClass {
  display: inline-block;
  padding-left: 5px;
}


.mainMnuClass:hover {
 cursor: pointer
}
/*
 REGOLE PER SEZIONE PRIVACY
*/
#cookieChoiceInfo {
  background-color: #f2f2f2;
  color: #000;
  left: 0;
  margin: 0;
  padding: 4px;
  position: fixed;
  text-align: center;
  bottom: 0;
  width: 100%;
  z-index: 9999;
}

/*
* FINE REGOLE SEZIONE PRIVACY
*/


.linkListDiv {
    width: 360px !important;
    height: 180px !important;
    margin-left: -180px !important;
    margin-top: -90px !important;  
}

.inputQtaMobSconti, .inputQtaSconti {
  font-size: 15px !important;
}

.carrCellMobSconti {
  text-align: center;
}

.inputQta, .inputQtaMobile, .inputQtaCnf, .inputQtaCnfMobile, .inputQtaCpf, .inputQtaCpfGrid ,.inputQtaPromo,
.inputQtaConsumi {
 padding: 5 5 5 0 !important;
 font-size: 12px !important;
 width: 56px;
 height: 28px !important;
 text-align: right;

}

// fine override
#tabMenu {
 width: 100%;
 border: none !important;
}

#imgloggato:hover {
  cursor: pointer;
}

#tracking, #searchBar {
  display: none;
}

#tabContainer {
  padding-top: 0px!important;
}

#catalogo {
  display: none;
}

#carrelli {
  display: none;
}

#promo {
  display: none;
}

#testataOrdine {
  display: none;
}

#dettaglioOrdine {
  display: none;
}

#showCatalogo:hover {
 background-color: #169fe6;
 color: white;
 cursor:pointer;
}

#showCarrelli:hover {
 background-color: #169fe6;
 color: white;
 cursor:pointer;
}

#showTracking:hover {
 background-color: #169fe6;
 color: white;
 cursor:pointer;
}

#showPromo:hover {
 background-color: #169fe6;
 color: white;
 cursor:pointer;
}

#showGestSco:hover {
 background-color: #169fe6;
 color: white;
 cursor:pointer;
}

#funzioni {
  background-color: #121212;
  min-height: 44px;
  padding: 0 28px;
  position: relative; 
  border-bottom: 2px solid #169fe6;
}

#statusBar {
 /* background-color: #169fe6;*/
 /* color: white; */
  min-height: 80px;
  //padding: 0 28px;
  position: relative; 
  //border-bottom: 2px solid #169fe6;
}

#tableFunzioni {
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  
}

#logoutImg:hover, #utenteImg:hover, #prefsImg:hover, #chgdocImg:hover, 
#printWindow:hover, #logOut:hover {
   cursor:pointer;
}

#chgdocImg {
 width:18px; 
 height: 18px;
}

/*
 #loginStatusOptions {
	padding: 5px;
 }
*/
.recoveryTable {

}

    .pv-table { width: 100%; border-collapse: collapse; }

    .pv-table thead tr { border-bottom: 0.5px solid rgba(0,0,0,0.12); }

    .pv-table th {
      font-size: 10px;
      font-weight: 500;
      color: #9ca3af;
      text-transform: uppercase;
      letter-spacing: 0.05em;
      padding: 8px 10px;
      text-align: left;
    }

    .pv-table th:first-child { width: 32px; text-align: center; }

    .pv-table tbody tr {
      border-bottom: 0.5px solid rgba(0,0,0,0.06);
      transition: background 0.15s;
      cursor: pointer;
    }

    .pv-table tbody tr:last-child { border-bottom: none; }
    .pv-table tbody tr:hover { background: #f0f7fd; }
    .pv-table tbody tr.selected { background: #e8f4fd; }

    .pv-table td {
      font-size: 13px;
      color: #111827;
      padding: 10px 10px;
      vertical-align: middle;
    }

    .pv-table td:first-child { text-align: center; }

    .pv-table input[type="checkbox"] {
      accent-color: #2d7fc1;
      width: 15px;
      height: 15px;
      cursor: pointer;
    }

    .pv-table .td-codice { color: #9ca3af; font-size: 12px; }
    .pv-table .td-localita { font-weight: 500; }

.userPwd, .newUser {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.reqDatiUtente {
  width: 50%;
}

.signupLabelPers {
  font-size: 220%;
  margin: 30 0 30px 0;
}
.radioSelCliType {
  margin: 4 4 0 0 !important;
} 
.loginStatusOptCl {
	padding: 5px;
 }
.gestRecovery {
 padding: 10px;
}
.usernameReq {
  margin-right: 10px;
}  

.btnLogin {
 border: 1px solid !important;
 margin-top: 30px ;
}

.btnLoginLabora {
 border: 1px solid !important;
 margin-top: 10px ;
}

#loginStatusOptions li{
  display: inline-block;
  padding: 5px;
  font-size: 13;
}

#loginStatusOptionsMobile li{
  display: inline-block;
  padding: 0 5px;
  font-size: 13;
}

#loginStatusOptions, #loginStatusInfo ul{
  list-style: none;
}

.disabilitato {
    color: #999; 
    cursor: not-allowed; 
    opacity: 0.7; 
}


.button-container {
	text-align: center;
}

.cta-button {
	background-color: #e74c3c; /* Rosso acceso */
	color: white; /* Testo bianco */
	padding: 20px 40px; /* Grande dimensione del bottone */
	font-size: 28px; /* Dimensione del testo grande */
	font-weight: bold; /* Testo in grassetto */
	border: none;
	border-radius: 8px; /* Bordi leggermente arrotondati */
	cursor: pointer;
	text-transform: uppercase; /* Testo tutto maiuscolo */
	box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2); /* Ombra per renderlo evidente */
	transition: background-color 0.3s ease, transform 0.3s ease; /* Effetto al passaggio del mouse */
}

.cta-button:hover {
	background-color: #c0392b; /* Un rosso leggermente più scuro al passaggio del mouse */
	transform: translateY(-3px); /* Leggero sollevamento al passaggio del mouse */
}

.cta-button:active {
	transform: translateY(1px); /* Piccolo affondo al click */
}


#clienteSelezionato, #causaleSelezionata {
  font-weight: bold;
  font-size: 13;
  padding-bottom: 5px;
}

#clientiTable {
  table-layout:fixed;
}

#backToTop {
  position: fixed;
  bottom: 1.5rem;
  left: 1.5rem;
  display: none;
  font-size: 48px;
}

#listCapofilaGrid {
  display: none;
}

#backToTop:hover {
  cursor: pointer;
}
.italybtn {
  margin-left: 10px;
}

.cliTableTd:hover {
 cursor: pointer;
}

.detailArticoloHead {
 font-size: 1.5em;
 font-weight: bold;
 padding-top: 10px;
 padding-left: 10px;
}

.detailArticoloDescEst {
 font-size: 1.2rem;
 text-align: justify;
 //padding-top: 10px !important;
 //padding-right: 10px !important;
 padding: 10px !important;
 vertical-align: top;
}

#bigImageImg {
  margin-top: -12px;
  border: 1px solid #aaaaaa;
}

.buttonSpan {
 //padding-left: 10px;
 padding: 0px 10px 0px 10px;
}

.buttonSpanCenter {
 text-align: center;
}

#lenteRicerca, #lenteRicercaPromo {
  position: fixed;
  display: none;
}

#lenteSpan {
 //vertical-align: top !important;
}

#lenteRicercaNew {
max-width: none !important;
}

#lenteRicerca:hover, #lenteRicercaPromo:hover {
  cursor: pointer;
}

.newsTitle {
  padding: 15px 10px 0px 10px;
  font-size: 1.5em;
  font-weight: bold;
  font-style: italic;
}

.newsBody {
  padding: 15px 10px 0px 10px;
  font-size: 1.2em
}

.newsPublished {
  padding: 15px 10px 0px 10px;
  font-size: 0.7em
}

.personalTabColorOld, .personalTabColorNew {
  color: #ffffff;
}

.btn80 {
  width: 80px;
}

.tableGridBtn {
 padding: 10 0 10 0 !important;
 text-align: center;
}

.divBottomClass {
 position: absolute;
 bottom: 7px;
 /*left: 35%;*/
 width: 100%; 
}

.cliTableTd {
 font-size: 13px;
 padding-top:3px;
 padding-bottom:3px;
 padding-left:3px !important;
}

.divHeader {
 background-color: #428bca;
 font-size: 1rem;
 color: white;
 padding: 0.5rem;
 border-radius: 5px;
 border: 1px solid #aaaaaa;
 font-weight: bold;
 margin-top: 3px;
 margin-left: 3px;;
 margin-right: 3px;
}


.divErrorHeader {
 background-color: red;
 font-size: 1rem;
 color: white;
 padding: 0.5rem;
 border-radius: 5px;
 border: 1px solid #aaaaaa;
 font-weight: bold;
 margin-top: 3px;
 margin-left: 3px;;
 margin-right: 3px;
}

.divWarningHeader {
 background-color: #e8690b;
 font-size: 1rem;
 color: white;
 padding: 0.5rem;
 border-radius: 5px;
 border: 1px solid #aaaaaa;
 font-weight: bold;
 margin-top: 3px;
 margin-left: 3px;;
 margin-right: 3px;
}

#textErrore, #textWarning {
 padding: 10px 0.5rem 0.5rem 10px;
 vertical-align: middle;
 font-size: 1em;
 font-weight: bold;
}

.buttonError{
  /*padding-top: 10px;
  text-align: right;
  padding-right: 10px;*/
  margin-top: 15;  
}

.btnCloseDiv {
 padding: 10;
 border-radius: 2px;
 background-color: #b8c0b9 !important;
 background-image: -webkit-linear-gradient(top, #b8c0b9 , #7a7f7b);
}

.btnCloseDiv:hover {
 cursor: pointer;
}
.finalOpMobile { 
 text-align: center;
 font-size: 200%;
 font-weight: bold;
 background-color: #428bca;
 padding: 10 0 10 0;
 color: white;
}

.finalOpDsktp li {
  //display: inline-block;
} 


.dialogSep {
  padding-top: 10px 5px 5px;
  border-top: 1px solid #aaaaaa;
  margin-right: 0.5rem;
  margin-left: 0.5rem;
}

#errCarrello, #errPromoNoIns, #rimuoviArticolo,
#infoDiv, #selectSignupDiv, #magazziniDiv, #newsDiv, #messaggeForAllDiv, 
#infoPromoDiv, #warningPallbox, #maxQtaDiv, #ruoli, #linkListDiv, .standardDiv {
 position: fixed;
 display: none;
 z-index: 10500;
 top: 50%;
 left: 50%;
 margin-left: -320px;
 margin-top: -240px;
 width: 640px;
 height: 480px;
 font-size: 1rem;
 border-radius: 5px;
 border: 1px solid #aaaaaa;
 background-color: #fff;
}

/*
#pdfDoc {
 margin-left: 0;
 margin-top: 0;
 height: 80vh;
 width: 80vw; 
 top: 10vh;
 left: 10vw; 
}
*/

#closePdfImg {
  right: calc(90vw - 5);
}
#testataVolantino {
  height: 520px;;
  height: 620px;;}

.table-modifica-volantino {
    padding: 5px 5px !important;
}

.esitoOk {
    height: 180px;
    left: calc(50vw - 90px);
    margin-left: 0px;
    margin-top: 0px;
}
/*
#reqStampaVolantino {
  margin-left: 0px;
  margin-top: 0px;
  width: 450px;
  height: 250px;
  z-index: 105000;
  top: calc(50vh - 150px);
  left: calc(50vw - 90px);
}
*/
#scadPwd {
  margin-left: 0px;
  margin-top: 0px;
  width: 300px;
  height: 240px;
  z-index: 105000;
  top: calc(50vh - 120px);
  left: calc(50vw - 150px);
}

/*
#addArticoloVolantino {
  height: 300px;
  margin-top: 0px;
  top: calc(50vh - 150px);
}
*/

#rimuoviArticolo {
 margin-left: 0px;
 margin-top: 0px;
 left: calc(50vw - 190px);
 top: calc(50vh - 90px);
 width: 380px;
 height: 180px;
}

#infoPromoDiv, #infoPromoListDiv { 
 z-index: 10600;
}
 
.pwdChgDivLoggato {
  height: 300px !important;
}

.signupTableData {
 padding-top: 10px;
}

.h2bParagraph, .filelistparagraph {
 padding: 0.5em 0.5em 0 0.5em;
}

.filelistparagraph {
 display: inline;
 vertical-align: super;
 text-align: center;
 font-size: 30px;
 font-weight: bold;
 margin-bottom: 20;
}

.filelistparagraph-inner {
 display: inline;
 vertical-align: super;
 text-align: center;
 font-size: 20px;
 font-weight: bold;
 margin-bottom: 20;
 
}

.functionalUl {
 display: inline-block ;
 padding: 6px 0px 6px 0px;
 /*margin-top: 10.5;*/
 border-radius: 5px;
 border: 1px solid #ddd;
 width: max-content;
}

.functionalUl>li {
 display: inline-block ;
 padding: 0px 12px 0px 12px;
}

.infoCatalogo {
 margin-left: 5px;
 //font-size: 24px;
 //padding-bottom: 5px;
}

.addArticoloCarrelloCls {
	margin-left: 15px;	
}


.infoCatalogoHover:hover, .infoFile:hover, .closeInfoDiv:hover {
  cursor: pointer
}


/*
.filtriCatalogo, .functionDiv {
 display: none;
}
*/
#dataConsegnaPicker, #rifOrdine {
  width: 50%;
  margin-left: 10px;
}

.functionDiv {
 display: none;
}

.previewCarrello {
  display: none;
}

.infoBattery {
 transform: rotate(270deg);
}

.imgTdHover, .infoFile {
  width: 24px;
  height: 24px;
}

#clientiTable th {
  color: #fff;
  background-color: #428bca;
}

#clientiScontiTable th {
  color: #fff;
  background-color: #428bca;
}

#paginatorHider, #paginatorHider2 {
  display: none;
}

.subMenu {
  //position: absolute;
  width: 130px;
  padding: 0 10 0 10;
  border: 1px solid #aaaaaa;
  background-color: white;
  //border-radius: 4px;
  box-shadow: 0px 0px 4px #000000;
  z-index: 100;
  font-size: 0.7em;
  opacity: 0.9;
  text-align: left;
}

.subMenuAccount {
   width: 235px;
}
/*
#pwdChange:hover, #mailChange:hover, #remoteAccess:hover, #showHidePrz:hover, #showHidePrzDoppio:hover  {
  cursor: pointer;
  background-color: #aaaaaa;
}

#remoteAccess, #pwdChange, #mailChange, #showHidePrz, #showHidePrzDoppio {
  padding: 10 0 10 0 !important;
}

#pwdChange, #remoteAccess, #showHidePrz, #mailChange {
  border-bottom: 1px solid #aaaaaa;
}

*/
.subMenuItem:hover {
 cursor: pointer;
 background-color: #dfdfdf;
}

.subMenuItem a {
 text-decoration: none;
 color: #333;
}

.subMenuItem, .menuItemAccount, .menuItemAccount li a {
 padding: 10 0 10 0 !important;
 border-bottom: 1px solid #aaaaaa;
 font-size: 120%;
}

#menuPrefs, #myAccountPrefs {
 position: fixed;
}

.menuItemAccount:hover {
 background-color: #dfdfdf;
}


.pwdTableClass {
  padding-top: 5px;
  padding-right: 50px !important;
}

.pwdTableLblClass {
  padding-top: 5px;
  padding-left: 50px !important;
}


/*
* REGOLE SEZIONE LOGIN
*/
/*
.progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	filter: alpha(opacity=25); /* support: IE8 */
 /*
	opacity: 0.25;
}
   
#progressDialog {
  position: fixed;
  height: 100px;
  width:  100vw;
  margin-left: 0px;
  top: calc(50vh - 50px);
  z-index: 100000;
}

#progressText {
 text-align: center;
 color: black;
}

#progressBar {
 display: none;
 height: 30px;
}
*/
.showOldPwd:hover, .showNewPwd:hover, .showNewPwd2:hover, .showEye:hover {
  cursor: pointer;
}  

.ruolimain {
text-align: center;
}

.loginField {
  text-transform: none;
}

.ruoliSelector {
 height: 28px;
 padding: 10px 0 10px 0;
 margin-bottom: 10px;
 }

.ruoliTRECCASA {
  height: 22;
} 

.btnLoginTRECCASA {
  height: 30px;
}

#ruoli {
 width: 250px;
 height: 180px;
 margin-left: -125px;
 margin-top: -90px;  
}

#recuperoCredenziali {
 /*text-align: center; */
 /*padding: 1.5%;*/
}

.cookieConfirm {
  color: green;
}

.cookieDecline {
  color: red;
}

.cookieInfo {
   text-decoration: underline;
}

.userOpt, .newSignup {
 margin-bottom: 10px;
 margin-left: 5px;
 //font-size: 1.2rem;
}

.cookieConfirm:hover, .cookieDecline:hover, .cookieInfo:hover{
 cursor: pointer;
 text-decoration: underline;
 color: blue;
}

#privacyDiv, #privacyDisclaimer, #pwdRecovery {
  //opacity: 0.4;
  font-size: 1.2rem;
  border-radius: 5px;
  border: 1px solid #428bca;
  padding-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  background-color: #f9efe8;
  top: 50%;
  left: 50%;
  margin-left: -320px;
  margin-top: -80px;
  width: 640px;
  height: 160px;
  display: none;
  z-index: 100;
  box-shadow: 0px 0px 5px 0px #999;
}

/*
* REGOLE CATALOGO
*/

.widthSelectTRECCASA {
 width: 6%;
}

.prezziMobile, .qtaMobile {
  display: none;
} 

.searchBarCtg {
  width: calc(100vw - 50vw);
}
.capolifaDescEstGrid.capolifaGridShow {
 width: 100%;
}
.marcaImageGrid {
  text-align: center;
}
.couponFld {
  padding: 5px 0px 0px 5px;
  font-weight: bold;
  font-size: larger;
}

#paginator_2 {
/* display: none;*/
}
.qtaMinusPluMobile {
  display: flex;
}

.qtaMinusPlus{
  display: flex;
  align-items: center;
}

.qtaMinusPlusColumn{
  flex-direction: column;
}

.artTableRow1  {
	margin-top : 3;
}

.filtriApplicati {
 display: flex;
 flex-wrap: wrap;
 align-items: center;
}

.filtriRicercaBorder {
 border: 1px solid #ccc;
 border-radius: 5px;
 margin: 0 5 0 0;  
}

.annullaFiltroParola {
 padding: 1px;
}
.annullaFiltroParola:hover {
 cursor: pointer;
}

.filtriRicercaItem {
  font-size: 16px;
  flex-direction: row;
  display: flex;
  padding: 2px 5px 2px 5px;
}

.ricercaEseguita {

}

.carrelloInCatalogo {
  font-size: 26px;
  color:grey;
  
  //align-self: center;
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #ccc; 
  
}
.vaiACarrello {
border-right: 1px solid #ccc;
}
.carrelloInCatalogo:hover {
 cursor:pointer;
}
/*
.carrelloInCatalogoSelect {
  font-size: 28px;
  font-weight: bold;
  background-color: #428bca;
  color: white;
}
*/
#insVeloceBtn {
	cursor: pointer;
}

.shopInCatalogoBox {
  border-bottom: 1px solid #ccc;
//  width: 85%;
}
.icoDimension:hover {
 border-radius: 15px;
 /*border: 1px solid;*/
 background-color: #e4e4e4;
 cursor:pointer
}

.table-td-shop {
    border: 0px !important;
}

.vaiACarrelloDett {
    font-size: 18px;
    font-weight: bold;
}

.vaiACarrelloImg {
  //align-self: center;
  text-align: center;
}

.catalogoContainer {

}
.shopInCatalogoArt {
  display: flex;
  justify-content: space-between;
}
.catalogoResultNew {
 display: flex;
 justify-content: space-between;
}
/*
.filtriCatalogo, .optionPromoPanelNew {
  width: 30%;
}
  */
.optionPromoPanelNew {
  width: 30%;
}

.datiCatalogo {
  width: 100%;
}

.datiCatalogoWCart, .promoResultNew {
  width: 100%;
}

#addCarrelloDiv {
 text-align: center;
}

#removeFilterOnTree{
 text-align:left;
}

#catalogoImage:hover, #catalogoImageGrid:hover {
 z-index: 10;
}

.marcaImageMobile {

}

.recordLinea {

 //width: 20%;
}

.recordLineaGrid {
 display: flex;
 flex-direction: column;
 align-items: center;
 
}

.capofilaBox {
 
}

.capofilaData {
  /*width: 15vw;*/
  overflow-wrap: break-word; 
  word-break: break-word;  
}

.capofilaData.sticky {
  position: sticky;
}

.capofilaCatalogo { 
 display: flex;
}

.catalogoImgBtn {
/* width: 20%;*/ 
 margin: 0 5px 10px 10px;
}

.lineaName {
 font-weight: bold;
}

.lineaName:hover {
 cursor: pointer;
} 
               
#toggleCatalogoView {
 padding-left: 15px;
}

#toggleCatalogoImg, #viewCatalogoGrid, #viewCatalogoList, #resetCatalogo,
#viewOfferteGrid, #viewOfferteList {
 height: 24px;
 width: 24px;
}

#functionalDiv {
 display: none;
}

#removeFilterOnTree:hover, #toggleCatalogoView:hover, #toggleCatalogoViewBody:hover,
#backToCatalogo:hover, #infoCarrelloImg:hover, .catalogoDftLevelImage:hover, 
.catalogoDftMrkImage:hover, .level2:hover {
    cursor: pointer;
}

.level2:disabled, .checkMrk:disabled, .chkDivisione:disabled {
  cursor: not-allowed;
}

#toggleCatalogoViewBody {
	padding-right: 5px;	
}

#searchBar {
  display: flex;
}

#searchBar span {
  height: 48px; /* image's height */
  //display: table-cell;
  //vertical-align: middle;
  vertical-align: -webkit-baseline-middle;
}



#tabCatalogo, #tabPromo, #tabCarrello {
/*  padding-top: 0px !important;
  padding-right: 0px !important;
  padding-left: 0px !important;
  width: 100%;*/
}

#nuoviArrivi {
 padding-top: 10%;
} 

#nuoviArriviVert, #bannerTable {
 display: none;
 position: fixed;
 /*left: 80%;                      */

} 

/* Messaggio articoli in offerta */
.artOfferta {
  font-weight: bold;
  color: #e03b3b;
  animation: blinker 1.5s linear infinite;
  
}

.tdMrkLineaMiddle {
/* vertical-align: middle !important;*/
 
}

.tdMrkLineaTop {
 vertical-align: top !important;
 
}

.viewAllegatiImg {
 height: 32px;
 width: 32px;
 vertical-align: middle;
}

.viewAllegati{
 padding-left: 5px;
 font-weight: bold;
 font-size: 120%;
 color: green;
 vertical-align: middle;
}

.viewAllegati:hover, .viewAllegatiImg:hover {
 cursor: pointer;
}
@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

.shopInCatalogo {
    background-color: #faf8f8;
    width: auto;
    overflow: auto;
    display: none;
    flex-direction: column;
    
}   

.shopInCatalogoImg {
 margin-left: auto;
 margin-right: auto;
 height: 96;
 width: 128;
}

#shopInCatalogo {
 overflow: auto;
}

.shopInCatalogoTr {
 width: 100%;
 border-left: none;
 border-top: none;
 font-size: 90%;
}

.shopInCatalogo th {
  font-weight: bold;
  text-align: center !important;
  font-size: 150%;
}

.shopInCatalogo th:hover, .shopInCatalogo tr:hover {
  cursor: pointer !important;
}

.level1 {
  font-weight: bold;
  padding: 9px 12px 9px 0px;
  //padding-top: 7px;
  //font-size: 80%;
  //list-style-type: none;
}

.level2 {
  padding-left: 5px;
  padding-top: 2px;
  //font-size: 80%;
  list-style-type: none;
}

.checkMrk disabled, .level2 disabled {
  cursor: default;
}

.mrkCheck, .mrkCheckConsumi {
    font-size: 85%;
    list-style-type: none;
    /* display: flex;
  align-items: center;
  flex-flow: column;  */
}

.titoloCapofila, .titoloCapofilaPromo, .titoloCapofilaMercatino {
  font-size: 120%;
  font-weight: bold;
  margin-bottom: 8px;
  margin-top: 8px;
  padding-right: 5px;
  word-break: break-word;   /* va a capo anche dentro le parole lunghe */
  overflow-wrap: break-word; /* fallback per browser più vecchi */
}   

.promoCpfEspanso {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

.treeChild {
  /*background-color: #fdf5df; */
  font-size: 12px;
 /* font-family: Verdana, Geneva, Tahoma, sans-serif;*/
  color: black;
  list-style-type: none;
  margin-left: 5%;
  
}

#levelSelector {
  width: 15%;
  border-top-left-radius: 3px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-right-width: 0px;
  background: #cdcdcd;
  /*height: 35px;*/
  padding-left: 1px;
  font-size: 63%;
  font-weight: bold;
  padding: 0px !important;
  border-bottom: 1px solid;
  margin:0 !important;
  box-shadow: none !important;
}

#mrkSelector {
  width: 15%;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 3px;
  border-right-width: 0px;
  background: #cdcdcd;
  /*height: 35px;*/
  padding-left: 1px;
  font-size: 63%;
  font-weight: bold;
  padding: 0px !important;
  margin:0 !important;
  box-shadow: none !important;
  
}

#ricercadesElem {
  //border-left-width: 0px;
  border-right-width: 0px;
  height: 42px;
  padding-left: 5px;
}

.arrowUp:hover, .arrowDw:hover, .arrowUpCpf:hover, .arrowDwCpf:hover  {
   cursor: pointer;
} 

.shopInCatalogoImg:hover {
   cursor: pointer;
} 
.btnQta {
  padding: 0px!important;
}

.numSelezionati{
  /*text-align: center; */
  vertical-align: middle;
  border:  none;
  /*display: none;*/
  /*height: 64px; */
  /* width: 64px; */
  text-align: center;
  font-weight: 500;
  font-size: 35px;
}

#newItemsContent {
 position: fixed;
}

#tableLevelContent>th {
  text-align: left;
}

.tableLevelMrk {
 display: flex;
 flex-direction: row;
 overflow: auto;               
}

#tableLevel, #tableMarchi {
  padding-top: 20px;
  /*overflow: auto;*/
  font-size: 85%;
  float: left;
  padding-left: 10px;
  width: 45%;
  text-align: left;
}

#filterPanelNew, #filterPanelNewGrid {
 width: 22%;
 float: left;
 /*overflow-y: auto;*/
 font-size: 90%;
/* position: fixed;*/
 /*background-color: #efefef;*/

}

#optionTrackingPanel, #optionPromoPanel,
#optionDocumentiPanel, #optionContentPanel, #optionScontiPanel,
#optionPropostePanel, #optionRitiriPanel, #optionOffertePanel, 
#optionMercatinoPanel, #optionLafecoinPanel, #optionConsumiPanel, #optionContentPanel {
    width: 18%;
    float: left;
    /*overflow-y: auto;*/
    /*font-size: 90%;*/
    position: fixed;
    /*background-color: #efefef;*/
}


#addCarrelloDiv {
 padding-bottom: 10px;
 border-bottom: 1.2px solid #ccc;
}

#tableLevelContent, #tableMarchiContent {
  padding-left: 5px;
  
}

#addPromoCarrelloBtn, [id^="addCarrelloBtnTable"],
#closePallboxBtn, #newRitiroBtn {
  /*display: none;*/
  /*background-color: #20ca38 !important;*/
  background-color: #20ca38;
  width: 50%;
  font-size: 1.5em !important;
  background-image: -webkit-linear-gradient(top, #20ca38, #15511d);
  height: 3em;
  border-radius: 7px;
}

#btnAddCarrelloPromo, #confermaOrdineBtnInBoxCatalogo,
#reloadTrackingBtn, #prtOrdineBtn, #infoPromoOrdine {
  background-color: #20ca38 !important;
  width: 50%;
  /*color: white*/
  font-size: 1.2em !important;
  background-image: -webkit-linear-gradient(top, #20ca38, #15511d);
  border-radius: 7px;
  box-shadow: 3px 3px #aaaaaa;
}

#validaScontiBtnMob {
  height: 6px;
  width: 75%;
}
  


#prtOrdineBtn { 
  background-color: #dfc234 !important;
  background-image: -webkit-linear-gradient(top, #dfc234, #1b1901);
}

#infoPromoOrdine { 
  background-color: #dfc234 !important;
  background-image: -webkit-linear-gradient(top, #dfc234, #1b1901);
}

.btnDatiFinali:hover, #prtOrdineBtn:hover, #infoPromoOrdine:hover {
 cursor: pointer;
}

.btnDatiFinali {
  color: white;
  font-size: 20px !important;
  font-weight: bold;
  border-radius: 2px;
  box-shadow: 1px 1px #aaaaaa;
  padding: 10;
  margin-right: 20px;
}
/*
.btnCloseDivNoPromoScel {
    background-color: #d1a710 !important;
    background-image: -webkit-linear-gradient(top, #d1a710, #1b1901);
}

.validaDatiFinali {
    background-color: #20ca38 !important;
    background-image: -webkit-linear-gradient(top, #20ca38, #15511d);
}
*/
.btnGenerico {
  background-color: #428bca !important;
  background-image: -webkit-linear-gradient(top, #428bca, #081e32);
}
/*
.annullaDatiFinali {
  background-color: #ed355b !important;
  background-image: -webkit-linear-gradient(top, #ed355b, #510a18);
}

#addCarrelloBtn, #chgVolantinoBtn {
  width: 50%;
  font-size: 1.2em !important;
  border-radius: 7px;
  box-shadow: 3px 3px #aaaaaa;
}
*/
.enable-div-carrelloBtn {
  background-color: #20ca38;
  background-image: -webkit-linear-gradient(top, #20ca38, #15511d);
}


.disable-div{
	 cursor: default;
	 background-color:  #808080 !important; 
	 background-image:  #808080 !important; 
	 pointer-events:none; //This makes it not clickable
	 opacity:0.6;         //This grays it out to look disabled
}


.disable-div2{
	 cursor: default;
	 pointer-events:none; //This makes it not clickable
	 opacity:1;         //This grays it out to look disabled
}


#reloadRitiriBtn {
  background-color: #D9AA29 !important;
  width: 50%;
  font-size: 1.2em !important;
  background-image: -webkit-linear-gradient(top, #D9AA29, #D97E29);
}

#addCarrelloBtn:hover, #addPromoCarrelloBtn:hover, #confermaOrdineBtnInBoxCatalogo:hover,  
#confermaOrdineBtn:hover {
 cursor: pointer;
 color: #dbdbdb;
}
#reloadTrackingBtn:hover {
 cursor: pointer;
}

#addCarrelloBtn:disabled, #addPromoCarrelloBtn:disabled {
 background-color: #939393 !important;
 background-image: -webkit-linear-gradient(top, #939393, #bdbaba);
}

.novitaVertTd {
  padding-left: 0rem !important;
  text-align: center;
  box-shadow: 0px 0px 1px 0px #999;
}

.thMrkLinLev {
  width: 50%;
  font-size: 16px;
  padding-bottom: 8px;
  border-bottom: 1px solid #ccc;
}


.carrelloImage:hover {
  cursor: pointer;
}

.treeNode {
 text-align: left;
 font-size: 90%;
}

.treeRoot {
  //background-color: #fdf5df;
  font-size: 12px;
  //font-family: Verdana, Geneva, Tahoma, sans-serif;
  color: black;
  padding: 3px;
  //font-weight: bold;
  list-style-type: none;
  margin-left: 5%;
  
}

.infoAddCarrello {
  float: left;
  //padding: 3px;
  //margin-left: 5%;
  width: 100%;
  padding-top: 10px;
}

#raffinaRicercaTd{
  display: none;
} 

#marcaImage{
  width: 120;  
 // height: 60;
  height: auto;
  max-width: none !important;
}

.catalogoClass{
     width:100%;
     font-size: 80% ;
}

.detailClass {
    margin-left: auto;
    margin-right: auto;
    width:100%;
    border-color: black;
	background: white;
}

.catalogoCarrelloImg {
 height: 96;
 width: 128;
}

.tableCapofila {
   // margin-left: auto;
   // margin-right: auto;
    //width:100%;
    width:50%;
    border-color: black;
}    

.tableArticoli {
    margin-left: auto;
    margin-right: auto;
    width:100%;
    border-color: black;
    vertical-align: middle !important;
}

.capofilaDesc {
    //202511 background-color: #428bca;
    font-size: 1.5rem;
    //font-family: Verdana, Geneva, Tahoma, sans-serif;
    color: white;
    padding: 0.6vw;
    //202511 border-top-left-radius: 5px;
    //202511 border-top-right-radius: 5px;
    /* 202511 nuove*/
    color: #428bca;
    font-size: 40px;
    font-weight: bold;
}

/*.capofilaDescError {
 background-color: red;
 font-size: 16px;
 //font-family: Verdana, Geneva, Tahoma, sans-serif;
 color: white;
 padding: 0.6vw;
 border-radius: 5px;
} */

.capofilaDescError {
    color: red;
    padding: 10 10 500 10;
    border: 1px solid red;
    background-color: oldlace;
    text-align: center;
    font-size: 150%;
    font-weight: bold;
    height: calc(100vh - 149px);
    border-radius: 20px;
    align-items: center;
    /*vertical-align: top !important;
  padding-top: 50px !important;
  */
}
}

.capofilaDesc a:hover {
	cursor:pointer;
	text-decoration:underline;
}

.headerBenefitListTable {
 border-top: 1px solid #aaa;
 border-bottom: 1px solid #aaa;
 color: black;
 font-weight: bold;
 background-color: white;
  /*text-align: center;*/
 font-weight: bold;
 background-color: rgb(255, 255, 255);
 color: rgb(0, 0, 0);
}

.headerTableArticoli, .headerTableArticoliSelect {
  //background-color: #428bca;
  //font-size: 1rem;
  //font-family: Verdana, Geneva, Tahoma, sans-serif; 
  //color: white;
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  color: black;
  font-weight: bold;
  font-size: 60%;
  background-color: white;
  /*text-align: center;*/
  font-weight: bold;
  background-color: rgb(255, 255, 255);
  color: rgb(0, 0, 0);
}

.headerTableDettArticolo {
  font-weight: bold;
  font-size: 100%;
  //background-color: #7feff2;
  border: 1px solid #aaa;
}

#tableDettArticoliDiv {
  background: white;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

#headerTableArticoliSelect:hover{
  cursor: pointer;
}

#linkLinea:hover {
  cursor: pointer;
  //font-style: italic;
  //text-decoration: underline;
} 

.btnModQta {
  border: none;
  background-color: #fff;
  padding-left: 5px !important;
}

.btnModQtaAlt {
  border: none;
  background-color: #fff;
  padding-left: 5px !important;
}

.btnModQtaCarr {
  border: none;
  background-color: #fefc78;
  padding-left: 5px !important;
}

.btnModQtaCarrAlt {
  border: none;
  background-color: #feca78;
  padding-left: 5px !important;
}

.btnModQtaCarrello {
  border: none;
  background-color: #e4fb20;
  padding-left: 5px !important;   
}

.rowTableArticoli, .folderList, .folderListAlt {
   //font-size: 1rem ;
   font-size: 14px;
   padding: 5px 0px 5px 0px;
   background-color: #ffffff;
   //20251231 border-top: 0.2px solid #ccc;
   //20251231 border-bottom: 0.2px solid #ccc;
   //font-family: Verdana, Geneva, Tahoma, sans-serif; 
}
.rowTableArticoliAlt {
    background-color: #efefef;
}
.rowTableDettArticoli {
    font-size: 100%;
    padding: 5px 0px 5px 0px;
    background-color: #ffffff;
    border: 1px solid #aaa;
}

.rowTableInfoArticoli {
    font-size: 100%;
    padding: 5px 5px 5px 5px;
    background-color: #ffffff;
    border: 1px solid #aaa;
}

/*28032018 gestito colore alternativo con parametro
.rowTableArticoliAlt, .folderListAlt {
   //font-size: 1rem;
   font-size: 12px;
   padding: 5px 0px 5px 0px;
   //font-family: Verdana, Geneva, Tahoma, sans-serif; 
   background-color: #e8fdfd;
   border-top: 0.2px solid #ccc;
   border-bottom: 0.2px solid #ccc;
  
}
*/
.rowTableArticoliCarr {
  // font-size: 1rem;
  // font-size: 12px ;
   padding: 5px 0px 5px 0px;
   //background-color: #a7ff81;
   border-top: 0.2px solid #ccc;
   border-bottom: 0.2px solid #ccc;
}

.rowTableArticoliCarrAlt {
   //font-size: 1rem;
   font-size: 12px; 
   padding: 5px 0px 5px 0px;
   //background-color: #feca78;
   border-top: 0.2px solid #ccc;
   border-bottom: 0.2px solid #ccc;
}

.rowTableArticoliErr {
  // font-size: 1rem;
   font-size: 12px;
   padding: 5px 0px 5px 0px;
   //font-family: Verdana, Geneva, Tahoma, sans-serif; 
   background-color: #f8361c;
   border-top: 0.2px solid #ccc;
   border-bottom: 0.2px solid #ccc;
   
}

.rowTableArticoliArrivato {
  // font-size: 1rem;
   font-size: 12px;
   padding: 5px 0px 5px 0px;
   //font-family: Verdana, Geneva, Tahoma, sans-serif; 
   background-color: #74f185;
   border-top: 0.2px solid #ccc;
   border-bottom: 0.2px solid #ccc;
   
}

.rowTableArticoliResiduo {
  // font-size: 1rem;
   font-size: 12px;
   padding: 5px 0px 5px 0px;
   //font-family: Verdana, Geneva, Tahoma, sans-serif; 
   background-color: #27d57b;
   border-top: 0.2px solid #ccc;
   border-bottom: 0.2px solid #ccc;
   
}

.capofilaDescEst:hover, .capofilaDescEst2:hover {
 /*background-color: yellow;*/
 cursor:pointer;
 //font-weight: bold;
 vertical-align: top;
}

.arrowUpMobile, .arrowDwMobile {
 /*height: 28px;
 width: 28px;
 */
 font-size: 28px;
}

.addCartWish {
 display: flex;
 flex-direction: column;
 align-items: flex-end;
}

.addCartLfc {
 display: flex;
 flex-direction: column;
 align-items: flex-end;
}


.qtaSelector {
	display: flex;
	align-items: center;
}


#globalFilterTable {
  //   width: 100%;
  // table-layout: fixed;
}

#selectMarchio, #selectCategoria {
  width: 100%;
  text-transform: uppercase;
}

#filterTable {
  font-size: 0.8em;
//  border: 0.15em solid #428bca;
  width: 100%;
}

#filtriMarcaHead, #filterTreeHead, #optionCarrelloPanelHead, #optionPromoPanelHead, #optionScontiPanelHead,
#optionTrackingPanelHead, #optionContentPanelHead, #optionDocumentiPanelHead, #optionPropostePanelHead, #optionRitiriPanelHead,
#optionOffertePanelHead, #optionWishListPanelHead, #optionVolantiniPanelHead, #optionMercatinoPanelHead,
#optionLafecoinPanelHead, #optionConsumiPanelHead, #optionContentPanelHead {
    /*background-color: #428bca;*/
    font-size: 1rem;
    padding-top: 10px;
    //font-family: Verdana, Geneva, Tahoma, sans-serif;
    //color: white;
    //font-weight: bold;
    font-weight: 500;
    //border-radius: 5px;
    text-align: -webkit-center;
    //margin-top: 5px;
    //margin-bottom: 5px;
    text-transform: uppercase;
}


#filtriCategoriaHead{
 background-color: #428bca;
 font-size: 12px ;
// font-family: Verdana, Geneva, Tahoma, sans-serif; 
 color: white;
}

#filtriCategoria{
 //background-color: #fdf5df;
 font-size: 12px ;
// font-family: Verdana, Geneva, Tahoma, sans-serif; 
 color: black;
}

.filterTableTD {
 vertical-align: bottom;
 padding: 2px;
}

.removeFilterTd, .vert-align-middle {
  vertical-align: middle;
}

#filtriMarca{
 //background-color: #fdf5df;   
 font-size: 12px ;
// font-family: Verdana, Geneva, Tahoma, sans-serif; 
 color: black;
}

/*
#filterPanel{
 position: fixed;
 width:20%;
 top:0;
 left:-25%;
 height:2000px;
}
*/

#qtaCarrelloImg:hover, #imgPromoArt:hover, [id^="LNKLIN_"]:hover {
 cursor: pointer;
}

.capofilaDescEst, .capofilaDescEst2 {

 font-size: 1.2rem;
 text-align: justify;
 border: 1px solid #ccc;
 border-right: none;
 border-bottom: none;
 border-top-left-radius: 5px;
 padding: 10px;
 vertical-align: top !important;
}

.capofilaDescEst2 {
  border-left: none;
  border-top: none;
  font-size: 90%;
  //column-count: 2;
  //column-gap: 40px;
  //-moz-column-fill: auto; /* Firefox */
  float: left;
  
  //column-fill: auto;
}

/*.addCarrelloDiretto, .addWishList, .addCarrelloDirettoMobile, .addWishListMobile, .misulPlusIcon {*/
.minusPlusIcon {
    width: 28px;
    height: 28px;
}

.addCarrelloDiretto:hover, .addWishList:hover, .mrkMercatino:hover {
 cursor: pointer; 
 
}

.inputQtaWsh{
	width:75px;
	height: 27px;
}

.inputQtaLfc{
	width:75px;
	height: 27px;
}



.artInCarrelloCls {
  border-radius: 7px;
  background-color: #a7ff81;
}

.carrelloIcon{
 width: 34px; 
 height: 34px;	
}

.carrelloIconMobile{
 width: 28; 
 height: 28;	
}

.inarrivoMobile {
  height: 40;
  width: auto;
}
.inputQtaWshMobile{
	width:75px;
}
.inputQtaLfcMobile{
	width:75px;
}


#newItemsTitle, #bannerNewsTitle, #newItemsTitleVert, #lastPromoTitle, #bannerNewsTitle {
 /*28032018
 background-color: #428bca;
 text-align: center;
 font-size: 1.7rem;
 //font-weight: bold;
 //font-family: Verdana, Geneva, Tahoma, sans-serif;
 color: white;
 padding: 7px;
 border-top-left-radius: 5px;
 border-top-right-radius: 5px;
 */
  background-color: #fff;
  font-size: 150%;
  font-weight: bold;
  text-align: left;
} 

#nuoviArriviLink:hover {
  cursor: pointer;
  text-decoration: underline;
  color: blue;
}         
.bannerNewsTitle {
 background-color: #efefef;
 float: left;
 padding-left: 10px;
 padding-top: 10px;
 padding-bottom: 20px;
 width: 100%;
 border-bottom: 1px solid #ccc;
 font-size: 130%;
 font-weight: bold;
}

.newsDate {
  font-size: 11px;
  color: #9ca3af;
  margin-top: 4px;
}

.bannerTitle {
 font-size: 100%;
 font-weight: bold; 
}

.bannerDataClass {
 font-size: 50%;
  
}
 
.bannerLeftTd {
 // width: 50%;
  font-size: 75%;             
}

.bannerRightTd {
  width: 50%;
  //text-align: center;             
}

.bannerRightImg {
  width: 45%;
  height: auto;
  object-fit: contain;
  display: block;
  background: #f9fafb;
}

.bannerTitleClass:hover, .bannerRightImg:hover, .bannerLeftTd:hover, .bannerRightTd:hover {
  cursor: pointer;
} 

#bannerNews {
  float: none;      /* rimuove il float */
  background-color: #efefef;
  width: 100%;       
}

/*#newItemsTitle:hover, #bannerNewsTitle:hover {*/
#newItemsTitle:hover, #newItemsTitleVert:hover, #primoAcquistoTitle:hover, .whatsappImg:hover { 
 cursor: pointer;
 text-decoration: underline;
}

.validaCarrelloBtn, .addCarrelloPromo, .addCarrelloBtnCls, .btnChiudiArticoli,
.chgVolantinoBtnCls, .aggiornaScontiBtn, .btnNoInsPremio {
    color: white;
    font-weight: bold;
    padding: 15px;
    text-align: center;
    border-radius: 9px;
}

    .btnMostraArticoli:hover, .btnMostraArticoliCapofilaPromo:hover,
    .promoSelectAll:hover, .addCarrelloBtnCls:hover,
    .btnInsPremio:hover{
        cursor: pointer;
    }

.descrCapofila {
   display: flex;
   flex-direction: column;
   width: 65%;
   font-size: 20px;
}


.capofilaGridHide {
	width: 0;
	display:none !important;
}


.capofilaListRadius {
  border-radius: 5px 5px 0 0;
}

.descrCapofilaGrid {
  width: 0;
}

/*.capofilaListGrid {
  display: flex;
  width: 20%;
}

*/
.capofilaCatalogoList {
 flex-direction: column;
}

.capofilaCatalogoGrid {
 flex-wrap: wrap;
}

.capofilaList {
    //border: 1px solid #ccc;
    border: 2px solid #ccc;
    //box-shadow: 3px 3px #ccc;
    margin-bottom: 10px;
    justify-content: space-between;
    border-radius: 20px;
    /* 202511 nuove */
    margin-left: 1.5px;
}

.capofilaListMercatino {
  border: 2px solid #ccc;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
}

.previewCarrelloMaster {
	margin-right: 2%;
}	

.allegatiLink {
   display: flex;
   justify-content: space-between;
   width: 62px;

}

/*
.mrkLinea {
    display: flex;
    flex-direction: column;
    // width: 15%;
    align-items: center;
    padding-right: 15px;
}
*/

.catalogoImage {
    width: auto;
    height: 180;
    align-self: center;
    padding-top: 3px;
    cursor: zoom-in;
}

.capolifaDescEstGrid {
  width:80%;  
}


#catalogoImageInfo {
  width:auto;
  height:180;
  max-width: none !important;
}


#catalogoImageGrid {
  width:256;
  height:192;     
  text-align: center;
}

.catalogoGridTbl {
 border-spacing: 10px;
 border-collapse: separate;
}

.catalogoGridTd {
 padding: 10 10 10 10;
 border: 1px solid #ccc !important;
 /*border-top-left-radius: 5px;
 border-top-right-radius: 5px;
 border-bottom-left-radius: 5px;
 border-bottom-right-radius: 5px;
 */
 text-align: center;
 
}

.progressDialogHide {
	display:none;
}


#primoAcquistoMrkImage {
  width: 120px;
  height: 60px; 
  box-shadow: 0px 0px 1px 0px #999;
}

#novitaImage, #novitaImageVert, #ultimiVistiImage {
  //29032018 width:128;
  //29032018 height:96;
  width: 200px;
  height: 150px; 
  box-shadow: 0px 0px 1px 0px #999;
  //padding-left: 2px;
  //padding-right: 2px;
}

#tableWorkspace {
 float: left;
 padding-left: 2%;
 padding-top: 2%;
}

#lastPromoImage {
  width:185;
  height:253;
  box-shadow: 0px 0px 1px 0px #999;
  //padding-left: 2px;
  //padding-right: 2px;
}

#novitaImage:hover, #novitaImageVert:hover, #lastPromoImage:hover, #ultimiVistiImage:hover, .bestSellersImage:hover,
.artInEvidenzaImage:hover {
        cursor: pointer;
}

#novitaImageVert {
  box-shadow: none;
  padding-bottom: 2px;
  padding-top: 2px;
}

.transitionTd {
 transition: max-height 2s ease;
}

#novitaImageNull {
  width:128;
  height:96;
 // padding-left: 2px;
 // padding-right: 2px;
}

.cpfBigImgDescrContainer {
  margin: 0 10 0 10;
}

#bigImgDescr {
 padding-top: 10px;
 background: white;
 width: 620;
}

.marcaImage {
 /*border: 1px solid #ccc;*/
 border-left: none;
 border-bottom: none;
 /*border-top-right-radius: 5px;*/
 /*border-bottom-right-radius: 10px;*/
 padding-right: 7px !important;
 min-width: 120px;
 max-width: 120px;
}


.capofilaDescImage {
  font-size: 87%;
  padding-left: 0px;
  text-align: justify;
  /*width: 640px;*/
  width:90%;
  font-weight: bold;
}

.insArtMsg {
 border: 1px solid #ccc;
 border-top: none;
 border-bottom-right-radius: 5px;
 border-bottom-left-radius: 5px;
 background-color: orange;

 padding: 10px;
}

.articoliCapofila {
 border: 1px solid #ccc;
 border-top: none;
 border-bottom-right-radius: 5px;
 border-bottom-left-radius: 5px;
 padding: 10px;
}

.marcaImage:hover {
 cursor:pointer;
}

#closeImage {
  position: relative;  
}

.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}


@-webkit-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-moz-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-o-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.blinkImage {
    -webkit-animation: blink 1s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation: blink 1s;
    -moz-animation-iteration-count: infinite;
    -o-animation: blink 1s;
    -o-animation-iteration-count: infinite;
}



#errPromoMsg {
  //opacity: 0.4;
  border-radius: 5px;
  border: 1px solid #428bca;
  padding-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  background-color: #f9efe8;
  top: 50%;
  left: 50%;
  margin-left: -320px;
  margin-top: -80px;
  width: 900px;
  height: 400px;
  display: none;
  z-index: 100;
}

#selPromoMsgCatalogo, #selPromoMsgGestPromo  {
  //opacity: 0.4;
  border-radius: 5px;
  border: 1px solid #428bca;
  padding-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
  position: fixed;
  background-color: #f9efe8;
  top: 30%;
  left: 30%;
  width: 900px;
  height: 400px;
  display: none;
  z-index: 100;
}
/*
* FINE REGOLE CATALOGO
*/

/*
* REGOLE MERCATINO
*/
.mercatinoNew {
 display: flex;
 justify-content: space-between;
}

.blinkNewArt {
 animation: blinker 1.5s linear infinite;
 font-weight: bold;
 color: red;
}

#imgNuovoArtMercatino {
 width: 40px;
 height: 40px;
}

/*
* FINE REGOLE MERCATINO
*/

/*
* REGOLE PROMOZIONI
*/
/* CSS Document */

.promoBoxDescr {
 display: flex; 
 flex-direction: row;
}

.lastPromoImageInside:hover, .ultimiVistiImageInside:hover, .novitaImageInside:hover, .bestSellersImageInside:hover,
.artInEvidenzaImageInside:hover {
    cursor: pointer;
}

.promoBox {
    border: 2px solid #ccc;
    border-radius: 20px;
}

.promoNew {
 display: flex;
 justify-content: space-between;
}
.ricercaPromo {
 width: 95%;
 text-transform: uppercase;
 border: 1px solid #ccc;
}

.percorsoPromo {
 /*margin-left: 10px;*/
}
    
.descEstPromoGrid {
/* width: 12vw;*/
 margin: 15 10 15 10;
}

.promoImgDescr {
 display : flex;
}
/*
.btnMostraArticoliPromo {
 color: white; 
 font-weight: bold; 
 padding: 10px;
 text-align: center;
 //width: 100%;
 //margin: 0 5 0 5; 
}

.btnMostraArticoliPromo:hover {
 cursor: pointer; 
}
*/
.btnGridPromo {
 /*margin-left: 10px; */
 width: 100%;
 margin: 0 5 0 5; 
}


.btnGridPromoMrk {
margin-left: 7px;
padding: 10px;
}
.boxTitoloPromo {
 display : flex;
}

.codPromo  {
 font-size: xx-large;
 font-style: italic;
 font-weight: bold;
 margin-top: 10px;
}

.promoDati {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.gestionePromoNew {
  display: flex;
  justify-content: space-between;
}
.promoInOrdineBox {
  border: 6px solid #ccc;
}
/*
.promoInOrdineBoxLocandina {
  border: 1px solid #ccc;
  border-radius: 10px;
}
*/
.promoBoxLoncandina {
  border: 1px solid #ccc;
}

.promoInOrdine {
 background-color: #a7ff81;
}
/*.promoNew {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

*/

.locandinePromo, .locandineCatalogo, .mrkCatalogo {
    display: flex;
    flex-wrap: wrap;
}

.ultimeVisteTitle {
 margin-top: 10px;
 font-size: 16px;
}

.optionPromoPanel, .optionCarrelloPanel, .optionWishListPanel, .optionTrackingPanel,
.optionDocumentiPanelMain, .optionScontiMainPanel, .optionMercatinoPanel, .optionVolantiniPanel,
.optionLafecoinPanelMain, .optionConsumiPanelMain, .optionContentPanelMain {
    width: 22%;
    float: left;
    //font-size: 90%;
    display: flex;
    flex-direction: column;
    margin: 0px 5px 0px 5px;
}

.optionPromoPanelContent {
  display: flex;
  flex-direction: column;
}

.sceltaTipoElenco, .listInizialiMrk {
 display : flex;
 justify-content: center;
}

.lblTipoElenco {
 margin-right: 5px;
 vertical-align: baseline;
 align-items: center;
}

.tipoElenco {
  
}
.scadPromo {
 font-size: xx-large;
 margin-top: 15px;
}

.boxInfoPromo{
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-width: 45%;
}

.scadPromo,
.promoTrashCan {
  width: 100%;
  box-sizing: border-box;
}

.scadPromoLocandina {
  font-size: 1.1rem;
  padding-left: 5px;
}
.promoDescEst {
 font-size: x-large;
 margin-top: 10px;
}
.promoImageTd {
 font-size: 1.2rem;
 text-align: justify; 
 padding: 10px;
 vertical-align: top;
 min-width: 210px;
 height: auto;
}


.promoImage:hover, .removePallbox:hover, .promoMrkImage:hover, .catalogoLevelImage:hover, .catalogoMrkImage:hover,
.inizialeMarchio:hover, .volantinoImage:hover {
    cursor: pointer;
    /* width:412;
 height:582;
 z-index: 40;
 */
}


#backToTopPromo {
  display: none;
  background-color: #f89d32 !important;
  width: 100%;
  font-size: 1.2em !important;
  background-image: -webkit-linear-gradient(top, #f89d32, #c8720d);
}

#liPromoViste:hover {
 cursor:pointer;
}

#liPromoViste {
/* padding: 5 0 0 7;*/
}

.capofilaPromoDesc {
 //background-color: #428bca;
 font-size: 1.5rem;
 color: white;
 padding: 0.6vw;
 border-radius: 5px;
}

.capofilaPromoDescEst {
 //font-size: 1.2rem;
 font-size: 90%;
 text-align: justify;
 border: 1px solid #ccc;
 border-right: none;
 //border-bottom: none;
 border-top-left-radius: 5px;
 padding: 10px;
 vertical-align: top;
 width: 150px;
}

.capofilaPromoDescEst2 {
 /*font-size: 1.2rem;*/
 font-size: 90%;
 text-align: justify;
 border: 1px solid #ccc;
 border-left: none;
 /*border-bottom: none;*/
 border-top-left-radius: 5px;
 padding: 10px;
 vertical-align: top;
}

.headerPallbox {
 /*border-top: 1px solid #aaa;*/
 /*border-bottom: 1px solid #aaa;*/
  color: black;
  font-weight: bold;
  font-size: 110%;
  background-color: white;
  padding-top: 20px;
  padding-bottom: 10px;
}

.imgProposte {
 height: 96px;
 width: 96px;
} 


.promoGridOuter, .offerteGrid, .catalogoDftGrid {
  border: 2px solid #ccc;
  margin: 0.5rem;
  display: flex;
  flex-direction: column;
  
}

.promoGrid2, .offerteGrid2 {
 // border: 1px solid #ccc;
 // border-bottom: none;
 // border-top: none;
  
}

.promoGridMarchi, .catalogoDftGridMarchi {
    display: flex;
    width: 120px;
    height: 60px;
    padding: 10px;
    justify-content: center;
}

.promoGrid3, .offerteGrid3 {
  display: flex;
  margin-bottom: 0.5rem;
  margin-top: auto;
  justify-content: center;
}
/*
.promoTrashCan {
margin-left: 10px;
}
*/
.offerteGrid:hover, .offerteGrid2:hover, .offerteGrid3:hover {
  cursor:pointer;
}

.promoImage, .catalogoDftLevelImage, .volantinoImage {
  width: 165;
   /*
  height: 233;
 border: 1px solid #ccc;
  border-right: none;
  border-bottom: none;*/
  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.promoImagePiccola {
  width: 120;
  height: auto;
  padding: 5px;
  margin: 2px;
}


.promoMrkImage, .catalogoDftMrkImage {
    /*
  width: 120;
  height: 60;
  padding: 10px;
  */
    height: auto;
    width: auto;
    /*text-align: center;*/
    object-fit: contain;
}

.cercaArtPromo {
  //display: flex;
}

.promoRecord {
  background-color: white;
}

.btnAddRmvPromo:hover {
  cursor: pointer;
}

.btnAddRmvPromo{
  width: 32px;
  height: 32px;
  padding-left: 15px;
}

.titoloPromo {
 /*font-size: 1.5rem;
 padding-left: 5px;
 font-weight: bold;
 */
 padding-left: 5px;
 font-size: 24px; 
 font-weight: 500; 
 color: #111827;
}

.eliminaPromo {
 width: 48px;
 height: 48px;
}

.tableErrorPromoCls{
	overflow:scroll; 
}

#switchPromoView:hover {
  cursor:pointer;
}

/* Pallbox */
.tablePbx {
  width: 100%; 
  padding-top:10px; 
  border: 1px solid #ccc; 
  box-shadow: 5px 3px #ccc;
}

/*
* FINE REGOLE PROMO
*/

/*
* REGOLE CARRELLO
*/
/* CSS Document */

.divArtErrati {
  height: 165px;
  overflow: auto;
}
  
.tableArtErrati {  
  overflow: auto;
}

#confermaCarrello:hover, #svuotaCarrello:hover{
  cursor:pointer;
  color: #dbdbdb;
}

#confermaCarrello {
  background-color: #20ca38;
  //28032018width: 100%;
  width: 85%;
  font-size: 1.5em;
  background-image: -webkit-linear-gradient(top,  #20ca38, #15511d);
  border-radius: 7px;
  box-shadow: 3px 3px #aaaaaa;
  border: none !important;
  height: 3em;
}


.boxOptionCarrello {
    height: 30vh;
}

 .datiCarrHide {
	display: none;
 }

#optionCarrelloPanelContent, #optionVolantiniPanelContent {
  /*display: flex;          
  flex-direction: row;
  align-items: stretch ;
  width:98vw;           
  width: 22%;           */
  padding-bottom: 10px;
 }

.insVelocePanel {
    //width: 75%;
    margin-left: 10px;
}

/*#optionCarrelloPanel {
    width: 100%;
}

*/
/*
#optionCarrelloPanelContent {
 width: 90%;
 padding-bottom: 20px;
}
*/
.spanHeaderOff {
 background-color: #9d9d9f;
 font-size: 1rem;
 color: white;
 font-weight: bold;
 padding: 1.2em 0.5em 1.2em 0em;
}
/*
.shopImgArt {
 height: 48;
 width: 64;
}
*/

/*
.finalOpTableFase {
 font-size: 2.5rem;
 color: white;
 font-weight: bold;
 vertical-align: middle;
}
*/
/*
.finalOpTable {
 border-collapse: separate;
 border-spacing: 0 1;
 width: 100%;
}
*/


/*
.finalOpTableDesc {
 font-size: 1.1rem;
 color: white;
 font-weight: bold;
}
*/
.finalOpTable td {    
 width: 25%;
}

.spanHeaderOn {
 background-color: #428bca;
 font-size: 1rem;
 color: white;
 font-weight: bold;
 padding: 1.2em 0.5em 1.2em 0em;
}

#finalOp1 {
 //white-space: nowrap;
 //background-color: #428bca;
 //text-align: left;
 background: url("../images/Avanzamento1.png") no-repeat right; 
}

#finalOp2 {
 background: url("../images/AvanzamentoGrey2.png") no-repeat right;
}
#finalOp3 {
 background: url("../images/AvanzamentoGrey2.png") no-repeat right;
} 

#finalOp4 {
 background: url("../images/AvanzamentoGrey2.png") no-repeat right;
}

#svuotaCarrello {
  background-color: #d10b34;
  width: 100%;
  font-size: 1.2em;
  background-image: -webkit-linear-gradient(top, #d10b34, #8a0420);
}

#validaBtn, #helpScontiBtn {
 padding:  10px; 
 padding-left: 25%;
}


.shopTable th, .dettTracking th {
  //background-color: #428bca;
  //font-size: 16px;
  //color: white;
  //padding: 0.6vw;
  //border-radius: 5px;

}
.shop-elenco {
    border: 2px solid #ccc;
    border-radius: 20px;
    margin-top: 2px;
    margin-bottom: 2px;
    overflow: hidden;
}

.shop-elenco-inner {
    border: 1px solid #ccc;
    border-radius: 20px;
    margin-top: 2px;
    margin-bottom: 2px;
}

.table-carrello-desktp {
    // 20251231 Alessandro display: table;
    display: flex;
    justify-content: space-around;
    border: 0px !important;
}

.table-carrello-th {
    display: flex;
    justify-content: space-around;
    border-bottom: 0.2px solid #ccc;
}

.table-carrello-trk, .trackingDett {
    display: flex;
    justify-content: space-evenly;
    border: 0px !important;
}
.shopTableRightAlign {
    text-align: right !important;
    padding-right: 0px !important;
    '
}
/*
.shopTable a {
    //font-size: 12px;
    color: white;
}

.shopTable a:hover {
  //font-size: 12px;
  color: black;
}

.shopTable tr:nth-child(even) {
  background-color:#ffffff;
}
*/
#benefitDiv {
  display: none;
}

.benefitList {
 padding: 10px 2px 2px 10px;
}

.benefitListTable {
 width: 100%; 
 overflow: auto;
}

.codPromoBenefit {
  background-color: yellow;
  font-weight: bold;
  padding: 3px;
}

@-webkit-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-moz-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-o-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.blinkImage {
    -webkit-animation: blink 1s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation: blink 1s;
    -moz-animation-iteration-count: infinite;
    -o-animation: blink 1s;
    -o-animation-iteration-count: infinite;
}
/*
* FINE REGOLE CARRELLO
*/

/*
* REGOLE TRACKING
*/

.trackingDettrowTableArticoliErr {
   color: red;
   font-weight: bold;
}

.trackingDettrowTableArticoliArrivato {
   color: green;
   font-weight: bold;
}

.rowTableArticoliResiduo {
   color: orange;
   font-weight: bold;
}

.addVolantinoTrkMobile {
  display: none
}

.dettTrkTable, .dettVolantiniTable {
  //margin-left: 5px;
  //margin-bottom: 5px;
  //border: 4px solid #ccc;
}

.trkRadioOpt {
  margin-left: 30px;
}
.trkStati {
  border-bottom: 1px solid #ccc;
}
.trkOptStati {
 display: flex;
 flex-direction: column;
}
.testTracking {
 background-color: #3366FF;
 font-size: 20px ;
 font-family: Verdana, Geneva, Tahoma, sans-serif; 
 color: white;
}

.dettTracking {
 background-color: #efab79;
 font-size: 15px ;
 font-family: Verdana, Geneva, Tahoma, sans-serif; 
 color: white;
}

.rigaArtTracking:hover {
 background-color: yellow;
 cursor:pointer;
}

.optImage {
 width: 22px; 
 height: 22px;
 padding-right: 5px;
}

.trkFilterTr {
  padding-top: 2px;
  padding-bottom: 2px;
  border-bottom: 1px solid #ccc;
}

/*
#pdfDoc {
 position: fixed;
 z-index: 10000;
 top: 50%;
 left: 50%;
 //margin-left: -350px;
 //margin-top: -240px;
 width: 800px;
 height: 400px;
 font-size: 1rem;
 border-radius: 5px;
 border: 1px solid #aaaaaa;
 background-color: #fff;
}
*/
.headerDettTracking {
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  color: black;
  font-weight: bold;
  font-size: 80%;
  background-color: #ded6d6;

}
/*
* FINE REGOLE TRACKING
*/

/*
* REGOLE DOCUMENTI
*/

.tipoDocList {
  width: 75%;
  color: white;
  background: #428bca;
  font-size: 30px;
  margin-top: 1px;
  margin-left: 5%;
  padding: 10px 5px 10px 25px;
}

.slideDown {
 transition: 1-5s ease-in-out;
 -moz-transition: 1.5s ease-in-out;
 -o-transition: 1.5s ease-in-out;
 -webkit-transition: 1.5s ease-in-out;
}

.annoDocumenti {
 font-size: 30px;
 padding: 5 0 5 30;
 width: 75%;
 margin-top: 1px;
 background: #77b3e8;
 margin-left: 5%;
 color: white;
}
.tipoDocList:hover {
 cursor: pointer;
}
/*
* FINE REGOLE DOCUMENTI
*/

/*
* REGOLE CONTENUTI
*/
.sidebar__tree { padding: 8px 0; }

.tree-item {
      display: flex; align-items: center; gap: 8px;
      padding: 8px 16px; font-size: 13px; color: #374151;
      cursor: pointer; transition: background 0.15s;
}
.tree-item:hover { background: #f3f4f6; }
.tree-item.active { background: #e8f2fb; color: #2d7fc1; font-weight: 500; }
.tree-item svg { width: 15px; height: 15px; flex-shrink: 0; }
.tree-item--sub { padding-left: 32px; font-size: 12px; }
.tree-item__count { margin-left: auto; font-size: 11px; color: #9ca3af; }
.tree-item.active .tree-item__count { color: #2d7fc1; }

.tableGestContenuti {
  width: 82%;
}

.folderList:hover {
  cursor: pointer;
}

.folderListAlt:hover {
  cursor: pointer;
}

.pathBase {
    background-color: #428bca;
    font-size: 16px;
    color: white;
    padding: 0.6vw;
}

.contentImg {
   height: 70%;
   //width: 50%;
}

.content-list {
  border: 2px solid #ccc;
    margin-bottom: 10px;
    /* justify-content: space-between; */
    border-radius: 20px;
    margin-left: 1.5px;
   /* height: 60px;*/
}
.content-list-inner {
  border-top: 1px solid #ccc;
}

.islastnode{
  height: 80%;
}

.space-around {
  justify-content: space-around;
}
.selectableHeader:hover {
  cursor:pointer;
  text-decoration: underline;
}
/*
* FINE REGOLE CONTENUTI
*/ 

/*
* REGOLE SCONTI
*/
.scontiMobileHeader {
  font-weight: bold;
  font-size: 24px;
  color: white;
  padding-left: 20px !important;
}

.border-sconti-inner {
    border: 1px solid #ccc;
    border-radius: 5px;
    margin: 0px 3px 3px 5px;
}

.titolo-sezione {
    font-size: 50px;
    font-weight: bold;    
    display: flex;
    align-items: center;
    justify-content: center;
}

#selScontiOperation {
  //opacity: 0.4;
  font-size: 1.2rem;
  border-radius: 5px;
  border: 1px solid #428bca;
  padding-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  background-color: #f9efe8;
  top: 50%;
  left: 50%;
  margin-left: -320px;
  margin-top: -80px;
  width: 640px;
  height: 160px;
  display: none;
  z-index: 100;
  box-shadow: 0px 0px 5px 0px #999;
}

.scontiLink {
  text-align: left;
  padding: 0.5em 0.5em 0 0.5em;
  font-size: 0.9em;
} 

#gestScontiCliente:hover{
	cursor: pointer;
	text-decoration: underline;	
	color: #F58529;
}



#gestScontiCliente  {
   text-decoration: underline;
   color: blue;
}
/*
* FINE REGOLE SCONTI
*/


    #labelFunzione {
   width: 70%;
   vertical-align: top;
   text-align: right;
   padding-right: 2%
}

#labelFunzioneWhite {
   width: 70%;
   vertical-align: top;
   text-align: right;
   padding-right: 2%;
   color: white;
}

#labelFunzioneLoggato {
   width: 20%;
   vertical-align: top;
   text-align: right;
   padding-right: 2%
}

.alternateRow{
    background-color: #e8fdfd;
}

#blankSpace {
  height: 25%;
}

.bodyH2B {
   font-family: "Arimo", Arial, Verdana;
}

.section-title {
  font-size: 2.5rem;
  margin-left: 25%;
}

.globalContainerH2B {
  background-color: #fff;
  width:100%;
  margin-left: auto;
  margin-right: auto;
 // font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
 // box-shadow: 5px 5px 5px #dedede, -5px 5px 5px #dedede;
}

#catalogoContainer{
  width:100%;
  margin-left: auto;
  margin-right: auto;
}

#logo {
  /*float: left;    */
  /*padding: 35px 28px;*/
}

#loginRequest:hover{
   cursor:pointer;
}

.shopButtonCls{
  width:50px;
  height:40px;
  text-align:center;
}

.inputQtaDett{
  width: 3rem;
  text-align: right;
}

#ruoli{
  display:none;
}

#bigImageButton{
  position: absolute;
  z-index: 15100;
  top: -12px;
  right: -12px;
}

#bigImageButton:hover{
  cursor: pointer;
}

#loginRequest {
  width: 10%;
  margin-left: auto;
  margin-right: auto;
}

#login{

	/*display:none;*/
  /*align-items: right;*/
}

#selettoreRuolo {
    background-color: grey;
    padding:5px;
    text-align:center;
}

#errorhead {
  background-color: red;
}

/*
#errorDiv, #infoDiv {
  background-color: white;
  //position:absolute;
  box-shadow:0px 0px 5px 0px #999;
  background-color: white;
  z-index: 200005;
  width: 300px;
  height: 200px;
  top: calc(50vh - 100px);
  margin-top: 0;
  left: calc(50vw - 150px);
  margin-left: 0;
} 
  */

#slidePopup {
  background-color: white;
  //position:absolute;
  box-shadow:0px 0px 5px 0px #999;
  background-color: white;
  z-index: 200005;
  width: 200px;
  height: 100;
  top: 110px;
  margin-top: 0;
  //left: calc(50vw - 150px);
  right: 0;
  margin-left: 0;
  position: fixed;
} 



#causali {
  display:none;
  width:300px;
  height:150px;
	background-color: white;
	position:absolute;
  box-shadow:0px 0px 5px 0px #999;
  background-color: white;
  z-index:5;
}


#bigImageDiv, #prevImageDiv, #nextImageDiv, #descrImageDiv {
/*
  background-color: white;
	position:absolute;
  z-index:2;
  border: 2px solid #428bca;
  */
  position:absolute;
        /*top: 50%;
        /*left: 50%;
        /*width:640;
        /*height:10em;
        margin-top: -5em; /*set to a negative number 1/2 of your height*/
        /*margin-left: -5em; /*set to a negative number 1/2 of your width*/

  //border: 1px solid #428bca;
  z-index:15000;
}
/*
.showcaseDiv {
  position:absolute;
  z-index:15000;
  left: 700px;
  top: 102px;  
}

*/
.btnImageScroll {
  font-size: 72px;
  color: black;
}

#showcaseDiv:hover {
  cursor: pointer;
}

#selezioneCliente {
  display: none;
}

#funzioni{
  display: none;
}
#userRecoveryOld {
  display: none;
}
/*
#userRecovery {
  margin-left: 0px;
  left: calc(50vw - 240px);
  top: calc(50vh - 160px);
  margin-top: 0px;
  background-color: #fff;
  height: 320px;
  width: 480px;
  z-index: 105000;
}*/

#selectSignupDiv {
 margin-left: 0px;
 left: calc(50vw - 160px);
 margin-top: 0px;
 top: calc(50vh - 90px);
 background-color: #fff;
 height: 180px;
 width: 320px;
 z-index: 105000;
}

#pwdRecovery {
  display: none;
  z-index=2;
  //background-color: white;
	position:absolute;
  //box-shadow:0px 0px 5px 0px #999;
  background-color: #fff;
}

#errorPwd {
  display: none;
  z-index=2;
}
/*
#detailArticolo {
 position: fixed;
 z-index: 10000;
 top: 50%;
 left: 50%;
 margin-left: -350px;
 margin-top: -260px;
 width: 700px;
 height: 480px;
 font-size: 1rem;
 border-radius: 5px;
 border: 1px solid #aaaaaa;
 background-color: #fff;
 flex-direction: column;
}
*/
#error{
  display: none;
}

.errorDialog {
 background-color: red;
}

.footer-signature {
  background: #121212;
  float: left;
  position: relative;
  width: 100%;
  z-index: 50;
}

.footer-signature-content {
  color: white;
  font-size: 12px;
  line-height: 22px;
  min-height: 22px;
  padding: 10px 0;
  text-align: center;
}

.body_catalogo {

}

.iconTable td{
/*	width:28px;*/
}

.highlight {
    background-color:yellow;
}

.garbageImage, .garbageImageNota, .garbageImagePromo, .addVolantinoShop {
 /*width: 28px;
 height: 28px;*/
}

.garbageImage, .garbageImageWsh, .garbageImageNota, .infoImmageNota, 
.imgDetailArticoloStart, .infoWishImg, .insVeloceWsh, .insVeloceTrk, .insVeloceLfc:hover, .addVolantino:hover, .addVolantinoShop:hover {
 cursor:pointer;
}

/*
.imgDetailArticoloStart {
  height: 28;
  width: 28;
}
*/

.imgCursorPointer {
 height: 32px;
 width: 32px;
}

.imgCursorPointer:hover {
 cursor:pointer;
}


#headerId {
  //background: #73a4cf!important;
}

.ui-datepicker-trigger {
  position: relative;
  top: 7px;
  left: 7px;
}

#hider {
    display: inline-block;
   /* position:absolute;*/
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100vh;
    position: fixed;
    overflow: hidden;
    /*z-index: 9900;*/
    background-color: #242424;
    opacity: 0.3;
    filter: alpha(opacity=30); /* For IE8 and earlier */
}


.rowTableGestSconti{
   font-size: 12px ;
   //font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.rowTableGestScontiAlt{
   font-size: 12px ;
   //font-family: Verdana, Geneva, Tahoma, sans-serif;
   background-color: #e8fdfd;
}


// text banner
#quotes, #nuoviArriviQuotes {
    margin: 0;
    //padding: 100px;
    font-size: 1.4em;
    position: relative;
    width: 75%;

}


.textItem, .nuoviArriviItem {
    position: absolute;
    //display: none;
    font-size: 1.1em;
    //background-color: rgb(255,255,102)
}

.textItem:hover {
    cursor:pointer;

}
#bannerNewsContent {
  background-color: #e2ff22;
}

 #searchBarBoxMobile {       
   padding: 0 28px;         
 }

/*
20210401 gestito flex
*/
@media screen and (max-width: 639px) {

#menuBarContainer {
    display: none;
}

#notaRigaDiv, #detailArticolo {
 width: calc(100% - 20px);
 position: fixed;
 top: calc(100vh/2 - 180px);
 left: 10px;
 margin-left: 0;
 margin-top: 0;
 height: 360px;
}

#detailArticolo.stdBox {
 height: calc(100vh - 280px);
 top: calc(50% - 280px);
}

#detailArticolo.datiAggiuntivi {
 height: calc(100% - 150px);
 top: calc(50% - 150px);
}

.capofilaDescEst2 {
  font-size: 75%;
}

#prevImageDiv, #nextImageDiv {
  display: none;
}
/*
Regole per nascondere colonne
*/
 .elencoArticoli {
   overflow-y: hidden;
   overflow-x: auto;
 }

 
  td.artTableCod, td.artTableBcode, td.artTableDescr, 
  td.shopImageCls, td.shopCodCls, 
 .artTableRow1  {   display:none;
   width:0;
   height:0;
   opacity:0;
   visibility: collapse;
 }
 th.artTableSel, th.artTableCod, th.artTableBcode, th.artTableDescr ,
	th.shopImageCls, th.shopCodCls {
   display:none;
   width:0;
   height:0;
   opacity:0;
   visibility: collapse;
 }
 
 /*regole per validazione carrello*/
	
.disp-type-validaCarr {
	//display: block;
	display: flex;	
	flex-direction: row;	
	font-size:10pt;
	width: 165px;
}

.disp-type-validaCarrDatiFin{
	display: block;
}
	
.finalOpTableFase {
 font-size: 1.5rem;
 color: white;
 font-weight: bold;
 vertical-align: middle;
}
	
.finalOpTableDesc {
 font-size: 0.75rem;
 color: white;
 font-weight: bold;
}

.dim-validaCarr{
	width:50%;
	height:2px;
}	
	
#pwdChgdiv, #messageForAllDiv {
  margin-left: 0px;
  margin-top: 0px;
  left: 0px;
  top: 110px;
  width: 100%;
  height: 80%;
  border-radius: 0px;
     
 }
 
.h2bPromoParagraph {
	padding: 0.5em 0.5em 0 0.5em;
	font-size: 1.0em;
}
/* regole promo */ 
 
.catalogoImgBtn {
	flex-direction: column;
}
 
 }

@media screen and (max-width: 1023px) {
	/*regole per carrello mobile*/
	
/*	
.shopImage {
 display: flex;
 flex-direction: column;
 margin-left: 5px;
 font-size: 24px;
 padding-bottom: 5px;
}
	
*/

.gestWishBtn, .btn-action--primary.confermaOrdineBtn {
  width: 50%;
}

.mobileSelectedItem {
  background: rgba(45,127,193,0.15);
}

#contentContainer {
  margin: 115px 0 0;
}

.filtri-tab {
    width: 28px;
    height: 100%;
    background: #2d7fc1;
    border: none;
    border-radius: 0 8px 8px 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.filtri-tab i {
  font-size: 18px;
  color: #2d7fc1;
}

.filtri-tab svg {
  transition: transform 0.3s ease;
}

.filtri-tab.aperto svg {
  transform: rotate(180deg);
}

.toggle-row { 
  display: flex; 
  align-items: center !important; 
  justify-content: center !important;  /* ← era space-between */
  gap: 12px !important;                /* ← spazio tra testo e toggle */
  padding: 12px 16px; 
  background: #f3f4f6; 
  border-radius: 8px; 
  margin-bottom: 20px; 
}

.table-carrello-trk-mobile {
    display: flex;
    justify-content: space-evenly;
    border: 0px !important;
}

.filtriCatalogo {
    //height: auto !important;        /* rimuove l'altezza fissa */
    overflow: visible !important;   /* non taglia più */
    max-height: 100%;
  }

  .padding-2rem {
    padding: 0px !important;
  }

  .combo-wrapper, .ovf-visible {
    overflow: visible !important;
  }

  .combo-dropdown {
    position: relative !important;
    width: 100% !important;
    left: auto !important;
    top: auto !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  }

.catalogoInit {
  width: 100%;
    
}

#tableCarrello {
  margin-left: 0px;
  padding-right: 10px;;
}
.catalogoDftLevelImage {
  width: 200px;
}

.sconti-table {
  display: flex;
}

.table-carrello-th, .table-carrello-trk {
  display: none;
}

#menuBarContainer {
    height: 0px
}


#lafeCoinOptMobile {
  font-size: xx-large;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 5 0 5 5;
  border: 2px solid #ccc;
  border-radius: 10px;
}

#optionLafecoinPanel {
  display: none;
}


.addVolantinoTrkMobile {
  display: inline-block
}

.table-tableInner{left: auto; width: 100%}

.infoWishImgMobile {
  display: none;
} 

#reqStampaVolantino {
  left: 40px;
}

.promoBoxDescr {
 display: flex; 
 flex-direction: column;
}

.boxInfoPromo {
  max-width: 90%;
}

.codPromo, .promoDescEst, .scadPromo, .btn-delete-promo {
 margin-left: 10px;
 font-size: 120%
}

.promoTrashCan {
 /*font-size: 110%;*/
 /*margin-left: 10px;*/
}

.descEstCpf {
  font-size: 95%;
}

.prezziMobile, .qtaMobile {
 display: flex;
 flex-direction: row;
 align-items: center;
}


#testataVolantino {
  width: calc(100vw - 10px);
  margin-left: 0px;
  left: 10px;
  height: 510px
}

#addArticoloVolantino {
  height: 360px;
  margin-top: 0px;
  top: calc(50vh - 180px);
  width: calc(100vw - 50px);
  margin-left: 0px;
  left: 5px;
}

.pwdChgDiv {
  height: calc(100vh- 100px) !important;
}

.signupLabel {
  color: color: #003b82;
}

.userOpt, .newSignup {
 margin-left: 0px;
}

.userPwd, .newUser {
  display: flex;
  flex-direction: column;
}

#userRecovery {
   width: calc(100vw - 20px);
   left: 5px;
   margin-left: 10px;
   top: calc(50vh - 160);
   margin-top: 0;
   
   
}
.reqDatiUtente {
  width: 100%;
  margin: 20 5 0 5;
  
}

.ultimeVisteTitle {
  font-size: 16px;
  margin-left: 5px;
}

.ricercaPromo {
  margin-left: 5px;
}

.trkOptStati {
 display: flex;
 flex-direction: row;
}

.trkRadioOpt {
  margin-left: 5px;
} 

.capofilaList, #boximgpromo, .capofilaListMercatino  {
  width: calc(50vw - 28px);
  /*margin-left: 5px;*/
}

.promoGridMobile, .catalogoDftGridMob  {
  width: calc(50vw - 35px);
}
.promoGridOuter, .catalogoDftGridMob, .catalogoDftMrkGridMob {
  margin: 3px;
}

.shopTablePromo {
  margin-right: 0px !important;
}

/*.promoGrid, .datiCatalogo, .promoResultNew {*/
.datiCatalogo, .promoResultNew, #miniaturecatalogo, .acquistatoTable, #tableTracking, 
#tableGestDocumenti, #mercatinoResultNew, #tableGestSconti, #tableVolantini {
 margin-left: 28px !important;
}

.cpflistpromo {
  width: calc(50vw - 35px);
}

.cpflistpromo:hover, .catalogoImage:hover {
  cursor: default;
}
.catalogoImagePromo {
  width: 210px;
}
.capofilaListMobileWith100x100 {
    width: 100%;
}

.showPrefContainer {
 top: 135px;
 right: 0px;   
}
 
 
.divArtErrati {
 height: 240px;
 margin-top: 10px;
}

.tableArtErrati {
 overflow: auto;
}

.mercatinoResultNew {
  float: left;
  width: 100%;
}

#showCaseDiv {
 margin-top: calc(100vh/2 - 75vh/2);
}

#nomeUtenteInMenu {
  display: flex;
  justify-content: flex-end;
} 

#loginStatusOptionsMobile {
  display: flex;
}

#printWindow {
  display: none
}

.pwdTableClass {
 padding-right: 5px;
}

#infoPromoDiv, #infoPromoListDiv {
  width: calc(100% - 20px);
  margin-left: 0px;
  margin-top: 0px;
  top: calc(50vh - 110px);
  left: 10px;
  height: 220px !important;
}

#rimuoviArticolo {
  width: calc(100% - 20px);
  margin-left: 0px;
  margin-top: 0px;
  left: 10px;
  top: calc(50% - 160px);
}
 
.tableGestContenuti {
  width: 100%;
  margin-left: 10px;
}
#infoPromoDiv, #infoPromoListDiv {
 z-index: 10600;
}

/*
#errorDiv, #infoDiv {
 position: fixed;
 top: calc(50vh - 90px);
 left: calc(50vw - 175px);
 margin-left: 0px;
 margin-top: 0px;
}
*/

#backToTop {
  position: fixed;
  bottom: 1.5rem;
  left: calc(100vw - 48px - 1.5rem);
  display: none;
  font-size: 48px;
}

#showCaseMaster {
  width: calc(100% - 40px);
  margin-left: 20px;
} 
   
#pwdChgDivLoggato {
  width: calc(100% - 20px);
  margin-left: 0px;
  margin-top: 0px;
  top: calc(50vh - 160px);
  left: 10px;
  height: 320px !important;
}

.promoImage {
 width: 39vw;
 height: auto;
}  
.benefitList tr {
  font-size: 80%;
} 
   
.finalOpDsktp {
 display: none;
}    

.detailArticoloDescEst, .benefitListTable {
 font-size: 15px;
}

#detailArticolo table {
 font-size: 15px;
}
    
.shopTable {
 display: flex;
 flex-direction: column;
 /*margin-left: 5px;*/
 margin-left: 5px;
 padding-bottom: 5px;
}
 
.tableArtPromo {
  display: flex;
  flex-direction: column;
  
}	

.addCartWish {
 display: flex;
 flex-direction: row;
}
.addCartLfc {
 display: flex;
 flex-direction: row;
}


.carrello-mobile {
        /*width: 70%;*/
  width: 100%;
  display: table-cell;
  vertical-align: middle;
  padding: 10px 2px;
  box-sizing: border-box;
  text-overflow: ellipsis;
  overflow: visible;
  margin-top: 5;
/*  margin-left: -5;*/
  border-radius: 10px;
} 
 
.imgDetailArticoloStartMobile {
	display:none;
}
 
 .espandiRighe{
	width: 5%;
 }
 
 .inputQtaMobile, .inputQtaCnfMobile {
	width: 68px;
 }
#optionCarrelloPanel, #optionWishListPanel {
  display:none;
} 	
	
#confermaCarrello {
	width: 20vw;
	height: 35;
}

.table-tracking-desktp{
	display:none;
	width: 0%;
}


.table-wish-desktp{
	display:none;
	width: 0%;
}

.table-lfc-desktp{
	display:none;
	width: 0%;
}

.table-carrello-desktp, .wish-elenco {
	display:none;
	width: 0%;
}

/*	
.shopImgArt {
 height: 144;
 width: 192;
}
*/

.div-width-img, .div-width-img-trk{
	width: 30%;
}

/* regole per CONSUMI */

   .summary {
      margin-top: 1rem;
      font-size: 13px;
      color: #666;
      min-height: 20px;
    }
    .summary span {
      color: #1a1a1a;
      font-weight: 500;
    }
       /* ── Trigger ── */
    .combo-trigger {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
      padding: 8px 12px;
      border: 1px solid #d0d0d0;
      border-radius: 8px;
      background: #fff;
      cursor: pointer;
      user-select: none;
      min-height: 40px;
      transition: border-color 0.15s;
    }

    .combo-trigger:hover { border-color: #999; }
    .combo-trigger.open  { border-color: #555; }

    .tags-display {
      display: flex;
      flex-wrap: wrap;
      gap: 5px;
      flex: 1;
      overflow: hidden;
    }

    .placeholder { color: #aaa; }

    .tag {
      display: inline-flex;
      align-items: center;
      gap: 4px;
      padding: 2px 8px;
      background: #e8f0fe;
      color: #1a56db;
      border-radius: 20px;
      font-size: 12px;
      font-weight: 500;
      white-space: nowrap;
    }

    .tag-remove {
      cursor: pointer;
      font-size: 15px;
      line-height: 1;
      opacity: 0.6;
    }
    .tag-remove:hover { opacity: 1; }

    .arrow {
      flex-shrink: 0;
      font-size: 10px;
      color: #888;
      transition: transform 0.2s;
    }
    .arrow.open { transform: rotate(180deg); }

    /* ── Dropdown ── */
    .combo-dropdown {
      display: none;
      position: absolute;
      top: calc(100% + 4px);
      left: 0;
      right: 0;
      z-index: 100;
      background: #fff;
      border: 1px solid #d0d0d0;
      border-radius: 8px;
      box-shadow: 0 4px 16px rgba(0,0,0,0.1);
      overflow: hidden;
    }
    .combo-dropdown.open { display: block; }

    /* Search */
    .combo-search {
      padding: 8px 10px;
      border-bottom: 1px solid #eee;
    }
    .combo-search input {
      width: 100%;
      border: none;
      outline: none;
      font-size: 13px;
      color: #1a1a1a;
      background: transparent;
    }
    .combo-search input::placeholder { color: #bbb; }

    /* List */
    .combo-list {
      max-height: 210px;
      overflow-y: auto;
    }

    .combo-item {
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 9px 12px;
      cursor: pointer;
      transition: background 0.1s;
    }
    .combo-item:hover { background: #f5f5f5; }
    .combo-item.selected { background: #f0f4ff; }

    .combo-item input[type="checkbox"] {
      width: 15px;
      height: 15px;
      cursor: pointer;
      accent-color: #1a56db;
      flex-shrink: 0;
    }

    .combo-item label {
      cursor: pointer;
      flex: 1;
      font-size: 14px;
      color: #1a1a1a;
    }

    .combo-item.no-results {
      color: #aaa;
      font-size: 13px;
      cursor: default;
      justify-content: center;
      padding: 12px;
    }
    .combo-item.no-results:hover { background: transparent; }

    /* Footer */
    .combo-footer {
      display: flex;
      gap: 4px;
      padding: 6px 10px;
      border-top: 1px solid #eee;
    }
    .combo-footer button {
      flex: 1;
      background: none;
      border: none;
      cursor: pointer;
      padding: 4px 8px;
      font-size: 12px;
      color: #1a56db;
      border-radius: 6px;
      transition: background 0.1s;
    }
    .combo-footer button:hover { background: #e8f0fe; }
       label.field-label {
      display: block;
      font-size: 13px;
      color: #666;
      margin-bottom: 6px;
    }

    /* ── Combo wrapper ── */
    .combo-wrapper {
      position: relative;
      width: 100%;
      font-size: 14px;
    }

/*	regole per news*/
.eventiBoxContainer2 {
 width: 100%;
 //height: 240px;
 //overflow: hidden;
 height: max-content;
} 

.eventiImg {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.newsContent {
 width: 25%;
 height: 100%;
 /*float: left; 
 
 /*top: -600vh;
 left: -200vw;
   */
}

.newsContentInside {
 width: 100%;        /* invece di 100vw che sfonda */
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px;
  box-sizing: border-box;
}

.leftArrowNewsEventi  {
  left: 0; 
}

.rightArrowNewsEventi  {
  right: 0;
} 

/*#optionTrackingPanel {
	top: 100px;
	width: 80%;
}*/

.optionFilterPanelOpenButton, 
#optionDocumentiPanelMobileIcon, #optionScontiPanelMobileIcon, #optionTrackingPanelMobileIcon {
	/*top: 115px;
	position:absolute;
  background-color: white;
  width: 28px;
  height: 100%;*/
  position: absolute;
    right: -28px;
    top: 0;
    width: 28px;
    height: 100%;

}

/*
#optionConsumiPanelFilter, #optionPromoPanelFilter, #optionTrackingPanelFilter, 
#optionContentPanelFilter, #optionMercatinoPanelFilter {
    overflow: visible !important;  /* permette al tab di sporgere 
}
*/

#optionTrackingPanelFilter.visibileLeft, #filtriCatalogo.visibileLeft, 
#optionPromoPanelFilter.visibileLeft, 
#optionDocumentiPanelFilter.visibileLeft, #optionScontiPanelFilter.visibileLeft,
#optionVolantiniPanelFilter.visibileLeft, #optionMercatinoPanelFilter.visibileLeft,
#optionConsumiPanelFilter.visibileLeft, #optionContentPanelFilter.visibileLeft {
  left: 0;
}

.panelFilterMobile, #filtriCatalogo {
 max-width: 420px;
 width: 100vw;
 height: calc(100vh - 150px);
 position: fixed; 
 top: 110px;
 left: -420px;
 background: white;
 z-index: 1000;
}

#trkMenuMain{
  //display: flex;
  //flex-direction: row;
}

.marcaImage {
 // display: none;
}

/* regole promo */
}



@media screen and (min-width: 320px) {
//	.capofilaDataWidthGrid { width: 80vw;}
}


@media screen and (max-width: 420px) {
/* .promoGrid {
   width: 100%;
 }
 .promoImage {
   width: 90vw;
 }
   */
  .boxArticolo {
     flex-direction: column !important;  
  }
  .btnChiudiArticoliMaster {
    width: 100%;
  }

  .catalogoDftLevelImage, .promoImage, .volantinoImage {
    width: 150px;
    padding: 10 5 10 5;
  }
  
 [name="premioBoxEsterno"], .capofilaList {
  width: calc(50vw - 10px);
 }
.capofilaListMobileWith100x100 {
        width: 100%;
}

 .saldo-box__number {
    font-size: 45px;
 }

 .saldo-box__unit {
    font-size: 40px;
 }   
  .promoGrid2 {
    /*width: 170px;*/
  }

  .datiCatalogo, .promoResultNew, #miniaturecatalogo, .acquistatoTable, #tableTracking, #tableGestDocumenti, #mercatinoResultNew, #tableGestSconti, #tableVolantini {
        margin-left: 35px !important;
  } 

  .optionFilterPanelOpenButton {
    position: absolute;
    right: -32px;
    top: 0;
    width: 32px;
    height: 100%;
  }
  .sidebar__container {
    padding: 5 15 5 15;
  }
  .panelFilterMobile, #filtriCatalogo {
        max-width: 350px;
        width: 100vw;
        height: calc(100vh - 70px);
        position: fixed;
        top: 115px;
        left: -350px;
        background: white;
        z-index: 1000;
  }
  .filtri-tab {
    width: 32px;
    /*left: 0px;*/
    height: 100%;
    background: #2d7fc1;
    border: none;
    border-radius: 0 8px 8px 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
   }
}

@media screen and (min-width: 640px) {

.capofilaDataWidthGrid {
	width: 24vw;		
}
.saldo-box__number,
  .saldo-box__unit {
    font-size: 25px;
}
 
.arrowBox {

 width: 36px;
 height: 240px;
 //background-color: rgba(0, 0, 0, 0.05);
 top: 0;
 text-align: center;
 display:block;
}

.novitaImage, .novitaImageInside, .lastPromoImage, .lastPromoImageInside, .newsContent, .newsContentInside,
    .ultimiVistiImage, .ultimiVistiImageInside, .bestSellersImage, .bestSellersImageInside,
    .artInEvidenzaImage, .artInEvidenzaImageInside {
        width: 50vw;
}
/*
.disp-type-validaCarr {
 display: flex;	
 flex-direction: row;
}

.finalOpTableFase {
 font-size: 2.5rem;
 color: white;
 font-weight: bold;
 vertical-align: middle;
}

.finalOpTableDesc {
 font-size: 1.1rem;
 color: white;
 font-weight: bold;
}
*/
.dim-validaCarr{
	width:50%;
}	

.h2bPromoParagraph {
	padding: 0.5em 0.5em 0 0.5em;
	font-size: 1.5em;
}

.disp-type-validaCarrDatiFin{
 display: flex;	
 flex-direction: column;
 align-items: flex-start;
 justify-content: space-between; 
}

/*
.mrkLinea {
 display: flex;
 flex-direction: column;
 width: 15%;
 align-items: center;
}
*/
}

@media screen and (min-width: 768px) {
  

}

@media screen and (min-width: 840px) {

    .novitaImage, .novitaImageInside, .lastPromoImage, .lastPromoImageInside, .newsContent, .newsContentInside,
    .ultimiVistiImage, .ultimiVistiImageInside, .bestSellersImageInside, .artInEvidenzaImageInside {
        width: 33.33vw;
    }

.inputQta, .inputQtaCnf, .inputQtaWsh, .inputQtaLfc{
 width: 50px;
}
}

@media screen and (min-width: 980px) {



#progressDialog {
  width:  25vw;
  margin-left: calc(100vw - 62.5vw);
}
  
}

@media screen and (min-width: 1024px) {

/*
 #clientiList {
  position:relative;
  z-index: 2500;
} */
.chiavesconto-card {
  display: none;
}

#tableGestDocumenti {
  margin-left: 10px;
}

.filtri-tab {
  display: none;
}


#lafeCoinOptMobile{
  display: none;
}

#boxCloseCarrelloMobile {
  display: none;
}

#detailArticolo.datiAggiuntivi {
  height: calc(100% - 360px);
}
 
.finalOpMobile, .infoArticoloMobile  {
 display: none;
}

#infoPromoDiv, #infoPromoListDiv {
  z-index: 20000;
}

.confermaOrdineMobile, .optWishMobile {
  display: none;
}
/*
.promoResultNew {
  width: 78%;
}
*/
.promoFilterIconMobile, .scontiFilterIconMobile, .filterIconMobile {
  display: none;
}

.capolifaGridShow {
	/*width: 14vw;*/
}

.table-tracking-desktp { display: table-cell; vertical-align: middle; padding: 10px 2px; box-sizing: border-box; text-overflow: ellipsis; overflow: hidden; } 
.table-wish-desktp { display: table-cell; vertical-align: middle; padding: 10px 2px; box-sizing: border-box; text-overflow: ellipsis; overflow: hidden; } 
.table-lfc-desktp { display: table-cell; vertical-align: middle; padding: 10px 2px; box-sizing: border-box; text-overflow: ellipsis; overflow: hidden; } 

.div-width-img{
	width: 7%;
}

.div-width-img-volantini {
    width: 100%;
}

.div-width-img-trk {
        width: 3%;
    }

.carrello-mobile, .table-carrello-trk-mobile, .art-card, .chart-mobile {
	display:none;
	width: 0%;
	height: 0%;
}


/*
.shopImgArt {
 height: 48;
 width: 64;
}
*/
.shopTable {
    width: 82%;
    float: right;
}

.wishTable {
  width:98%;
  float: right;
}

.artTableRow2 {
  display:none;
  width:0;
  height:0;
  opacity:0;
  visibility: collapse;
}

#paginator_2 {
 display: inline;
}
 
 .datiCarrHide{
	display:block;
 }
 
 
.functionDiv {
 
 display: flex;
 justify-content: space-between;
 align-items: center;
 width: 100%;
 /*padding: 0 0 5px 0;*/
}

.datiCatalogo {
  width: 100%;
}

.datiCatalogoWCart, .mercatinoResultNew {
  width: 78%;
  margin-left: 45;
}


.promoResultNew {
  width: 82%;
  margin-left: 55;
}

/*
.mrkLinea {
 display: flex;
 flex-direction: column;
 width: 15%;
 align-items: center;
}
*/
.artTableSel, .artTableBcode {
 
}

  #gestioneCarrelliNew, #gestioneCarrelli {
  display: flex;
  flex-direction: row;
  align-items: stretch 
 }
 
.boxOptionCarrello {
    height: 0vh;
	width:20%;
} 

.boxShopTable {
    
	width:80%;
} 


.previewCarrello {
 display: none;       
}

.insVelocevalCarrContainer{
/*	width: 75%;*/
}

#confermaCarrello {
  width:10%;
  position:fixed;
 }

/*#filtriCatalogo, #optionCarrelloPanel, #optionWishListPanel, #optionMercatinoPanel {
  width:17%;
  position:fixed;
  left: 0;
 }
    */

 /*
#optionCarrelloPanelContent {
  display: block;
  width:15%;
  position:fixed;
 }
 */



.filtriCatalogo, .optionPromoPanelFilter, .optionMercatinoPanelFilter, .optionTrackingPanel,
.optionDocumentiPanelFilter, .optionWishListPanel, .optionCarrelloPanel, .optionVolantiniPanel,
.optionLafecoinPanelFilter, .optionScontiPanelFilter, .optionConsumiPanelFilter,  
.optionContentPanel {
        display: inline-block;
        overflow: auto;
        height: calc(100vh - 149px);
        background-color: #faf8f8;
        border: 2px solid #ccc;
        border-radius: 20px;
        width: 17%;
        position: fixed;
        left: 0;
}

.menuItem {
 display: inline-block;               
 padding: 0 1 0 1;
}

.shopInCatalogo {
 display: flex;
}

.marcaImageMobile {
 display: none;

}

.marcaImageGrid {
 height: 60px;
 width: auto;
 text-align: center;
 margin-top: 0.5em;
 /*display: flex;*/
 align-items: center;
 justify-content: center;
}

.marcaimagegrid img {
  object-fit: contain;
}

    .boxNewsEventi {
        width: 25%;
        /*height: calc(100vh - 149px);*/
        //border: 3px solid #ccc;
        border: 2px solid #ccc;
        border-radius: 20px;
    }
 
 .boxNuoviArriviPromo {
  width: 75%;
 }

  .novitaImage, .lastPromoImage, .ultimiVistiImage, .bestSellersImage, .artInEvidenzaImage {
        width: 25%;
  }

  .novitaImageInside, .lastPromoImageInside, .ultimiVistiImageInside, .bestSellersImageInside, .artInEvidenzaImageInside {
        width: 25vw;
  }

.containerNews {
  display: flex;
  flex-direction: row-reverse;
  align-items: stretch 
 }
 
/*.flex-row {
  display: flex;
  flex-direction: row;
} */

.wish-flex-row {
  display: flex;
  flex-direction: row;
  gap:30px;
  left: 2%;
  position: relative;
}

.containerNews2 {
  display: flex;
  flex-direction: row;
  align-items: stretch 
}
 
 
 #loginStatus {
  display: flex;
  align-items: center;
  flex-direction: column;
 }
 
 #insRitiroDiv {
    z-index: 10000;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -360px;
    margin-top: -250px;
    width: 720px;
    height: 500px;
    display: none;
    border-radius: 5px;
    border: 1px solid #aaaaaa;
    background-color: #fff;
    font-size: 1rem;
 }

#clientiScontiList {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10000;
    width: 720px;
    max-width: 95vw;
    height: 540px;
    max-height: 80vh;
    overflow-y: auto;
    display: none;
    border-radius: 5px;
    border: 1px solid #aaaaaa;
    background-color: #fff;
    font-size: 1rem;
}

 .colonnaNascosta {
  display: block;
  
}

.ricercaInputuFld {
 padding-left: 2rem;
}

.colWebNascosta {
  
}
.colLocalitaNascosta {
  /*width: 30%;*/
}
/*
  #clientiTableDiv {
    height: 360px;
    overflow: auto;
    padding-left: 3px;
  }
  */

 
 #searchBar {
   width: 50%;
 }

 #selectorSpan { 
   display: table-cell;
 }
 #searchBarBox {
    display: flex;
    width: calc(100% - 380px - 50px);
 }
 
  #searchBarBoxMobile {
   display: none;                
  }
  
 .allineaAlCentroMob {
  text-align: left;
}


#leftArrowLastNewsEventi, #rightArrowLastNewsEventi {
	display: none; 
}

#showTrackFilterMobile,  #showCatalogoFilterMobile, #showPromoFilterMobile, #showDocsFilterMobile, #showScontiFilterMobile {
	display: none;
}

#wishSelectAllMobile {
	display: none;	
}

.capofilaDataWidthGrid {
	width: 13vw;		
}

.filtriCatalogoWidth {
  width: 18%;
}

.filtriCatalogoMainWidth {
  width: 18%;
}

.promo-tooltip-wrapper {
    position: relative;
    display: inline-block;
    cursor: pointer; /* freccia normale, oppure usa: cursor: default */
    pointer-events: none;
  }

.promo-tooltip-wrapper::after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: calc(100% + 8px);
    left: 50%;
    transform: translateX(-50%);
    background-color: #333;
    color: #fff;
    font-size: 13px;
    white-space: nowrap;
    padding: 6px 10px;
    border-radius: 4px;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.2s ease;
    z-index: 100;
  }

  /* Freccia del tooltip */
  .promo-tooltip-wrapper::before {
    content: '';
    position: absolute;
    bottom: calc(100% + 2px);
    left: 50%;
    transform: translateX(-50%);
    border: 5px solid transparent;
    border-top-color: #333;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.2s ease;
    z-index: 100;
  }

  .promo-tooltip-wrapper:hover::after,
  .promo-tooltip-wrapper:hover::before {
    opacity: 1;
  }

}

@media screen and (max-width: 1279px) {
/*	
	.previewCarrelloMaster {
		display: none;        
	}	
*/	

}


@media screen and (min-width: 1280px) {

#statusBar {
  padding: 0 28px;
}

.previewCarrello {
        display: inline-block;
        width: 15%;
        height: calc(100vh - 149px);
        overflow: auto;
        position: fixed;
        border: 2px solid #ccc;
    }

    .novitaImage, .lastPromoImage, .ultimiVistiImage, .bestSellersImage, .artInEvidenzaImage {
        width: 20%;
    }
 .novitaImageInside, .lastPromoImageInside, .ultimiVistiInside, .bestSellersImageInside, .artInEvidenzaImageInside {
        width: 20vw;
 }

 #divMenuTabMobile.visibileLeft {
  left: -420px;
 }
 #statusBox {
  display: flex; 
  flex-direction: column;
 }
 
 #statusBox div {
   float: right;
   width: 100%;
 } 
  #iconStatusBox {
   display: none;
 }
 
 .tabBtnLeft {
   display: none;
 }  
 #searchBarBox {
    width: calc(100% - 330px - 330px);
 }
}

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


	.menuItem{
		/*font-size:85%;	*/
	}	  
	
	.menuSelect {
		 font-size: 20px;
		 font-style: italic; 
		/* background: #f5f1f1;*/
		 display: flex;
	}	

}
@media screen and (min-width: 1600px) {
  .saldo-box__number,
  .saldo-box__unit {
    font-size: 45px;
  }
}

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

	.previewCarrelloMaster {
		display: none;        
	}	

	/*
	.fas-menu {
		font-size:0%;	
	}
	*/
}

@media screen and (min-width: 1601px) {
/*
	.fas-menu {
		font-size:100%;	
	}
*/
  
}


/**
@media screen and (min-width: 360px), screen and (max-width: 480px), screen and (max-width: 360px) and (orientation : portrait)  {

.section-title{
 width: 0%;
}

.menu-mobile {
 display: block;
 padding-left: 5px;
}

.menu-mobile:hover{
 cursor: pointer;
}

#labelFunzione {
  display: none;
}

#labelFunzMobile {
 display: block;
 font-size: 1.4rem;
 line-height: 1.2;
 font-weight: normal;
 padding: 10;
}

#bigImageDiv {
 width: 320px;
 height: 240px;
}


#bigImageImg {
 width: 320px;
 height: 240px;

}

#privacyDiv, #privacyDisclaimer, #userRecovery, #pwdRecovery {
  //opacity: 0.4;

  margin-left: -160px;
  margin-top: -80px;
  width: 320px;
  height: 160px;


}

#clientiList, #clientiScontiList {
 z-index: 100;
 position: absolute;
 top: 50px;
 left: 20px;
 width: 320px;
 height: 480px;
 display: none;
 border-radius: 5px;
 border: 1px solid #aaaaaa;
 background-color: #fff;
 font-size: 1rem;
}

#clientiTableDiv, #clientiScontiTableDiv {
 height: 300px;
 overflow: auto;
 padding-left: 3px;
}

}
*/
/**
@media screen and (min-width: 640px) {

.section-title{
 width: 25%;
}

.menu-mobile {
 display: none;
}

#labelFunzione {
  display: block;
}

#labelFunzMobile {
 display: none;
}

#bigImageImg {
 width: 640px;
 height: 480px;

}

#bigImageDiv {
 width: 640px;
 height: 480px;
}

#privacyDiv, #privacyDisclaimer, #userRecovery, #pwdRecovery {
  //opacity: 0.4;

  margin-left: -320px;
  margin-top: -80px;
  width: 640px;
  height: 160px;


}

#clientiList, #clientiScontiList, #insRitiroDiv {
 z-index: 100;
 position: absolute;
 top: 50%;
 left: 50%;
 margin-left: -360px;
 margin-top: -240px;
 width: 720px;
 height: 480px;
 display: none;
 border-radius: 5px;
 border: 1px solid #aaaaaa;
 background-color: #fff;
 font-size: 1rem;
}

#clientiTableDiv, #clientiScontiTableDiv {
 height: 360px;
 overflow: auto;
 padding-left: 3px;
}

}
*/
/**
@media (max-width: 800px) {
#bg_image {
    min-height: 90px;
    width: 100%;
}
}
*/
/**
@media (max-width: 480px) {
#branding {
    border-top: none;
}
}
*/
/**
@media (max-width: 650px) {
.tinynav {
    display: block;
}
#access .menu ul:first-child {
    display: none;
}
}
*/
/**
@media (min-width: 800px) {
.tinynav {
    display: none;
}
#access .menu ul:first-child {
    display: block;
}
}
*/

@media print {
  body * {
    visibility: hidden;
    //width: 100%;
    background: white!important;
    font-size: 12pt!important;
    color: black!important;
    font-family: Times New Roman, Times, serif!important;

  }
  #printDiv, #printDiv * {
    visibility: visible;
    //width: 100%;
  }
  #printDiv {
    position: absolute;
    left: 0;
    top: 0;
    //width: 100%;
  }

  .printClass {
    font-size: 18px;
    font-weight: bold;
    padding: 10 10 10 10;
  }

  .printTableH {
    font-size: 14px;
    font-weight: bold;
    border-top: 1px solid;
    border-bottom: 1px solid !important;
    border-left: 1px solid;
    border-right: 1px solid;
  }

  .printTableAltRow {
    background-color: #e8fdfd;
  }

 }