text {
  font-weight: 300;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serf;
  font-size: 14px;
}


.node rect {
  stroke: #999;
  /*fill: none;*/
  stroke-width: 1.5px;
}

.node circle {
  stroke: #999;
  /*fill: none;*/
  stroke-width: 1.5px;
  opacity: 0.3;
}

g.selectednode > circle{
  opacity: 1.0 !important;
}

g.selectednode > g.label{
  fill: #000;
}
.node > g.label {
  fill: #666;
}

.edgeLabel > g.label {
  fill: #333;
}

.edgePath path.path {
  stroke: #333;
  fill:none;
  stroke-width: 1.5px;
}

g.XMLSchema > circle {
  fill: #FB95AF;
  stroke: #E0849B;
}

g.CompoundArtifact > circle {
  fill: #FF756E;
  stroke: #E06760;
}

g.GDLGuideline > circle {
  fill: #F4EE42;
  stroke: #BAB41F;
}

g.PROformaGuideline > circle {
  fill: #F497C4;
  stroke: #B26389;
}

g.Recommendations > circle {
  fill: #A4BC62;
  stroke: #627235;
}

g.Mapping > circle {
  fill: #FFD86E;
  stroke: #EDBA39;
}

g.Archetype > circle {
  fill: #DE9BF9;
  stroke: #BF85D6;
}

g.LocationAtArtifact > circle {
  fill: #FF756E;
  stroke: #E06760;
}

g.Concept > circle {
  fill: #68BDF6;
  stroke: #5CA8DB;
}

g.ConceptualMapping > circle {
  fill: #6DCE9E;
  stroke: #60B58B;
}

g.OWLContent > circle {
  fill: #2181EF;
  stroke: #0B3E7A;
}

g.Message > circle {
  fill: #6DCE9E;
  stroke: #60B58B;
}

g.Extract > rect {
  fill: #f2f3f4;
  stroke: #e5e7e9;
}


/*default*/
g > circle {
  fill: #f2f3f4;
  stroke: #e5e7e9;
}

/* This styles the title of the tooltip */
.tipsy .name {
  font-size: 1.4em;
  font-weight: bold;
  color: #000000;
  margin: 0;
}

.tipsy .subtitle {
  font-size: 1.2em;
  font-weight: bold;
  color: #000000;
  margin: 0;
}

/* This styles the body of the tooltip */
.tipsy .description {
  font-size: 1.2em;
}

/*.tipsy {
  padding: 5px;
  font-size: 10px;
  position: absolute;
  z-index: 100000;
}*/
.tipsy .tipsy-inner {
  /*padding: 5px 8px 4px 8px;*/
  background-color: #f8f8f8;
  color: #000000;
  max-width: 300px;
  text-align: center;
  border: 2px solid #000000;
}
/*
.tipsy-inner {
  border-radius: 3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
}

.tipsy .tipsy-arrow {
  background-color: #f8f8f8;
  position: absolute;
  background: url('http://onehackoranother.com/projects/jquery/tipsy/images/tipsy.gif') no-repeat top left;
  width: 9px;
  height: 5px;
}
.tipsy-n .tipsy-arrow {
  top: 0;
  left: 50%;
  margin-left: -4px;
}
.tipsy-nw .tipsy-arrow {
  top: 0;
  left: 10px;
}
.tipsy-ne .tipsy-arrow {
  top: 0;
  right: 10px;
}
.tipsy-s .tipsy-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -4px;
  background-position: bottom left;
}
.tipsy-sw .tipsy-arrow {
  bottom: 0;
  left: 10px;
  background-position: bottom left;
}
.tipsy-se .tipsy-arrow {
  bottom: 0;
  right: 10px;
  background-position: bottom left;
}
.tipsy-e .tipsy-arrow {
  top: 50%;
  margin-top: -4px;
  right: 0;
  width: 5px;
  height: 9px;
  background-position: top right;
}
.tipsy-w .tipsy-arrow {
  top: 50%;
  margin-top: -4px;
  left: 0;
  width: 5px;
  height: 9px;
}
*/

/* Loader Animation http://www.w3schools.com/howto/howto_css_loader.asp */
.loader {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Display pencil to edit on hover */
.display-i-on-hover:hover .edit {
	display: block;
}
.edit {
  padding-top:5px;
  float:right;
  display:none;
}