body {
		margin: 0;
		padding: 0;
	}

	.page_content_wrap,
	.body_wrap {
		background: #f7f7f7 !important;
	}



	.pagine-list {
		width: 100%;
		display: block;
	}

	.pagine {
		width: 210mm;
		/* larghezza A4 */
		height: 297mm;
		/* altezza A4 */
		margin: auto;
		transform: scale(1.5);
		transform-origin: top;
	}

	.pagine .pagina {
		width: 100%;
		height: 100%;
		box-sizing: border-box;
		float: left;
		page-break-after: always;
		/* forza un'interruzione di pagina dopo ogni div.pagina */
		margin-bottom: 40px;
	}

	.pagine .contenuto {
		padding: 20px;
		height: calc(100% - 40px);
		/* Altezza - margini */
		border: 1px solid #e6e6e6;
		color: black;
		font-family: 'Roboto' !important;
		background: white;
	}

	.pagine .contenuto * {

		font-family: 'Roboto' !important;
	}

.pagine .contenuto .table-contacts td:nth-child(3) {
	color: blue !important;
	text-decoration: underline;
}

	.time-table-container {
		display: flex;
		flex-direction: column;
	}

	.time-block {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		border: 0px solid #ccc;
		margin-bottom: 10px;
	}

	.time-info {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-content: center;
		justify-content: space-evenly;
		align-items: center;
		width: 25%;
	}

	.time-info * {
		font-weight: bold;
		margin-bottom: 10px;
		line-height: 1.5em;
		font-size: 0.65em;
		text-decoration: underline;
		text-underline-offset: 1px;
		margin-top: 15px;
	}

.time-info font {
	font-size: 1em;
}

	@media only screen and (max-width: 600px) {
		.time-block {
			display: flex;
			flex-direction: column;
			flex-wrap: nowrap;
			align-content: flex-start;
			justify-content: center;
			align-items: flex-start;
		}

		.time-info {
			margin-bottom: 5px;
			display: flex;
			flex-direction: row;
			width: 50%;
			justify-content: space-between;
			align-items: center;
			height: 1em;
		}
	}


	.pagine h1 {
		margin-top: 0;
	}

	.pagine p {
		margin-bottom: 0;
	}


	headpic {
		display: block;
	}

	headpic img {
		display: block;
		width: 40%;
		margin: auto;
	}

	h7 {
		line-height: 1.2em;
		font-size: 1.em;
		text-align: center;
		width: 100%;
		display: block;
		font-weight: 600;
		color: black;
		margin-top: 4px;
		text-decoration: underline;
	}

	h8 {
		line-height: 1.2em;
		font-size: 0.8em;
		text-align: center;
		width: 100%;
		display: block;
		font-weight: 600;
		color: black;
		margin-top: 4px;
		text-decoration: underline;
	}

	ol.listing-navigation {
		list-style: none;
		margin: 0 !important;
		padding: 0 !important;
		margin-top: 20px !important;
	}

	ol.listing-navigation li ol {
		margin: 0 !important;
		padding: 0 !important;
		list-style: none;
	}

	ol.listing-navigation a {
		font-size: 0.57em !important;
		font-weight: 400 !important;
	}

	ol.listing-navigation li {
		line-height: 0.7em;
	}

	ol.listing-navigation .main>a {
		font-weight: 600 !important;
		text-decoration: underline;
		text-underline-offset: 1px;
	}

	.ol-title {
		line-height: 1.2em;
		font-size: 0.75em;
		text-align: center;
		width: 100%;
		display: block;
		font-weight: 600;
		margin-bottom: 20px !important;
		text-decoration: underline;
	}

	.content-txt {
		font-size: 0.5em;
		line-height: 1.5;
		display: block;
		text-align: center;
		font-weight: 600 !important;
		margin-top: 5px;
	}

	.h1title {
		font-size: 1.5em;
		line-height: 1.6em;
		font-weight: bold;
		/* margin-bottom: 10px; */
		display: block;
		text-align: center;
	}

	.h2title {
		/* margin-bottom: 10px; */
		line-height: 1.2em;
		font-size: 1em;
		text-align: center;
		width: 100%;
		display: block;
		font-weight: 600;
	}

	.h3title {
		line-height: 1.3em;
		font-size: 0.6em;
		text-align: center;
		width: 100%;
		display: block;
		font-weight: 600;
	}

	.li-title {
		font-weight: bold;
		margin-bottom: 10px;
		line-height: 1.5em;
		font-size: 0.6em;
		text-decoration: underline;
		text-underline-offset: 1px;
		margin-top: 15px;
	}

	table.table-contacts * {
		background: none !important;
		color: black !important;
		font-size: 0.83em;
		padding: 0;
		margin: 0;
		line-height: 1.5em;
		font-weight: 400 !important;
	}


	table.table-contacts font {

		font-size: 1em;

	}

	table.table-contacts {
		width: 80%;
		margin-bottom: 30px;
	}

	.pagine .contenuto span {
		font-size: 0.6em;
		line-height: 1.4em;
		display: block;
	}

	.pagine .contenuto span b {
		display: inline-block;
	}


	.pagine .contenuto table.time_table {
		width: 100%;
		margin-bottom: 10px;
	}

	.pagine .contenuto table.time_table *:not(font) {
		border: 1px solid #d2d2d2;
		text-align: center !important;
		font-size: 0.85em !important;
		line-height: 1.4em !important;
		padding: 0;
		color: black;
		background: white !important;
		font-weight: 500 !important;
	}

	.pagine .contenuto table.time_table * font {font-size: 1.1em !important;line-height: 1.2em !important;border: 0px;}

	.pagine .contenuto table.time_table *:not(font) .bigtitle, .pagine .contenuto table.time_table *:not(font) .subtitle {
		background: #eaeaea !important;
	}

	.pagine .contenuto table.time_table td:last-child,
	.pagine .contenuto table.time_table td:first-child {
		width: 187px !important;
	}


	.pagine .contenuto td.bigtitle {
		font-weight: 600 !important;
		font-size: 1.0em !important;
		line-height: 1.5em !important;
		color: red !important;
	}

	.pagine .contenuto td.bigtitle * {
		font-weight: 600 !important;
		font-size: 1.0em !important;
		line-height: 1.5em !important;
		color: red !important;
	}

	tr.tt_title font {
		background: transparent !important;
	}

	.pagine .contenuto td.subtitle {
		font-weight: 500 !important;
		text-transform: uppercase;
		background: #eaeaea !important;
	}

	td.blue-color {
		color: #305496 !important;
	}

	td.green-color {
		color: #548235 !important;
	}

	.pagine .contenuto table.cat-gara.time_table {}

	.pagine .contenuto table.cat-gara.time_table td {
		border: 1px solid #d2d2d2 !important;
		line-height: 1.6em !important;
	}

	.pagine .contenuto .time_table.title_table {
		margin-top: 5px;
	}

	.pagine .contenuto .time_table.title_table * {
		border: 0px !important;
		text-align: left !important;
		font-size: 0.88em !important;
		line-height: 0.84 !important;
		margin: 0px;
		font-weight: 600 !important;
	}


	.flex_div {
		display: flex;
		flex-direction: column;
	}

	.flex_row {
		display: flex !important;
		justify-content: space-between;
		align-items: center;
	}

	.flex_label {
		text-decoration: underline;
		flex: 4;
	}

	.flex_content {
		flex: 10;
	}

	span.flex_div.gare {
		margin-top: 10px;
	}

	.flex_row.gare {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-content: center;
		justify-content: space-between;
		align-items: center;
	}

	.flex_row.gare .flex_label {
		flex: 4;
		text-align: right;
		padding-right: 30px;
		font-weight: 600;
		text-decoration: auto;
	}

	.flex_row.gare .flex_content {
		flex: 4;
		font-weight: 600;
		text-decoration: auto;
	}

	.classifica {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 50%;
	}

	.colonna {
		width: calc(25% - 10px);
		padding: 3px;
		padding-left: 0px;
		border: 0px solid #ccc;
		box-sizing: border-box;
		font-size: 0.6em;
		line-height: 1em;
		font-weight: 500;
	}



	span.flex_div.premiazione {
		margin-bottom: 10px;
	}

	span.flex_div.premiazione * {
		font-weight: 600;
	}

	span.flex_div.premiazione .flex_label {
		text-decoration: none;
		flex: 3;
	}

	span.flex_div.premiazione .flex_content {
		flex: 14;
	}

	span.flex_div.premiazione .flex_label+.flex_content+.flex_content {
		flex: 5;
	}


	.flags-list {
		display: flex;
		border: 0px !important;
		flex-direction: row;
		flex-wrap: nowrap;
		align-content: center;
		justify-content: space-evenly;
		align-items: stretch;
	}

	.flags-list img {
		width: 15px;
		border: 0px !important;
		margin-top: 0px !important;
		margin-bottom: 0px !important;
	}






	footer.footer_wrap {
		margin-top: 280vh;
	}


	@media screen and (max-width: 1300px) {
	
	
		footer.footer_wrap {
			margin-top: 330vh;
		}

	}



	/*----------------------- MOBILE -----------------------*/

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

		.page_content_wrap .content_wrap {
			width: 98% !important;
		}

		.pagine {
			width: 72mm;
			/* larghezza A4 */
			height: auto;
			/* altezza A4 */
			margin: auto;
			transform: scale(1.5);
			transform-origin: top;
		}

		.pagine .contenuto table.time_table td:last-child,
		.pagine .contenuto table.time_table td:first-child {
			width: 55px !important;
		}

		.pagine .contenuto table.time_table * {
			font-size: 0.8em !important;
		}

		.flags-list img {
			width: 15%;
			border: 0px !important;
			margin-top: 0px !important;
			margin-bottom: 0px !important;
		}

		.classifica {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			width: 95%;
		}

		.table-responsive-table {
			display: block;
			width: 100%;
			overflow: scroll;
			overflow-y: hidden;
			margin-bottom: 20px;
		}

		/* Stile della scrollbar */
		.table-responsive-table::-webkit-scrollbar {
			height: 2px;
			/* Altezza della scrollbar */

		}

		/* Track della scrollbar */
		.table-responsive-table::-webkit-scrollbar-track {
			background: #f1f1f1;
			/* Colore di sfondo del track */
		}

		/* Handle della scrollbar */
		.table-responsive-table::-webkit-scrollbar-thumb {
			background: #888;
			/* Colore del manico della scrollbar */
		}

		/* Handle on hover */
		.table-responsive-table::-webkit-scrollbar-thumb:hover {
			background: #555;
			/* Cambia colore del manico della scrollbar al passaggio del mouse */
		}



		.table-responsive-table table {
			width: 500px;
			margin: 0;
			margin-bottom: 5px;

		}





		footer.footer_wrap {
			margin-top: 260vh;
		}



	}


	


	/*----------------------- PRINT -----------------------*/


	@media print {

		@page {
			margin: 0 !important;
			/* Imposta i margini della pagina a 0 */
		}




		body {
			margin: 0;
			padding: 0;
		}

		body {
			margin: 0;
			padding: 0;
		}

		.pagine-list {
			width: 100%;
			display: block;
		}

		.page_content_wrap {
			padding: 0 !important;
		}

		.pagine {
			width: 210mm;
			/* larghezza A4 */
			height: 297mm;
			/* altezza A4 */
			margin: auto;
			transform: scale(1);
			transform-origin: top;
		}

		.pagine .pagina {
			width: 100%;
			height: 100%;
			box-sizing: border-box;
			float: left;
			page-break-after: always;
			/* forza un'interruzione di pagina dopo ogni div.pagina */
			margin-bottom: 0px;
		}

		.pagine .contenuto {
			padding: 20px;
			height: calc(100% - 0px);
			/* Altezza - margini */
			border: 1px solid #000;
			color: black;
			font-family: 'Roboto' !important;
			box-sizing: border-box;
		}

		.pagine .contenuto * {

			font-family: 'Roboto' !important;
		}

		.time-info * {
			font-weight: bold;
			margin-bottom: 10px;
			line-height: 1.5em;
			font-size: 1em;
			text-decoration: underline;
			text-underline-offset: 1px;
			margin-top: 15px;
		}

		.pagine h1 {
			margin-top: 0;
		}

		.pagine p {
			margin-bottom: 0;
		}


		headpic {
			display: block;
		}

		headpic img {
			display: block;
			width: 40%;
			margin: auto;
			margin-top: 0 !important;
			margin-bottom: 15px !important;
		}

		h7 {
			line-height: 1.2em;
			font-size: 1.4em;
			text-align: center;
			width: 100%;
			display: block;
			font-weight: 600;
			color: black;
			margin-top: 4px;
			text-decoration: underline;
		}

		h8 {
			line-height: 1.2em;
			font-size: 0.8em;
			text-align: center;
			width: 100%;
			display: block;
			font-weight: 600;
			color: black;
			margin-top: 4px;
			text-decoration: underline;
		}

		ol.listing-navigation {
			list-style: none;
			margin: 0 !important;
			padding: 0 !important;
			margin-top: 20px !important;
		}

		ol.listing-navigation li ol {
			margin: 0 !important;
			padding: 0 !important;
			list-style: none;
		}

		ol.listing-navigation a {
			font-size: 0.57em !important;
			font-weight: 400 !important;
		}

		ol.listing-navigation li {
			line-height: 0.7em;
		}

		ol.listing-navigation .main>a {
			font-weight: 600 !important;
			text-decoration: underline;
			text-underline-offset: 1px;
		}

		.ol-title {
			line-height: 1.2em;
			font-size: 1.2em;
			text-align: center;
			width: 100%;
			display: block;
			font-weight: 600;
			margin-bottom: 5px !important;
		}

		.content-txt {
			font-size: 0.5em;
			line-height: 1.5;
			display: block;
			text-align: center;
			font-weight: 600 !important;
			margin-top: 5px;
		}

		.h1title {
			font-size: 2.5em;
			line-height: 1.6em;
			font-weight: bold;
			/* margin-bottom: 10px; */
			display: block;
			text-align: center;
		}

		.h2title {
			/* margin-bottom: 10px; */
			line-height: 1.3em;
			font-size: 1.2em;
			text-align: center;
			width: 100%;
			display: block;
			font-weight: 600;
		}

		.h3title {
			line-height: 1.3em;
			font-size: 0.8em;
			text-align: center;
			width: 100%;
			display: block;
			font-weight: 600;
		}

		.li-title {
			font-weight: bold;
			margin-bottom: 10px;
			line-height: 1.5em;
			font-size: 1em;
			text-decoration: underline;
			text-underline-offset: 1px;
			margin-top: 15px;
		}

		table.table-contacts * {
			background: none !important;
			color: black !important;
			font-size: 0.95em;
			padding: 0;
			margin: 0;
			line-height: 1.5em;
			font-weight: 400 !important;
		}

		table.table-contacts {
			width: 90%;
			margin-bottom: 30px;
		}

		.pagine .contenuto span {
			font-size: 0.9em;
			line-height: 1.4em;
			display: block;
			/* margin-bottom: 1em; */
		}

		.pagine .contenuto span b {
			display: inline-block;
		}


		.pagine .contenuto table.time_table {
			width: 75%;
			margin-bottom: 10px;
			margin: auto;
			margin-bottom: 1em;
		}

		.pagine .contenuto table.time_table * {
			border: 1px solid #d2d2d2;
			text-align: center !important;
			font-size: 0.95em !important;
			line-height: 1.85em !important;
			padding: 0;
			color: black;
			background: white !important;
			font-weight: 500 !important;
		}

		.pagine .contenuto table.time_table * font {
			font-size: 1.35em !important;
			line-height: 1.4em !important;
			border: 0px;
		}

		.pagine .contenuto table.time_table td:last-child,
		.pagine .contenuto table.time_table td:first-child {
			width: 130px !important;
		}


		.pagine .contenuto td.bigtitle {
			font-weight: 600 !important;
			font-size: 1.0em !important;
			line-height: 1.5em !important;
			color: red;
		}

		.pagine .contenuto table.time_table *:not(font) {
			 
			font-size: 1.04em !important;
			line-height: 1.4em !important;
		}
		.pagine .contenuto td.subtitle {
			font-weight: 500 !important;
			text-transform: uppercase;
			background: #eaeaea !important;
		}

		td.blue-color, td.blue-color * {
			color: #305496 !important;
		}

		td.green-color, td.green-color * {
			color: #548235 !important;
		}

		.pagine .contenuto table.cat-gara.time_table {}

		.pagine .contenuto table.cat-gara.time_table td {
			border: 1px solid #d2d2d2 !important;
			line-height: 1.6em !important;
		}

		.pagine .contenuto .time_table.title_table {
			margin-top: 30px;
			margin-left: 0;
		}

		.pagine .contenuto .time_table.title_table * {
			border: 0px !important;
			text-align: left !important;
			font-size: 1em !important;
			line-height: 0.84 !important;
			margin: 0px;
			font-weight: 600 !important;
		}


		.flex_div {
			display: flex;
			flex-direction: column;
		}

		.flex_row {
			display: flex !important;
			justify-content: space-between;
			align-items: center;
		}

		.flex_label {
			text-decoration: underline;
			flex: 4;
		}

		.flex_content {
			flex: 10;
		}

		span.flex_div.gare {
			margin-top: 10px;
		}

		.flex_row.gare {
			display: flex;
			flex-direction: row;
			flex-wrap: nowrap;
			align-content: center;
			justify-content: space-between;
			align-items: center;
		}

		.flex_row.gare .flex_label {
			flex: 4;
			text-align: right;
			padding-right: 30px;
			font-weight: 600;
			text-decoration: auto;
		}

		.flex_row.gare .flex_content {
			flex: 4;
			font-weight: 600;
			text-decoration: auto;
		}

		.classifica {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			width: 50%;
		}

		.colonna {
			width: calc(25% - 10px);
			padding: 3px;
			padding-left: 0px;
			border: 0px solid #ccc;
			box-sizing: border-box;
			font-size: 0.9em;
			line-height: 1em;
			font-weight: 500;
		}



		span.flex_div.premiazione {
			margin-bottom: 10px;
		}

		span.flex_div.premiazione * {
			font-weight: 600;
		}

		span.flex_div.premiazione .flex_label {
			text-decoration: none;
			flex: 3;
		}

		span.flex_div.premiazione .flex_content {
			flex: 14;
		}

		span.flex_div.premiazione .flex_label+.flex_content+.flex_content {
			flex: 5;
		}

		.li-title {
	 
	margin-top: 5px;

		}







		footer.footer_wrap {
			margin-top: 250vh;
		}


		button.iubenda-tp-btn.iubenda-cs-preferences-link {
			display: none !important;
		}
	}