.list {
  overflow: hidden;
  padding: 5px;
  cursor: default;
  position: relative;
  font-size: 0.8em;

  .header {
    position: absolute;
    width: 100%;
    height: 1.6em;
    font-family: @fTitle;
    color: @primary;
    text-transform: uppercase;
  }

  .items {
    margin-top: 25px;
    margin-bottom: 10px;
    clear: both;
    overflow: hidden;

    .item {
      clear: both;
      margin: 1px 0 0;
      overflow: hidden;

      .val {
        float:right;
        text-align: right;
      }

      .lbl {
        float: left;
      }
      color: @disabled;
      cursor: pointer;

      &.enabled {
        color: @fg;
      }

      &.consumer {
        .val:before {
          content: "-";
        }
      }

      &.untoggleable {
        cursor: default;
      }
    }
  }

  .summary {
    font-family: @fStandard;
    overflow: hidden;
    text-align: right;

    .item {
      float:right;
      width: 25%
    }
    .lbl {
      font-family: @fTitle;
      color: @primary;
      text-transform: uppercase;
    }
  }

}