@import "~@/mixins.less";

.commonPartsInfo {
  width: 100%;
  height: 100%;
  display: flex;
  background-color: #FFF;
  padding: 10px;

  :global {
    .leftTree {
      flex: 0 0 250px;
      background-color: #f5f5f5;
      border: 1px solid #AAA;
      padding: 10px;

      .ant-tree {
        width: 100%;
        height: 100%;
        background-color: transparent;
        overflow: auto;
        font-size: 18px;

        .ant-tree-treenode {
          padding-bottom: 8px;
        }

        .ant-tree-title {
          padding-left: 8px;
        }
      }

      .ant-tree-show-line .ant-tree-switcher {
        background-color: transparent;
      }
    }

    .rightContent {
      flex: 1;
      padding-left: 10px;

      .ant-divider {
        margin-top: 0;
        margin-bottom: 0;
        color: #000000;
        display: none;

        &::before,
        &::after {
          border-color: rgba(0, 0, 0, 0.2);
        }
      }

      .ant-tabs {
        height: 100%;

        .ant-tabs-content-holder {
          height: calc(100% - 50px);
        }
      }

      .ant-tabs-tabpane {
        width: 100%;
        height: 100%;
        overflow: auto;
        overflow-x: hidden;

        .tabPaneComponent {

          >div {
            overflow-y: hidden !important;
          }
        }
      }
    }

    .ant-form-item[class*="formItemMargin"] {
      border: 1px solid #AAA;
    }

    .ant-form-item-label {
      label {
        span {
          .flex(center, center);
        }
      }
    }

    input[disabled],
    input[readOnly],
    .ant-select-selection-item {
      color: #096dd9 !important;
    }
  }
}