#wait {
position:absolute;
	top:0;
	left:450;
	width:250;
	height:50;
	border:2px solid #337ab7;
	background-color:#dfefff;
	padding:10px;
	visibility:hidden;
}


.topnav {
/*   overflow: hidden; */
  background-color: #e5e5e5;
}


/* .topnav a { */
/*   float: left; */
/*   display: block; */
/*   color: #f2f2f2; */
/*   text-align: center; */
/*   padding: 14px 16px; */
/*   text-decoration: none; */
/*   font-size: 17px; */
/* } */

/* .topnav a:hover { */
/*   background-color: #ddd; */
/*   color: black; */
/* } */

/* .topnav a.active { */
/*   background-color: #4CAF50; */
/*   color: white; */
/* } */

.topnav .icon {
  display: none;
}

/* @media screen and (max-width: 600px) { */
/*   .topnav a:not(:first-child) {display: none;} */
/*   .topnav a.icon { */
/*     float: right; */
/*     display: block; */
/*   } */
/* } */

/* @media screen and (max-width: 600px) { */
/*   .topnav.responsive {position: relative;} */
/*   .topnav.responsive .icon { */
/*     position: absolute; */
/*     right: 0; */
/*     top: 0; */
/*   } */
/*   .topnav.responsive a { */
/*     float: none; */
/*     display: block; */
/*     text-align: left; */
/*   } */
/* } */

.sidenav {
  height: 100%;
  width: 150px;
  z-index: 1;
  top: 70px;
  left: 0;
  background-color: #e5e5e5;
  overflow-x: hidden;
/*   padding-top: 20px; */
}

.sidenav a {
  padding: 1px 2px 1px 16px;
  text-decoration: none;
  color: #000000;
  display: block;
}

.sidenav a:hover {
  color: #f1f1f1;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

.menuTitle {
	padding: 20px 0px 15px 3px;
  font-size: 17pt;
  font-weight:700;
}

.menuTopic {
	padding: 5px 0px 0px 0px;
  font-weight: bold; 
}


.maincontent {
  margin: 0px 0px 0px 160px; /* Same as the width of the sidenav */
  padding: 0px 5px;
  position: absolute;
  top: 100px;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: auto;
  background-color: #FFFFFF;
  padding-left: 10px;
}