@charset "UTF-8";

#svgDiv {
	margin-right: 0px;
	margin-left: 0px;
	width: 100%
}

#first {
	margin-top: 10px;	
}


@media all and (min-width: 962px){
	.sbsForm {
		margin-right: 35px;
		margin-bottom: 30px;
		display: block;
		float: left;
	}
		
	#theForm { margin-left: 180px; }
	
	#sortButtonDiv { 
		width: auto;
		margin-left: 30px;
	}
	
}



@media all and (max-width: 961px){
	
	.sbsForm{
		display: block;
		float: left;
	}

	#formDiv{
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}
	
	#theForm {
		margin-left: auto;
		margin-right: auto;
		width: 100%;
	}
	
	#animateDiv { 
		min-width: 35%;		
	}
	
	#categoryDiv { 
		min-width: 35%;
		margin-left: 5%;
	 }
	
	
	#sortButtonDiv { 
		width: auto;
		margin-left: 5%;
	}
	
}

@media all and (max-width: 720px){
	#animateDiv { 
		min-width: 30%;		
	}
	
	#categoryDiv { 
		min-width: 30%;
		margin-left: 3%;
	 }
	
	
	#sortButtonDiv { 
		width: auto;
		margin-left: 3%;
	}
}

@media all and (max-width: 600px){
	.sbsForm{
		width: 100% !important;
		display: block;
		float: none;
		margin-left: auto !important;
		margin-right: auto;
		text-align: center;
	}
	
	#category {
		max-width: 100%	
	}
	
}

.axis path, .axis line {
	fill: none;
	stroke: rgb(127,127,127);
}

svg .driver, svg .team, svg .value{
	font-size: 14px
}

svg .value{
	pointer-events: none;
}

svg .team, svg .driver{
	cursor: default;
}

#theForm p {
	font-size: 12px;
}
select, button {
	font-size: 12px;
}
.bar{cursor:pointer;}

.no-touch #touchspan{
	display: none;	
}

.touch #mousespan{
	display: none;	
}