@import './theme';
// @import './iconfont';
@import './zxx.css';
@import './margin.less';


.custom-menu-item {
  display: flex;
  align-items: center;
}

.drag-handle {
  margin-top: 1px;
  margin-right: 6px;
  cursor: move;
}
.dropdown-footer {
  padding-left: 36px;
  border-top: 1px solid #e8e8e8;
}

.mr-1 {
  margin-right: 6px !important;
}

.mr-2 {
  margin-right: 12px !important;
}
.m-2 {
  margin: 12px !important;
}

// 全屏弹窗样式 全局新建跳转路由的页面替换为modal时使用
.full-modal {
  .ant-modal {
    max-width: 100% !important;
    top: 0 !important;
    padding-bottom: 0 !important;
    margin: 0 !important;
  }

  .ant-modal-content {
    display: flex !important;
    flex-direction: column !important;
    height: calc(100vh) !important;
  }

  .ant-modal-body {
    flex: 1 !important;
    overflow-y: auto;
  }
}

.splitWrap {
  height: 100%;
}

.APgreen {
  background-color: green;
}

.APorange {
  background-color: orange;
}

.APred {
  background-color: red;
}

.operation-btn {
  margin-left: 8px;
}

&::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

&::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, .12);
  border-radius: 5px;
  box-shadow: inset 0 0 5px rgb(0 21 41 / 5%);
}

&::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, .06);
  border-radius: 5px;
  box-shadow: inset 0 0 5px rgb(0 21 41 / 5%);
}

.page {
  overflow-y: auto;
  height: calc(80vh);
  background-color: white;
}

.ant-table-content {
  .ant-table-scroll {
    .ant-table-placeholder {
      padding: 0 !important;
      border: none !important;
    }
  }
}

::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}

/* 滚动条轨道背景色 */
::-webkit-scrollbar-track {
  background: #ccc;
  box-shadow: inset 0 0 0px
    /* 你可以选择任何颜色 */
}

/* 滚动条滑块样式 */
::-webkit-scrollbar-thumb {
  background: #00BEBE;
  box-shadow: inset 0 0 0px;
  /* 滑块颜色 */
  border-radius: 10px;
  /* 圆角 */
}

::-webkit-scrollbar-thumb:hover {
  background: #1890FF;
  /* 悬停时的颜色 */
}

.ant-table-body // 所有表格滚动条样式

/* 滚动条轨道样式 */
.ant-table-body::-webkit-scrollbar {
  /* 宽度 */
  width: 3px;
  /* 高度 */
  height: 5px;
}

.ant-table-body::-webkit-scrollbar {
  /* 宽度 */
  width: 3px;
  /* 高度 */
  height: 5px;
  box-shadow: inset 0 0 0px;
}

/* 滚动条轨道背景色 */
.ant-table-body::-webkit-scrollbar-track {
  background: #ccc;
  box-shadow: inset 0 0 0px
    /* 你可以选择任何颜色 */
}

/* 滚动条滑块样式 */
.ant-table-body::-webkit-scrollbar-thumb {
  background: #1890FF;
  box-shadow: inset 0 0 0px;
  /* 滑块颜色 */
  border-radius: 10px;
  /* 圆角 */
}

.ant-table-body::-webkit-scrollbar-thumb:hover {
  background: #1890FF;
  /* 悬停时的颜色 */
}

.ant-table-body-inner::-webkit-scrollbar {
  /* 宽度 */
  width: 4px;
  /* 高度 */
  height: 4px;
  box-shadow: inset 0 0 0px;
}

/* 滚动条轨道背景色 */
.ant-table-body-inner::-webkit-scrollbar-track {
  background: #ccc;
  box-shadow: inset 0 0 0px
    /* 你可以选择任何颜色 */
}

/* 滚动条滑块样式 */
.ant-table-body-inner::-webkit-scrollbar-thumb {
  background: #1890FF;
  box-shadow: inset 0 0 0px;
  /* 滑块颜色 */
  border-radius: 10px;
  /* 圆角 */
}

.ant-table-body-inner::-webkit-scrollbar-thumb:hover {
  background: #1890FF;
  /* 悬停时的颜色 */
}

/*形位公差符号样式*/
.verisurf_005B::before {
  content: '\005B';
}

.verisurf_005F::before {
  content: '\005F';
}

.verisurf_007B::before {
  content: '\007B';
}

.verisurf_007D::before {
  content: '\007D';
}

.verisurf_0021::before {
  content: '\0021';
}

.verisurf_007E::before {
  content: '\007E';
}

.verisurf_002A::before {
  content: '\002A';
}

.verisurf_0026::before {
  content: '\0026';
}

.verisurf_005E::before {
  content: '\005E';
}

.verisurf_0023::before {
  content: '\0023';
}

.verisurf_0024::before {
  content: '\0024';
}

.verisurf_0025::before {
  content: '\0025';
}

.verisurf_003B::before {
  content: '\003B';
}

.verisurf_005C::before {
  content: '\005C';
}

/* 仅产品开发使用 整体布局样式 未经允许不得擅自增加或修改 */
// DFMEA编制页面样式
.dfmea-page-content {
  background-color: #f0f2f5;
}

.dfmea-page-card {
  background-color: #fff;
  border-radius: 4px;
  margin-top: 12px;
  margin-left: 12px;
  margin-right: 12px;
  margin-bottom: 12px;
  padding: 12px;
}

.dfmea-page-tabs-content {
  border-top: 1px solid #CCC;
}

.dfmea-page-tree-content {
  overflow: hidden;
  height: calc(100vh - 56px) !important;
  //border: 1px solid red;

  // 功能分析和结构分析的按钮区域
  .top-button-bar {
    // overflow-x: auto; // 放开会导致颜色选择控件被遮盖
    // overflow-y: hidden;
    width: 100% !important;
    height: 36px;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;

    &::-webkit-scrollbar {
      width: 2px;
      height: 2px;
    }

    &::-webkit-scrollbar-thumb {
      background: #1890ff;
      border-radius: 5px;
    }

    &::-webkit-scrollbar-track {
      background: transparent;
      border-radius: 5px;
    }

    // 结构分析
    .ant-divider,
    .ant-divider-vertical {
      left: 1.6em;
      width: 1px;
      height: 1.5em;
      top: 0.5em;
      background: #ccc;
    }

    a.active i {
      color: #515151;
      font-weight: 550;
    }

    a {
      margin: 0px 0px 0px 12px;
      display: block;
      float: left;
      width: 30px;
      height: 26px;
      position: relative;
      cursor: pointer;

      i {
        font-size: 22px;
        position: absolute;
        top: 2px;
        color: #dbdbdb;
      }

      // 背景颜色
      .m-colorPicker {
        position: absolute;

        .colorBtn {
          opacity: 0;
          width: 20px;
          height: 25px;
        }
      }
    }
  }
}

// 结构分析操作页面主画面
.structure-analysis-content {
  height: calc(100vh - 94px);

  .leftTree {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
  }

  .rightX6 {
    height: 100%;
  }
}

// 功能分析操作页面主画面
.functional-analysis-content {
  height: calc(100vh - 94px);

  .mainPane {
    .leftTree {
      height: 100%;
      overflow-x: hidden;
      overflow-y: auto;
      background-color: #fff;
    }

    .rightTree {
      height: 100%;
      overflow-x: hidden;
      overflow-y: auto;
      background-color: #fff;
    }
  }

  .viewSideBySide {
    .sideLeftTree {
      height: 100%;
      overflow-x: hidden;
      overflow-y: auto;
      background-color: #fff;
    }

    .sideRightTree {
      height: 100%;
      overflow-x: hidden;
      overflow-y: auto;
      background-color: #fff;
    }
  }
}

.summary-archive-content {
  background-color:#f0f2f5;
  padding:12px;
}

// 总结归档主画面
.summary-archive-content-card {
  border-radius:5px;
  background-color:#fff;
  padding:12px;
}

.el-dialog__wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  margin: 0;
  pointer-events: none;
}
.el-dialog {
  position: relative;
  margin: 0 auto 50px;
  background: #f4f4f4;
  border-radius: 22px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
  box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  height: 60%;
  //margin-top: 20vh !important;
  left: 30%;
  overflow-y: hidden !important;
  pointer-events: auto;
}

.el-dialog__body {
  height: 98%;
}

.el-dialog__header {
  border-bottom: 1px solid #f3f3f3;
  height: 51px;
  padding: 0 !important;
  position: relative;
  .el-dialog__title {
    color: #01a0ac;
    font-weight: bold;
    position: absolute;
    left: 20px;
    top: 10px;
    height: 30px;
    line-height: 30px;
    width: 50%;
    overflow: hidden;
  }
}
.el-dialog__headerbtn {
  position: absolute;
  top: 15px;
  right: 20px;
  padding: 0;
  background: 0 0;
  border: none;
  outline: 0;
  cursor: pointer;
  font-size: 16px;
}
.el-icon-close:before {
  content: "✕";
  font-style: initial;
}

.level-radio {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  font-weight: normal;
  max-width: 120px; /* 根据需要设置宽度 */
}
// 此文件为开发自定义的样式，全局样式集中在此文件，方便管理
.m-0 {
  margin: 0px !important;
}

.m-1 {
  margin: 6px !important;
}

.m-2 {
  margin: 12px !important;
}

.m-3 {
  margin: 18px !important;
}

.m-4 {
  margin: 24px !important;
}

.mt-0 {
  margin-top: 0px !important;
}

.mt-1 {
  margin-top: 6px !important;
}

.mt-2 {
  margin-top: 12px !important;
}

.mt-3 {
  margin-top: 18px !important;
}

.mt-4 {
  margin-top: 24px !important;
}

.mr-0 {
  margin-right: 0px !important;
}

.mr-1 {
  margin-right: 6px !important;
}

.mr-2 {
  margin-right: 12px !important;
}

.mr-3 {
  margin-right: 18px !important;
}

.mr-4 {
  margin-right: 24px !important;
}

.mb-0 {
  margin-bottom: 0px !important;
}

.mb-1 {
  margin-bottom: 6px !important;
}

.mb-2 {
  margin-bottom: 12px !important;
}

.mb-3 {
  margin-bottom: 18px !important;
}

.mb-4 {
  margin-bottom: 24px !important;
}

.ml-0 {
  margin-left: 0px !important;
}

.ml-1 {
  margin-left: 6px !important;
}

.ml-2 {
  margin-left: 12px !important;
}

.ml-3 {
  margin-left: 18px !important;
}

.ml-4 {
  margin-left: 24px !important;
}

.p-0 {
  padding: 0px !important;
}

.p-1 {
  padding: 6px !important;
}

.p-2 {
  padding: 12px !important;
}

.p-3 {
  padding: 18px !important;
}

.p-4 {
  padding: 24px !important;
}

.pt-0 {
  padding-top: 0px !important;
}

.pt-1 {
  padding-top: 6px !important;
}

.pt-2 {
  padding-top: 12px !important;
}

.pt-3 {
  padding-top: 18px !important;
}

.pt-4 {
  padding-top: 24px !important;
}

.pr-0 {
  padding-right: 0px !important;
}

.pr-1 {
  padding-right: 6px !important;
}

.pr-2 {
  padding-right: 12px !important;
}

.pr-3 {
  padding-right: 18px !important;
}

.pr-4 {
  padding-right: 24px !important;
}

.pb-0 {
  padding-bottom: 0px !important;
}

.pb-1 {
  padding-bottom: 6px !important;
}

.pb-2 {
  padding-bottom: 12px !important;
}

.pb-3 {
  padding-bottom: 18px !important;
}

.pb-4 {
  padding-bottom: 24px !important;
}

.pl-0 {
  padding-left: 0px !important;
}

.pl-1 {
  padding-left: 6px !important;
}

.pl-2 {
  padding-left: 12px !important;
}

.pl-3 {
  padding-left: 18px !important;
}

.pl-4 {
  padding-left: 24px !important;
}

.pull-right {
  float: right !important;
}

.width-100 {
  width: 100% !important;
}

.backGroundColorWhite {
  background-color: #fff !important;
}
