/*Personalizzazione Eurosystem.*/

/* Colore sfondo per gruppi di elementi */
/* Sfondo normale grigio */
.bg-group
{
 	background-color: #f9f9f9;
}
/* Segnaletica danger rosso */
.bg-danger
{
 	    background-color: #f2dede;
      	color: #bd0000;
}

/* Stili per aspetto CNC "Filtro movimentazione merce" */
div.col-sm-1.bottoneCerca{
  margin-top: 4.8em;
}

div.filtroMovimentazioneMerce>div>div>label {
  font-size: 0.90em;
  margin-top: 0.5em
}

@media (max-width: 767px)
{
	div.col-sm-1.bottoneCerca{
		margin-top: -0.5em;
  }
}

/* Classi per i custom details come ad esempio quello della pagina Dati anagrafici in Scheda cliente */
/* La classe tdEtichetteScheda serve a dare una spaziatura tra il bordo del div e il titolo dell'etichetta, 
   a dare una larghezza pari al 20% dello spazio disponibile, 
   a centrare il titolo nell'eventualità che il tdContenutoScheda sia molteplice di una riga */
.tdEtichetteScheda{
 		padding-left: 0.35em;
		width:20%;
  		vertical-align:middle;
  		height: 3em
}

/* La classe tdContenutoScheda serve a dare una spaziatura al contenuto in modo tale che il testo non sia spiaccicato con il bordo del contenitore */
.tdContenutoScheda{
		padding-top: 0.45em; 
		padding-bottom: 0.45em;
}

/* La classe funge da separatrice tra due elementi per intenderci rappresenta lo statto bianco tra due elementi a sfondo grigio nei custom details */  
.rigaBiancaTraDueElementi {
            border-bottom: 0.8em;
            border-bottom-style: solid;
            border-color: white;
}

/* Premessa : il titolo dei popover nelle varie pagine senza questa classe risulta celeste. 
   Il seguente selettore va ad impostare nel popover il colore  del titolo (grigio) ed inoltre ridimensiona la grandezza dei caratteri come il contenuto */
 h3.popover-title {
   		  	color : #555;
			font-size: 1em;
}

/*	Media query che modifica il "funzionamento" imposto dalla classe "table-responsive" predefinita da Bootstrap, 
	dovrebbe risolvere il problema di sovrapposizione degli header nei casi in cui DV abbiano molti items con titoli abbastanza lunghi 
*/
@media (max-width:1200px) {
	
	th.SubHead{
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

/*Media query per la gestione della visibilità delle etichette nei CNC*/
@media (max-width: 1200px){

   .LabelButtonApplica{
       display: none;
    }
	.LabelButtonApplicazione{
       display: none;
    }
}
@media (max-width: 767px){

   .LabelButtonApplica{
       display: inline;
    }
	.LabelButtonApplicazione{
       display: inline;
    }
}

/* Supporto al monoselettore pilotato */
.divBottoneEntitaMultipla{
   padding-right:0em;
   text-align:center;
   margin-top:15px;
}

.divBottoneEntitaSingola{
   padding-right:0em;
   text-align:center;
   margin-top:21px;
}

.formTipoFiltro{
   padding-top:15px;
}

.formGroup{
   padding-bottom:15px;
}

@media (max-width: 767px) {
   .divBottoneEntitaMultipla{
       padding-right:15px;
       margin-bottom:15px;
       margin-top:15px;
       padding-top:0px;
   }

   .divBottoneEntitaSingola{
       padding-right:0px;
       padding-left:0px;
       margin-bottom:15px;
       margin-top:15px;
       padding-top:0px;
   }
      
   .GestioneBottone{
       width:100%;  
   }
}