/* Fonts */

@font-face {
	font-family: 'robotocondensed';
	src: url('../fonts/RobotoCondensed-Light.eot');
	src: url('../fonts/RobotoCondensed-Light.eot?#iefix')
		format('embedded-opentype'), url('../fonts/RobotoCondensed-Light.woff')
		format('woff'), url('../fonts/RobotoCondensed-Light.ttf')
		format('truetype'),
		url('../fonts/RobotoCondensed-Light.svg#RobotoCondensedLight')
		format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'robotocondensed';
	src: url('../fonts/RobotoCondensed-Bold.eot');
	src: url('../fonts/RobotoCondensed-Bold.eot?#iefix')
		format('embedded-opentype'), url('../fonts/RobotoCondensed-Bold.woff')
		format('woff'), url('../fonts/RobotoCondensed-Bold.ttf')
		format('truetype'),
		url('../fonts/RobotoCondensed-Bold.svg#RobotoCondensedBold')
		format('svg');
	font-weight: bold;
	font-style: normal;
}

/* Fine Fonts */

/* Animazioni */

@keyframes fadeAndZoom{
	0%		{ opacity:0; opacity: 1\9; /* IE9 only */; font-size:6em;}
	50%		{ opacity:1; font-size:7em;}
	100%	{ opacity:0; opacity: 1\9; /* IE9 only */; font-size:8em;}
}

@-webkit-keyframes fadeAndZoom {
	0%		{ opacity:0; opacity: 1\9; /* IE9 only */; font-size:6em;}
	50%		{ opacity:1; font-size:7em;}
	100%	{ opacity:0; opacity: 1\9; /* IE9 only */; font-size:8em;}
}

@-moz-keyframes fadeAndZoom {
	0%		{ opacity:0; opacity: 1\9; /* IE9 only */; font-size:6em;}
	50%		{ opacity:1; font-size:7em;}
	100%	{ opacity:0; opacity: 1\9; /* IE9 only */; font-size:8em;}
}

@-o-keyframes fadeAndZoom {
	0%		{ opacity:0; opacity: 1\9; /* IE9 only */; font-size:6em;}
	50%		{ opacity:1; font-size:7em;}
	100%	{ opacity:0; opacity: 1\9; /* IE9 only */; font-size:8em;}
}

/* Fine Animazioni */

/* stili sulle tabelle */

#tabella-risultati {
	margin: 0px;
}

#tabella-prechiamata {
	margin: 0px;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, 
	.table>tbody>tr>td, .table>tfoot>tr>td {
	vertical-align: middle;
}

/* altri stili */

body {
	font-family: 'robotocondensed', sans-serif;
	font-weight: bold;
	color: #0b2d66;
	overflow: hidden;
}

.nome_societa, .distacco {
	color: #3473c8;
}

.table {
	background: #fff url('../immagini/livetiming-finveneto.png') no-repeat center center;
	background-size: 55%;
}

/*Inversione colori righe tabella e colore trasparente:*/
.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th {
	background-color: transparent;
}

/*
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: transparent;
}
*/

.table-striped>tbody>tr:nth-child(even)>td, .table-striped>tbody>tr:nth-child(even)>th {
	rgb (243,243,243);
	background: transparent\9;
	background: rgba(0, 0, 0, 0.05);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#c000000, endColorstr=#c000000);
	zoom: 1;
}

th span.hidden-xs, td span.hidden-xs {
	display: inline-block !important;
}

.table thead>tr>th, .table tbody>tr>th, .table tfoot>tr>th, .table thead>tr>td, .table tbody>tr>td, .table tfoot>tr>td {
	border-top: 1px solid #cecece;
}

.table thead>tr>th {
	/*border-bottom: 1px solid #cecece;*/
	border-top: 1px solid #0b2d66;
	border-bottom: 1px solid #0b2d66;
}

.table-striped>tbody>tr:nth-child(even)>td:nth-child(n), .table-striped>tbody>tr:nth-child(even)>th:nth-child(n) {
    filter: none;
}

.altezza_1 {
	height: 10%;
}

.altezza_2 {
	height: 20%;
}

#dati_ondate{
	background-color: #c9e7ff
}
#dati_ondate>td{
	padding:0;
}

/* fine stili sulle tabelle */

/* slider */
#slider_ondate{
	position: absolute; 
	width: 100%; 
	padding:0;
	z-index: 1; 
	bottom: 5%;
}
.slick-prev {
    left: 10px;
}
.slick-next {
    right: 10px;
}
.slick-prev, .slick-next {
    position: absolute;
    top: 0%;
    display: block;
    cursor: pointer;
    color: #a3c8e5;
    border: none;
    outline: none;
    background: transparent;
    z-index: 2;
}



/* altri stili */





.evidenzia-grigio {
	rgb (243,243,243);
	background: transparent\9;
	background: rgba(0, 0, 0, 0.05);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#c000000,
		endColorstr=#c000000);
	zoom: 1;
}

#landscape {
	position: fixed;
	top: 0px;
	left: 0px;
	background: #0b2d66;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 20000;
	margin: 0 auto;
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	/* IE 5-7 */
	filter: alpha(opacity = 50);
	/* Netscape */
	-moz-opacity: 0.5;
	/* Safari 1.x */
	-khtml-opacity: 0.5;
	/* Good browsers */
	opacity: 0.5;
}

#landscape div {
	color: #FFFFFF;
	top: 50%;
	position: absolute;
	text-align: center;
	display: inline-block;
	width: 100%;
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	/* IE 5-7 */
	filter: alpha(opacity = 100);
	/* Netscape */
	-moz-opacity: 1;
	/* Safari 1.x */
	-khtml-opacity: 1;
	/* Good browsers */
	opacity: 1;
}

#messaggi-attesa {
	position: fixed;
	top: 0px;
	left: 0px;
	background: #0b2d66;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 10;
	margin: 0 auto;
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	/* IE 5-7 */
	filter: alpha(opacity = 50);
	/* Netscape */
	-moz-opacity: 0.5;
	/* Safari 1.x */
	-khtml-opacity: 0.5;
	/* Good browsers */
	opacity: 0.5;
}

#messaggi-attesa div {
	position: absolute;
	width: 100%;
	top: 50%;
	color: #FFFFFF;
	text-align: center;
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	/* IE 5-7 */
	filter: alpha(opacity = 100);
	/* Netscape */
	-moz-opacity: 1;
	/* Safari 1.x */
	-khtml-opacity: 1;
	/* Good browsers */
	opacity: 1;
}

/* stile tabella prechiamata */

#riga_nome_gara {
	height: 15%;
}

#riga_atleta_prec {
	height: 10%;
	color: #aaa;
}

#riga_atleta_prec_2 {
	height: 10%;
	color: #aaa;
}

#riga_atleta_attuale {
	height: 35%;
}

#riga_atleta_succ_1 {
	height: 10%;
}

#riga_atleta_succ_2 {
	height: 10%;
}

#riga_atleta_succ_3 {
	height: 10%;
}

.raddoppia-font {
	font-size: 2em;
}

.font-ondata {
	font-size: 1.5em;
}

#progresso-prechiamata {
	position: absolute;
	bottom: 2%;
	right: 50%;
	margin-right: -100px;
	z-index: 1;
	height: 200px;
	width: 200px;
}

#progress-prechiamata {
	height: 100%;
}

#progress-prechiamata > svg {
	height: 100%;
	display: block;
}

.blur-contenuto {
	filter: blur(5px); /* Someday, sigh ... */ 
 	-webkit-filter: blur(5px); /* Prefixed CSS3 blur filters */
 	-moz-filter: blur(5px); 
 	-o-filter: blur(5px); 
 	-ms-filter: blur(5px); 
	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='5'); /* IE lte 9 */
}

.progressbar-text {
	font-size: 1.6em;
}

div.ie-vecchio {
	background: #000; 
	width:      100%;
	height:     100%; 
	z-index:    50;
	top:        0; 
	left:       0; 
	position:   fixed; 
	color: #fff;
	font-size: 2em;
    display: table;
    text-align: center;
}

#avviso-ie-vecchio {
    display: table-cell;
    vertical-align: middle;
}

#testo-inside-ie-vecchio {
	text-align: center;
}

/* div distanza */
.fadeandzoom {
	/*font-size: 50%;*/
	white-space: nowrap;
	color: #0b2d66;
	font-weight: bold;
	text-align:center;
	position:absolute;
	top: 45%;
	width:100%;
	opacity:0;  /* make things invisible upon start */
	animation-play-state: paused;
	-webkit-animation-play-state: paused;
	
    -webkit-animation:fadeAndZoom linear 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
    -moz-animation:fadeAndZoom linear 1;
    animation:fadeAndZoom linear 1;

    -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;

    -webkit-animation-duration:2s;
    -moz-animation-duration:2s;
    animation-duration:2s;
}

.padding-tempo {
	padding-right: 10px;
}

.bandiera {
    /*background-image: url(./immagini/grandi/HUN.png);*/
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;	
	width: 100%;
	height: 100%;
	min-width: 20px;
}

/* fine altri stili */

/* media query */
@media (max-width :767px) {

	body {
		font-size: 14px;
	}
	
	th span.hidden-xs, td span.hidden-xs, td span.nascondi-mobile {
		display: none !important;
	}
	
	#progresso-prechiamata {
		bottom: 2%;
		right: 2%;
		margin-right: 0px;
		height: 80px;
		width: 80px;
	}
	
	.progressbar-text {
		font-size: 1.3em;
	}
	#slider_ondate{
		bottom: 5%;
	}
	.slick-prev, .slick-next {
		font-size: 2em;
    		margin-top: .3em;
	}
}

@media ( min-width :768px) {
	body {
		font-size: 17px;
	}
	
	.nome_societa, .distacco {
		font-size: 0.7em;
	}
	
	th span.hidden-xs, td span.hidden-xs {
		display: none !important;
	}	
	
	.altezza_1 {
		font-size: 1.4em;
	}

	.altezza_2 {
		font-size: 2.5em;
	}	

	.font-ondata {
		font-size: 1.15em;
	}
	#slider_ondate{
		bottom: 7.5%;
	}
	.slick-prev, .slick-next {
		font-size: 1.2em;
    		margin-top: 0em;
	}
}

@media ( min-width :992px) {
	body {
		font-size: 23px;
	}
	
	.altezza_1 {
		font-size: 1.4em;
	}

	.altezza_2 {
		font-size: 2.5em;
	}	

	.font-ondata {
		font-size: 1.2em;
	}
	#slider_ondate{
		bottom: 3.5%;
	}
}

@media ( min-width :1200px) {
	body {
		font-size: 28px;
	}
	
	.altezza_1 {
		font-size: 1.1em;
	}

	.altezza_2 {
		font-size: 2em;
	}	

	.font-ondata {
		font-size: 1.2em;
	}
	#slider_ondate{
		bottom: 5.5%;
	}
}

/* fine media query */