.sidenav {
			  height: 100%;
			  width: 0;
			  position: fixed;
			  z-index: 1000;
			  top: 0;
			  left: 0;
			  background-color: #e2823b;
			  overflow-x: hidden;
			  transition: 0.5s;
			  padding-top: 40px;
			  font-family: "arial";
			  transition: 0.5s;
			}

			.sidenav a {
			  text-decoration: none;
			  color: #fff;
			  transition: 0.3s;
			}

			.sidenav a:hover {
			  color: #0e76bc;
			}

			.sidenav .closebtn {
			  position: absolute;
			  top: 0;
			  right: 25px;
			  font-size: 16px;
			  margin-left: 50px;
			  padding-top: 15px;
			}

			#main {
			  transition: margin-left .5s;
			  padding: 16px;
			}

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







			ul, #myUL {
			  list-style-type: none;
			}

			#myUL {
			  margin: 0;
			  padding: 0;
			}

			.caret {
			  -webkit-user-select: none; /* Safari 3.1+ */
			  -moz-user-select: none; /* Firefox 2+ */
			  -ms-user-select: none; /* IE 10+ */
			   user-select: none;
			   font-size: 18px;
			   font-family: "arial";
			}

			.caret::before {
			  content: "+";
			  color: black;
			  display: inline-block;
			  margin-right: 6px;
			  font-size: 38px;
			  line-height: 40px;
			  font-weight: bold;
			}

			.caret-down::before {
			  content: "-";
			  color: black;
			  display: inline-block;
			  margin-right: 6px;
			  font-size: 38px;
			  line-height: 40px;
			}

			.nested {
			  display: none;
			font-size: 16px;
			line-height: 30px;
			padding-left: 35px;
			}

			.active {
			  display: block;
			font-size: 16px;
			line-height: 30px;
			padding-left: 35px;
			}