/*
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: sans-serif;
}

.content {
	display: flex;
	align-items: center;
	padding: 10px 100px;
}

.left-menu ul {
	list-style-type: none;
	border: 1px solid #bfbfbf;
}

.left-menu li:not(:last-child) {
	border-bottom: 1px solid #bfbfbf;
}

.left-menu a {
	display: block;
	padding: 10px;
	color: #333;
}

a {
	text-decoration: none;
}

.left-menu {
	flex-shrink: 0;
}
*/
.map {
	width: 100%;
	height: 100%;
/*	background-color: black;*/
}

.map svg {
	display: block;
	width: 100%;
	height: 100%;
	transition: all 0.15s;	
   
}

.map a {
	transition: all 0.15s;
}

.map path {
    stroke-width: 1;
    stroke-linejoin: round; 
}
/*
.active {
	background-color: #bfbfbf;
	transition: all 0.15s;
}

.info {
	padding: 30px 100px;
	padding-bottom: 50px;
	max-width: 50%;
}

.info h2 {
	margin-bottom: 20px;
}
body {
	background-color: #33333f;
  }
 */ 
  #mypopup {
	
	width: 590px;
/*	height: 500px;*/
	padding: 5;
	font-family: Arial, sans-serif;
	font-size: 10pt;
	background: #011934ef;
	border-radius: 6px;
	position: absolute;
	display: none;
	
  }
  .graytext { 
	font-family: 'TT Norms';
	font-size: 15px;
	font-weight: 400;
	line-height: 18px;
	letter-spacing: 0px;
	text-align: left;
	color: #798DA2;

   }
 .whitetext{
	font-family: 'TT Norms';
	font-size: 15px;
	font-weight: 400;
	line-height: 18px;
	letter-spacing: 0px;
	text-align: left;
	color: #FFFFFF;
	}

	.bluetext{
	font-family: 'TT Norms';
	font-size: 15px;
	font-weight: 400;
	line-height: 18px;
	letter-spacing: 0px;
	text-align: left;
	color: #5EF1FD;
	}
	.redtext{
		font-family: 'TT Norms';
		font-size: 15px;
		font-weight: 400;
		line-height: 18px;
		letter-spacing: 0px;
		text-align: left;
		color: #FF007A;
	}

   .popup-th {
	font-weight: normal;
	border-bottom: 2px solid rgba(255, 255, 255, 0.12);
	border-right: 60px solid #011934ef;
	border-left: 20px solid #011934ef;
	/* color: #011934ef;*/
	padding: 7px 3px;
  }
   .popup-table {
	border-collapse: separate;
	border-spacing: 9px 1px;
 }