:root {
  --header-back-color: #B168A8;
  --header-hover-back-color: #BF83B7;
  --header-fore-color: #f0f0f0;
  --header-border-color: #aaa;

  --nav-back-color: #B168A8;
  --nav-hover-back-color: #222;
  --nav-fore-color: #f0f0f0;
  --nav-border-color: #aaa;
  --nav-link-color: #255F85;

  --footer-back-color: #B168A8;
  --footer-hover-back-color: #BF83B7;
  --footer-fore-color: #f0f0f0;
  --footer-border-color: #aaa;
  --footer-link-color: #255F85;

  --drawer-back-color: #B168A8;
  --drawer-hover-back-color: #BF83B7;
  --drawer-border-color: #aaa;
  --drawer-close-color: #f0f0f0;
  --heading-ratio: 1.25;
  --success-color: #adebad;
  --failed-color: #ffcccc;
}

header {
  display: flex;
  align-items: center;
}

footer {
  display: flex;
  justify-content: center;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 1000;
}

pre {
  word-break: break-all;
  word-wrap: break-word;
	white-space: pre-line;
  font-size: 1em;
}

label.leave-modal-button {
    display: inline-block;
    color: var(--a-link-color);
    padding: var(--universal-padding) calc(1.5 * var(--universal-padding));
    margin: var(--universal-margin);
    cursor: pointer;
    transition: background 0.3s;
}

label.leave-cancel-button {
    display: inline-block;
    background: var(--button-back-color);
    padding: var(--universal-padding) calc(1.5 * var(--universal-padding));
    margin: var(--universal-margin);
    text-decoration: none;
    cursor: pointer;
    transition: background 0.3s;
}

table {
  max-height: 100% !important;
}

th {
  text-align: center !important;
}

table tr.success {
  background-color: var(--success-color) !important;
}

table tr.failed {
  background-color: var(--failed-color) !important;
}

table td {
  text-align: center;
  background-color: transparent !important;
  white-space: nowrap;
}

.buttons {
  text-align: center;
}

.clear-form {
  display: inline-block;
  margin: 0px;
  background: transparent;
  border: none;
  padding: 0px;
}