.container {
  display: block;
  margin-top: 0px;
  margin-bottom: 0px;
}

.displayNone {
  display: none;
}

.displayBlock {
  display: block;
}

.filterRow {
  width: 100%;
}

.filterButton {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 13px 5px;
  font-size: 1.25em;
  color: darkslategray;
}

/*
* General key, value filters overlays.
*/
.filterOverlay {
  height: 60%;
  width: 20%;
  clear: left;
  position: absolute;
  z-index: 200;
  background: white;
  border: solid;
  border-color: dimgray;
  border-width: 1px;
  overflow-y: auto;
}

.headerText {
  float: left;
}

/*
* Level filter is hard wired for the level filter.
*/
.levelFilterOverlay {
  height: 60%;
  width: 10%;
  clear: left;
  position: absolute;
  z-index: 200;
  background: white;
  border: solid;
  border-color: dimgray;
  border-width: 1px;
  overflow-y: auto;
}

.level {
  width: 5%;
}

.message {
  width: 40%;
}

.source {
  width: 20%;
}

.scope {
  width: 20%;
}

.timestamp {
  width: 15%;
}