html, body {
  height: 100%;
  background-color: #bbb
}

a{    color: #000000;}

.col-md-4 img{
  width: 100%;
}

/* Remove the navbar's default margin-bottom and rounded borders */ 
.navbar {
    margin-bottom: 0;
    border-radius: 0;
}


/* Set gray background color and 100% height */
.sidenav {
background-color: #bbb;

}

/* Set black background color, white text and some padding */
footer {
background-color: #555;
color: white;
padding: 15px;
}

.fill { 
  min-height: 100%;
}

/*.navbar-brand > img{
  height: 100%;
}*/
.navbar-brand{
  padding: 0px;
}
/*bot style*/
#timeline li{
  cursor: pointer;
}
li.selected{
  color: red;
}

#map{
  background-color: #aadaff;
  height: 500px;
}

.countrymarker:hover {
  display: none;
stroke: lime;
stroke-width: 3px;
z-index: 1000;
opacity: 1;
stroke-opacity: 1;
}

/* On small screens, set height to 'auto' for sidenav and grid */
@media screen and (max-width: 767px) {
.sidenav {
    height: auto;
    padding: 15px;
    
}
.row.content {height:auto;} 
.row.content.fill {height:100%;} 
}