*{
    margin:0%;
    padding:0px;
}


nav ul{   
    font-family:sans-serif;      
    list-style:none;    
}
nav ul li{
   padding:10px;
  font-size:18px;
  text-decoration:none;
   color:black;

}
.no-underline:hover
{
   color:black;
}
nav ul  :hover{
   border-radius:50px;
  
   width:120%;
   background-color:white;
   list-style-type:none;
  
  
}
nav ul li :hover{ 
   color:black;    
}
.heading{     
      height:50px;
      width:100%;
      background-color:aliceblue;
           /*display:flex ;*/
 
}
.content{
    margin-top:10px;
    height:85vh;
    box-shadow:0 0 5px black;
   
}

.data-content{
    margin:15px;   
    height:80px;
   
     
}


.a{
    margin-left:35px;
   background-color:#143778;
   border-radius:5px;
 
}
.b{
    background-color:#e35919;
    border-radius:5px;
}
.c{
    background-color:#03ad23;
    border-radius:5px;
}

.d{
    background-color:#8c059c;
    border-radius:5px;
}
.e{
    background-color:#979c05;
    border-radius:5px;
}
.chart1{
    height:200px;   
    margin:10px;
    box-shadow:0 0 3px grey;
    z-index: -1;
}
.chart2{
    height:250px;   
    margin:10px;
    box-shadow:0 0 3px grey;
    z-index: -1;
}
.chart3{
    height:auto;   
    margin:10px;
    /*box-shadow:0 0 3px grey ;*/
   z-index: -1;
}




 body {
          
            font-family: Raleway,'Segoe UI',Tahoma,Calibri;
            margin:0;
            padding:0;
        }

        .clearer {
            margin-bottom: 50px;
        }

        .navbar-inverse {
            background-color:	#143778;
            border-bottom: 0;            
            
        }

            .navbar-inverse .navbar-nav > li > a {
                color:white;
            }

                .navbar-inverse .navbar-nav > li > a:hover {
                    color: #b2ff6f;
                    cursor: pointer;
                }

            .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
                background: #1d30a0;
            }

        .dropdown-menu > li > a:hover {
            background: #cfffa6;
        }

        .navbar-inverse .navbar-brand {
            color: #b2ff6f;
        }
      a{
          color:white;
      }            
      .navbar{
          height:100vh;
    top: 0px;
    left: 0px;
}


@media(max-width:480px){
          .navbar{
              height:auto;
              }
 .heading{     
      height:auto;
      width:100%;
      background-color:aliceblue;
           
 }

 .content{
    margin-top:10px;
    height:85vh;
    box-shadow:0 0 5px black;
   
}
 .data-content{
    margin:15px;   
    height:80px;    
}
 .a{
   margin-left:10px;
   background-color:#143778;
   border-radius:5px;
   z-index: -1;
}
.chart1 {
    height: auto;
    margin: 10px;
    box-shadow: 0 0 3px grey;
    z-index: -1;
}
    }