/* Body */
body{
    background-color: #EDEDED; 
}
/* Navbar */
.navbar{
    max-height: 57px; 
}
.navigation .navbar-brand{
    color: black; /*text color Latitude*/
    margin-left: 30px; 
    padding: inherit; 
    font-weight: bold; 
    background-color:  cornflowerblue;
    font-family: Arial, Helvetica, sans-serif;
}
.navbar{
    background-color: gray; 
    font-size: 15px; 
}
.active, .dropdown-menu .dropdown-item:active a:hover{
    background-color: cornflowerblue!important; 
}
.dropdown-item{
    color: black;
}
.dropdown .dropdown-menu .dropdown-item:active, .dropdown .dropdown-menu .dropdown-item:hover{
    background-color:#E7E7E7; 
}
a{
    color: #6D8092;
    font-size: 15px; 
}
.nav-link:hover{
    background-color:#E7E7E7;
   }

.navbar-brand:hover{
color: rgb(175, 175, 175);
}
/* Images */
img{
    width:100%;
    height:100%;
}
.active, .panel:hover{
    border-color: mediumvioletred;
    border-style: solid; 
    
}
.vizualization{
    width:50%;
    height:50%;
}

/* Title Class  */
.title{
    color: blue;  
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bolder; 
    padding-top: 25px; 
}
/* Paragraph Element */
p{
 color: #6D8092;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 17px; 
}
/* Box Class */
.box {
    margin-top: 60px; 
    margin-bottom: 62px; 
    padding: 10px 20px 15px; 
    color:black;
    background-color: white; 

  }
/* Table */
  .table{
    font-size: 15px; 
    border-top-color: white;
}
}