.WorkflowPlanOverviewNodeStyles---node_port {
  cursor: crosshair !important;
  transition: r 0.15s ease-in-out !important;
}
.WorkflowPlanOverviewNodeStyles---node_port:hover {
  r: 6 !important;
  stroke: #f4b95e !important;
  stroke-width: 7 !important;
}
.WorkflowPlanOverviewNodeStyles---node_type {
  font-size: 0.7rem !important;
  fill: #222 !important;
}
.WorkflowPlanOverviewNodeStyles---node_label {
  font-size: 0.875rem !important;
  white-space: wrap !important;
}
.WorkflowPlanOverviewNodeStyles---removeTool {
  cursor: pointer !important;
}
.WorkflowPlanOverviewNodeStyles---removeTool circle {
  fill: #de0037 !important;
  r: 8 !important;
}
.WorkflowPlanOverviewNodeStyles---removeTool text {
  font-size: 18px !important;
  font-weight: bold !important;
  fill: #fff !important;
  text-anchor: middle !important;
  dominant-baseline: middle !important;
  transform: translateY(1.45px) !important;
}
.WorkflowPlanOverviewNodeStyles---removeTool:hover circle {
  fill: #b4002d !important;
}
/*# sourceMappingURL=WorkflowPlanOverviewNodeStyles.css.map */
.WorkflowPlanOverviewPalette---palette {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-evenly !important;
  padding: 5px 10px !important;
  margin-left: 30px !important;
  box-shadow: -2px 2px 8px lightgray !important;
  background-color: white !important;
  border-radius: 5px !important;
  height: 220px !important;
  width: 60px !important;
}
.WorkflowPlanOverviewPalette---palette svg {
  cursor: pointer !important;
}
.WorkflowPlanOverviewPalette---palette svg.WorkflowPlanOverviewPalette---pressed {
  background-color: blue !important;
}
.WorkflowPlanOverviewPalette---palette svg.WorkflowPlanOverviewPalette---pressed [stroke="black"] {
  stroke: white !important;
}
.WorkflowPlanOverviewPalette---palette svg.WorkflowPlanOverviewPalette---pressed [fill="black"] {
  fill: white !important;
}
/*# sourceMappingURL=WorkflowPlanOverviewPalette.css.map */
/* if this value changes, also update constant in themeConstants.ts */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* border color for inputs and dialogs */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, tab group) */
/* divider color for section and column dividers */
/* subtle border color for containers (e.g., grid borders) */
/* alt grid row, news feed background */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* File Upload */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.WorkflowPlanOverviewHoverMenu---hover_menu {
  position: fixed !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-evenly !important;
  padding: 0 10px !important;
  height: 68px !important;
  box-shadow: -2px 2px 8px lightgray !important;
  background-color: white !important;
  border-radius: 5px !important;
}
.WorkflowPlanOverviewHoverMenu---hover_menu.WorkflowPlanOverviewHoverMenu---hidden {
  display: none !important;
}
.WorkflowPlanOverviewHoverMenu---hover_menu .WorkflowPlanOverviewHoverMenu---edit_button,
.WorkflowPlanOverviewHoverMenu---hover_menu .WorkflowPlanOverviewHoverMenu---delete_button {
  display: block !important;
  width: 14px !important;
  height: 14px !important;
  cursor: pointer !important;
}
.WorkflowPlanOverviewHoverMenu---hover_menu .WorkflowPlanOverviewHoverMenu---edit_button {
  fill: var(--appian-accent-color, #1d659c) !important;
  width: 12px !important;
}
.WorkflowPlanOverviewHoverMenu---hover_menu .WorkflowPlanOverviewHoverMenu---delete_button {
  fill: var(--appian-negative-on-light-color, #b2002c) !important;
}
/*# sourceMappingURL=WorkflowPlanOverviewHoverMenu.css.map */
/* if this value changes, also update constant in themeConstants.ts */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* border color for inputs and dialogs */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, tab group) */
/* divider color for section and column dividers */
/* subtle border color for containers (e.g., grid borders) */
/* alt grid row, news feed background */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* File Upload */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.WorkflowPlanOverviewRenderer---workflow {
  display: flex !important;
  height: 100% !important;
}
.WorkflowPlanOverviewRenderer---canvas {
  height: 100% !important;
  width: 100% !important;
}
.WorkflowPlanOverviewRenderer---removeTool {
  cursor: pointer !important;
}
.WorkflowPlanOverviewRenderer---removeTool circle {
  fill: #de0037 !important;
  r: 8 !important;
}
.WorkflowPlanOverviewRenderer---removeTool text {
  font-size: 18px !important;
  font-weight: bold !important;
  fill: #fff !important;
  text-anchor: middle !important;
  dominant-baseline: middle !important;
  transform: translateY(1.45px) !important;
}
.WorkflowPlanOverviewRenderer---removeTool:hover circle {
  fill: #b4002d !important;
}
/*# sourceMappingURL=WorkflowPlanOverviewRenderer.css.map */