:host {
  overflow-y: hidden !important;
}

.topologyContainer {
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding: 0;
}

svg {
  width: 100%;
  height: 100%;
}

.dashed {
  stroke-dasharray: 5;
}

.disabled {
  pointer-events: none;
}

.node-text {
  cursor: pointer;
}

.invisible {
  visibility: hidden;
}

.node, .link, .bvi {
  cursor: pointer;
  transition: opacity 0.2s linear;
}

.link {
  transition: stroke 0.2s linear;
}

.node rect, .node circle {
  transition: stroke 0.2s linear;
  fill: #314351;
}

.bvi circle {
  fill: #00D4B8;
}

.node text {
  font-weight: bold;
  fill: #ffffff;
}

.bvi circle {
  transition: fill, r 0.2s linear;
}

.selected-node {
  opacity: 1 !important;
}

.selected-namespace {
  opacity: 1 !important;
}

.selected-namespace rect {
  stroke-width: 6px;
  stroke: #76A742 !important;
  fill: #54738c !important;
}

.selected-link {
  opacity: 1 !important;
  stroke-width: 6px !important;
  stroke: #ffffff !important;
}

.selected-node rect, .selected-node circle {
  stroke-width: 6px;
  stroke: #ffffff !important;
  fill: #54738c !important;
}

.selected-bvi circle {
  r: 30;
  fill: #ffffff !important;
}

.hidden {
  opacity: 0;
  pointer-events: none;
}

.bezier {
  fill: transparent !important;
}
