/* CSS Document */
#testa {
	background-image: url('/personalizzazioni/img/logo-banda.png'); 
	background-position: 20px center; 
	background-reperat: no-repeat;
	background-color: #fff;
	height: 90px;
	background-size: contain;
	box-shadow: 0px 2px 5px 0px grey;	
}

#utenteAutenticato-nome, #orologio, #setup, #setup a {
	color: #323232;
}

#piede { 
	height: auto;	
}


#index #moduloLogin::before {
    background-image: url('/personalizzazioni/img/logo-banda.png');
    background-position: center center;
    background-repeat: no-repeat;
    content: " ";
    width: 100%;
    height: 67px;
    display: block;
    margin-bottom: 20px;
    background-size: contain;
}

@media all and (max-width: 1024px) {
    
	#testa {
		background-image: url('/personalizzazioni/img/logo-banda.png') !important; 
		background-position: 20px center !important; 
		background-reperat: no-repeat !important;
		background-color: #323232 !important;
		background-size: contain !important;
    }
}

@media all and (max-width: 800px) {
    
	#testa {
		background-position: 30px center !important; 
    }
    
    #pagina-menu-mobile {
	    background-image: none !important;
	    background-color: #323232 !important;
	}
	
	#piede {
		height: auto !important;
	}
}



#pagina-corpo {
	margin-top: 90px;
}

#index form input[type=submit] {
    background-color: #323232;
	border-color: #323232;
	background-image: none;
}

#index form input[type=submit]:hover {    
	background-image: none;
}

#formlogin a {
	color: #1D303D;
}

#index #moduloLogin:before {
   /* background-image: url('/personalizzazioni/img/logo-login.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    content: " ";
    width: 320px;
    height: 63px;
    display: block;
    margin-bottom: 20px;*/
}


@media all and (max-width: 1023px) {
    #index #moduloLogin:before {       
    	width: 100%;
    }
}


.menu-pulsante.attivo {
    background-color: #323232;
}
.menu-pulsante {
	color: #323232;	
}

.menu-pulsante a {
	color: #323232;
}

.menu-pulsante a:hover {
	color: rgba(50,50,50,0.8);
}

.menu-pulsante .attivo {
	color: #17242F;
}

#pagina-titolo {
	color: #323232;	
}


td {
	vertical-align: top;
}

#intestazioneLista {
	background-color: #FFFFFF;
}


@media only screen and (max-width: 1024px) {

	#ordiniavanzamento table, #ordiniavanzamento tbody, #ordiniavanzamento th, #ordiniavanzamento td, #ordiniavanzamento tr { 
		display: block !important; 
		width:100% !important;
	}
	
	#ordiniavanzamento thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	#ordiniavanzamento tr { 
		border: 1px solid #ccc; 
		height: auto;
	}
	
	#ordiniavanzamento td { 
		
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 30%;
		
		white-space: normal;
		width:100% !important;
		max-width: none !important;
		text-align: left !important;
		box-sizing: border-box;
	}
	
	#ordiniavanzamento td:before { 
		
		position: absolute;
		
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	
	
	#ordiniavanzamento td:nth-of-type(1):before { content: "num."; }
	#ordiniavanzamento td:nth-of-type(2):before { content: "rigo"; }
	#ordiniavanzamento td:nth-of-type(3):before { content: "cliente"; }
	#ordiniavanzamento td:nth-of-type(4):before { content: "articolo e varianti"; }
	#ordiniavanzamento td:nth-of-type(5):before { content: "quantità"; }
	#ordiniavanzamento td:nth-of-type(6):before { content: "data scadenza"; }
	#ordiniavanzamento td:nth-of-type(7):before { content: "cartellini lav."; }
	#ordiniavanzamento td:nth-of-type(8):before { content: "ddt"; }
}