.connection {
    stroke: #999;
}
.connection-wrap {
    stroke-linecap: butt;
    transition: all 0.5s linear 0.2s;
}

.connection-wrap:hover {
    stroke: black;
    stroke-width: 9px;
    transition: all 0s;
}

.link-tools .tool-remove circle {
    fill: white;
    stroke: #ccc;
    stroke-width: 1px;
    stroke-opacity: .5;
}

.link-tools .tool-remove:hover circle {
    fill: #e74c3c;
    stroke: #c0392b;
}

.link-tools .tool-remove path {
    stroke: #ccc;
}

.link-tools .tool-remove circle {
    transition: fill 1s;
}

.link-tools .tool-remove:hover path {
    stroke: none;
}

.marker-arrowhead, .marker-vertex {
    fill: #fff;
    stroke: #7f8c8d;
    stroke-opacity: 0.4;
    stroke-width: 2px;
}

.marker-arrowhead:hover,  .marker-vertex:hover {
    fill: #ecf0f1;
    stroke: #bdc3c7;
}

.marker-vertex-remove-area {
    fill: white;
    stroke: #ccc;
    stroke-opacity: .5;
}

.marker-vertex-remove-group:hover .marker-vertex-remove-area {
    transition: fill 1s;
    fill: #e74c3c;
    stroke: #c0392b;
}

.marker-vertex-remove {
    stroke: #eee;
}

.marker-vertex-remove-group:hover .marker-vertex-remove {
    stroke: none;
}


.element .highlighted {
    outline: none;
    fill: #ecf0f1;
    stroke: #bdc3c7;
    cursor: crosshair;
}

.element .body {
    fill: #ecf0f1;
    stroke: #bdc3c7;
    stroke-opacity: 0.5;
    transition: all 0.2s;
}

[magnet=true]:not(.element) {
   cursor: default;
}

.connection-wrap {
   cursor: default;
}

.marker-arrowheads {
   cursor: default;	}
	
.marker-vertices {
cursor: default;	
}
	
.link-tools .tool-remove {
   display: none ;
}
.marker-vertex-remove-area {
   display: none ;
}
.marker-vertex-remove {
   display: none ;
}
.element {
   /* change to pointer */
    cursor: default;
}

.element.logic.Input {
	cursor:pointer;
	}
	
.element circle {
    fill: #fff;
    stroke: #7f8c8d;
    stroke-opacity: 0.5;
    stroke-width: 2px;
}

.element text {
    fill: #333;
}

.live .connection {
    stroke: #2ecc71;
    stroke-width: 3px;
}

.live .connection-wrap {
    stroke: #2ecc71;
}

.element.live .body {
    fill: #2ecc71;
    stroke: #27ae60;
}

.element.live text {
    fill: #ffffff;
}