@import url('/external/fonts/Raleway/raleway.css');
@import url('/external/fonts/Rubik/rubik.css');
@import url('/external/fonts/Inconsolata/inconsolata.css');

.bpmn-icon-start-event-none::before {
  content: none !important;
}

.bpmn-icon-gateway-xor::before {
  vertical-align: top !important;
  content: none !important;
}

.djs-palette-entries {
  background: #f2f5fd;
  margin: 10px 7px 0px 10px;
  padding-top: 5px;
}

.djs-container > svg {
  height: 100vh;
}

.djs-overlay .djs-context-pad .entry.bpmn-icon-dialog {
  background-image: url('/assets/icons/dialog-pad.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-color: transparent;
  box-shadow: none;
}

.djs-overlay .djs-context-pad .entry.bpmn-icon-action {
  background: url('/assets/icons/action-pad.png') no-repeat;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: transparent;
  box-shadow: none;
}

.djs-overlay .djs-context-pad .entry.bpmn-icon-function {
  background: url('/assets/icons/function-pad.png') no-repeat;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: transparent;
  box-shadow: none;
}

.djs-overlay .djs-context-pad .entry.bpmn-icon-subs {
  background: url('/assets/icons/subs-pad.svg') no-repeat;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: transparent;
  box-shadow: none;
}

.djs-overlay .djs-context-pad .entry.bpmn-icon-connection-multi {
  background-repeat: no-repeat;
  background-color: transparent;
  box-shadow: none;
}

.djs-overlay .djs-context-pad .entry.bpmn-icon-trash {
  background-repeat: no-repeat;
  background-color: transparent;
  box-shadow: none;
}

.djs-overlay .djs-context-pad .entry.bpmn-icon-end-event-none {
  background-repeat: no-repeat;
  background-color: transparent;
  box-shadow: none;
}

.djs-overlay .djs-context-pad .entry.bpmn-icon-gateway-none {
  background-repeat: no-repeat;
  background-color: transparent;
  box-shadow: none;
}

.entry.bpmn-icon-dialog:hover,
.entry.bpmn-icon-action:hover,
.entry.bpmn-icon-function:hover {
  background-color: rgba(0, 145, 218, 0.3) !important;
}

.icon-custom-rest,
.icon-custom-sql {
  background: url('/assets/icons/flow-icon-custom-rest.png') no-repeat;
}

.icon-custom-scsm {
  background: url('/assets/icons/icon-custom-scsm.png') no-repeat;
}

.icon-custom-buttons {
  background: url('/assets/icons/icon-custom-buttons.svg') no-repeat;
  display: none;
}

.icon-custom-question {
  background: url('/assets/icons/icon-custom-question.svg') no-repeat;
  display: none;
}

.icon-custom-transfer {
  background: url('/assets/icons/flow-start-icon.svg') no-repeat;
  display: none;
}

.icon-custom-sap {
  background: url('/assets/icons/icon-custom-sap.svg') no-repeat;
  display: none;
}

.icon-custom-intercom {
  background: url('/assets/icons/icon-custom-intercom.svg') no-repeat;
  display: none;
}

.icon-custom-triangle {
  background: url('/assets/icons/icon-custom-triangle.svg');
}

.icon-custom-circle {
  background: url('/assets/icons/icon-custom-circle.svg');
}

.details.panel {
  position: relative !important;
  height: auto !important;
  left: 0 !important;
  bottom: 0 !important;
}

.details.panel .chat-details {
  width: 30%;
}

.nav-item,
.wc-header {
  width: 100%;
}

.nav-tabs .nav-link.active {
  background-color: #f3f3f3;
}

.form-group {
  margin-bottom: 5px;
}

.djs-palette.two-column.open {
  width: 90px;
  padding: 0 20px;
}

.ac-container div {
  white-space: normal !important;
}

.djs-palette-entries .bpmn-icon-end-event-none:before {
  content: normal;
}

.djs-palette-toggle {
  display: none;
}

.zohohc-63050d0a54.zohohc-eb6419136f.zohohc-49fbd27077 {
  border-radius: 50%;
  margin-left: -8px;
}

/* Add this new rule to override Zoho chat widget position */
:root {
  --zohohc_asap_web_launcher_left: 13px !important;
  --zohohc_asap_web_launcher_bottom: 15px !important;
}