.workflow-builder {
}

.workflow-builder .builder-frame {
  height: 800px;
}

.workflow-builder .builder-catalog {
}

.workflow-builder .builder-catalog .catalog-scroll {
  height: 750px;
  overflow-y: auto;
}

.workflow-builder .builder-frame .builder-node {
  display: flex;
  flex-direction: column;
  background-color: rgb(25, 31, 50);
  transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  box-shadow:
    0 3px 6px rgba(0, 0, 0, 0.16),
    0 3px 6px rgba(0, 0, 0, 0.23);
  border: 1px solid teal;
  font-size: 10pt;
  border-radius: 5px;
}

.workflow-builder .builder-frame .builder-node .title {
  position: relative;
  padding: 5px;
  flex-grow: 1;
  background-color: #eee;
  line-height: 24px;
  border-radius: 5px 5px 0 0;
}

.workflow-builder .builder-frame .builder-node .handle {
  width: 10px;
  height: 10px;
  margin: auto;
  background-color: #ddd;
  border-radius: 2px;
  border: 2px solid #ddd;
  box-shadow:
    rgba(0, 0, 0, 0.2) 0px 1px 3px 0px,
    rgba(0, 0, 0, 0.14) 0px 1px 1px 0px,
    rgba(0, 0, 0, 0.12) 0px 2px 1px -1px;
}

.workflow-builder  .builder-frame .builder-node .title .buttons {
    float: right;
    margin-left: 10px;
}

.workflow-builder .builder-frame .builder-node .handle.handle-left {
  left: -8px;
}

.workflow-builder .builder-frame .builder-node .handle.handle-right {
  right: -8px;
}

.workflow-builder .builder-console {
}