body {margin: 0;}

div.content {
    margin-left: 15%;
    padding: 1px 16px;
}

@media screen and (max-width: 1200px){
	div.content {
    margin-left: 0%;
	}
}

h1{
text-align: center;
margin-top:0;
}
/*menu*/

p{
font-family:"Verdana"
}

.sidenav {
    margin: 0;
    padding: 0;
    width: 15%;
	top: 0;
    left: 0;
    background-color: #f1f1f1;
    position: fixed;
    height: 100%;
    overflow: hidden;
}

.sidenav a {
    display: block;
    color: #000;
    padding: 8px 16px;
    text-decoration: none;
	text-align: left;
	width:100%;
}
 
.sidenav a.active {
    background-color: #F26722;
    color: white;
}

.sidenav a:hover:not(.active) {
    background-color: #22adf2;
    color: white;
}

.subsidenav{
    background-color: #dddddd;
	padding-left: 8px;
}

.subsidenav a {
    display: block;
    color: #000;
    padding: 8px 16px;
    text-decoration: none;
	width:100%;
}

.dropbtn {
  border: none;
  outline: none;
  color: black;
  padding: 14px 16px;
  margin: 0;
  text-align: center;
  text-decoration: none;
  font-family: none;
}

.sidenav .icon {
  display: none;
}



@media screen and (max-width: 1200px){

.sidenav {
  overflow: hidden;
  background-color: #f1f1f1;
  height: auto;
  width:100%;
  
	margin: auto;
    padding: auto;
	top: auto;
    left: auto;
    position: relative;  
}

.sidenav a {
  float: left;
  display: block;
  color: black;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  width:auto;
  }

.active {
  background-color: #4CAF50;
  color: white;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  border: none;
  outline: none;
  color: black;
  padding: 14px 16px;
  margin: 0;
  font-size: 17px;
}

.subsidenav {
  display: none;
  position: fixed;
  background-color: #dddddd;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.subsidenav a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
  width:auto;
}

.sidenav a:hover, .dropdown:hover .dropbtn {
  background-color: #555;
  color: black;
}

.subsidenav a:hover {
  background-color: #ddd;
  color: black;
}

.dropdown:hover .subsidenav {
  display: block;
}

@media screen and (max-width: 600px) {
	.sidenav{
	position:fixed;}
	
  .sidenav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .sidenav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .sidenav.responsive {position: relative;}
  .sidenav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .sidenav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .sidenav.responsive .dropdown {float: none;}
  .sidenav.responsive .subsidenav {position: relative;}
  .sidenav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
}
}

/*

/*menu responsive
@media screen and (max-width: 1200px){
    div.sidenav {
        width:100%;
        height:auto;
        position:relative;
    }
    div.sidenav a {
        float: left;
        padding: 7px 10px;
		width:auto;
    }
    div.content {margin-left:0;}
	
	div.dropdown{
		float: left;
		overflow: hidden;
		border: none;
		outline: none;
		color: white;
		background-color: inherit;
		font-family: inherit; /* Important for vertical align on mobile phones 
		margin: 0; /* Important for vertical align on mobile phones 
	}
	
	div.subsidenav a {
		float: none;
		color: black;
		padding: 12px 16px;
		text-decoration: none;
		display: block;
		text-align: left;
		width:auto;
	}
	div.subsidenav{
		position: absolute;
		background-color: #f9f9f9;
		min-width: 160px;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		z-index: 1;
		display:none;
	}
	/* Show the dropdown menu on hover 
	.dropdown:hover .subsidenav {
		display: block;
	}
}

@media screen and (max-width: 500px){
    div.sidenav a {
        text-align: center;
        float: none;
    }
}
*/


table {
    border-collapse: collapse;
    border-spacing: 0;
}

th, td {
padding: 0;
vertical-align: top;
}