/*!imporant flags added to override default styling from Milligram */
.action-button, .action-item-button {
  margin: 0;
  padding: 0;
}

.hide-log-button {
  color: gray !important;
  border-color: gray !important;
}

.log-filter-button {
  min-width: 145px;
  padding: 0;
  background-color: #1a65ab;
  border-color: #1a65ab;
}

.log-filter-button:hover, .log-filter-button:focus {
  background-color: #1a65ab;
  border-color: #1a65ab;
}

.log-filter-container {
  display: flex;
  flex-direction: column;
  margin-right: 15px;
  margin-top: 0;
  width: 175px;
  position: absolute;
  left: 1em;
  bottom: 1em;
}

.log-filter-container h4 {
  font-size: 18px;
  margin: 0 0 2px 8px;
  font-weight: 400;
}

.log-filter-container ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  margin-left: 10px;
}

.log-filter-container ul li {
  display: flex;
  justify-content: space-between;
}

.log-line-app-name {
  color: #62C370;
}

.log-line-app-server {
  color: #61E8E1;
}

.log-line-column {
  padding-right: 10px;
  letter-spacing: -0.5px;
  word-spacing: -3px;
  line-height: 20px;
}

.log-line-container {
  background-color: black;
  color: white;
  font-family: 'Inconsolata', monospace;
  padding: 0;
}

.log-line-row {
  display: flex;
}

.inner-logs-container {
  background-color: black;
  padding: 0 5px !important;
  margin-top: 30px;
  min-height: 50vh;
  overflow: auto;
  height: 90vh;
  padding-bottom: 30px !important;
}

.outer-logs-container {
  position: relative;
  height: 100%;
}
.nowrap {
  white-space: nowrap;
}

.scroll-to-bottom-button {
  margin: 0;
  padding: 0 30px;
  position: absolute;
  border: none;
  border-radius: 0;
  font-size: 16px;
  right: 15px;
  bottom: 0;
  opacity: 0.7;
  background-color: white;
  color: black;
}

.show-all-hide-all-container {
  display: flex;
  justify-content: space-around;
}

.toggle-all-apps-button {
  color: #1a65ab !important;
  padding: 0;
  display: block;
}

.wrap {
  word-break: break-all;
}