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

#content {
  padding-bottom: 4rem;
}

footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 4rem;
}

header .navbar.navbar-static-top {
  .brand {
    padding-bottom: 0;
  }
  img.logo {
    margin-top: -5px;
    padding-right: 5px;
    line-height: 25px;
    height: 25px;
  }
  ul.nav > li {
    line-height: 20px;
  }
}

.search-page {
  .search-input {
    text-align: center;
    .input-append input {
      font-size: 24px;
      height: 40px;
      width: 10em;
    }
    .input-append button {
      font-size: 24px;
      height: 50px;
    }
    select {
      width: 100px;
    }
  }
  .search-result {
    tbody > tr {
      cursor: pointer;
    }
    tbody > td > dl > dd > ul.inline {
      margin: 0;
      li {
        margin: 0;
        padding: 0;
      }
      li::after {
        content: ", ";
        padding-right: 0.5em;
      }
      li:last-child::after {
        content: "";
      }
    }
    tbody > td > dl > dd > pre {
      background: transparent;
      border: 0;
      padding: 0;
      line-height: 20px;
      margin: 0;
    }
    tbody > td > dl > dt,
    tbody > td > dl > dd {
      margin-bottom: 1em;
    }
  }
}

.loader,
.loader:before,
.loader:after {
  background: #ffffff;
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  width: 1em;
  height: 4em;
}
.loader {
  color: #000000;
  text-indent: -9999em;
  margin: 88px auto;
  position: relative;
  font-size: 11px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:before,
.loader:after {
  position: absolute;
  top: 0;
  content: '';
}
.loader:before {
  left: -1.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 1.5em;
}
@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}
@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}