#logo {
	width: 400px;
	padding-top:15px;
	padding-bottom: 15px;
	position: relative;
	left: 28%;
}
.btn {
	width: 100%;
}
#surrounding_countries {
	display: none;
}
.fancy-radio * {
	cursor: pointer;
}
.fancy-radio input {
	display: none;
}
.fancy-radio.selected {
	background-color: #33bbff;
}
/* 
 * Label-Bilder ausgrauen
 * http://zkiwi.com/topic/chuyen-hinh-mau-thanh-trang-den-bang-css-nhu-the-nao */
.unselected_country{
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

/* Label-Bilder "entgrauen" */
.selected_country{
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: none ; /* IE6-9 */
    zoom:1; /* needed to trigger "hasLayout" in IE if no width or height is set */
    -webkit-filter: grayscale(0%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
html {
	font-family: 'Roboto', Helvetica, sans-serif;
}

body {
	max-width: 1170px;
	margin: 0 auto;
	background: #eee;
}

.output {
	text-align: center;
}

.output span {
	font-weight: bold;
}

table {
	width: 100%;
	margin: auto;
	table-layout: fixed;
	border-collapse: collapse;
	border: 0px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
}

th {
	width: 33%;
	text-align: center;
	padding: 10px;
	text-transform: uppercase;
	/* http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
	border: 1px solid #ccc;
	padding: 15px; 0px;
	font-size: 24px;
}
td {
	text-align: center;
	padding: 10px; 0px;
	font-family: 'Roboto Condensed', Arial, sans-serif;
	font-size: 18px;
	font-weight: 300;
}

tr:nth-of-type(1n+100) {
	display: none;
}

@media (max-width: 480px) {
	table {
		box-shadow: none;
	}
	h1, .output p, th, td {
		font-size: 12px;
	}
	.output {
		text-align: center;
	}
}

td:nth-child(3):after {
	content: ' km';
}
tr:nth-child(odd) {
	background: #eee;
}

/*
table.sortable tbody tr:nth-child(2n) td {
  background: #ffcccc;
}
*/
table.sortable tbody tr:nth-child(2n+1) td {
	background: #eee;
}

tr:nth-child(even) {
	background: #fff;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
}

tbody tr:hover {
	background: rgba(0,0,0,0.25);
	color: #fff;
	cursor: default;
}

#quarters-tooltip {
    content: "\f059";
    vertical-align: 4px;
    font-size: 70%;
    color: darkblue;
}




.paging-nav {
  text-align: center;
  padding-top: 12px;
}

.paging-nav a {
  margin: auto 1px;
  text-decoration: none;
  display: inline-block;
  padding: 1px 7px;
  background: #91b9e6;
  color: white;
  border-radius: 3px;
}

.paging-nav .selected-page {
  background: #187ed5;
  font-weight: bold;
}
.paging-nav .hidden {
	display: none;
}