/* General style */
 body {
	 margin: 0 0 0 0;
	 overflow: hidden;
}

 /* Style the menu */
 #title {
	 margin-bottom: 0;
 }
 
 #description {
	 margin-top: 0;
	 font-size: smaller;
 }
 
 #overmap {
	 position: fixed;
	 z-index: 10000;
	 top: 0;
	 left: 50%;
	 margin-right: -50%;
	 padding: 10px;
	 background-color: rgba(255,255,255, 0.6);
	 text-align: center;
	 transform: translate(-50%);
	 border-radius: 25px;
 }
 
 .loading {
	 height: 100%;
	 position: relative;
 }
 
 .loading span {
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 margin-right: -50%;
	 transform: translate(-50%, -50%);
	 text-align: center;
 }
 
 #footer {
	 position: fixed;
	 z-index: 10000;
	 bottom: 0;
	 left: 50%;
	 margin-right: -50%;
	 transform: translate(-50%);
 }
 
 /* Style details */
 #details {
	 position: fixed;
	 background-color: rgba(255,255,255, 0.6);
	 border-radius: 25px;
	 z-index: 10000;
	 padding: 5px;
	 font-size: small;
	 bottom: 0px;
 }
 
 .info {
	 display: block;
	 margin: 0;
	 color: gray;
 }
 
 .infoTitle {
	 margin-right: 3px;
	 font-weight: bold;
 }
 
 /* Style the list */
ul.tab {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
		border-radius: 25px;
}

/* Float the list items side by side */
ul.tab li {float: left;}

/* Style the links inside the list items */
ul.tab li a {
    display: inline-block;
    color: black;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of links on hover */
ul.tab li a:hover {background-color: #ddd;}

/* Create an active/current tablink class */
ul.tab li a:focus, .active {background-color: #ccc;}

/* Style the tab content */
.tabcontent {
	width: 100%;
	height: 100vh;
	
	position: absolute;
	left: -9999px;
}