.workflow-builder-gdl .color-gas-limit {
  color: #14c314;
}

.workflow-builder-gdl .color-value {
  color: hsl(300, 65%, 62%);
}

.workflow-builder-gdl .color-fee {
  color: #7793d5;
}

.workflow-builder-gdl .panel {
  float: left;
}

.workflow-builder-gdl .panel h5 {
  white-space: nowrap;
}

.workflow-builder-gdl .panel:first-child {
  padding-right: 10px;
}

.workflow-builder-gdl .panel:not(:first-child):not(:last-child) {
  padding-left: 10px;
  padding-right: 10px;
}

.workflow-builder-gdl .panel:last-child {
  padding-left: 10px;
}

.workflow-builder-gdl .panel:not(:last-of-type) {
  border-right: 2px solid var(--gray-300);
}

.workflow-builder-gdl .panel.collapsed .panel-content {
  display: none;
}

.workflow-builder-gdl .panel.collapsed button.show-hide-panel {
  float: none;
  margin-left: 10px;
}

.workflow-builder-gdl .panel.collapsed h5 {
  transform: rotate(90deg);
}

.workflow-builder-gdl .panel button.show-hide-panel {
  float: right;
}

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

.workflow-builder-gdl .panel .builder-catalog .application-section img {
  height: 34px;
}

.workflow-builder-gdl .panel .builder-catalog .application-section .contract-group .execution-node {
  border: 1px solid teal;
  border-radius: 8px;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}

.workflow-builder-gdl .panel .builder-catalog .application-section .contract-group .execution-node i.f-icon {
  margin-right: 10px;
}

.workflow-builder-gdl .panel .builder-catalog .application-section .contract-group .execution-node i.drag-icon {
  float: right;
  font-size: 24px;
}

.workflow-builder-gdl .panel .builder-catalog .application-section .contract-group .execution-node > .title {
  line-height: 24px;
}

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

.workflow-builder-gdl .panel .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-gdl .panel .builder-frame .builder-node.selected {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.workflow-builder-gdl .panel .builder-frame .builder-node .node-meta.right {
  text-align: right;
}

.workflow-builder-gdl .panel .builder-frame .builder-node .node-validation {
  background-color: #000;
  border-radius: 0 0 5px 5px;
}

.workflow-builder-gdl .panel .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-gdl .panel .builder-frame .builder-node .title .buttons {
  float: right;
  margin-left: 10px;
}

.workflow-builder-gdl .panel .builder-frame .builder-node .title span.lbl {
  margin-left: 5px;
}

.workflow-builder-gdl .panel .builder-frame .builder-node .node-content-header {
  padding: 5px;
  flex-grow: 1;
  background-color: #324891;
}

.workflow-builder-gdl .panel .builder-frame .builder-node .node-content {
  padding: 0px;
}

.workflow-builder-gdl .panel .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-gdl .panel .builder-frame .builder-node .handle.handle-left {
  left: -8px;
}

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

.workflow-builder-gdl .panel .builder-details .node-details-sec {
  border-top: 2px solid var(--gray-300);
  padding-top: 20px;
  padding-bottom: 20px;
}

.workflow-builder-gdl .panel .builder-details .node-meta-error {
  color: #dd4a80;
}

.workflow-builder-gdl .panel .builder-details .node-meta .val {
  float: right;
}

.workflow-builder-gdl .panel .builder-details .node-meta.right {
  font-weight: bold;
}