@import url('./variable.less');
@import url('./assets/iconfont/iconfont.css');
@import url('./components/Container/index.less');
@import url('./components/TextButton/index.less');
@import url('./components/ReadOnlyBox/index.less');
@import url('./components/PageFooter/index.less');
@import url('./components/SlideDrawer/index.less');
@import url('./components/SubTitle/index.less');
@import url('./components/TabContainer/index.less');
@import url('./components/PopModal/index.less');
@import url('./components/IconButton/index.less');
@import url('./components/LayoutBox/index.less');
@import url('./components/WaveChart/index.less');
@import url('./components/OrgTree/index.less');
@import url('./components/LayoutForm/index.less');
@import url('./components/BareTree/index.less');
@import url('./components/Empty/index.less');
@import url('./components/TabCard/index.less');
@import url('./components/TabBox/index.less');
@import url('./components/ThTitle/index.less');
@import url('./components/WindTurbine/index.less');
@import url('./components/IconFont/index.less');
@import url('./components/GradientText/index.less');
@import url('./components/ImportData/index.less');
@import url('./components/CustomColumn/index.less');
@import url('./components/CustomSort/index.less');
@import url('./components/CombineSearch/index.less');
@import url('./components/FileExport/index.less');
@import url('./hooks/useTable/index.less');
@import url('./components/ProTree/index.less');
@import url('./components/UnifiedModal/index.less');
@import url('./components/StatusTag/index.less');

// 全局文字颜色设置
body {
  color: #333333;
  &.skin-dark {
    color: #ffffff;
  }
}

// 全局字体图标颜色设置
.iconStyle({
  cursor: pointer;
  font-size: 18px;
  color: #666666;
  .skin-dark & {
    color: #95adff;
  }
  &:hover {
    color: #3b76cd;
    .skin-red & {
      color: #AC0F15;
    }
    .skin-green & {
      color: #CA5636;
    }
    .skin-gray & {
      color: #EB7200;
    }
    .skin-yellow & {
      color: #EB7200;
    }
    .skin-dark & {
      color: #ffffff;
    }
  }
});

.zhny-readonly {
  border-left: 0;
  border-top: 0;
  border-right: 0;
  border-radius: 0 !important;
  background: none;
}

.zhny-readonly-formitem {
  pointer-events: none;
  &.ant-select {
    .ant-select-selector {
      border-left: 0;
      border-top: 0;
      border-right: 0;
      border-radius: 0;
      background: none;
    }
    .ant-select-arrow {
      display: none;
    }
  }
  &.ant-input-number-group-wrapper {
    .ant-input-number-group-addon {
      border-radius: 0;
      border-left: 0;
      border-top: 0;
      border-right: 0;
    }
  }
  &.ant-input-number {
    border-left: 0;
    border-top: 0;
    border-right: 0;
    border-radius: 0;
    background: none;
  }
  &.ant-input-group-wrapper {
    .ant-input-group-addon {
      border-radius: 0;
      border-left: 0;
      border-top: 0;
      border-right: 0;
      background: none;
      .ant-btn {
        border: none;
        background: none;
        pointer-events: all;
        .anticon {
          color: #666;
        }
        &::after {
          display: none;
        }
      }
    }
    .ant-input {
      border-left: 0;
      border-top: 0;
      border-right: 0;
      border-radius: 0;
      background: none;
    }
  }
  &.ant-input {
    border-left: 0;
    border-top: 0;
    border-right: 0;
    border-radius: 0 !important;
    background: none;
  }
  &.ant-input-affix-wrapper,
  &.ant-input-number-affix-wrapper {
    border-left: 0;
    border-top: 0;
    border-right: 0;
    border-radius: 0;
    background: none;
    .ant-input {
      background: none;
    }
  }
  &.ant-picker {
    border-left: 0;
    border-top: 0;
    border-right: 0;
    border-radius: 0;
    background: none;
  }
}

.readyonly-form-item {
  position: relative;
  display: inline-block;
  width: 100%;
  display: flex;
  align-items: center;
  height: 30px;
  font-size: 14px;
  padding: 3px 11px;
  border-bottom: 1px solid #dcdcdc;
  .item-placeholder {
    color: #999;
  }
}

/**
* 解决popConfirm层级比dropdown低的问题
* 解决popConfirm层级被平台样式覆盖的问题
*/
body .ant-popover {
  z-index: 1100;
  .ant-popover-buttons {
    &::after {
      display: block;
      height: 0;
      clear: both;
      font-size: 0;
      visibility: hidden;
      content: ' ';
    }
    button {
      float: right;
    }
  }
}
