[draggable=true] {
  cursor: move;
}
body{
  background-color: #f3f0eb;
}

#chart-container {
    font-family: Arial;
    /* display: flex; */
    /* justify-content: flex-end; */
    overflow: auto;
    text-align: center;
  }

  .orgchart {
    background:#f3f0eb;
    min-height:100vh!important;
    /* display: flex!important;
    display: flex;
    align-items: center;
    justify-content: center; */
  }

  .orgchart td.left,
  .orgchart td.right,
  .orgchart td.top {
    border-color: #aaa;
  }

  .orgchart td>.down {
    background-color: #aaa;
  }

  .orgchart .middle-level .title {
    background-color: #006699;
  }

  .orgchart .middle-level .content {
    border-color: #006699;
  }

  .orgchart .product-dept .title {
    background-color: #009933;
  }

  .orgchart .product-dept .content {
    border-color: #009933;
  }

  .orgchart .rd-dept .title {
    background-color: #993366;
  }

  .orgchart .rd-dept .content {
    border-color: #993366;
  }

  .orgchart .pipeline1 .title {
    background-color: #996633;
  }

  .orgchart .pipeline1 .content {
    border-color: #996633;
  }

  .orgchart .frontend1 .title {
    background-color: #cc0066;
  }

  .orgchart .frontend1 .content {
    border-color: #cc0066;
  }

  #github-link {
    position: fixed;
    top: 0px;
    right: 10px;
    font-size: 3em;
  }

 
  .orgchart .node.matched {
    background-color: rgba(238, 217, 54, 0.5);
  }
  #edit-panel {
    text-align: center;
    position: relative;
    left: 10px;
    width: calc(100% - 40px);
    border-radius: 4px;
    float: left;
    margin-top: 10px;
    padding: 10px;
    color: #fff;
    background-color: #449d44;
  }
  #edit-panel * {
    font-size: 20px;
  }
  #github-link {
    position: fixed;
    top: 0px;
    right: 10px;
    font-size: 3em;
  }
  .orgchart .lines .downLine{ 
    background-color: black!important;
    
  }

  .orgchart .lines .rightLine {
    border-right: 1px solid black!important;
  }
  .orgchart .lines .leftLine {
    border-left: 1px solid black!important;
  }
  .orgchart .lines .topLine {
    border-top: 2px solid black!important;
}

/* .tooltipster.tooltipster-custom.tooltipster-base {
  color: red !important;
}

.tooltipster.tooltipster-custom.tooltipster-base .tooltipster-content {
  background-color: #fff !important;
  border: 1px solid #ccc !important;
  padding: 8px !important;
  font-size: 14px !important;
  max-width: none !important;
  white-space: normal !important;
  text-align: left !important;
} */