.node-container {
    position:relative;
    width:100%;
    height:100%;
    z-index:4;
    font-family: sans-serif;
    font-size: 1.0em;
    overflow: hidden;
}

.node:before {
    content:attr(name) " ";
    display: block;
    background-color:#337ab7;
    padding:0.1em .3em 0em;
    margin:-.1em -.3em 0.2em;
    color: #ffffff;
    cursor:move;
}

.node {
    white-space: nowrap;
    background-color: #24262b;
    display: inline-block;
    padding: 0.1em .3em .25em;
    position: absolute;
    z-index: 6;
    cursor: move;
    color: #cccccc;
    user-select: none;
}

.output:before,
.connection:after {
    position:absolute;
    border:solid 1px #dedede;
    background-color:#2e2e2e;
    width:0.75em;
    height:0.75em;
    border-radius:0.75em;  
}

.output.filled:before,
.connection.filled:after {
    border:solid 1px transparent;
    background-color:#77d177;
}

.output.filledhover:before,
.connection.filledhover:after {
    border:none;
    background-color:#ffffff;
}

.output:hover:before,
.connection:hover:after {
    border-color:#77d177;
    border-width:2px;
}

.output {
    position:relative;
    padding-left:0.5em;
    padding-right:1.4em;
    cursor:pointer;
}

.output:before {
    content:"";
    left:-0.7em;
    top:0.3em;
}

.connection {
    width:100%;
    position:relative;
    padding-right:0.7em;
    cursor:pointer;
}

.connection:after {
    content:"";
    right:-0.7em;
    top:0.3em;
}

.db-key-radio {
    position: absolute;
    right: 2px; top: 3px;
    width:16px; height:16px;
    background-image: url('../images/idproducer-db-key.png');
    background-repeat:no-repeat;
}

.show-more-button {
    position: absolute;
    right: -19px;
    top: 3px;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-image: url('../images/idproducer-node-editor-more-button.png');
}

.link-label {
    position: absolute;
    top: 0px;
    z-index: 999;
    height: 20px;
    padding-left: 3px;
    padding-right: 3px;
    border-radius: 2px;
    text-align: center;
    font-size: 0.70em !important;
    padding-top: 3px;
    white-space: nowrap;
}

.link-label-img {
    margin-top: -3px;
    margin-right: 3px;
}

.filled-selected {
    border-radius: 3px;
}

.idp-node-editor-widget svg {
    position:relative;
    top:0px;
    left:0px;
    z-index:5;
    width:100%;
    height:480px; /* testing */
}