@import '../../style/func.less';

@search-prefix: ~'@{opt-prefix}search';

.@{search-prefix} {
  &.@{search-prefix}__form,
  &.ant-tabs {
    background-color: #ffffff;
    padding         : 16px 12px;
    margin-bottom   : 16px;
  }

  &.ant-tabs>.ant-tabs-bar .ant-tabs-tab {
    padding-top: 0;
  }

  &__contextMenu-form .ant-form-item {
    margin-bottom: 0;
  }

  &__form.ant-form {
    display    : flex;
    align-items: center;
    flex-wrap  : wrap;
  }

  &__form.ant-form>.ant-form-item {
    display      : flex;
    width        : 25%;
    min-width    : 300px;
    margin       : 0;
    padding-right: 20px;
  }

  &__form.ant-form>.ant-form-item>.ant-form-item-control-wrapper {
    flex: 1;
  }

  &__btns-zone {
    display        : flex;
    flex           : 1;
    flex-direction : row;
    justify-content: space-between;
    align-items    : center;
    min-width      : 180px;
  }

  &__tool-wrap {
    display        : flex;
    flex           : 1;
    justify-content: flex-end;
    align-items    : center;
  }

  &__children {
    margin-right: 8px;
  }

  /** 搜索分组 */
  &__collapseWrap {
    margin-top: 10px !important;
  }

  &__collapseWrap.ant-collapse .ant-collapse-header {
    padding: 4px 20px !important;
  }

  &__collapseHeader {
    overflow: hidden;
  }

  &__collapseHeader span:first-child {
    float: left;
  }

  &__collapseHeaderSelect {
    float: left;
  }

  &__collapseHeaderSelect>span:first-child {
    margin: 0 5px 0 20px;
  }

  &__collapseHeaderAction {
    float: right;
  }

  /** 搜索弹框 */
  &__queryTreePanel {
    padding   : 10px 15px;
    box-shadow: 2px 3px 4px 0 #eee;
    border    : 1px solid #ddd;
    margin    : 0px 12px;
  }

  &__queryTip {
    border-bottom : 3px solid #1890ff;
    padding-bottom: 5px;
    margin-bottom : 10px;
    color         : rgb(22, 150, 14);
  }
}