/*sopra i 768*/
@media (min-width: 768px){
.displaynone_sopra{
	display:none;
}
.containergara{
	margin:0 auto;
	width:90%;
	display:block;
	min-height:20px;	
}
hr.containerhr{
	margin-top:7px;
	margin-bottom:7px;
	height:7px;
}
.nomegara{
	float:left;
	display:inline;
	width:33.3%;
}
.datagara{
	float:left;
	display:inline;
	width:11.1%;
	text-align:center;
}
.luogogara{
	float:left;
	display:inline;
	width:22.2%;
}
.startlistgara{
	float:left;
	display:inline;
	width:22.2%;
	text-align:center;
}
.resultgara{
	float:left;
	display:inline;
	width:5.6%;
	text-align:center;
}
.splittimegara{
	float:left;
	display:inline;
	width:5.6%;
	text-align:center;
}

 a.listagara span { display:none; }
 a.listagara:hover span { display:inline; }

}

/*sotto i 768*/
@media (max-width: 768px){
.displaynone{
	display:none;
}
.containergara{
	width:300px;	
}
.containerhr{
	margin:0 auto;
	width:90%;
	display:block;
	min-height:1px;	
}
.nomegara{
	display:block;
	text-align:center;
}
.datagara{	
	display:inline;
	text-align:center;
}
.luogogara{
	display:inline;
	text-align:center;
}
.startlistgara{
	display:block;
}
.resultgara{
	display:inline;
}
.splittimegara{
	display:inline;
}
.spostaicona{
	margin-right:10px;
}
}
/* CUSTOMERS per TABLES */
.customers {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

.customers td, .customers th {
  border: 1px solid #ddd;
  padding: 8px;
}

.customers tr:nth-child(even){background-color: #f2f2f2;}

.customers tr:hover {background-color: #ddd;}

.customers th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #DDA0DD;
  color: white;
}

.customers-subtable th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color:#254A8E;
  color: white;
}


.customers-chat th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color:#DDA0DD;
  color: white;
}

.customers-chat tr:nth-child(even){background-color: #DDA0DD;}

.customers-chat tr:hover {background-color: #DDA0DD;}


.customers-chat {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

.customers-chat td, .customers th {
  border: 1px solid #ddd;
  padding: 8px;
}

/*------------------------------------- CUSTOMERS per TABLES */
#myInput {
  background-image: url('../images/search_30.png');
  background-position: 10px 10px;
  background-repeat: no-repeat;
  width: 100%;
  font-size: 16px;
  padding: 12px 20px 12px 40px;
  border: 1px solid #ddd;
  margin-bottom: 12px;
}


input[type='number']{
    width: 80px;
}