/* Sin dependencias de fuentes externas (Lato) */
/*
body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
*/
@font-face {
	font-family: 'Neo Sans Pro Medium';
	src: url('/libs/neo-sans-pro/NeoSansPro-Medium.eot');
	src: url('/libs/neo-sans-pro/NeoSansPro-Medium.eot?#iefix') format('embedded-opentype'),
		 url('/libs/neo-sans-pro/NeoSansPro-Medium.woff') format('woff'),
		 url('/libs/neo-sans-pro/NeoSansPro-Medium.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Neo Sans Pro';
	src: url('/libs/neo-sans-pro/NeoSansPro-Regular.eot');
	src: url('/libs/neo-sans-pro/NeoSansPro-Regular.eot?#iefix') format('embedded-opentype'),
		 url('/libs/neo-sans-pro/NeoSansPro-Regular.woff') format('woff'),
		 url('/libs/neo-sans-pro/NeoSansPro-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

body h1, body h2, body h3, body h4, body h5, body h6 {
	text-transform: uppercase;
}

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

.info-zoom {
	font-size: 1.4vw!important;
}
.info-zoom-time {
	font-size: 1.7vw!important;
}
.table th {
	font-size: 1.0vw!important;
}
/*
@media (min-width: 600px) 
{
	.info-zoom {
		font-size: 1.4vw!important;
	}
	.info-zoom-time {
		font-size: 1.7vw!important;
	}
	.table th {
		font-size: 1.0vw!important;
	}
}*/

/* sm */
/*
@media (min-width: 768px) 
{
	.info-zoom {
		font-size: 1.4vw!important;
	}
	.info-zoom-time {
		font-size: 1.7vw!important;
	}
	.table th {
		font-size: 1.0vw!important;
	}
}*/

/* md */
/*
@media (min-width: 992px) 
{
	.info-zoom {
		font-size: 1.4vw!important;
	}
	.info-zoom-time {
		font-size: 1.7vw!important;
	}
	.table th {
		font-size: 1.0vw!important;
	}
}*/

/* lg */
/*
@media (min-width: 1200px) 
{
	.info-zoom {
		font-size: 1.4vw!important;
	}
	.info-zoom-time {
		font-size: 1.7vw!important;
	}
	.table th {
		font-size: 0.9vw!important;
	}
}*/

/*
@media (min-width: 1600px) 
{
	.info-zoom {
		font-size: 1.4vw!important;
	}
	.info-zoom-time {
		font-size: 1.7vw!important;
	}
	.table th {
		font-size: 0.9vw!important;
	}
}*/

.table {
	word-wrap: break-word;
	font-family: 'Neo Sans Pro';
}

.nowrap {
	white-space: nowrap;
}

/* For FullName */
/* http://collaboradev.com/2015/03/28/responsive-css-truncate-and-ellipsis/ */
.truncate-ellipsis {
	display: table;
	table-layout: fixed;
	width: 100%;
	white-space: nowrap;
}

.truncate-ellipsis > * {
	display: table-cell;
	overflow: hidden;
	text-overflow: ellipsis;
}

.truncate-clip {
	display: table;
	table-layout: fixed;
	width: 100%;
	white-space: nowrap;
}

.truncate-clip > * {
	display: table-cell;
	overflow: hidden;
	text-overflow: clip;
}

.fullName {
	font-size: 1.1vw;
}
/* End FullName */

/* Formato de tabla general */

.table-theme { /* Disable bottom margin */
	margin-bottom: 0!important;
}

.table th, .table td,
.leaderboard li {
	padding: 1px!important;
	border-top:none!important;
	padding: 4px 3px;
	/*font-weight: normal;*/
}

.table th {
	font-weight: normal;
}

.table tr {
	-moz-transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	-ms-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

td.min-width {
	width: 2.5em;
}

/* Formato barra de progeso */

.progress {
	height: 4px;
	margin-bottom: 0px;
	background-image: none;
	margin-top: 0px;
}

/* Cabeceras de las columnas: color y anchos */ 

th.autocenter, .table td.autocenter,
.leaderboard .autocenter {
	width: auto;
	padding-left: 1px!important;
	padding-right: 1px!important;
	text-align: center;
}

.table th.othertotal,
.leaderboard .othertotal {
	text-align: right;
	font-style: italic;
}

span.clickable {
	cursor: pointer;
	white-space: nowrap;
}

.noselect {
	/* http://stackoverflow.com/questions/880512/prevent-text-selection-after-double-click */
	-webkit-user-select: none; /* webkit (safari, chrome) browsers */
	-moz-user-select: none; /* mozilla browsers */
	-khtml-user-select: none; /* webkit (konqueror) browsers */
	-ms-user-select: none; /* IE10+ */
}

/* Cuerpo de las columnas: alineación del texto. Usar en todas las celdas. */

.table th.time, .table td.time,
.leaderboard .time {
	text-align: right;
	padding-left: 1.5em!important;
	white-space: nowrap;
	min-width: 5em;
}

.table th.racetime, .table td.racetime,
.leaderboard .racetime {
	text-align: right;
	padding-left: 0.5em!important;
	white-space: nowrap;
	min-width: 5em;
}

.table th.number, .table td.number,
.leaderboard .number {
	text-align: center;
	padding-left: 1.0em!important;
	padding-right: 0.5em!important;
	white-space: nowrap;
	min-width: 1.5em;
}

/*
.table td > div.carnumber {
	border: 0.1em solid white;
	border-collapse: collapse;
	background-color: #303030;
	-moz-border-radius: 0.4em;
	border-radius: 0.4em;
}*/

.table th.timenomargin, .table td.timenomargin,
.leaderboard .timenomargin {
	text-align: right;
}

.table td.leaderlap,
.leaderboard .leaderlap {
	text-align: left;
}

/* Tablas de descripciones */

.tabledd td {
	/*vertical-align: top;*/
	padding: 1px 6px;
}

.tabledd .progress {
	width: 100px;
}

.tabledd td.legend {
	text-align: right;
}

.clickable {
	/*color: orangered;*/
	text-decoration: underline;
}

/* Colores particulares */
.statusidle {
	padding: 3px 8px;
	background-color: grey;
}

.gradientidle {
	background: darkgray;
	background: linear-gradient(to right, orangered , darkgray);
}

.statusready {
	padding: 3px 8px;
	background-color: rgb(8, 104, 199) ;
}

.gradientready {
	background: DodgerBlue;
	background: linear-gradient(to right, orangered, DodgerBlue );
}

.statusgo {
	padding: 3px 8px;
	background-color: green;
}

.gradientgo {
	background: green;
	background: linear-gradient(to right, orangered, green);
}

.statuslastlap {
	padding: 3px 8px;
	background-color: #7f007f;
}

.gradientlastlap {
	background: #7f007f;
	background: linear-gradient(to right, orangered, #7f007f);
}

.statuserror {
	padding: 3px 8px;
	background-color: red;
}

.gradienterror {
	background: red;
	background: linear-gradient(to right, orangered, red);
}

.racedirector {
	padding: 3px 8px;
	background-color: #DDD;
}

.pitstoptable tr {
	border-bottom: 1px solid white;
}

.timeviolation {
	background-color: rgb(199, 0, 0);
}

/*
.pitstopwarning
{
	color:orangered!important;
}
*/
.warninghidden {
	visibility:hidden;
}

.nick {
	text-transform:uppercase;
}

.table-pitstop {
	margin-bottom:10px;
}
/*
.table-pitstop td {
	color:black;
}*/

.pitcolor0 {
	color: #007f00;
}
.pitcolor1 {
	color: #ff0000;
}
.pitcolor2 {
	color: #0000ff;
}
.pitcolor3 {
	color: #7f007f;
}
.pitcolor4 {
	color: #000000;
}
.pitcolor4 {
	color: #606060;
}

.table td.pitEnter {
	color:red!important;
	font-weight: bold;
}

.table td.currentSector {
	/*background-color: darkblue;*/
	text-decoration: underline;
}

/* Animation fluida con css */
/*
@keyframes mymove {
	0%   {width: 0%;}
	100% {width: 100%;}
}*/


/* TEST ON TABLES */
/*
.table-theme tbody {
	position:relative;
}*/

/* NEW LAYOUT BASED ON DIVS */

.leaderboard {
	width: 100%;
	border: 1px solid #333;
}

.leaderboard > .header > div {
	display: table-cell;
}

.leaderboard > .players {
	padding: 0;
/*	width: 70%;*/
	position: relative;
	/*display: table;*/
	/*border: 1px solid #333;
	box-shadow: 2px 2px 5px gray;*/
	height: 800px;
	overflow: hidden;
}

.leaderboard > .players li {
	display: table-row;
	/*display:block;*/
	clear: both;
	position: absolute;
	/*width: 100%;*/
	overflow: hidden;
	-moz-transition-duration: 1s;
	-webkit-transition-duration: 1s;
	-ms-transition-duration: 1s;
	transition-duration: 1s;
}

.leaderboard > .players li div {
	display: table-cell;
	float: left;
	overflow: hidden;
	/*padding: 5px;*/
}


/*
.leaderboard .player {
	background: -moz-linear-gradient(top, #feffff 0%, #e0dace 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffff), color-stop(100%,#e0dace));
}
.leaderboard .rank {
	width: 20%;
}
.leaderboard .name {
	width: 56%;
}
.leaderboard .score {
	width: 20%;
}

.locale-text {
	vertical-align: middle;
	text-align: center;
	border: 1px solid black;
	font-size: 16px;
	width: 2%;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	transition-timing-function: ease-in-out;
	-moz-transition-timing-function: ease-in-out;
	-webkit-transition-timing-function: ease-in-out;
	-o-transition-timing-function: ease-in-out;
}
a {
	text-transform: uppercase;
}
.locale-text:hover {
	width: 100%;
}*/