@mixin sidePanelCommon
  position: absolute
  max-height: 600px
  overflow-y: scroll
  top: 170px
  z-index: 1

#graph-explorer
  #toolbar
    display: flex
    flex-direction: column

    ul
      display: flex
      flex-direction: row
      li
        display: flex
        max-width: 200px

  .row.controls
    height: 79px

  .graph-tree
    @include sidePanelCommon

  #graph-view
    height: 95%

  #sp-container
    @include sidePanelCommon
    border: 1px white solid
    background-color: white
    left: 70%
    width: 30%

    #myTab
      marginBottom: 18px
      marginTop: 18px

    #myTabContent
      borderBottom: 1px solid black
      paddingBottom : 19px

    #horizontal-checkbox
      ul
        display: inline
        float : left

  #tree
    position: absolute
    z-index: 1

.input-with-autocomplete
  .completions
    position: absolute
    max-height: 300px
    overflow-y: scroll
    width: 300px
    top: 50px
    z-index: 5
