body { font-family: Arial, -apple-system, BlinkMacSystemFont, "Segoe UI",  "Helvetica Neue", sans-serif, Roboto,"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
table.table-sm td, table.table-sm th , .table-sm td, .table-sm th {  padding: .15rem; }
select{display: block!important;}
textarea { resize: vertical }
label{margin-bottom:1px}
/* Logo dell'header: sostituisce .logo-wrapper (classe MDB da sidenav, non caricata qui) e il
   vecchio <h5> in blocco dentro un <a> inline, che generava una line-box vuota in piu' e faceva
   crescere la navbar fissa a 56px, sovrapponendola al contenuto sotto (che parte a 45px: la
   prima riga della pagina - la card di ricerca - restava per undici pixel coperta dalla
   navbar). Il centraggio verticale e' affidato alle utility Bootstrap nel markup (d-flex
   align-items-center h-100), cosi' regge anche se questo file arriva da cache; qui resta solo
   l'aspetto tipografico. Stessa correzione di tpcad (stile.css). */
.navbar .tpc-logo { font-size: 1.25rem; font-weight: 500; line-height: 1.2; }
/* Il logo e' un collegamento alla home ma non deve sottolinearsi al passaggio del mouse:
   Bootstrap sottolinea ogni <a> in :hover, e su un marchio in barra sta male. */
.navbar .tpc-logo, .navbar .tpc-logo:hover, .navbar .tpc-logo:focus { text-decoration: none; }
/* Il passaggio fra le due meta' dello stesso lavoro (misure.aspx = computo/preventivo,
   libretti.aspx = contabilita' di cantiere): quella su cui si e' gia' risalta, l'altra resta
   leggibile ma un po' spenta, cosi' si vede a colpo d'occhio dove si e' e dove si puo' andare. */
.navbar .tpc-sezione { opacity: .65; }
.navbar .tpc-sezione.active { opacity: 1; font-weight: 700; }
.navbar .tpc-sezione.active i { color: #ffca28; }
/* I tre gruppi della barra: a sinistra il logo e le funzioni generali (aprire, salvare...), a
   destra il codice del lavoro - Bootstrap mette gia' ".navbar > .container-fluid" in
   "display:flex; justify-content:space-between", quindi i due si dispongono da soli agli
   estremi. Il gruppo del centro (.tpc-nav-centro, computo/contabilita') va pero' ancorato al
   CENTRO DELLA BARRA e non al centro dello spazio che resta fra gli altri due: con
   "justify-content:space-between" da solo finirebbe spostato verso destra, perche' il gruppo di
   sinistra (logo + quattro icone) e' piu' largo del codice del lavoro a destra. Lo si toglie dal
   flusso flex e lo si centra rispetto a ".container-fluid" (per questo qui sotto e' position:relative). */
.tpc-nav-3col .container-fluid { position: relative; }
.tpc-nav-3col .tpc-nav-centro { position: absolute; left: 50%; top: 0; bottom: 0; transform: translateX(-50%); display: flex; align-items: center; margin: 0; }
/* Dentro al gruppo di sinistra, dove nuovo/apri/salva/importa riguardano il formato nativo del
   lavoro (.cmpx), un piccolo separatore introduce le icone dei formati eterogenei (Primus,
   vecchie versioni di CMP...): stessa barra, ma due famiglie di funzioni diverse. */
.navbar .tpc-nav-separatore { border-left: 1px solid rgba(255,255,255,.35); margin-left: .4rem; padding-left: .4rem; }
.navbar.scrolling-navbar { background-color: rgba(2, 119, 189, .75) } /*#0277bd*/
.page-footer, .top-nav-collapse { background-color: #0277bd } 
.hide{display:none}
.flex-center{flex-basis: 100%;} /*bug ie 11*/
.view{ height:auto; min-height:100vh }
.form-header { margin-top:-1.25rem; margin-bottom:1.25rem }
.form-group { margin-bottom: .25rem; }
.form-group label, .md-form label { margin-bottom:0px;font-size: .65em;color: #4285f4; }
.form-control-sm { padding: .25rem .25rem; font-size: .75rem; line-height: 1.5; border-radius: .2rem; }
.custom-select-sm { width : 75px !important; }
.select2-results__option {font-size: .75rem;padding:3px}
.select2-results__group {font-weight:bold;}
.form-check-input[type=radio]:checked + label, .form-check-input[type=radio]:not(:checked) + label, label.btn input[type=radio]:checked + label, label.btn input[type=radio]:not(:checked) + label { padding-left: 25px }
.btn-allega{padding:5px}
.btn-allegato{padding:5px;font-size: 65%;}
.btn.btn-xs { padding: .5rem ; font-size: .75rem; }
.dropdown-divider { margin: .25rem 0;}
.select2-container--open {z-index: 9999999;}
/* Le opzioni Si/No (stampe del computo, sicurezza...): il markup e' quello dello "switch" di MDB
   (<div class=switch><label>No <input type=checkbox><span class=lever></span> Si</label></div>),
   ma MDB e' stato tolto e senza il suo CSS restavano una casella nuda fra due parole. Qui si
   ridisegna: la casella sparisce e la "leva" diventa un interruttore (grigio = No, blu = Si).
   Il markup non cambia: il checkbox resta quello che il form serializza. */
.switch { display: inline-block; }
.switch label { display: inline-flex; align-items: center; gap: .45rem; margin: 0; cursor: pointer; font-size: .8rem; color: #6c757d; user-select: none; }
.switch label input[type=checkbox] { position: absolute; opacity: 0; width: 0; height: 0; }
.switch .lever { position: relative; display: inline-block; width: 36px; height: 18px; border-radius: 9px; background: #adb5bd; transition: background-color .15s; flex: 0 0 auto; }
.switch .lever:after { content: ""; position: absolute; top: 2px; left: 2px; width: 14px; height: 14px; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.35); transition: left .15s; }
.switch label input[type=checkbox]:checked+.lever { background-color: #0277bd; }
.switch label input[type=checkbox]:checked+.lever:after { left: 20px; background-color: #fff; }
.switch label input[type=checkbox]:focus-visible+.lever { outline: 2px solid #90caf9; outline-offset: 2px; }
.btn-allega{padding:5px}
.btn-allegato{padding:5px;font-size: 65%;}
.bianco {background-color: #ffffff;top:0px}
.hidden{display:none}
.select-wrapper input.select-dropdown { margin: 0px; }
.piccolo{font-size:.75em}
.spesso{font-weight:bolder!important}
.titoli{font-size:.85em;font-weight:900}
.td-cen{text-align:center}
.td-num{text-align:right}
.select-wrapper input.select-dropdown, .dropdown-content select-dropdown{font-size:.875em!important}
.filtrable{font-size:.75em!important}