/*
 * File CSS a livello APPLICATION:
 * sovrascrive le impostazioni a livello framework (main.css)
 * viene sovrascritto dalle impostazioni a livello client (client.css)
 * =============================================================================
 * INDICE
 * =============================================================================
 *
 * 20160520 - TICKET:0000981 - francesco.diatto@sophiainformatica.it
 * Creazione
 *
 * -----------------------------------------------------------------------------
 */

 /*Copiare il contenuto da '\css\application.example.css' e personalizzare*/

div.form #cbo_preventivi_codstatodoc_container,
#cbo_preventivi_codstatodoc_container {
  margin-top: -10px;
}
div.form #cbo_preventivi_codstatodoc_container #cbo_preventivi_codstatodoc,
#cbo_preventivi_codstatodoc_container #cbo_preventivi_codstatodoc {
  display: inline-block;
  margin-left: 15px;
  background-color: #f0f6f9;
  border: 1px solid #ebebfa;
  border-radius: 5px;
  font-size: 14px;
  padding: 3px 5px;
}
div.form #cbo_preventivi_codstatodoc_container #cbo_preventivi_codstatodoc label,
#cbo_preventivi_codstatodoc_container #cbo_preventivi_codstatodoc label {
  font-size: 14px !important;
  display: inline-block;
  float: left;
  margin: 15px 0px 0px 0px;
  padding-top: 0px !important;
}
div.form #cbo_preventivi_codstatodoc_container #cbo_preventivi_codstatodoc .custom-select2-container,
#cbo_preventivi_codstatodoc_container #cbo_preventivi_codstatodoc .custom-select2-container {
  display: inline-block;
  float: right;
  margin-top: 5px;
  margin-left: 10px;
  min-width: 125px;
}

.table-striped tbody tr td.error {
  font-weight: bold;
  color: red;
}

.table-striped tbody tr td.delete {
  text-align: right;
}

.table-striped tbody tr td.name  {
  max-width: 300px; 
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}


/* CSS per il form di preventiviT del contenitore dati-destinazione 
Stile bottoni mesi in Preventivi  */
#dati_destinazione { box-sizing: border-box; overflow: hidden; }
#dati_destinazione .btn-group[role="group-Preventivi-Mesi"] { display:flex; flex-wrap:wrap; gap:6px; }
#dati_destinazione .btn-group[role="group-Preventivi-Mesi"] .month-btn { border:1px solid #bdbdbd; text-align: center; padding:6px 8px; margin:0; min-width:80px; }


/* 1. configurazione della riga Flex */
.passaggi-row {
display: flex;
align-items: center;
justify-content: flex-end; 
margin-bottom: 8px;
width: 100%;
}

/* 2. colonna etichetta (Il primo div dentro passaggi-row) */
.passaggi-row > div:first-child {
flex: 1 1 auto;
min-width: 0;

text-align: right;
padding-right: 15px;

/* gestione testo a capo */
white-space: normal;
word-wrap: break-word;
line-height: 1.2;
}

/* 3. colonna input (Il secondo div dentro passaggi-row) */
.passaggi-row > div:nth-child(2) {
flex: 0 0 70px;
position: relative;
}

/* 4. override Select2 */
.passaggi-row .select2-container {
width: 100% !important; 
min-width: 50px;
}

/* --- GESTIONE RESPONSIVE --- */

/* Mobile (Sotto i 576px impila tutto verticalmente) */
@media (max-width: 576px) {
.passaggi-row {
  flex-direction: column;
  align-items: stretch;
}

.passaggi-row > div:first-child {
  text-align: left;
  padding-right: 0;
  margin-bottom: 4px;
  width: 100%;
}

.passaggi-row > div:nth-child(2) {
  flex: 1 1 auto;
  width: 100%;
}
}
/*FINE del contenitore dati-destinazione*/