body {
    padding-top: 70px;
}
.footerlogo {
    filter: blur(1px) grayscale(50%) opacity(0.1);
    -webkit-filter: blur(1px) grayscale(50%) opacity(0.1);
    width: 212px;
}
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #272727;
  border-top: 1px solid #414f5a;
  color: #888;
  line-height: 30px;
  padding: 15px;
}

a {
    color: #8cba8c;
}

a:hover, a:focus {
    color: #8cba00;
    text-decoration: none;
}
.pools-wrapper {
  background-color: black;
  padding: 2em;
  position: absolute;
  left: 0;
  right: 0;
}
.pool {
  border: 2px solid #CCC;
  margin: 0 1em 1em 0;
  max-width: 300px;
  padding: 1em;
  float: left;
  border-radius: 5px;
}
.pool.new {
  border-color: #333;
  color: #333;
}

.pool:hover {
  color: inherit;
  border-color: inherit;
}

.list-group .list-group-item {
    line-height: 2.5em;
}

.balance-btn {
    margin-left: 1em;
}

#form_items {
    margin: 1em 2em;
}
#form_items > div {
    width: 100%;
    border-top: 1px solid #CCC;
    padding: 1em;
}
#form_items > div:first-child {
    border-top: none;
    margin-top: 0;
}
#form_items_items_container > div > div {
    margin: 1em;
}

@media (max-width: 768px) {
  .ower-container {
    display: grid;
  }
  .ower-container label {
    grid-column: 2;
    margin-bottom: 0;
    text-overflow: clip;
    max-width: 100%;
    align-content: center;
  }
  .ower-container input[type=checkbox] {
    grid-column: 1;
    margin: 1rem;
  }
}

@media (min-width: 768px) {
  .form-row > div {
    display: flex;
  }
  .btn.btn-danger {
    float: right;
    margin: 5px auto;
  }
  #form_items .form-group:not(:first-child) {
    margin-left: 1rem;
  }
  #form_items .form-group > label {
    margin-right: 1rem;
  }
  .ower-container > input[type=checkbox]:not(:first-child) {
    margin-left: 1rem;
  }
}