#message ul { list-style: none; margin-left: 0em; color: black; }
#message ul li > div, #message ul li > a { background: #dfdfdf; min-height: auto; max-height: 120px; }
#message ul li > a:hover { color: white; background: black!important; }
#message ul li img { float: right; height: 3em; width: 3em; margin: 0 0 0 0.5em; border: 1px solid white; }
a.party-52, .party-52:before, .party-52 > div, .party-52 > a { background: #2254F4!important; color: white; }
a.party-53, .party-53:before, .party-53 > div, .party-53 > a { background: #D60303!important; color: white; }
a.joint-party-53-119, .joint-party-53-119:before, .joint-party-53-119 > div, .joint-party-53-119 > a { background: #D60303!important; color: white; }
a.party-63, .party-63:before, .party-63 > div, .party-63 > a { background: #0DBC37!important; color: black; }
a.party-85, .party-85:before, .party-85 > div, .party-85 > a { background: #722EA5!important; color: white; }
a.party-2055, .party-2055:before, .party-2055 > div, .party-2055 > a { background: #00B6FF!important; color: white; }
a.party-90, .party-90:before, .party-90 > div, .party-90 > a { background: #F9BC26!important; color: black; }
a.party-243, .party-243:before, .party-243 > div, .party-243 > a { background: #fbb675!important; color: black; }
a.party-804, .party-804:before, .party-804 > div, .party-804 > a { background: #FF6700!important; color: black; }
a.party-2755, .party-2755:before, .party-2755 > div, .party-2755 > a { background: #63b69a!important; color: black; }
.candidate .party {
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
}
.hasimage .candidate .party {
	width: calc(100% - 3.5em);
}
.outer {
	padding: 0em;
	/*padding-top: 3em;*/
	background: #efefef;
}
#biscuits {
	height: 400px;
	max-width: 800px;
	margin: 2em auto 3em auto;
}
#hexmap {
	padding:1em;
	max-width:100%;
	margin:auto;
	box-sizing: content-box!important;
}
.when-selected { display: none;}
.hex:hover, .hex:focus { transform: scale(1.75); z-index: 10; background: white; }
.hex:hover .hexinner, .hex:focus .hexinner { background: #dfdfdf; color: black; margin: 4px; }
.hex:hover .when-selected, .hex:focus .when-selected { display: block; font-size: 1em; }
.hex .when-selected .value { font-size: 2em; font-weight: 700; }
.hex:hover .default, .hex:hover .no-hover, .hex:focus .default, .hex:focus .no-hover { display: none; }

/* Center the demo */
.infobubble {
	z-index: 3;
	top: 1em;
	left: 50%;
	transform: translate3d(-50%, 0, 0);
	position: fixed;
	text-align: center;
	margin-right: -50%;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.15);
	background-color: white;
	padding: 0.5em 1em;
	display: none;
}
footer { background-color: black; color: white; margin: 0px; padding: 1em; text-align: center; }
footer p { margin-top: 0px; max-width: 992px; margin: auto; }
footer p.logos a { vertical-align:middle; display: inline-block; }
footer p:last-child { margin-bottom: 0px; }
footer a { color: inherit!important; }
footer img { height: 3em; position: relative; top: 2em; transform: translateY(-2em); }
button { margin-bottom: 0.25em; }
.barchart table .label { text-align: left; }

