ci4sManagement-cloud/react-ui/src/pages/Workspace/components/AssetsManagement/index.less

.assets-management {
  flex: 1;
  width: 100%;
  padding: 20px 20px 0;
  background-color: white;
  border-radius: 4px;

  :global {
    .ant-select-filled {
      background-color: rgba(138, 138, 138, 0.12);
      border-radius: 2px;

      .ant-select-selection-item {
        color: @text-color-secondary !important;
        font-size: 13px;
      }
    }
  }

  &__title {
    color: @text-color;
    font-weight: 500;
    font-size: @font-size-title;
  }

  &__increase {
    display: inline-block;
    margin-top: 12px;
    margin-bottom: 30px;
    padding: 2px 7px;
    color: @primary-color;
    font-size: 13px;
    background-color: rgba(187, 210, 255, 0.29);
    border-radius: 2px;
  }

  &__summary {
    display: flex;
    flex-direction: column;
    width: 40%;
    text-align: left;

    &:nth-child(3n + 2) {
      width: 30%;
      text-align: center;
    }

    &:nth-child(3n) {
      width: 30%;
      text-align: right;
    }

    &__title {
      margin-bottom: 12px;
      color: @text-color-secondary;
      font-size: @font-size;
    }

    &__value {
      color: @text-color;
      font-weight: 500;
      font-size: 22px;
    }
  }
}