@import "bootstrap/dist/css/bootstrap.min.css";

html,
body {
  font-size: 10px;
  font-family: Roboto, sans-serif;
  overscroll-behavior: none;
}

/* Firefox */
* {
  scrollbar-width: none;
  scrollbar-color: transparent transparent;
  /*transition: scrollbar-color 0.3s ease;*/
}

*:hover {
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.1);
}

/* Chrome / Safari / Edge */
*::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

*::-webkit-scrollbar-track {
  background: transparent;
}

*::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 4px;
  /*transition: background 0.3s ease;*/
}

*:hover::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.3);
}

*::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.5);
}

/* ComponentBuilder / CrudTable scrollbar display modes */
/* These intentionally override the global `*` scrollbar hover behavior. */

/* Hover-only (hide thumb until hover) */
.cb-scrollbar-hover {
  scrollbar-width: none;
  scrollbar-color: transparent transparent;
}

.cb-scrollbar-hover:hover {
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.1);
}

.cb-scrollbar-hover::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.cb-scrollbar-hover::-webkit-scrollbar-track {
  background: transparent;
}

.cb-scrollbar-hover::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 4px;
}

.cb-scrollbar-hover:hover::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.3);
}

.cb-scrollbar-hover::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.5);
}

/* Normal (thumb visible without hover) */
.cb-scrollbar-normal {
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.1);
}

.cb-scrollbar-normal::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.cb-scrollbar-normal::-webkit-scrollbar-track {
  background: transparent;
}

.cb-scrollbar-normal::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 4px;
}

.cb-scrollbar-normal::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.5);
}

/* Change Bootstrap tab formatting */
.nav-link {
  color: var(--bs-nav-link-color, var(--bs-body-color)) !important;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: var(--bs-primary) !important;
  font-weight: bold;
}

/* Fix Bootstrap tooltip arrow gap */
.tooltip {
  --bs-tooltip-padding-x: 0.5rem;
  --bs-tooltip-padding-y: 0.25rem;
  --bs-tooltip-margin: 0;
  --bs-tooltip-arrow-width: 0.8rem;
  --bs-tooltip-arrow-height: 0.4rem;
}

.tooltip .tooltip-arrow {
  position: absolute;
  display: block;
  width: var(--bs-tooltip-arrow-width);
  height: var(--bs-tooltip-arrow-height);
}

.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.tooltip.bs-tooltip-top .tooltip-arrow,
.tooltip.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow {
  bottom: calc(-1 * var(--bs-tooltip-arrow-height));
}

.tooltip.bs-tooltip-bottom .tooltip-arrow,
.tooltip.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow {
  top: calc(-1 * var(--bs-tooltip-arrow-height));
}

.tooltip.bs-tooltip-start .tooltip-arrow,
.tooltip.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow {
  right: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}

.tooltip.bs-tooltip-end .tooltip-arrow,
.tooltip.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow {
  left: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}

.h-700px {
  height: 700px;
}

.tab-content {
  flex-grow: 1;
  position: relative;
}
.react-flow__controls {
  font-size: 12px;
}
.d-dropdown-list.open-up {
  bottom: 100% !important;
  top: auto !important;
}
.selected-app {
  background-attachment: initial;
  background-clip: initial;
  background-color: rgb(25, 135, 84);
  background-image: initial;
  background-origin: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-repeat: initial;
  background-size: initial;
  margin-bottom: -1rem;
  margin-left: -1rem;
  margin-right: -1rem;
  margin-top: -1rem;
}
.disabled {
  color: grey;
  cursor: not-allowed;
}
.h-50px {
  height: 50px;
}
.w-50px {
  width: 50px;
}
.bg-image {
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 0;
}
img.bg-image {
  font-family: "object-fit: cover;";
  object-fit: cover;
}
.fs-7 {
  font-size: 11px;
}
.w-500px {
  width: 500px;
}
.d--tab-link-active {
  border-bottom-width: 2px !important;
  border-left-width: 2px !important;
  border-right-width: 2px !important;
  border-top-width: 2px !important;
  color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
  font-weight: bold;
}
* {
  box-sizing: border-box;
}
.t-color {
  color: rgb(90, 129, 229);
}
.table-active {
  font-weight: bold;
}
.w-125px {
  width: 125px;
}

.minw-100px {
  min-width: 100px;
}
input[type="radio"]:checked {
  background-color: rgb(51, 117, 184);
}
.d-checkbox-input:checked + .selected .text-primary {
  display: none;
}
.d-checkbox-input:checked + .selected .text-secondary {
  display: inline-block;
}
.text-secondary {
  display: none;
}
.d-contents {
  display: contents;
}
.mt-n1 {
  margin-top: -0.75rem !important;
}
* {
  box-sizing: border-box;
}
input[type="range"]::-webkit-slider-runnable-track {
  background-attachment: initial;
  background-clip: initial;
  background-color: rgb(52, 152, 219);
  background-image: initial;
  background-origin: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-repeat: initial;
  background-size: initial;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  height: 8px;
  width: 100%;
}
.fas.disabled {
  color: grey !important;
  cursor: not-allowed;
  pointer-events: none;
}
.radio-custom-rating:checked + :not(.text-white),
.d-checkbox-input:checked + :not(.text-white) {
  color: rgba(var(--bs-primary-rgb), 1) !important;
  font-weight: bold;
}
.session-expiry-box {
  left: 50%;
  transform: translate(40%, 0%);
}
.tiny {
  font-size: 6px;
}
.h-225px {
  height: 225px;
}
.d-tab-link.nav-link.d--tab-link-active {
  background-attachment: initial;
  background-clip: initial;
  background-image: initial;
  background-origin: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-repeat: initial;
  background-size: initial;
  border-bottom-color: rgb(51, 117, 184);
  border-bottom-width: 2px;
  border-left-color: rgb(51, 117, 184);
  border-left-width: 2px;
  border-right-color: rgb(51, 117, 184);
  border-right-width: 2px;
  border-top-color: rgb(51, 117, 184);
  border-top-width: 2px;
  color: white;
}
.column-date {
  color: rgb(0, 128, 128);
}
.column-attribute {
  color: rgb(51, 117, 184);
}
.column-metric {
  color: rgb(242, 72, 15);
}
.reject input[type="radio"]:checked + label {
  background-color: red !important;
  color: white;
}
.accept input[type="radio"]:checked + label {
  background-color: green !important;
  color: white;
}
.h-550px {
  height: 550px;
}
thead {
  position: sticky;
  top: 0px;
}

/* Union All form: keep sticky header above Popper dropdowns inside scroll container */
.union-all-scroll thead {
  z-index: 3;
}

.union-all-scroll thead th {
  position: sticky;
  top: 0px;
  z-index: 3;
}

/* ReportCrudTable: sticky header is opt-in via component property.
   We must override the global `thead { position: sticky; }` rule to allow toggling off. */
.cb-report-crud-table thead {
  position: static;
  top: auto;
}

.cb-report-crud-table.sticky-table thead {
  position: sticky;
  top: 0px;
}

/* Vertical-only borders (Bootstrap doesn't provide this mode) */
table.cb-table-borders-vertical {
  border-collapse: collapse;
}

table.cb-table-borders-vertical > :not(caption) > * > * {
  border-bottom-width: 0 !important;
  border-right-width: var(--bs-border-width) !important;
  border-right-style: solid !important;
  border-right-color: var(
    --bs-table-border-color,
    var(--bs-border-color)
  ) !important;
}

table.cb-table-borders-vertical > :not(caption) > * > *:last-child {
  border-right-width: 0 !important;
}
.grow {
  animation-delay: 0s;
  animation-direction: normal;
  animation-duration: 0.75s;
  animation-fill-mode: none;
  animation-iteration-count: infinite;
  animation-name: spinner-grow;
  animation-play-state: running;
  animation-range-end: normal;
  animation-range-start: normal;
  animation-timeline: auto;
  animation-timing-function: linear;
}
.sidebar .tooltiptext {
  display: none;
}
.sidebar.shrink .tooltiptext {
  display: inline-block;
}
.sidebar.shrink .d-dropdown.d--open .d-dropdown-list {
  background-attachment: initial;
  background-clip: initial;
  background-color: white;
  background-image: initial;
  background-origin: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-repeat: initial;
  background-size: initial;
  border-bottom-color: rgb(221, 221, 221);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-image-outset: initial;
  border-image-repeat: initial;
  border-image-slice: initial;
  border-image-source: initial;
  border-image-width: initial;
  border-left-color: rgb(221, 221, 221);
  border-left-style: solid;
  border-left-width: 1px;
  border-right-color: rgb(221, 221, 221);
  border-right-style: solid;
  border-right-width: 1px;
  border-top-color: rgb(221, 221, 221);
  border-top-style: solid;
  border-top-width: 1px;
  left: 100%;
  position: absolute !important;
  text-wrap-mode: nowrap;
  text-wrap-style: initial;
  top: 0px;
  white-space-collapse: collapse;
}

input[type="radio"]:checked + div {
  border-bottom-color: rgb(51, 117, 184);
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-image-outset: initial;
  border-image-repeat: initial;
  border-image-slice: initial;
  border-image-source: initial;
  border-image-width: initial;
  border-left-color: rgb(51, 117, 184);
  border-left-style: solid;
  border-left-width: 2px;
  border-right-color: rgb(51, 117, 184);
  border-right-style: solid;
  border-right-width: 2px;
  border-top-color: rgb(51, 117, 184);
  border-top-style: solid;
  border-top-width: 2px;
}

.d-dropdown .close-icon {
  display: none;
}
.d-dropdown.d--open .close-icon {
  display: block;
}
.d-dropdown.d--open .open-icon {
  display: none;
}
.recharts-pie-label-line {
  stroke: black;
}
.recharts-pie-label-text {
  fill: black;
}
.recharts-pie-label-line {
  fill: black;
}
.d-modal-box-lg {
  max-width: 1200px !important;
}

.d-map-box {
  height: 100%;
}
.mapboxgl-ctrl-bottom-right {
  display: none;
}
.mapboxgl-ctrl-logo {
  display: none;
}
.symbol-20px {
  height: 20px;
  width: 20px;
}
.symbol-70px > .label {
  height: 70px;
  width: 70px;
}
input:checked ~ i {
  color: rgb(51, 117, 184);
}
.symbol-15px > img {
  height: 15px;
  width: 15px;
}
.symbol-30px > img {
  height: 25px;
  width: 25px;
}
.sphere {
  box-shadow: rgba(0, 0, 0, 0.5) -8px -8px 15px inset;
}
.h-400px {
  height: 400px;
}
.h-20px {
  height: 20px;
}
.w-20px {
  flex-basis: 20px;
  flex-grow: 0;
  flex-shrink: 0;
  width: 20px;
}
.overwrite .d-modal-box {
  max-width: 100%;
}
.wide .col-md-6 {
  align-items: center;
  display: flex;
  margin-bottom: 0.5rem;
  padding-bottom: 0px;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 0px;
}
.overwrite .col-md-6 {
  align-items: center;
  display: flex;
  margin-bottom: 0.5rem;
  padding-bottom: 0px;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 0px;
}
.overwrite .col-md-6 .w-100:not(.d-dropdown) {
  align-items: center;
  display: flex;
}
.overwrite .form-label-container {
  width: 33.3%;
  flex: 33.3% 0 0;
}
.d-modal-wrapper {
  background-attachment: initial;
  background-clip: initial;
  background-color: initial;
  background-image: none;
  background-origin: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
}
.wide .d-modal-box {
  max-width: 80%;
}
a {
  text-decoration-color: initial;
  text-decoration-line: none;
  text-decoration-style: initial;
  text-decoration-thickness: initial;
}

:root {
  --bs-light-rgb: 249, 248, 254;
  --bs-primary-rgb: 51, 117, 184;
}
.btn-primary {
  --bs-btn-bg: #3375b8 !important;
  --bs-btn-border-color: #3375b8 !important;
  --bs-btn-color: #fff;
}
.mh-350px {
  max-height: 350px;
}
.mh-250px {
  max-height: 250px;
}
.minh-250px {
  min-height: 250px;
}
.minh-350px {
  min-height: 350px;
}
.smart-it-background {
  background-position-x: 50%;
  background-position-y: 50%;
  background-size: cover;
}

.login-page {
  background: rgb(255, 251, 240) !important;
}

.login-page .login-page__title {
  background: linear-gradient(90deg, rgb(232, 125, 53), rgb(255, 168, 102));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.login-page .btn-primary {
  background-image: linear-gradient(
    90deg,
    rgb(232, 125, 53),
    rgb(255, 168, 102)
  ) !important;
  border-color: rgb(232, 125, 53) !important;
  color: #fff !important;
  --bs-btn-focus-shadow-rgb: 232, 125, 53;
}

.login-page .btn-primary:hover {
  background-image: linear-gradient(
    90deg,
    rgb(220, 115, 45),
    rgb(255, 158, 92)
  ) !important;
  border-color: rgb(220, 115, 45) !important;
}

.login-page .btn-primary:active,
.login-page .btn-primary.active,
.login-page .show > .btn-primary.dropdown-toggle {
  background-image: linear-gradient(
    90deg,
    rgb(204, 104, 38),
    rgb(245, 145, 76)
  ) !important;
  border-color: rgb(204, 104, 38) !important;
}

.login-page .btn-primary:disabled,
.login-page .btn-primary.disabled {
  opacity: 0.65;
}

.sidebar {
  background-attachment: initial;
  background-clip: initial;
  background-color: rgb(255, 255, 255);
  background-image: initial;
  background-origin: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 0.5rem 1rem;
  transition-behavior: normal;
  transition-delay: 0s;
  transition-duration: 0.2s;
  transition-property: all;
  transition-timing-function: ease;
  width: 16rem;
  z-index: 2;
}
.sidebar.show {
  margin-left: 0px;
}
.sidebar.shrink {
  text-align: center;
  width: auto;
}
.sidebar .symbol-50px {
  height: 20px;
  width: 20px;
}
.shrink a,
.shrink .d-dropdown-toggle {
  text-align: center;
}
.shrink .hidden {
  display: none !important;
}
.d-dropdown-list {
  background-attachment: initial;
  background-clip: initial;
  background-color: initial;
  background-image: none;
  background-origin: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
}
.d-dropdown.d--open .d-dropdown-list {
  z-index: 999;
}
.d-dropdown {
  z-index: revert;
}
.logo-small {
  border-bottom-left-radius: 100%;
  border-bottom-right-radius: 100%;
  border-top-left-radius: 100%;
  border-top-right-radius: 100%;
  flex-basis: 40px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32.5px;
  object-fit: cover;
  width: 32.5px;
}
.d-slider {
  background-attachment: initial;
  background-clip: initial;
  background-color: initial;
  background-image: none;
  background-origin: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
}
.w-100px {
  width: 100px;
}
.w-80px {
  width: 60px;
}
.cursor-pointer {
  cursor: pointer;
}
.hover-bg-light:hover {
  background-color: var(--bs-tertiary-bg);
}
.cursor-disabled {
  cursor: not-allowed;
}
.w-200px {
  width: 200px;
}
.z-index-999 {
  position: fixed;
  z-index: 999;
}
.z-index-1 {
  z-index: 1;
}
.z-index-1002 {
  position: fixed;
  z-index: 1002;
}
.DivBlock {
  height: 300px;
}
.Chart {
  height: 300px;
}
.d-modal-box {
  max-width: 40%;
}
.R .module {
  order: 1;
}
.H .module {
  display: none;
}
.T .Module {
  display: flex;
  overflow-x: auto;
  overflow-y: auto;
  width: 100%;
}
.T .fa-angle-down {
  display: none;
}
.T .module-container {
  flex-direction: column;
}
.h-350px {
  height: 350px;
}
.h-450px {
  height: 450px;
}
.z-999 {
  position: relative;
  z-index: 999;
}
.z-1001 {
  position: relative;
  z-index: 1001;
}
.symbol-50px {
  height: 35px;
  width: 35px;
}
.w-30px {
  width: 30px;
}
.h-30px {
  height: 30px;
}
.react-flow__attribution {
  display: none;
}
.react-flow__container {
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}
.react-flow__pane {
  cursor: grab;
  z-index: 1;
}
.react-flow__pane.selection {
  cursor: pointer;
}
.react-flow__pane.dragging {
  cursor: grabbing;
}
.react-flow__viewport {
  pointer-events: none;
  transform-origin: 0px 0px;
  z-index: 2;
}
.react-flow__renderer {
  z-index: 4;
}
.react-flow__selection {
  z-index: 6;
}
.react-flow__nodesselection-rect:focus {
  outline-color: initial;
  outline-style: none;
  outline-width: initial;
}
.react-flow__nodesselection-rect:focus-visible {
  outline-color: initial;
  outline-style: none;
  outline-width: initial;
}
.react-flow .react-flow__edges {
  overflow-x: visible;
  overflow-y: visible;
  pointer-events: none;
}
.react-flow__edge-path {
  fill: none;
  stroke: rgb(51, 117, 184);
  stroke-width: 2.5;
}
.react-flow__connection-path {
  fill: none;
  stroke: rgb(177, 177, 183);
  stroke-width: 1;
}
.react-flow__edge {
  cursor: pointer;
  pointer-events: visiblestroke;
}
.react-flow__edge.animated path {
  animation-delay: 0s;
  animation-direction: normal;
  animation-duration: 0.5s;
  animation-fill-mode: none;
  animation-iteration-count: infinite;
  animation-name: dashdraw;
  animation-play-state: running;
  animation-range-end: normal;
  animation-range-start: normal;
  animation-timeline: auto;
  animation-timing-function: linear;
  stroke-dasharray: 5;
}
.react-flow__edge.animated path.react-flow__edge-interaction {
  animation-delay: 0s;
  animation-direction: normal;
  animation-duration: auto;
  animation-fill-mode: none;
  animation-iteration-count: 1;
  animation-name: none;
  animation-play-state: running;
  animation-range-end: normal;
  animation-range-start: normal;
  animation-timeline: auto;
  animation-timing-function: ease;
  stroke-dasharray: none;
}
.react-flow__edge.inactive {
  pointer-events: none;
}
.react-flow__edge.selected {
  outline-color: initial;
  outline-style: none;
  outline-width: initial;
}
.react-flow__edge:focus {
  outline-color: initial;
  outline-style: none;
  outline-width: initial;
}
.react-flow__edge:focus-visible {
  outline-color: initial;
  outline-style: none;
  outline-width: initial;
}
.react-flow__edge.selected .react-flow__edge-path,
.react-flow__edge:focus .react-flow__edge-path,
.react-flow__edge:focus-visible .react-flow__edge-path {
  stroke: rgb(85, 85, 85);
}
.react-flow__edge-textwrapper {
  pointer-events: all;
}
.react-flow__edge-textbg {
  fill: white;
}
.react-flow__edge .react-flow__edge-text {
  pointer-events: none;
  user-select: none;
}
.react-flow__connection {
  pointer-events: none;
}
.react-flow__connection .animated {
  animation-delay: 0s;
  animation-direction: normal;
  animation-duration: 0.5s;
  animation-fill-mode: none;
  animation-iteration-count: infinite;
  animation-name: dashdraw;
  animation-play-state: running;
  animation-range-end: normal;
  animation-range-start: normal;
  animation-timeline: auto;
  animation-timing-function: linear;
  stroke-dasharray: 5;
}
.react-flow__connectionline {
  z-index: 1001;
}
.react-flow__nodes {
  pointer-events: none;
  transform-origin: 0px 0px;
}
.react-flow__node {
  box-sizing: border-box;
  cursor: grab;
  pointer-events: all;
  position: absolute;
  transform-origin: 0px 0px;
  user-select: none;
}
.react-flow__node.dragging {
  cursor: grabbing;
}
.react-flow__nodesselection {
  pointer-events: none;
  transform-origin: left top;
  z-index: 3;
}
.react-flow__nodesselection-rect {
  cursor: grab;
  pointer-events: all;
  position: absolute;
}
.react-flow__handle {
  background-attachment: initial;
  background-clip: initial;
  background-color: rgb(26, 25, 43);
  background-image: initial;
  background-origin: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-repeat: initial;
  background-size: initial;
  border-bottom-color: white;
  border-bottom-left-radius: 100%;
  border-bottom-right-radius: 100%;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-image-outset: initial;
  border-image-repeat: initial;
  border-image-slice: initial;
  border-image-source: initial;
  border-image-width: initial;
  border-left-color: white;
  border-left-style: solid;
  border-left-width: 1px;
  border-right-color: white;
  border-right-style: solid;
  border-right-width: 1px;
  border-top-color: white;
  border-top-left-radius: 100%;
  border-top-right-radius: 100%;
  border-top-style: solid;
  border-top-width: 1px;
  height: 10px;
  min-height: 10px;
  min-width: 10px;
  pointer-events: none;
  position: absolute;
  width: 10px;
}
.react-flow__handle.connectionindicator {
  cursor: crosshair;
  pointer-events: all;
}
.react-flow__handle-bottom {
  bottom: -4px;
  left: 50%;
  top: auto;
  transform: translate(-50%, 0px);
}
.react-flow__handle-top {
  left: 50%;
  top: -4px;
  transform: translate(-50%, 0px);
}
.react-flow__handle-left {
  left: -5px;
  top: 50%;
  transform: translate(0px, -50%);
}
.react-flow__handle-right {
  right: -5px;
  top: 50%;
  transform: translate(0px, -50%);
}
.react-flow__edgeupdater {
  cursor: move;
  pointer-events: all;
}
.react-flow__panel {
  margin-bottom: 15px;
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 15px;
  position: absolute;
  z-index: 5;
}
.react-flow__panel.top {
  top: 0px;
}
.react-flow__panel.bottom {
  bottom: 0px;
}
.react-flow__panel.left {
  left: 0px;
}
.react-flow__panel.right {
  right: 0px;
}
.react-flow__panel.center {
  left: 50%;
  transform: translateX(-50%);
}
.react-flow__attribution {
  background-attachment: initial;
  background-clip: initial;
  background-color: rgba(255, 255, 255, 0.5);
  background-image: initial;
  background-origin: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-repeat: initial;
  background-size: initial;
  font-size: 10px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  padding-bottom: 2px;
  padding-left: 3px;
  padding-right: 3px;
  padding-top: 2px;
}
.react-flow__attribution a {
  color: rgb(153, 153, 153);
  text-decoration-color: initial;
  text-decoration-line: none;
  text-decoration-style: initial;
  text-decoration-thickness: initial;
}
.react-flow__edgelabel-renderer {
  height: 100%;
  pointer-events: none;
  position: absolute;
  user-select: none;
  width: 100%;
}
.react-flow__edge.updating .react-flow__edge-path {
  stroke: rgb(119, 119, 119);
}
.react-flow__edge-text {
  font-size: 10px;
}
.react-flow__node.selectable:focus {
  outline-color: initial;
  outline-style: none;
  outline-width: initial;
}
.react-flow__node.selectable:focus-visible {
  outline-color: initial;
  outline-style: none;
  outline-width: initial;
}
.react-flow__node-default {
  background-color: white;
  border-bottom-color: rgb(26, 25, 43);
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-left-color: rgb(26, 25, 43);
  border-left-style: solid;
  border-left-width: 1px;
  border-right-color: rgb(26, 25, 43);
  border-right-style: solid;
  border-right-width: 1px;
  border-top-color: rgb(26, 25, 43);
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-top-style: solid;
  border-top-width: 1px;
  color: rgb(34, 34, 34);
  font-size: 12px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  text-align: center;
  width: 150px;
}
.react-flow__node-input {
  background-color: white;
  border-bottom-color: rgb(26, 25, 43);
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-left-color: rgb(26, 25, 43);
  border-left-style: solid;
  border-left-width: 1px;
  border-right-color: rgb(26, 25, 43);
  border-right-style: solid;
  border-right-width: 1px;
  border-top-color: rgb(26, 25, 43);
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-top-style: solid;
  border-top-width: 1px;
  color: rgb(34, 34, 34);
  font-size: 12px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  text-align: center;
  width: 150px;
}
.react-flow__node-output {
  background-color: white;
  border-bottom-color: rgb(26, 25, 43);
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-left-color: rgb(26, 25, 43);
  border-left-style: solid;
  border-left-width: 1px;
  border-right-color: rgb(26, 25, 43);
  border-right-style: solid;
  border-right-width: 1px;
  border-top-color: rgb(26, 25, 43);
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-top-style: solid;
  border-top-width: 1px;
  color: rgb(34, 34, 34);
  font-size: 12px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  text-align: center;
  width: 150px;
}
.react-flow__node-group {
  background-color: white;
  border-bottom-color: rgb(26, 25, 43);
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-left-color: rgb(26, 25, 43);
  border-left-style: solid;
  border-left-width: 1px;
  border-right-color: rgb(26, 25, 43);
  border-right-style: solid;
  border-right-width: 1px;
  border-top-color: rgb(26, 25, 43);
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-top-style: solid;
  border-top-width: 1px;
  color: rgb(34, 34, 34);
  font-size: 12px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  text-align: center;
  width: 150px;
}
.react-flow__node-default.selectable:hover {
  box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 4px 1px;
}
.react-flow__node-input.selectable:hover {
  box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 4px 1px;
}
.react-flow__node-output.selectable:hover {
  box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 4px 1px;
}
.react-flow__node-group.selectable:hover {
  box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 4px 1px;
}
.react-flow__node-default.selectable.selected {
  box-shadow: rgb(26, 25, 43) 0px 0px 0px 0.5px;
}
.react-flow__node-default.selectable:focus {
  box-shadow: rgb(26, 25, 43) 0px 0px 0px 0.5px;
}
.react-flow__node-default.selectable:focus-visible {
  box-shadow: rgb(26, 25, 43) 0px 0px 0px 0.5px;
}
.react-flow__node-input.selectable.selected {
  box-shadow: rgb(26, 25, 43) 0px 0px 0px 0.5px;
}
.react-flow__node-input.selectable:focus {
  box-shadow: rgb(26, 25, 43) 0px 0px 0px 0.5px;
}
.react-flow__node-input.selectable:focus-visible {
  box-shadow: rgb(26, 25, 43) 0px 0px 0px 0.5px;
}
.react-flow__node-output.selectable.selected {
  box-shadow: rgb(26, 25, 43) 0px 0px 0px 0.5px;
}
.react-flow__node-output.selectable:focus {
  box-shadow: rgb(26, 25, 43) 0px 0px 0px 0.5px;
}
.react-flow__node-output.selectable:focus-visible {
  box-shadow: rgb(26, 25, 43) 0px 0px 0px 0.5px;
}
.react-flow__node-group.selectable.selected {
  box-shadow: rgb(26, 25, 43) 0px 0px 0px 0.5px;
}
.react-flow__node-group.selectable:focus {
  box-shadow: rgb(26, 25, 43) 0px 0px 0px 0.5px;
}
.react-flow__node-group.selectable:focus-visible {
  box-shadow: rgb(26, 25, 43) 0px 0px 0px 0.5px;
}
.react-flow__node-group {
  background-color: rgba(240, 240, 240, 0.25);
}
.react-flow__nodesselection-rect {
  background-attachment: initial;
  background-clip: initial;
  background-color: rgba(0, 89, 220, 0.08);
  background-image: initial;
  background-origin: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-repeat: initial;
  background-size: initial;
  border-bottom-color: rgba(0, 89, 220, 0.8);
  border-bottom-style: dotted;
  border-bottom-width: 1px;
  border-image-outset: initial;
  border-image-repeat: initial;
  border-image-slice: initial;
  border-image-source: initial;
  border-image-width: initial;
  border-left-color: rgba(0, 89, 220, 0.8);
  border-left-style: dotted;
  border-left-width: 1px;
  border-right-color: rgba(0, 89, 220, 0.8);
  border-right-style: dotted;
  border-right-width: 1px;
  border-top-color: rgba(0, 89, 220, 0.8);
  border-top-style: dotted;
  border-top-width: 1px;
}
.react-flow__selection {
  background-attachment: initial;
  background-clip: initial;
  background-color: rgba(0, 89, 220, 0.08);
  background-image: initial;
  background-origin: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-repeat: initial;
  background-size: initial;
  border-bottom-color: rgba(0, 89, 220, 0.8);
  border-bottom-style: dotted;
  border-bottom-width: 1px;
  border-image-outset: initial;
  border-image-repeat: initial;
  border-image-slice: initial;
  border-image-source: initial;
  border-image-width: initial;
  border-left-color: rgba(0, 89, 220, 0.8);
  border-left-style: dotted;
  border-left-width: 1px;
  border-right-color: rgba(0, 89, 220, 0.8);
  border-right-style: dotted;
  border-right-width: 1px;
  border-top-color: rgba(0, 89, 220, 0.8);
  border-top-style: dotted;
  border-top-width: 1px;
}
.react-flow__nodesselection-rect:focus {
  outline-color: initial;
  outline-style: none;
  outline-width: initial;
}
.react-flow__nodesselection-rect:focus-visible {
  outline-color: initial;
  outline-style: none;
  outline-width: initial;
}
.react-flow__selection:focus {
  outline-color: initial;
  outline-style: none;
  outline-width: initial;
}
.react-flow__selection:focus-visible {
  outline-color: initial;
  outline-style: none;
  outline-width: initial;
}
.react-flow__controls {
  box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 2px 1px;
}
.react-flow__controls-button {
  align-items: center;
  background-attachment: initial;
  background-clip: initial;
  background-color: rgb(254, 254, 254);
  background-image: initial;
  background-origin: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-repeat: initial;
  background-size: initial;
  border-bottom-color: rgb(238, 238, 238);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-image-outset: initial;
  border-image-repeat: initial;
  border-image-slice: initial;
  border-image-source: initial;
  border-image-width: initial;
  border-left-color: initial;
  border-left-style: none;
  border-left-width: initial;
  border-right-color: initial;
  border-right-style: none;
  border-right-width: initial;
  border-top-color: initial;
  border-top-style: none;
  border-top-width: initial;
  box-sizing: content-box;
  cursor: pointer;
  display: flex;
  height: 16px;
  justify-content: center;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  user-select: none;
  width: 16px;
}
.react-flow__controls-button:hover {
  background-attachment: initial;
  background-clip: initial;
  background-color: rgb(244, 244, 244);
  background-image: initial;
  background-origin: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-repeat: initial;
  background-size: initial;
}
.react-flow__controls-button svg {
  max-height: 12px;
  max-width: 12px;
  width: 100%;
}
.react-flow__controls-button:disabled {
  pointer-events: none;
}
.react-flow__controls-button:disabled svg {
  fill-opacity: 0.4;
}
.react-flow__minimap {
  background-color: rgb(255, 255, 255);
}
.react-flow__resize-control {
  position: absolute;
}
.react-flow__resize-control.left {
  cursor: ew-resize;
}
.react-flow__resize-control.right {
  cursor: ew-resize;
}
.react-flow__resize-control.top {
  cursor: ns-resize;
}
.react-flow__resize-control.bottom {
  cursor: ns-resize;
}
.react-flow__resize-control.top.left {
  cursor: nwse-resize;
}
.react-flow__resize-control.bottom.right {
  cursor: nwse-resize;
}
.react-flow__resize-control.bottom.left {
  cursor: nesw-resize;
}
.react-flow__resize-control.top.right {
  cursor: nesw-resize;
}
.react-flow__resize-control.handle {
  background-color: rgb(51, 103, 217);
  border-bottom-color: rgb(255, 255, 255);
  border-bottom-left-radius: 1px;
  border-bottom-right-radius: 1px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-image-outset: initial;
  border-image-repeat: initial;
  border-image-slice: initial;
  border-image-source: initial;
  border-image-width: initial;
  border-left-color: rgb(255, 255, 255);
  border-left-style: solid;
  border-left-width: 1px;
  border-right-color: rgb(255, 255, 255);
  border-right-style: solid;
  border-right-width: 1px;
  border-top-color: rgb(255, 255, 255);
  border-top-left-radius: 1px;
  border-top-right-radius: 1px;
  border-top-style: solid;
  border-top-width: 1px;
  height: 4px;
  transform: translate(-50%, -50%);
  width: 4px;
}
.react-flow__resize-control.handle.left {
  left: 0px;
  top: 50%;
}
.react-flow__resize-control.handle.right {
  left: 100%;
  top: 50%;
}
.react-flow__resize-control.handle.top {
  left: 50%;
  top: 0px;
}
.react-flow__resize-control.handle.bottom {
  left: 50%;
  top: 100%;
}
.react-flow__resize-control.handle.top.left {
  left: 0px;
}
.react-flow__resize-control.handle.bottom.left {
  left: 0px;
}
.react-flow__resize-control.handle.top.right {
  left: 100%;
}
.react-flow__resize-control.handle.bottom.right {
  left: 100%;
}
.react-flow__resize-control.line {
  border-bottom-color: rgb(51, 103, 217);
  border-bottom-style: solid;
  border-bottom-width: 0px;
  border-left-color: rgb(51, 103, 217);
  border-left-style: solid;
  border-left-width: 0px;
  border-right-color: rgb(51, 103, 217);
  border-right-style: solid;
  border-right-width: 0px;
  border-top-color: rgb(51, 103, 217);
  border-top-style: solid;
  border-top-width: 0px;
}
.react-flow__resize-control.line.left {
  height: 100%;
  top: 0px;
  transform: translate(-50%, 0px);
  width: 1px;
}
.react-flow__resize-control.line.right {
  height: 100%;
  top: 0px;
  transform: translate(-50%, 0px);
  width: 1px;
}
.react-flow__resize-control.line.left {
  border-left-width: 1px;
  left: 0px;
}
.react-flow__resize-control.line.right {
  border-right-width: 1px;
  left: 100%;
}
.react-flow__resize-control.line.top {
  height: 1px;
  left: 0px;
  transform: translate(0px, -50%);
  width: 100%;
}
.react-flow__resize-control.line.bottom {
  height: 1px;
  left: 0px;
  transform: translate(0px, -50%);
  width: 100%;
}
.react-flow__resize-control.line.top {
  border-top-width: 1px;
  top: 0px;
}
.react-flow__resize-control.line.bottom {
  border-bottom-width: 1px;
  top: 100%;
}
.Success {
  background-attachment: initial;
  background-clip: initial;
  background-color: initial;
  background-image: radial-gradient(
    circle at 65% 15%,
    rgb(255, 255, 255) 1px,
    rgb(144, 238, 144) 3%,
    rgb(0, 100, 0) 60%,
    green 100%
  );
  background-origin: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-repeat: initial;
  background-size: initial;
  border-bottom-left-radius: 100%;
  border-bottom-right-radius: 100%;
  border-top-left-radius: 100%;
  border-top-right-radius: 100%;
  height: 15px;
  width: 15px;
}
.In_Progress,
.IN_PROGRESS {
  background-attachment: initial;
  background-clip: initial;
  background-color: initial;
  background-image: radial-gradient(
    circle at 65% 15%,
    rgb(255, 255, 255) 1px,
    rgb(0, 255, 255) 3%,
    rgb(0, 0, 139) 60%,
    rgb(0, 255, 255) 100%
  );
  background-origin: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-repeat: initial;
  background-size: initial;
  border-bottom-left-radius: 100%;
  border-bottom-right-radius: 100%;
  border-top-left-radius: 100%;
  border-top-right-radius: 100%;
  height: 15px;
  width: 15px;
}
.NOT_STARTED {
  background-attachment: initial;
  background-clip: initial;
  background-color: initial;
  background-image: radial-gradient(
    circle at 65% 15%,
    rgb(255, 255, 255) 1px,
    rgb(211, 211, 211) 3%,
    gray 60%,
    rgb(169, 169, 169) 100%
  );
  background-origin: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-repeat: initial;
  background-size: initial;
  border-bottom-left-radius: 100%;
  border-bottom-right-radius: 100%;
  border-top-left-radius: 100%;
  border-top-right-radius: 100%;
  height: 15px;
  width: 15px;
}
.FAILED {
  background-attachment: initial;
  background-clip: initial;
  background-color: initial;
  background-image: radial-gradient(
    circle at 65% 15%,
    rgb(255, 255, 255) 1px,
    salmon 3%,
    rgb(139, 0, 0) 60%,
    red 100%
  );
  background-origin: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-repeat: initial;
  background-size: initial;
  border-bottom-left-radius: 100%;
  border-bottom-right-radius: 100%;
  border-top-left-radius: 100%;
  border-top-right-radius: 100%;
  height: 15px;
  width: 15px;
}
.SUSPENDED {
  background-attachment: initial;
  background-clip: initial;
  background-color: initial;
  background-image: radial-gradient(
    circle at 65% 15%,
    rgb(255, 255, 255) 1px,
    rgb(255, 140, 0) 80%,
    orange 10%
  );
  background-origin: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-repeat: initial;
  background-size: initial;
  border-bottom-left-radius: 100%;
  border-bottom-right-radius: 100%;
  border-top-left-radius: 100%;
  border-top-right-radius: 100%;
  height: 15px;
  width: 15px;
}
.Disabled {
  background-attachment: initial;
  background-clip: initial;
  background-color: initial;
  background-image: radial-gradient(
    circle at 65% 15%,
    rgb(255, 255, 255) 1px,
    rgb(150, 75, 0) 80%,
    rgb(150, 75, 0) 10%
  );
  background-origin: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-repeat: initial;
  background-size: initial;
  border-bottom-left-radius: 100%;
  border-bottom-right-radius: 100%;
  border-top-left-radius: 100%;
  border-top-right-radius: 100%;
  height: 15px;
  width: 15px;
}
.mw-130px {
  min-width: 130px;
  width: 130px;
}
.mw-120px {
  min-width: 120px;
}
.mw-100px {
  min-width: 100px;
  width: 100px;
}
.mw-360 {
  max-width: 360px;
  width: 360px;
}
.mw-0 {
  min-width: 0px;
}
.h-300px {
  height: 300px;
}
.h-15px {
  height: 15px;
}
.w-15px {
  height: 15px;
  width: 15px;
}
th {
  font-weight: normal !important;
}
.h-700px {
  height: 700px;
}
.df-tooltip {
  display: inline-block;
}
.df-tooltip:hover {
  position: relative;
}
.d-checkbox-input:checked + .btn {
  border-bottom-color: rgb(51, 117, 184);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-image-outset: initial;
  border-image-repeat: initial;
  border-image-slice: initial;
  border-image-source: initial;
  border-image-width: initial;
  border-left-color: rgb(51, 117, 184);
  border-left-style: solid;
  border-left-width: 1px;
  border-right-color: rgb(51, 117, 184);
  border-right-style: solid;
  border-right-width: 1px;
  border-top-color: rgb(51, 117, 184);
  border-top-style: solid;
  border-top-width: 1px;
}
.df-tooltip .tooltiptext {
  background-color: white;
  border-bottom-color: rgb(51, 117, 184);
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-image-outset: initial;
  border-image-repeat: initial;
  border-image-slice: initial;
  border-image-source: initial;
  border-image-width: initial;
  border-left-color: rgb(51, 117, 184);
  border-left-style: solid;
  border-left-width: 1px;
  border-right-color: rgb(51, 117, 184);
  border-right-style: solid;
  border-right-width: 1px;
  border-top-color: rgb(51, 117, 184);
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-top-style: solid;
  border-top-width: 1px;
  color: rgb(51, 117, 184);
  font-size: 10px;
  margin-top: 8px;
  padding-bottom: 0px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 0px;
  position: absolute;
  text-align: center;
  text-wrap-mode: nowrap;
  visibility: hidden;
  white-space-collapse: collapse;
  z-index: 9999;
}
.tooltip-bottom {
  left: 0px;
  top: 110%;
}
.tooltip-right {
  left: 105%;
  top: -5px;
}
.df-tooltip:hover .tooltiptext {
  visibility: visible;
}
.mw-150px {
  max-width: 150px;
}
.w-50px {
  width: 50px;
}
.Map {
  height: 400px;
  width: 100%;
}
.h-200px {
  height: 200px;
}
.h-150px {
  height: 150px;
}
.vh-75 {
  height: 75vh;
}
.h-250px {
  height: 250px;
}
.h-500px {
  height: 500px;
}
.h-630px {
  height: 630px;
}
.mh-300px {
  min-height: 300px;
}
.h-900px {
  height: 900px;
}
.mh-150px {
  min-height: 150px;
}
.Image {
  height: 100%;
  width: 40px;
}
.radio-custom-rating {
  display: none;
}
.radio-custom-rating + * {
  color: var(--bs-secondary-color);
}
.d-radio-input:checked ~ .fas,
.d-radio-input:checked ~ label .fas {
  color: rgba(var(--bs-primary-rgb), 1) !important;
}
.d-radio-input:checked + i,
.d-radio-input:checked + i ~ .fas {
  color: rgba(var(--bs-primary-rgb), 1) !important;
}
.w-25px {
  width: 25px;
}
.list-group.list-group-root {
  overflow-x: hidden;
  overflow-y: hidden;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
}
.list-group.list-group-root .list-group {
  margin-bottom: 0px;
}
.list-group.list-group-root .list-group-item {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-top-width: 1px;
}
.list-group.list-group-root > .list-group-item:first-child {
  border-top-width: 0px;
}
.list-group.list-group-root > .list-group > .list-group-item {
  padding-left: 30px;
}
.list-group.list-group-root > .list-group > .list-group > .list-group-item {
  padding-left: 45px;
}
#iyphsh-2 {
  background-color: rgb(255, 255, 255);
  color: rgb(33, 37, 41);
  text-wrap-mode: nowrap;
}
.Mapbox {
  height: 400px;
  width: 100%;
}
@keyframes spinner-grow {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes dashdraw {
  0% {
    stroke-dashoffset: 10;
  }
  0% {
    stroke-dashoffset: 10;
  }
  0% {
    stroke-dashoffset: 10;
  }
  0% {
    stroke-dashoffset: 10;
  }
}

.flexlayout__tab {
  overflow: hidden;
}

.modal-header {
  background: rgba(var(--bs-primary-rgb), 1) !important;
  color: white;
}
.modal-header .btn-close {
  filter: invert(1) grayscale(100%) brightness(200%);
}

.split-pane-divider {
  background: #ddd;
  position: relative;
}

.split-pane-divider.horizontal {
  width: 1px;
  cursor: col-resize;
}

.not-preview .selected-node-highlight {
  box-shadow: inset 0 0 0 1px rgba(99, 102, 241, 0.5);
}

.h-33 {
  height: 33%;
}