body {
  height: 100%;
  width: 100%; }

header, footer, .center {
  text-align: center; }

th, td {
  padding: 2px 15px;
  max-width: 200px;
  overflow: auto;
  white-space: nowrap; }

h2, h3, h4, h5, h6, ul, li {
  margin-bottom: 0; }

footer {
  margin-top: 10px; }

.container {
  width: 95%;
  max-width: 95%; }

.grid {
  margin-bottom: 20px;
  width: 100%;
  height: 200px; }

.version {
  color: #ccc;
  font-size: 0.3em; }

.download-button {
  margin-left: 10px; }

.no-margin {
  margin: 0px; }

.spinner {
  position: absolute;
  top: 30%;
  left: 30%;
  width: 40%;
  height: 40%;
  z-index: 1000;
  background-color: grey;
  border-radius: 25px;
  opacity: 0.8;
  text-align: center; }

.spinner-icon {
  position: relative;
  top: 50%;
  margin-top: -100px;
  font-size: 200px;
  transform: translateY(-50%); }

.button.button-danger,
button.button-danger,
input[type="submit"].button-danger,
input[type="reset"].button-danger,
input[type="button"].button-danger {
  color: #FFF;
  background-color: #D9534F;
  border-color: #D9534F; }

.button.button-danger:hover,
button.button-danger:hover,
input[type="submit"].button-danger:hover,
input[type="reset"].button-danger:hover,
input[type="button"].button-danger:hover,
.button.button-danger:focus,
button.button-danger:focus,
input[type="submit"].button-danger:focus,
input[type="reset"].button-danger:focus,
input[type="button"].button-danger:focus {
  color: #FFF;
  background-color: #C43E3A;
  border-color: #C43E3A; }