@import "variables";

div.tree {
  padding: 5px;
  vertical-align: top;
  overflow: auto;
  height: 350px;
}

#object_details {
  width: 100%;
}

// Styles for connection-/category-browser.
#objectList.left {
  width: 52.5%;
  overflow: auto;
}

#portList.right {
  margin-left: 5px;
  width: 46.5%;
  overflow: auto;
}

#createObjectTitle, #createObjectType {
  width: 220px;
}

// Styles for browser selection sorting.
.browser-selection-sorter {
  background: $white;

  ul {
    margin: 0;
    list-style: none;

    li {
      margin: 2px;
      padding: 3px;
      background: $lightgrey;

      span.handle {
        background: url('[{$dir_images}]icons/hatch.gif');
        cursor: ns-resize;
      }
    }
  }

  .controls {
    border-top: 1px solid $darkgrey;
    background: $lightgrey;
  }
}
