.graphContent {
  position: relative;
  height: 250px;
  background-color: #171717;
  margin: 20px auto;
  box-shadow: $box-shadow-1;

  canvas {
    position: absolute;
    top: 0;
    left: 0;
  }
}

.indicator {
  display: inline;
  font-size: .5rem;
  border: 1px solid #dcdcdc;
  color: #dcdcdc;
  padding: 2px;
  vertical-align: middle;

  &.running {
    border-color: $successBorder;
    color: $successBorder;
  }

  &.warning {
    border-color: $warningBorder;
    color: $warningBorder;
  }

  &.finished {
    border-color: $primary;
    color: $primary;
  }
}

.table {
  margin-bottom: 20px;
  width: 50%;
  @media only screen and (max-width: 860px) {
    width: 100%;

    .table-group .right {
      display: flex;
      flex-grow: 1;
      justify-content: flex-end;
    }
  }

  .table-group {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-top: 5px;
    border-bottom: 0.001em solid #dcdcdc;

    .left {
      min-width: 50%
    }
  }
}