html,
body {
  background: #f8f9fa;
}

#toast {
  width: 400px;
  max-width: 100%;
  position: fixed;
  bottom: 20px;
  right: 20px;
}

.toast .title,
.toast .text {
  margin: 0;
}

.toast .title + .text {
  margin-top: 0.25em;
}

.toast:empty {
  display: none;
}

.connection-errors > ul,
.status-messages > ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#wrapper {
  background: #fff;
  padding: 3em;
}

.table a {
  cursor: pointer;
}

.btn-block:not(:last-child) {
  margin-bottom: 10px;
}

.btn-error {
  background: #e85600;
  border-color: #e85600;
  color: #fff;
}

.btn-error:hover,
.btn-error:focus,
.btn-error:active {
  border-color: #e85600;
  background: #df5200;
  color: #fff;
}

.btn-success {
  background: #32b643;
  border-color: #35c546;
  color: #fff;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active {
  border-color: #32b643;
  background: #2a9736;
  color: #fff;
}

hr {
  border: none;
  border-top: 1px solid #d9d9d9;
  margin: 30px 45%;
}

footer {
  background: #f8f9fa;
  width: 100%;
  min-height: 100px;
  padding: 3em;
}