.node {
   font: 300 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
   fill: #bbb;
 }

 .node:hover {
   fill: #000;
 }

 .link {
   stroke: steelblue;
   stroke-opacity: .4;
   fill: none;
   pointer-events: none;
 }

 .node:hover,
 .node--source,
 .node--target {
   font-weight: 700;
     cursor: pointer;
 }

 .node--source {
   fill: #2ca02c;
 }

 .node--target {
   fill: #d62728;
 }

 .link--source,
 .link--target {
   stroke-opacity: 1;
   stroke-width: 2px;
 }

 .link--source {
   stroke: #d62728;
 }

 .link--target {
   stroke: #2ca02c;
 }

.no-mapping{
  background-color: #ff0100;
  padding:2px;
  padding-right:4px;
  color: white;
  /*font-size: larger;*/
  border-radius: 3px;
  display: inline-block;
  margin-right: 4px;
  vertical-align: middle;
}