table.statistics {
	width: 100%;
	max-width: 500px;

	th {
		color: #fff;
		background-color: #000;
		font-weight: bold;
		font-size: .8em;
		line-height: 1.8em;
		vertical-align: middle;
	}

	td {
		border-bottom: 1px solid #ccc;
	}

	td.result {
		text-align: center;
	}
}

div.statistics {
	float: right;
}

a.statistics {
	background-image: url(images/stats.png);
	display: block;
	width: 62px;
	height: 62px;
	text-indent: -2000px;
}

a.statistics:hover {
	background-position: 0 62px;
}

span.charts-settings-switch {
	float: right;
	cursor: pointer;
	/*
	font-size: 80%;
	*/
}

span.charts-settings-text:before {
	content: "settings";
	font-size: 75%;
}

/* userselector */
#fp-charts-settings {
	display: none;
}

.user-selector {
	ol {
		margin: 0;
		padding: 0;
		display: block;
		overflow: auto;
		width: 100%;
		height: 150px;
		border: none;
		list-style: none;

		li.selected {
			background-color: #e1dfdf;
		}
	}
}

table.prediction-table-questions {
	td, th {
		padding: .2em .5em;
	}

	td .correct {
		color: #12c312;
	}

	td .wrong {
		color: #ff2133;
	}

	span.points-awarded {
		display: none;
	}
}

.prediction-table-questions.statistics {
	width: 390px;
}

//noinspection SassScssResolvedByNameOnly
@media ( min-width: ($mobile-width + 1) ) {
	.pie-chart.stats-page { max-width: 50%; }
}
