{#  Per tabella colori con taglia #}
<style type="text/css" title="">
body {
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
}
.form-control {
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
}
#Colori {
	background-color: #fff;
	font-size:12px;
   {% if view_f == "VerificaColori" %}
   {% else %}
	height: auto;
	overflow-x:hidden;
	overflow-y:scroll;
   {% endif %}
}
.box {
  margin: 3px;
  display: inline-block;
  width: 80px;
  text-align: center;
  min-height: 90px;
  border: 1px solid silver;
  padding: 3px 0;
}
.color {
	height:18px;
	border: none;
	margin:10px auto 2px auto;
}
.name { font-size: 0.9em; }
.color, .name { 
	margin: 0 auto; 
}
.swatch{width:38px;height:18px;margin:0 auto;border:1px solid #000;}
.qty-disabled{background:#d1d1d1;}

table {
        border-collapse: collapse; 
        width: 100%;
}
th, td {
        padding: 8px 16px;
        border: 1px solid #ccc;
 }
 th {
        background: #eee;
	text-align: center;
 }

.tableFixHead {
    overflow-y: auto;
    height: auto;
    max-height: 230px; /* Era 230px, puoi aggiustarlo */
    background-color: #fff;
    font-size: 12px;
    top: 25px;
}
.tableFixHead thead th {
    position: sticky;
    top: 0;
    background: #eee;
    text-align: center;
}
/* Aggiungi questo per velocizzare il rendering della tabella! */
#DisTgl {
    table-layout: fixed; /* Forza il browser a non ricalcolare le larghezze */
    width: 100%;
    border-collapse: collapse;
}
#DisTgl th, 
#DisTgl td {
    padding: 8px 16px;
    border: 1px solid #ccc;
    text-align: center; /* Applica a tutte le celle */
}
#DisTgl .color-cell {
    width: 90px; /* Larghezza fissa per la prima colonna */
}
#DisTgl .swatch {
    width: 38px;
    height: 18px;
    margin: 0 auto;
    border: 1px solid #000;
}
#DisTgl .color-name {
    font-size: 0.9em;
}
#DisTgl .stock-qty {
    white-space: nowrap;
}
#DisTgl .qty-disabled {
    background: #d1d1d1;
}
#DisTgl input[type="text"] {
    /* Stile comune per gli input */
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    width: 50px; /* Esempio, dai una larghezza fissa */
}
</style>

