html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 70px;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 50px;
  background-color: #f5f5f5;
}

.footer > .container {
  margin-top: 15px;
}

.navbar {
  margin-bottom: 30px;
}

.navbar-inverse {
  background-color: #202224;
}

.navbar-inverse .navbar-brand {
  color: #ffffff;
}

.navbar-brand > img {
  display: inline;
  width: 89px;
  height: 30px;
  margin-top: -4px;
  margin-right: 50px;
}

/* grids */

.bc-grid-row {
  margin: 0;
  border-top: 1px solid #dddddd;
  padding-top: 5px;
  padding-bottom: 5px;
}

.bc-grid-header > .bc-grid-row {
  font-weight: bold;
  border-top: none;
  border-bottom: 1px solid #dddddd;
}

.bc-grid-body {
  margin-bottom: 20px;
}

.bc-grid-body > div:nth-of-type(odd) {
  background-color: #f9f9f9;
}

.bc-grid-row > div {
  padding-top: 7px;
  padding-bottom: 7px;
  min-height: 34px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}