@font-face {
    font-family: TimeFont;
    src: url('../font/TimeFont-mono.ttf');
}

@font-face{
	font-family: 'Tracks Normal';
	src: url('../font/Tracks-Normal.eot');
	src: url('../font/Tracks-Normal.eot?iefix') format('eot'),
	url('../font/tracks-normal.woff') format('woff'),
	url('../font/TracksNormal.ttf') format('truetype'),
	url('../font/Tracks-Normal.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
	line-height: 1;
    background: #000;
	color: #fff;
}
body.default {
    color: #ffed00;
}
.hidden {
	display: none!important;
}
.timer {
    font-size: 450px;
    font-family: 'TimeFont', Verdana;
	color: #ffed00;
}
.timer .milisec {
    font-size: 200px;
}


.table-laps td, .table-laps th {
    text-align: center;
    padding: 0 12px;
}

.table-laps th {
    font-weight: 300;
    padding-bottom: 8px;
}

.table-laps tbody {
	font-size: 26px;
    font-family: 'TimeFont', Verdana;
}

#pnl-set-title {
	    margin-top: 50px;
    font-size: 80pt;
    font-weight: bold;
    /* text-transform: uppercase; */
    color: #ffed00;
	font-family: 'Arial', sans-serif;
}
.setUserName {
    color: #ffed00;
    font-weight: bold;
	margin-top: 15px;
}

@media screen and (max-width: 1024px) {
	.timer {
		font-size: 300px;
	}
	.timer .milisec {
		font-size: 200px;
	}
}
@media screen and (max-width: 768px) {
	.timer {
		font-size: 200px;
	}
	.timer .milisec {
		font-size: 100px;
	}
}
@media screen and (max-width: 425px) {
	.timer {
		font-size: 100px;
	}
	.timer .milisec {
		font-size: 50px;
	}
}

.sansSerif {
	font-family: 'Tracks Normal', sans-serif!important;
}