/*---Info-Overlay---*/

/* styling for info overlay clearspace */
.feedbacks2 {
	z-index: 99;
	width: 80%;
	height: 80%;
	top: 10%;
	left: 10%;
	text-align: center;
	position: absolute;
	display: none;
	cursor: pointer;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
}

#Info_Overlay {
	width: 80%;
	height: 80%;
	top: 10%;
	left: 10%;
	position: absolute;
	z-index: 999;
	text-align: left;
	padding: 1% 1.5%;
	box-sizing: border-box;
	font-size: 0.8rem;
	pointer-events: all;
	cursor: auto;
	display: none;
}

.infoItem:focus{
	outline: .01rem solid #ff9900!important;
}

#Info_Overlay div.column {
	float: left;
	box-sizing: border-box;
	margin-top: 3%;
	width: 50%;
}

div#Info_Overlay div.row {
	border: inherit;
	width: 100%;
	height: 5%;
	display: inline-block;
}

div#Info_Overlay div.row:not(:first-child) {
	margin-top: 5%;
}


div#Info_Overlay div.row div {
	position: absolute;
	float: left;
	width: 5%;
	height: 10%;
}

div#Info_Overlay div.row div > svg {
	position: absolute;
	float: left;
	width: 100%;
	height: 100%;
}

div#Info_Overlay div.row p {
	border: inherit;
	padding-top: 2%;
	width: 85%;
	float: right;
	position: inherit;
}

div#info_header h2, div#info_header p {
	display: inline-block;
	position: relative;
}

div#info_header p {
	left: 52%;
}

button#Info_Closer {
	top: 2.5%;
	left: 93.5%;
	width: 3%;
	height: 5%;
	position: absolute;
}

button#Info_Closer svg {
	pointer-events: all;
	cursor: pointer;
	display: inline-block;
	top: 20%;
	width: 100%;
	height: 100%;
}