.table-min {
  width : 300px;
}
.flexAlign {
  display: flex;
  align-self: flex-start ;
  flex-wrap: wrap;
  flex-direction: row;
}

#browsebutton {
    background-color: white;
}

#my-file-selector {
    display: none;
}

.style-none {
  display: none;
}

@media (max-width: 1200px) {
  .sidebar {
    display: none;
  }

}
@media (min-width: 1200px) {
  .top-nav {
    display: none;
  }

}

.header {
  padding: 60px;
  text-align: center;
  background: #5e72e4;
  color: white;
  font-size: 30px;
} 

/* #navbar1 .navbar-nav { */
/*   display: none !important; */
/* } */
#navbar1.collapse.text {
  display: inline-block;
}

/* @media screen and (max-width: 980px) { */
/*   .sidenav { */
/*     width: 100%; */
/*     height: auto; */
/*     position: relative; */
/*   } */
/*   .sidenav a {float: left;} */
/*   div.content {margin-left: 0;} */
/* } */

/* On screens that are less than 400px, display the bar vertically, instead of horizontally */