table tr td.loading {
  background-image: url('/img/spinner.svg');
  background-size: 60px;
  background-repeat: no-repeat;
  background-position: top right;
  background-color: yellow !important;
}

table td.small {
  font-size: 8px;
}

table td pre {
  font-size: 12px;
}

table tr.error, table td.error {
  background-color: red !important;
}

table tr.warning, td.warning {
  background-color: orange !important;
}

pre {
  margin-bottom: 0 !important;
}

table .cell-update-green {
    background-color: #d4edda !important; /* hellgrün */
    transition: background-color 1s ease-out;
}
table .cell-update-red {
    background-color: #f8d7da !important; /* hellrot */
    transition: background-color 1s ease-out;
}

table td .container {
  display: inline-block;
  width: 300px;
  line-height: 2em;
}

table td .container.closed {
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  max-height: 8em;
}

table td .container.expanded {
  
}

table td .sizeToggler {
  cursor: pointer;
  background-color: darkgray;
  width: 20px;
  height: 20px;
  display: block;
  font-size: 24px;
  left: 30px;
  text-align: center;
  position: relative;
  top: 10px;
}

table td .sizeToggler.hidden {
  display: none;
}

table td .sizeToggler:hover {
  color: white;
}

table td .sizeToggler::before {
}

table td .sizeToggler.opened::before {
  position: relative;
  top: -10px;
  content: "⇲";
}

table td .sizeToggler.closed::before {
  position: relative;
  top: -10px;
  content: "⇱";
}