#header {
	width: 400px;
	position: fixed;
	z-index: 2;
}

.colourBoxContainer {
	width: 5%;
	display: block;
	float: left;
}

.colourBox {
	cursor: pointer;
	width: 100%;
	padding-bottom: 100%;
	display: block;
	float: left;
	transition: all 0.375s cubic-bezier(0.4, 0, 0.2, 1);
	-moz-transition: all 0.375s cubic-bezier(0.4, 0, 0.2, 1);
}

.colourBox:hover {
	transform:scale(1.5);
	-moz-transform:scale(1.5);
	border-radius:3px;
	z-index:4;
}

#svg-root {
    position: fixed;
    width: 100%;
    height: 100%;
}

#svg-container {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	max-width: 99%;
	max-height: 99%;
	overflow: auto;
}

#countryMenu {
	display: none;
	overflow-y: scroll;
	max-height: 99%;
	height: 800px;
	width: 350px;
}

.countryMenuItem {
	height: 35px;

}

#countryMenuOpener {
	text-align: center;
	color: red;
	cursor: pointer;
}

::-webkit-scrollbar {
	width 0px;
	background: transparent;
}

html {
	overflow: hidden;
}

button {
	box-shadow:inset 0px 1px 0px 0px #fbafe3;
	background-color:#f57595;
	/*border-radius:6px;*/
	border:1px solid #ee1eb5;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	padding:2px;
	text-decoration:none;
	text-shadow:0px 1px 0px #c70067;
}
button:hover {
	background-color:#f558ac;
}
button:active {
	position:relative;
	top:1px;
}