.body-container {
  max-width: 100%;
}

.body-inner {
  margin: 10px;
}

.body-header {
  margin: 5px;
  padding: 5px;
  display: grid;
  grid-template-columns: 250px 200px auto;
  background-color: rgb(182, 221, 255);
}

.body-line {
  padding: 5px 0px 5px 0px;
  display: grid;
  grid-template-columns: 250px 200px auto;
}

.line-name {
  min-width: fit-content;
  word-break: break-word;
}

.line-status {
  min-width: 150px;
}

.line-data {
  min-width: fit-content;
}

@keyframes color-change {
  from {
      background-color: #005f15;
  }
  to {
      background-color: transparent;
  }
}

.body-line.colored {
  animation: color-change 10s ease forwards;
}

.line-status.colored {
  animation: color-change 10s ease forwards;
}

.body-info {
  display: grid;
  grid-template-columns: 50% 50%;
}

.info-balance {
  text-align: right;
}