.versioning-table {
  @include display-flex();

  .versioning-table_title {
    @include display-flex();
    @include justify-content(center);

    .version_title {
      border-bottom: 1px solid $table-header;
    }
  }

  .version_body {
    .version_item {
      padding: 5px;
      transition: background-color $speed;
      &:nth-child(odd) {
        background-color: #f9f9f9;
      }
      &:hover {
        background-color: whitesmoke;
      }
    }
  }

  .version_body {
    .version_item.background-red {
      background-color: #fbe9eb;
      transition: background-color $speed;
      .item_value {
        color: #099;
      }
      &:hover {
        background-color: #ffb6ba !important;
      }
    }
    .version_item.background-green {
      background-color: #ecfdf0;
      .item_value {
        color: #099;
      }
      &:hover {
        background-color: #97f295 !important;
      }
    }
  }

  .old-version {
    height: auto;

    .versioning-table_title {
      border-top: 1px solid #dddddd;
      border-left: 1px solid #dddddd;
    }

    .version_item {
      border-top: 1px solid #dddddd;
      border-left: 1px solid #dddddd;
      &:last-child {
        border-bottom: 1px solid #dddddd;
      }
    }
  }

  .last-version {

    .versioning-table_title {
      border-top: 1px solid #dddddd;
      border-right: 1px solid #dddddd;
    }

    .version_item {
      border-top: 1px solid #dddddd;
      border-right: 1px solid #dddddd;
      &:last-child {
        border-bottom: 1px solid #dddddd;
      }
    }
  }

}