span.twitter-typeahead {
  width: 100%;
}

.tt-menu {
  width: 100%;
}

.tt-dataset {
  max-height: 600px;
  overflow-y: scroll;
  background: #f8f9fa;
  padding: 0 10px;
}

.bar {
  border: 1px solid #ccc;
  border-radius: 2px;
  height: 12px;
  background: #fafafa;
}

.bar.comp {
  border-top: none;
}

.rangebar {
  background: #a2aac5;
  background-image: linear-gradient(to right, #5a626b, #3a444f);
  height: 100%;
}

main>div {
  padding-bottom: 0.5em;
}

label {
  font-weight: bold;
}

.comp {
  display: none;
  color: #888;
}

#compSwap .btn {
  font-size: 90%;
}

body {
  position: relative;
  min-height: 100vh;
}

main {
  padding-bottom: 4em;
}

.descript-text {
  padding-bottom: .75em;
}

footer {
  border-top: 1px solid #888;
  background: #fafafa;
  text-align: center;
  padding: 0.5em 0;
  margin-top: 1em;
  position: absolute;
  bottom: 0;
  width: 100%;
}