.metadata-tree {
  min-height: 200px;

  .metadata-list-group {
    height: 400px;
    overflow: auto;
  }

  /* Item lists */

  &:not(.active) {
    &.dark-stripe {
      background-color: $table-bg-accent;
    }
  }

  .list-group-item {
    &.level-0>* {
      padding-left: 0;
    }

    &.level-1>* {
      padding-left: $padding-large-horizontal;
    }

    &.level-2>* {
      padding-left: $padding-large-horizontal * 2;
    }

    .leaf {
      padding-left: $padding-small-horizontal;
    }
  }

  .metadata-tree-item {
    display: block;

    .metadata-tree-item-label {
      @include text-overflow();
    }

    .input-group {
      & > .input-group-addon,
      & > .form-control {
        font-size: $font-size-small;
        @include text-overflow();
      }
    }

    .input-group-addon {
      width: 50%;
      max-width: 140px;
      text-align: right;
    }

    .multiselect {
      margin: 0;
      color: $text-color;

      .panel-heading {

        & > div {
          display: inline-flex;
          width: 100%;
        }

        .metadata-tree-item {
          &-label {
            padding: 0 $padding-small-vertical;
          }
        }
      }

      .values .label {
        display: inline-block;
      }

      .name {
        vertical-align: text-top;
      }

      .options {
        max-height: 180px;
        overflow-y: auto;

        &>*:last-child {
          border-bottom: none;
        }
      }

      .disabled {
        cursor: not-allowed;
        background-color: $input-bg-disabled;
      }
    }

    .label-info {
      display: none;
      position: absolute;
      z-index: 10;
      top: 1px;
      left: 25px;
      max-width: 80%;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .bool {
      width: 40%;
    }
  }

  .label-danger {
    display: inline-block;
    position: absolute;
    z-index: 10;
    bottom: 1px;
    left: 25px;
  }

  .list-group-item:hover .label-info {
    display: inline-block;
  }
}
