table { 
width: 100%; 
border-collapse: collapse; 
text-align: center; 
margin-top: 10px;
 
}

th { 
background: #0f8acf;;
color: #fff; 
font-weight: bold; 
}

td, th { 
padding: 8px; 
border: 1px solid #fff; 
}



td, th {
  text-align: center; 
	padding: 10px 8px 10px  8px;
	/*border-bottom: 1px solid #f2f2f2;*/
	white-space: nowrap;
}
	

 .fontGrey {
  width: 50px;
  min-height: 30px;
  box-sizing: border-box;
  padding: 3px 8px 3px 8px;
  margin: 0px 0px 0px 5px;
  text-align: right;
  text-transform: uppercase;
  color: #666;
  background: rgba(247, 247, 247, 0.7);
	border-color: rgba(247, 247, 247, 0.7);
}

.fontTotal {
	display: block;
	width: 100%;
	min-height: 30px;
	padding: 17px 22px;
	font-size: 14px;
	font-weight: 400;
	color: #151515;
	background-color: #f7f7f7;
	border-color:#f7f7f7;
	}
	
.table {
  .descrizione, .prezzo, .quantita, .importo, {
    display: none;
  }
}

@media only screen and (min-width: 320px)  {	
     .descrizione, .prezzo, .quantita,  {
      display: table-cell;
    }
  }

	
	
  @media screen and (min-width: 480px)  and (max-width: 768px) {
    .importo,  {
      display: table-cell;
    }
  } 

  @media screen and (min-width: 768px) {
     .descrizione, .prezzo, .quantita, .importo,   {
      display: table-cell;
    }
  }

  @media screen and (min-width: 912px) {
      .descrizione, .prezzo, .quantita, .importo,{
      display: table-cell;
    }
  }

  @media screen and (min-width: 1200px) {
  }

  @media screen and (min-width: 1366px) {
  }

}