body {
	background-color: #111; /* Black*/
	margin: 0px;
	overflow: hidden; /* Hide scrollbars */
}

#editiFrame {
	width: 100%;
	height: 100%;
	position: relative;
	top: -45px;
}

#popupDiv {
	width: 300px;
	height: 300px;	
	z-index: 1;
	background-color: white;
	display: none;
	border: 3px solid rgb(39, 88, 16);	
	border-radius: 25px;
}

#refreshNote {	
	z-index: 1;
	font-size: 20px;
	height: 20px;
	color: black;
	position: absolute;
	left: 10px;
	bottom: 10px;
}

.popupContainer {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 36px;
	pointer-events: none;
}

/* Position and style the close button (top right corner) */
.popupContainer .closebtn {
	position: relative;
	top: -40px;
	left: 270px;
	font-size: 36px;
  }

  .popupContainer a {
	text-decoration: none;
	/*color: #818181;*/
	display: block;
	transition: 0.3s;
  }
  

.container {
	display: flex;
}

.trackerMap {	
	flex-grow: 1;	
}


table.statsTable {
	width: 100%;
	text-align: center;	
}

tr.statsTable:nth-child(even) {
	background: #CCC;	
}

tr.statsTable:nth-child(odd) {
	background: #EEE;	
}

table.points {
	width: 100%;
	text-align: center;		
}

tr.points:nth-child(even) {
	background: #CCC;
}

tr.points:nth-child(odd) {
	background: #EEE;	
}

.sidebar td {
	color: black;
}

/* The sidebar menu */
.sidebar {
	height: 100%; /* 100% Full-height */
	width: 0; /* 0 width - change this with JavaScript */
	position: fixed; /* Stay in place */
	z-index: 1; /* Stay on top */
	top: 0;
	right: 0;
	background-color: #111; /* Black*/
	overflow-x: hidden; /* Disable horizontal scroll */
	padding-top: 60px; /* Place content 60px from the top */
	transition: 0.5s; /* 0.5 second transition effect to slide in the sidebar */
	color: white;
  }
  
  /* The sidebar links */
  .sidebar a {
	padding: 8px 8px 8px 32px;
	text-decoration: none;
	font-size: 25px;
	color: #818181;
	display: block;
	transition: 0.3s;
  }
  
  /* When you mouse over the navigation links, change their color */
  .sidebar a:hover {
	color: #f1f1f1;
  }
  
  /* Position and style the close button (top right corner) */
  .sidebar .closebtn {
	position: absolute;
	top: 0;
	right: 25px;
	font-size: 36px;
	margin-left: 50px;
  }
  
  /* The button used to open the sidebar */
  .openbtn {
	font-size: 20px;
	cursor: pointer;
	background-color: #333;
	color: white;
	padding: 10px 15px;
	border: none;
	float: right;	
  }

  #loginBtn {
	  float: right;
  }

  #logoutBtn {
	float: right;  
  }
  
  .openbtn:hover {
	background-color: #444;
  }

  /* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
	transition: margin-right .5s; /* If you want a transition effect */	
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
	.sidebar {padding-top: 15px;}
	.sidebar a {font-size: 18px;}
}


/* The navigation menu */
.navbar {
	overflow: hidden;
	background-color: #333;
	width: 100%
}
  
/* Navigation links */
.navbar a {
	float: left;
	font-size: 20px;
	color: white;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
	width: 100%;
}
  
/* The subnavigation menu */
.subnav {
	float: left;
	overflow: hidden;	
	width : 100%;
	display: inline;
 }
  
  /* Subnav button */
  .subnav .subnavbtn {
	font-size: 20px;
	border: none;
	outline: none;
	color: white;
	padding: 10px 15px;
	background-color: inherit;
	font-family: inherit;
	margin: 0;
	cursor: pointer;	
  }
  
  /* Add a green background color to navigation links on hover */
  /*.navbar a:hover, .subnav:hover .subnavbtn {
	background-color: rgb(39, 88, 16);
  }*/
  
  /* Style the subnav content - positioned absolute */
  .subnav-content {
	display: none;
	position: absolute;
	left: 0;
	background-color: rgb(39, 88, 16);
	width: 100%;
	z-index: 1;
	padding: 10px;
	color: white;
	font-size: 20px;
  }
  
  /* Style the subnav links */
  .subnav-content a {
	float: left;
	color: white;
	text-decoration: none;
  }
  
  /* Add a grey background color on hover */
  /*.subnav-content a:hover {
	background-color: #eee;
	color: black;
  }*/
  
  /* When you move the mouse over the subnav container, open the subnav content */
  /*.subnav:hover .subnav-content {
	display: block;
  }*/

  .updateButton {
	padding: 5px;
  }

  #lookbackdiv {
	  float: right;
	  display: inline;
	  margin-right: 20px;
  }

  #settingsForm {
	  display: inline;
  }