/* .container-fluid{padding:0 10px 0 10px;min-height:100vh;background-color: #f5f5f5;}	 */
.sidebar{height: 75vh;overflow:auto;position:fixed;top:151px;right:0;border-radius:5px 0 0 5px;background:#fff;}
.aree-list, .ambienti-list, .operazioni-list{cursor:pointer;text-align:center;}
.aree-list li, .ambienti-list li, .operazioni-list li{color:#fff;min-height: 20px;padding:10px;margin-bottom:10px;border-radius: 5px}
.aree-list li{background: #34495e;}
.ambienti-list li{background: #3498db;} 
.operazioni-list li{background: #16a085;}

#aree.bordered{border:1px dashed #34495e;}	
#aree.drop-area-view{border:3px dashed #34495e;}	

.area-dropped, .ambiente-dropped, .operazione-dropped{cursor:pointer;}	
.area-dropped .panel-body, .ambiente-dropped .panel-body, .operazione-dropped .panel-body{cursor:default;}
.ambiente-dropped .btn-primary {color:#363636;}
.ambiente-dropped .btn-primary .caret {border-top-color:#363636;}
.ambiente-dropped .btn-primary:hover .caret {border-top-color:#fff;}

.attrezzature-list, .figpros-list,.materiali-list,.frequenze-list,.prodotti-list{display:none;cursor:pointer;text-align:center;}
.attrezzature-list li,.figpros-list li, .materiali-list li, .frequenze-list li,.prodotti-list li{background: #34495e;color:#fff;min-height: 20px;padding:10px;margin-bottom:10px;border-radius: 5px}	
.prodotti-list li.heading{background: none;color:#34495e;padding:0;text-align: center;}
.prodotti-list li.filter{background: none;padding:0;}

.azione-attivita{float:left;display:inline;}
.azione-attivita:hover{color:#079181;cursor:pointer;float:left;display:inline;}

@media only screen and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
	.sidebar{top:160px;width:21%;}
	.tempo-stimato-li{width:15% !important;}
	label{font-size:12px;}
}

@media only screen and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
	label{height: 19px;line-height: 18px;font-size:12px;}
	.smlr-li{width:25%;}
}

@media only screen and (max-width : 767px){ 
	.smlr-li{width:30%;}
	label{height: 20px;font-size:11px;}
	.sidebar{width:163px;}
	.azione-attivita .btn{padding:6px;}
	.well{padding: 19px 2px;}
}

.drop-area-view{border:3px dashed #34495e;}		
.selected{-webkit-box-shadow: 2px 3px 5px rgba(50, 50, 50, 0.45);-moz-box-shadow:2px 3px 5px rgba(50, 50, 50, 0.45);box-shadow:2px 3px 5px rgba(50, 50, 50, 0.45);}

.area-dropped{border-color: #34495e;}
.area-dropped .panel-heading{background: #34495e;color:#fff;}	
.area-dropped .panel-heading .panel-title{color:#fff;}

.ambiente-dropped{border-color:#3498db;} 
.ambiente-dropped .panel-heading{background: #3498db;color:#fff;}
.ambiente-dropped .panel-heading .panel-title{color:#fff;}

.operazione-dropped{border-color:#16a085;}
.operazione-dropped .panel-heading{background: #16a085;color:#fff;}
.operazione-dropped .panel-heading .panel-title{color:#fff;}
.operazione-dropped .manage-collpse{}
.operazione-dropped .select-time{background: #ccc;border: 1px solid #333;padding:5px 10px;}

.img-prodotto{margin-left:4%;}

.scheda-options i{margin-right: 10px;}	
.attivita-options ul{margin:0;padding:0;}
.attivita-options ul li{padding-left:10px;padding-right:10px;}
.attivita-options ul i{font-size:18px;}
.attivita-title{margin-top:0;margin-bottom:0;}

.azioni-drop li{text-align:left;padding-left:0;}
.azioni-drop li a{padding-left:10px !important;}

.frequenza-drop,
.figpros-drop,
.attrezzature-drop,
.materiali-drop,
.prodotti-drop
{min-height: 50px;height:auto;padding:5px 10px;background: #eee;margin-top:10px;border-radius:5px;}
.frequenza-drop p, 
.figpros-drop p, 
.attrezzature-drop p, 
.materiali-drop p, 
.prodotti-drop p
{font-weight: bold;}

.too-long {
    overflow: hidden;
    /* white-space: nowrap;
    text-overflow: ellipsis; */
	text-align: left;
}

.too-long ul {
    list-style: none;
    padding: 0;
}
/* gestisci-prodotti-operazione: evidenza delle quantita' a 0 (il default e' 0)
   e blocco dei prodotti non disponibili per il mercato. */
.input-quantita-zero {
    border-color: #f0ad4e;
    background-color: #fcf8e3;
}

.missing-products-panel {
    margin-top: 15px;
    border-top: 1px solid #ddd;
    padding-top: 10px;
}

.missing-products-reason {
    margin: 5px 0 0;
    font-size: 12px;
}

.missing-product-row {
    opacity: 0.65;
    padding: 6px 0;
    border-bottom: 1px dashed #e5e5e5;
}

/* ==========================================================================
   gestisci-prodotti-operazione: vista a matrice, strumenti di copia, modal
   ========================================================================== */

.vista-switch { margin-right: 8px; }
.vista-switch .btn.active { background-color: #337ab7; border-color: #2e6da4; color: #fff; }

.consumi-toolbar { margin-bottom: 12px; padding-bottom: 10px; border-bottom: 1px solid #e5e5e5; }
.consumi-toolbar .toolbar-sep { display: inline-block; width: 1px; height: 16px; background: #ddd; margin: 0 10px; vertical-align: middle; }
.mercato-toolbar { margin-bottom: 10px; }
.mercato-toolbar .label { margin-left: 8px; vertical-align: 2px; }
.matrice-filtri { margin-bottom: 8px; }

/* La tabella puo' superare la larghezza disponibile: scorre nel suo contenitore,
   non nella pagina. Le colonne usano min-width e non width: in una tabella con
   layout automatico 'width' e' solo un suggerimento e le celle si comprimono,
   quindi la tabella non sfonderebbe mai il contenitore e lo scroll non
   comparirebbe. */
.matrice-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.table.matrice-consumi { margin-bottom: 8px; }
.table.matrice-consumi > thead > tr > th { vertical-align: bottom; font-size: 12px; }
.table.matrice-consumi > tbody > tr > td { vertical-align: middle; }
.matrice-consumi .col-prodotto { min-width: 210px; }
.matrice-consumi .col-mercato { min-width: 104px; white-space: nowrap; }
.matrice-consumi .col-stato { min-width: 128px; white-space: nowrap; }
.matrice-consumi .mkt-code { display: block; font-weight: 700; font-size: 13px; }
.matrice-consumi .prod-nome { font-weight: 500; }
.matrice-consumi .prod-id { font-size: 11px; color: #888; }
.matrice-consumi .riga-principale { background-color: #f0f7fb; }
.matrice-consumi .input-consumo {
    width: 84px; text-align: right; display: inline-block;
    font-variant-numeric: tabular-nums;
}
.matrice-consumi .cella-zero .input-consumo { border-color: #f0ad4e; background-color: #fcf8e3; color: #8a6d3b; }
.matrice-consumi .cella-modificata .input-consumo { border-color: #337ab7; box-shadow: inset 0 0 0 1px #337ab7; }

.matrice-legenda { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 6px; }
.matrice-legenda .swatch { display: inline-block; width: 11px; height: 11px; border: 1px solid #bbb; margin-right: 5px; vertical-align: -1px; }
.matrice-legenda .swatch-zero { background: #fcf8e3; border-color: #f0ad4e; }
.matrice-legenda .swatch-mod { background: #fff; border-color: #337ab7; }

/* --- modal copia consumi --- */
.scelta-copia { border: 1px solid #e5e5e5; border-radius: 4px; padding: 10px 12px 10px 32px; margin-bottom: 8px; }
.scelta-copia:hover { border-color: #337ab7; }
.scelta-copia .help-block { margin: 2px 0 0; font-size: 12px; }
.scelta-copia .conteggio { display: block; font-size: 12px; color: #31708f; font-weight: 600; }

/* --- modal riepilogo --- */
.riepilogo-lista { max-height: 260px; overflow-y: auto; border: 1px solid #e5e5e5; border-radius: 4px; }
.riepilogo-riga { display: flex; justify-content: space-between; gap: 12px; padding: 7px 10px; border-bottom: 1px solid #f0f0f0; font-size: 13px; }
.riepilogo-riga:last-child { border-bottom: 0; }
.riepilogo-riga.riga-zero { background: #fcf8e3; }
.riepilogo-riga .riep-chiave { color: #666; }
.riepilogo-riga .riep-valori { white-space: nowrap; font-variant-numeric: tabular-nums; }
.riepilogo-riga .riep-valori s { color: #999; margin-right: 4px; }
.riepilogo-riga .riep-valori b { color: #31708f; margin-left: 4px; }

/* --- modal copia da operazione --- */
.modal-copia-operazione .modal-dialog { width: 900px; max-width: 96%; }
.copia-operazione .elenco-operazioni { border-right: 1px solid #e5e5e5; }
.copia-operazione .oplist { max-height: 300px; overflow-y: auto; margin-top: 8px; border: 1px solid #e5e5e5; border-radius: 4px; }
.copia-operazione .oplist-item {
    display: block; width: 100%; text-align: left; background: none;
    border: 0; border-bottom: 1px solid #f0f0f0; padding: 8px 10px;
}
.copia-operazione .oplist-item:last-child { border-bottom: 0; }
.copia-operazione .oplist-item:hover { background: #f5f5f5; }
.copia-operazione .oplist-item.attiva { background: #eaf4fb; }
.copia-operazione .oplist-item .op-nome { display: block; font-size: 13px; font-weight: 500; }
.copia-operazione .oplist-item .op-meta { display: block; font-size: 11px; color: #888; }
.copia-operazione .caricamento { padding: 8px 0; }
.copia-operazione .vuoto { padding: 12px 10px; }
.copia-operazione .tabella-anteprima { margin-bottom: 6px; }
.copia-operazione .tabella-anteprima .valore { font-variant-numeric: tabular-nums; }
.copia-operazione .cose-da-importare { margin-top: 12px; border-top: 1px solid #e5e5e5; padding-top: 10px; }
.copia-operazione .cose-da-importare .help-block { margin: 0; font-size: 12px; }

@media (max-width: 991px) {
    .copia-operazione .elenco-operazioni { border-right: 0; border-bottom: 1px solid #e5e5e5; padding-bottom: 12px; margin-bottom: 12px; }
}

/* intestazione: quale operazione si sta modificando */
.operazione-corrente { margin-top: 2px; line-height: 1.45; }
.operazione-corrente .op-nome { font-size: 15px; font-weight: 600; color: #333; }
.operazione-corrente .op-dettagli { display: block; font-size: 12px; color: #888; }
.operazione-corrente .op-id { font-family: Menlo, Consolas, monospace; }
.operazione-corrente .label { vertical-align: 2px; }

/* modal copia: elenco esplicito delle celle interessate */
.aggiungi-mancanti { border: 1px solid #e5e5e5; border-radius: 4px; padding: 10px 12px 10px 32px; margin: 0 0 10px; background: #f9f9f9; }
.aggiungi-mancanti .help-block { margin: 2px 0 0; font-size: 12px; }
.aggiungi-mancanti .conteggio { display: block; font-size: 12px; color: #31708f; font-weight: 600; }

.celle-lista { max-height: 220px; overflow-y: auto; border: 1px solid #e5e5e5; border-radius: 4px; margin-top: 4px; }
.cella-riga { display: flex; justify-content: space-between; gap: 12px; align-items: baseline; padding: 6px 10px; border-bottom: 1px solid #f0f0f0; font-size: 13px; }
.cella-riga:last-child { border-bottom: 0; }
.cella-riga.cella-nuova { background: #f3f9f4; }
.cella-riga .cella-chiave { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cella-riga .cella-mercato { display: inline-block; min-width: 42px; font-weight: 700; color: #555; font-family: Menlo, Consolas, monospace; font-size: 11px; }
.cella-riga .cella-valori { white-space: nowrap; font-variant-numeric: tabular-nums; }
.cella-riga .cella-valori s { color: #999; }
.cella-riga .cella-valori b { color: #31708f; }
.cella-riga .glyphicon { font-size: 10px; color: #aaa; margin: 0 3px; }

/* nome del prodotto che occupa lo slot principale, per ogni mercato */
.matrice-consumi .prod-slot {
    font-size: 10.5px; color: #777; line-height: 1.25;
    margin-top: 3px; white-space: normal; max-width: 104px;
}

/* layout.css impone .form-control { height:42px; padding:8px 12px } a tutti i
   campi: su una <select class="input-sm">, alta 30px per Bootstrap, quel padding
   taglia il testo delle opzioni a metà. Qui si riallineano altezza, padding e
   interlinea, solo dentro questi modal per non toccare il resto dell'app. */
.copia-consumi select.form-control,
.copia-operazione select.form-control {
    height: 34px;
    line-height: 1.4;
    padding: 4px 8px;
    font-size: 13px;
}
.copia-consumi input.form-control,
.copia-operazione input.form-control {
    height: 34px;
    padding: 5px 10px;
    font-size: 13px;
}

/* mercati di destinazione dell'import */
.copia-operazione .anteprima-mercato { margin-bottom: 8px; }
.copia-operazione .anteprima-mercato .control-label { margin-right: 6px; }
.copia-operazione .mercati-destinazione {
    margin-top: 12px; border-top: 1px solid #e5e5e5; padding-top: 10px;
}
.copia-operazione .mercati-caselle { margin-top: 4px; }
.copia-operazione .mercati-caselle .checkbox-inline {
    margin-right: 12px; margin-left: 0; font-size: 13px;
}

/* aiuto contestuale della pagina prodotti */
.btn-info-aiuto { margin-right: 6px; }
.btn-info-aiuto.active { background-color: #337ab7; border-color: #2e6da4; color: #fff; }

.pannello-aiuto {
    position: relative;
    background: #f7fbfd;
    border: 1px solid #bce8f1;
    border-radius: 4px;
    padding: 14px 18px;
    margin-bottom: 14px;
}
.pannello-aiuto h4 { margin: 0 0 4px; font-size: 16px; }
.pannello-aiuto > p { margin: 0 0 10px; font-size: 13px; }
.pannello-aiuto .close { position: absolute; top: 8px; right: 12px; }
.pannello-aiuto dl { margin: 0; }
.pannello-aiuto dt {
    font-size: 13px; font-weight: 600; color: #31708f;
    margin-top: 8px;
}
.pannello-aiuto dd {
    font-size: 13px; line-height: 1.5; color: #444;
    margin: 2px 0 0; max-width: 70ch;
}

/* nota introduttiva nei modal: dice cosa fara' la conferma */
.spiega-cosa-succede { margin-bottom: 12px; line-height: 1.45; }