.result-history-map {
	//background-color: @dark-blue-70-fallback;
	//background-color: @dark-blue-70;
	width: 100%;
    border:0;
}
.result-history-map {
	img {
		width: 100%;
	}
}

.result-history {
	h2 {
		margin-bottom: 10px;
	}
	h4 {
		margin-bottom: 0;
		padding-bottom: 0;
		border: none;
	}
	.party-container {
		.info-text {
			font-family: "gibsonRegular", sans-serif;
			font-size: 11px;
			color: #666;
			text-align: right;
			text-transform: uppercase;
			margin-right: 10px;
		}
		ul li {
			width: 40px;
			height: 40px;
			padding: 2px;
			box-sizing: border-box;
			border: 2px solid transparent;
			background: none;

			&:not(:last-child) {
				margin-right: 4px;
			}

			&.active {
				border: 2px solid black;
			}
		}
	}
	.chart-container {
		margin-top: 10px;
	}

	.chart {
		min-height: 200px;
		position: relative;
		.loading {
			position: absolute;
			top: 50%;
			width: 100%;
			margin-top: -16px;
			text-align: center;
			color: rgba(0,0,0,0.5);
			font-family: "gibsonRegular", sans-serif;
			font-size: 11px;
			text-transform: uppercase;
		}
	}

}

@media (max-width: 700px) {
	.site-content {
		.result-history-map-container {
			display: none;
		}
		.result-navigation-container {
			margin-top: 0;
		}
	}
}

@media (min-width: 701px) {
	.result-history {
		// white triangle on left side of container
		&:before {
			display: block;
			content: " ";
			width: 0;
			height: 0;
			border-right: 10px solid rgba(255, 255, 255, 0.9);
			border-top: 10px solid transparent;
			position: absolute;
			left: -10px;
			margin-top: -10px;
			top: 45%;
			border-bottom: 10px solid transparent;
		}
	}
}