/*------------------ tabella responsive-----------------*/
.responsive {
    border: 0px solid #ccc;
	border-top:0;
	border-bottom:0;
    width: 100%;
    margin:15px 0;
    padding:0;
    border-collapse: collapse;
    border-spacing: 0;
  }

.responsive tr {
    border: 1px solid #dfdfdf;
    padding: 5px;
  }

.responsive th, table td {
    padding: 15px;
  }


 .responsive .btn i{margin-top: 1px;
    font-size: 1.4em;
    line-height: 28px;
    text-align: center;}

.responsive th {
	border: 1px solid #dfdfdf;
	border-top:0;
    text-transform: uppercase;
    color:#000;

  }
.responsive .prodotto img{height:120px; float:left;}
  @media screen and (max-width: 768px) {

 .responsive {
      border: 0;
	  border-collapse: collapse;
    }

.responsive thead {
      display: none;
    }

.responsive tr {
      display: block;
	  padding:0;
      border-bottom: 1px solid #ddd !important;
    }

.responsive td {
	  background: #f5f5f5;
      display: block;
      text-align: right;
      font-size: 13px;
      border-bottom: 1px dotted #ccc;
	  border-top:0;
	  border-right:0;
	  border-left:0;
    }

.responsive td:last-child {
      border-bottom: 0;
    }

.responsive td:before {
      content: attr(data-label);
      float: left;
      text-transform: uppercase;
	  margin-right:30px;
    }
.responsive .prodotto img{float:right !important; padding: 0 10px 0 10px !important;}
.responsive .btn {font-size:12px;}
.responsive .tabella_grigio {background: #f0f0f0; border-top: 1px dotted #ccc;}

  }

   @media screen and (max-width: 550px) {
 }
/*-----------------tabella responsive------------------*/