.container {
  display: flex;

  &.verticalAlignCenter {
    align-items: center;
  }

  &.verticalAlignTop {
    align-items: baseline;
  }

  &.spaceBetween {
    justify-content: space-between;
  }

  &.center {
    justify-content: center;
  }

  &.containerHasCollapsedChild {
    overflow: hidden;
  }

  .labelContainer {
    display: flex;
    align-items: center;

    .labelText {
      white-space: nowrap;
      color: rgba(0, 0, 0, 0.7);
    }

    &.canCollapsed {
      overflow: hidden;

      .labelText {
        overflow: hidden;
        text-overflow: ellipsis;
      }
    }

    &.alignLeft {
      justify-content: flex-start;
      text-align: left;
    }
    &.alignCenter {
      justify-content: center;
      text-align: center;
    }
    &.alignRight {
      justify-content: flex-end;
      text-align: right;
    }
  }

  .required {
    color: red;
  }

  .value {
    padding: 0 1px 0 5px;
    white-space: nowrap;

    &.isValueItalic {
      font-style: italic;
    }

    &.canCollapsed {
      overflow: hidden;
      text-overflow: ellipsis;
    }
  }

  &.typeInfo .value {
    color: #999999
  }

  &.isWhiteColor {
    color: white;

    .labelText {
      color: white;
    }

    .value {
      color: white;
    }
  }

  &.typePrimary .value {
    color: #336699
  }

  &.typeValue .value {
    font-weight: bold;
    font-family: "PT Sans", sans-serif;
  }

  &.isWrap {
    display: flex;

    div {
      display: inline;
    }

    .labelText {
      white-space: normal;
    }

    .value {
      white-space: normal;
    }
  }
}