.ant-form {
  .ant-form-item {
    // label style
    label {
      font-weight: normal;

      svg {
        color: #34b77c;
      }
    }
  }

  .ant-form-item-control {
    padding-left: 0;
    // error style
    .ant-form-item-explain-error {
      font-size: 12px;
    }
    // Radio style
    // .ant-radio-wrapper .ant-radio {
    //   &.ant-radio-checked {
    //     .ant-radio-inner {
    //       background-color: #ffffff;
    //       border-color: #34b77c;

    //       &::after {
    //         background-color: #34b77c;
    //       }
    //     }
    //   }
    // }
    // Select style
    // .ant-select {
    //   &.ant-select-open {
    //     .ant-select-selection-item {
    //       color: #bfbfbf;
    //     }
    //   }
    // }
  }
}

// placeholder style
.ant-input::placeholder {
  color: #bfbfbf;
}

.ant-select .ant-select-selection-placeholder {
  color: #bfbfbf;
}

.ant-picker .ant-picker-input > input::placeholder {
  color: #bfbfbf;
}

.ant-input-number .ant-input-number-input-wrap > input::placeholder {
  color: #bfbfbf;
}

// input disabled styles
// input.ant-input[disabled] {
//   color: #666666;
// }

// 兼容 table 里面 过滤器样式
// 新增对sticky表格的样式类型
div[class$='-basic-table-form-container'],
div[class$='-basic-table-form-container ap-table--sticky'] {
  form[class$='-basic-form--compact'] {
    // 关于 过滤器 底部 16px问题 浩龙已经处理过了
    // 利用 row-gap 所以这里需要设置 padding
    padding: 16px;
    // 查询 重置按钮 交换位置
    // 利用flexbox布局 order
    div.ant-col[tableaction] {
      .ant-form-item-control-input-content {
        display: flex;
        align-items: center;
        justify-content: flex-end;

        button.ant-btn-primary {
          order: 1;
        }

        button.ant-btn-default {
          order: 2;
          margin-right: 0;
        }

        button.ant-btn-link {
          order: 3;
          margin-left: 0.5rem;
        }
      }
    }
  }
}