.label {  
	font-family : tahoma, verdana, arial;
	font-size: 12px;
}

.input {  
	font-family : tahoma, verdana, arial;
	font-size: 12px;
}

.inputNomod {  
	font-family : tahoma, verdana, arial;
	font-size: 12px;
	background-color: #F5DEB3;
	border: 1px solid #000;
}

.inputNomod1 {  
	font-family : tahoma, verdana, arial;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #fff;
	text-align: right;
}

.bottone {  
	font-family: helvetica, arial;
	font-size: 16px;
	font-weight: bold;
	cursor:pointer;
}

.bottonev {  
	font-family: helvetica, arial;
	font-size: 16px;
	font-weight: bold;

	background: linear-gradient(to bottom, #6fdc6f, #4caf50);
	color: black;

	border: 1px solid #3d8b40;
	border-radius: 8px;

	padding: 5px 20px;

	cursor: pointer;

	box-shadow: 0 3px 6px rgba(0,0,0,0.25);

	transition:
		background 0.2s ease,
		transform 0.08s ease,
		box-shadow 0.08s ease;
}

.bottonev:hover {
	background: linear-gradient(to bottom, #7be57b, #57b85b);
}

.bottonev:active {
	transform: translateY(2px);

	box-shadow: 0 1px 2px rgba(0,0,0,0.25);

	background: linear-gradient(to bottom, #4caf50, #449d48);
}

.bottoneAggiungi,
.bottoneTogli {
	font-family: helvetica, arial;
	font-size: 15px;
	font-weight: bold;
	color: black;
	background: #B9E7E5;

	padding: 4px 10px;

	border-radius: 8px;

	cursor: pointer;

	transition:
		background-color 0.2s ease,
		transform 0.08s ease,
		box-shadow 0.08s ease;

	box-shadow: 0 2px 5px rgba(0,0,0,0.15);
}

/* =========================
   AGGIUNGI
========================= */

.bottoneAggiungi {
	border: 2px solid #4caf50;

}

.bottoneAggiungi:hover {
	background: #c8efed;
}

.bottoneAggiungi:active {
	transform: translateY(2px);
	box-shadow: 0 1px 2px rgba(0,0,0,0.15);
}

/* =========================
   TOGLI
========================= */

.bottoneTogli {
	border: 2px solid #d9534f;

}

.bottoneTogli:hover {
	background: #c8efed;
}

.bottoneTogli:active {
	transform: translateY(2px);
	box-shadow: 0 1px 2px rgba(0,0,0,0.15);
}

.bottone1 {  
	font-family : tahoma, verdana, arial;
	font-size: 18px;
	font-weight: bold;
	cursor:pointer;
}

.cop { 
	font-family : tahoma, verdana, arial;
	font-size: 9px;
 }
 
.titlista { 
	font-family : tahoma, verdana, arial;
	font-size: 13px;
	font-weight: bold;
	background-color: #6CC3BF;
	padding: 5px;
	border-bottom: 1px #000 solid;
	border-right: 1px #000 solid;
 }
 
.rigalista {
    font-family: helvetica, arial;
    font-size: 13px;
    padding: 5px;
    border-bottom: 1px solid black !important;
    border-right: 1px solid black !important;
}
 
  .rigalista1 { 
	font-family : tahoma, verdana, arial;
	font-size: 12px;
	padding: 5px;
	border-bottom: 1px #000 solid;
	border-right: 1px #000 solid;
	text-align:right;
 }
 
 .rigalistatot { 
	font-family : tahoma, verdana, arial;
	font-size: 12px;
	font-weight: bold;
	background-color: #ff6;
	padding: 5px;
	border-bottom: 1px #000 solid;
	border-right: 1px #000 solid;
 }
 
 .tablista { 
	border-top: 1px #000 solid;
	border-left: 1px #000 solid;
    border-collapse: collapse; /* Unisce i bordi delle celle */
 }
 
 .tabheader { 
	border-top: 1px #000 solid;
	border-left: 1px #000 solid;
 }
 
 .tablabel { 
	font-family : tahoma, verdana, arial;
	font-size: 14px;
	padding: 5px;
	border-bottom: 1px #000 solid;
	border-right: 1px #000 solid;
 }
 
  .tabvalue { 
	font-family : tahoma, verdana, arial;
	font-size: 14px;
	background-color: #B9E7E5;
	padding: 5px;
	font-weight: bold;
	border-bottom: 1px #000 solid;
	border-right: 1px #000 solid;
 }
 
 .titolo1 { 
 	font-family : tahoma, verdana, arial;
	font-size: 20px;
	font-weight: bold;
  }

 .titolo2 { 
 	font-family : helvetica, arial;
	font-size: 18px;
	
  }
  
  .testo2 { 
 	font-family : helvetica, arial;
	font-size: 14px;
	
  }
   
  .testo1 { 
 	font-family : helvetica, arial;
	font-size: 13px;
	
  } 
 .labelriepilogo { 
 	font-family : tahoma, verdana, arial;
	font-size: 18px;
	font-weight: bold;
  }
  
 .labelriepilogo1 { 
 	font-family : tahoma, verdana, arial;
	font-size: 18px;
	font-weight: bold;
  }
  
 .totaleriepilogo { 
 	font-family : tahoma, verdana, arial;
	font-size: 18px;
	font-weight: bold;
	padding: 5px;
	border: 1px solid #000;
	background-color: #cf9;
  }
  
 .totaleriepilogo1 { 
 	font-family : tahoma, verdana, arial;
	font-size: 18px;
	font-weight: bold;
	padding: 5px;
	border: 1px solid #000;
	background-color: #ff6;
  }
 
.totaleriepilogo2 { 
 	font-family : tahoma, verdana, arial;
	font-size: 18px;
	font-weight: bold;
	padding: 5px;
	border: 1px solid #000;
	background-color: #fcf;
  }
  
 div.bigliettoPB {
	width: 645px;
	height:950px;
	border: 1px solid #000;
	page-break-before : always;
	font-family: "Courier New";
}

div.biglietto {
	width: 645px;
	height:950px;
	border: 1px solid #000;
	font-family: "Courier New";
}

.ragsoc { 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 9px;
 }
 
.labelStampa {  
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.labelStampa1 {  
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.valoreStampa {  
	font-family: "Courier New";
	font-size: 16px;
	font-weight: bold;
}

.valoreStampa1 {  
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.titoloStampa {  
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: bold;
}

.titoloStampa1 {  
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
}

.numPrenotazione { 
	font-family: "Courier New";
	font-size: 20px;
	font-weight: bold;
	padding: 8px;
	border: 2px solid #000;
 }
 
 .tabsaldi { 
	border-top: 1px #000 solid;
	border-left: 1px #000 solid;
 }
 
 .titsaldi { 
	font-family : "Courier New";
	font-size: 11px;
	font-weight: bold;
	background-color: #aaa;
	padding: 2px;
	border-bottom: 1px #000 solid;
	border-right: 1px #000 solid;
 }
 
 .rigasaldi { 
	font-family : "Courier New";
	font-size: 11px;
	padding: 2px;
	border-bottom: 1px #000 solid;
	border-right: 1px #000 solid;
 }

.loading_screen{  
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  color: #FFF;  
  text-align: center;
  padding: 80px;
  background-color: #000;
  background-color: rgba(0, 0, 0, .5);
  box-sizing: border-box;
}

.table-container {
	max-height: 300px;
	overflow-y: auto;
	border: 1px solid #ccc;
	width: 100%;
}
table {
	width: 100%;
	border-collapse: collapse;
}
thead th {
	position: sticky;
	top: 200;
	background-color: #f1f1f1;
	z-index: 1;
}
th, td {
	padding: 10px;
	text-align: left;
	border: 1px solid #ddd;
}

.hr { width : 100px;  background-color: #ff0000 }