.n-topology.n-topology-blue .label-text-color-fg {
  fill: #0386d2;
}
.n-topology.n-topology-dark .label-text-color-fg {
  fill: #00a9ff;
}
.n-topology.n-topology-green .label-text-color-fg {
  fill: #26999e;
}
.n-topology.n-topology-slate .label-text-color-fg {
  fill: #ffffff;
}
.n-topology.n-topology-yellow .label-text-color-fg {
  fill: #ffc200;
}
.n-topology.n-topology-blue .badge-color-fg {
  fill: #ffffff;
  stroke: #0386d2;
  stroke-width: 16px;
  stroke-linejoin: round;
}
.n-topology.n-topology-dark .badge-color-fg {
  fill: #00a9ff;
  stroke: #00a9ff;
  stroke-width: 16px;
  stroke-linejoin: round;
}
.n-topology.n-topology-green .badge-color-fg {
  fill: #26999e;
  stroke: #26999e;
  stroke-width: 16px;
  stroke-linejoin: round;
}
.n-topology.n-topology-slate .badge-color-fg {
  fill: #ffffff;
  stroke: #ffffff;
  stroke-width: 16px;
  stroke-linejoin: round;
}
.n-topology.n-topology-yellow .badge-color-fg {
  fill: #ffc200;
  stroke: #ffc200;
  stroke-width: 16px;
  stroke-linejoin: round;
}
.n-topology .label-text-anchor-start {
  text-anchor: start;
  alignment-baseline: text-after-edge;
}
.n-topology .label-text-anchor-end {
  text-anchor: end;
  alignment-baseline: text-before-edge;
}

.n-topology .label-link-align-start {
  text-anchor: start;
  alignment-baseline: text-after-edge;
  transform-box: fill-box;
  transform-origin: 0% 100%;
}

.n-topology .label-link-align-end {
  text-anchor: end;
  alignment-baseline: text-before-edge;
  transform-box: fill-box;
  transform-origin: 100% 0%;
}
.m-fadeOut {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 300ms, opacity 300ms;
}
.m-fadedOut {
  visibility: hidden;
  opacity: 0;
}
.m-fadeIn {
  visibility: visible;
  opacity: 1;
  transition: visibility 0s linear 0s, opacity 300ms;
}
.popover {
  max-width: 400px;
}
.navbar-inverse {
  background-color: #080808;
  border-color: #080808;
}
#navbar > div > ul > li > a {
  font-size: 14px;
}
#navbar > div > ul > li.active > a {
  background-color: #222;
}
.navbar-brand {
  padding-top: 5px;
  padding-bottom: 5px;
}
.alert.m-fadeOut {
  padding: 0;
  margin: 0;
  height: 0;
}
.alert.m-fadeIn {
  padding-bottom: 20px;
  margin: 0;
  height: auto;
}
.dropzone {
  text-align: center;
  cursor: pointer;
  font-size: 18px;
}
.dropzone.m-fadeIn {
  border: 2px dashed #ccc;
  border-radius: 5px;
  padding: 100px;
  margin: 20px;
  height: auto;
}
.dropzone.m-fadeOut {
  padding: 0;
  margin: 0;
  height: 0;
}
.dropzone.highlight {
  background-color: #f0f0f0;
}
.dropzone p {
  margin: 0;
  color: #999;
}
.dropzone.active {
  border-color: #337ab7;
}
.dropform {
  text-align: center;
}
.dropform.m-fadeOut {
  padding: 0;
  margin: 0;
  height: 0;
}
.dropform.m-fadeIn {
  padding-bottom: 20px;
  margin: 0;
  height: auto;
}
.btn-primary {
  background-color: #337ab7;
  font-size: 16px;
  font-weight: 500;
}