.low-code-renderer {
  .primary-color {
    color: @primary-color;
  }

  .colorWeak {
    filter: invert(80%);
  }

  .ant-layout.layout-basic {
    height: 100vh;
    min-height: 100vh;
  }

  canvas {
    display: block;
  }

  ul,
  ol {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  // 数据列表 样式
  .table-alert {
    margin-bottom: 16px;
  }
  // 数据列表 操作
  .table-operator {
    margin-bottom: 18px;

    button {
      margin-right: 8px;
    }
  }

  // 数据列表 搜索条件
  .table-page-search-wrapper {
    .ant-form-inline {
      .ant-form-item {
        display: flex;
        margin-bottom: 24px;
        margin-right: 0;

        .ant-form-item-control-wrapper {
          flex: 1 1;
          display: inline-block;
          vertical-align: middle;
        }

        > .ant-form-item-label {
          line-height: 32px;
          padding-right: 8px;
          width: auto;
        }
        .ant-form-item-control {
          height: 32px;
          line-height: 32px;
        }
      }
    }

    .table-page-search-submitButtons {
      display: block;
      margin-bottom: 24px;
      white-space: nowrap;
    }
  }

  @media (max-width: @screen-xs) {
    .ant-table {
      width: 100%;
      overflow-x: auto;
      &-thead > tr,
      &-tbody > tr {
        > th,
        > td {
          white-space: pre;
          > span {
            display: block;
          }
        }
      }
    }
  }

  input::placeholder,
  textarea::placeholder {
    opacity: 1;
    color: #bfbfbf;
  }

  /* Chrome, Safari, Edge, Opera */
  input::-webkit-outer-spin-button,
  input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

  .ant-select-selection__placeholder,
  .ant-select-search__field__placeholder {
    font-size: 12px;
  }

  .ant-cascader-picker-arrow {
    opacity: 0.4;
  }

  .ant-thead-th {
    position: relative;
  }

  .ant-table-body {
    .focus-operation {
      top: -6px;
    }
  }

  .ant-btn-danger {
    color: #fff;
  }
  .has-error .ant-form-explain {
    margin-bottom: -8px;
    float: left;
  }

  .ant-calendar-picker {
    width: 100% !important;
    min-width: auto !important;
  }

  .ant-input {
    border-radius: 4px;
    padding: 4px 12px;
  }

  /* --------------------------------- ant spin loading -------------------------------- */
  .ant-spin-nested-loading {
    height: inherit;
    .ant-spin-container {
      height: inherit;
    }
  }
}

/* --------------------------------- button -------------------------------- */
.ant-btn-link {
  border: 0 !important;
  .anticon-plus {
    font-size: 12px;
  }
}

/* ---------------------------------- icon ---------------------------------- */
.anticon svg {
  display: block !important;
}