.srv-tree-page {
  display: flex;
  .tree-spinning-dom {
    height: 100%;
    width: 15%;
    min-width: 210px;
    transition:  all 0.5s;
    .ant-spin-container {
      height: 100%;
    }
    .tree-div {
      width: 100%;
      height: 100%;
      overflow-y: auto;
      .tree-card-dom {
        height: 100%;
        overflow: auto;
      }
    }
  }
  .tree-spinning-dom.hidden-tree-spinning-dom {
    width: 0;
    min-width: 0;
  }
  .right-card {
    flex-grow: 1;
    width: calc(85% - 8px);
    margin-left: 8px;
    height: 100%;
    overflow-y: auto;
    .tree-mng {
      cursor: pointer;
      color: #40a9ff;
      .text{
        margin-left: 8px;
      }
    }
    .search-form {
      .ant-form-item-label {
        width: 100px;
      }
    }
    .node-msg-form {
      .ant-form-item-label {
        width: 140px;
      }
    }
    .node-chart-row {
      display: flex;
      .node-chart-div {
        width: calc(50% - 4px);
        height: 400px;
        padding: 8px;
        border: 1px solid #ccc;
      }
      .service-chart {
        margin-right: 4px;
      }
      .srvStatus-chart {
        margin-left: 4px;
      }
    }
  }
}