/* for testing */
.container {
  /* border:1px solid; */
}
.container div {
  /* border:1px solid; */
}



/* live styles */
#master_cont{
  margin-left:0px;
  margin-right:0px;
}

h1, h2, h3, h4, h5{
  color:azure;
}


#main_window{
  background-color:rgb(183, 204, 209);

}

#nav_main{
  padding-bottom:0px;
}

#home_nav{
  background-color:rgb(146, 219, 231);  
  padding:5px;
}

#navbarNavDropdown{
text-align:right;
}

#eg_img{
  width:400px;
  margin:10px;
}

#viz_grid{
 padding:10px;
}

#viz_thumb{
  padding:0px;

}

.navbar-toggler{
  position:relative;
  right:6px;
}

#viz_thumb_cont{
  padding:5px;

}

#data_table td{
/* border:1px solid; */
}



/* Scrollbar code "my-custom-scrollbar" and "table-wrapper-scroll-y" used from the following source:
https://mdbootstrap.com/docs/b4/jquery/tables/scroll/
*/

.my-custom-scrollbar{
  position: relative;
  height: 800px;
  overflow: auto;
}

.table-wrapper-scroll-y {
  display: block;
  }





@media (max-width:768px) {
  #nav_main{
    background-color:rgb(146, 219, 231);
  }

  #nav_main_cont{
    padding:0px;
    background-color:rgb(146, 219, 231);

  }
  #navbarNavDropdown{
    background-color:white;
    padding:10px
  }
}