*{
  margin: 0;
  padding: 0;
}
body { 
    
    font-size:1em;
   
}
.header{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  background-image: linear-gradient(#0066cc 5% , #00264d 80% );
  color: white;
  font-family: "Times New Roman", Times, serif;
  padding:5px;
  z-index:1;
}
.header #title{
	font-size:1.8em;
	margin-bottom: 0px;
	color:#ffcc00;
	font-weight:bold;
	text-shadow: 0 0 8px  #fff;
}
.header .DashBoardButton{
	padding: 8px; 
	border-radius: 50%;
	text-align: center;
  display: inline-block;
  background-image: linear-gradient(#0066cc 5% , #00264d 80% );
  color:white;
  font-size:1.1em;
  border-color: white;
  cursor: pointer;
}
.header .DashBoardButton:hover{
  border-color: yellowgreen;
}
.header #edUserName{
	font-size:1em;
	margin:0;
}
.header #edUserGrp{
	font-size:1em;
	font-weight:bold;
	margin:0;
}

.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-image: linear-gradient(#0066cc 5% , #00264d 80% );
  color: white;
  text-align: center;
  font-size:0.7em;
}
.containbox{
	margin-top:100px;
	position: relative;
}

#DhasboardNave{
  display: flex;flex-direction: column;
  border: solid 2px ;
  border-color: yellowgreen;
  padding: 8px;
  border-radius: 5px;
}
#DhasboardNave a{
  background-image: linear-gradient(#0066cc 5% , #00264d 80% );
  color: white;
  text-decoration: none;
  margin-top: 5px;
  margin-bottom: 5px;
  border-radius: 5px;
  display: inline-block;
  padding: 5px;
}

#DhasboardNave a:hover{
  background-image: linear-gradient(#00264d 5% , #0066cc 80% );
}
@media screen and (max-width: 700px) {
  .containbox{
	margin-top:150px;

  }
  
  
}