svg.DNA .nodeRect.widgetEvent
{
    fill-opacity: 0.55;
    stroke: #0f6fa5;  
	stroke-width: 2;
}

svg.DNA .nodeRect.widgetEvent:hover
{
    stroke-width: 4;
    stroke: lightgray;
}


svg.DNA .nodeRect.widgetEvent.selected
{
    stroke-width: 4;
    stroke: orange;
}

svg.DNA .nodeRect.widgetInvokeMethod
{
    fill: #073a00;
    fill-opacity: 0.55;
    stroke: black;  
}

.eluDNADialog
{
    border-radius: 0px;
    border-width: 1px;
    border-color: black;
    padding: 0px;
    background-color: gray;
}

.eluDNADialog .ui-dialog-titlebar
{
    background: #5c5c5c;
    font-family: Arial;
    font-size: 12px;
    border-radius: 0px;
    border: none;
}

.eluDNADialog .ui-dialog-title
{
    color: white;
}

.eluDNADialog input[type=button]
{
    background-color: dodgerblue;
    color: white;
    border-radius: 2px;
    box-shadow: transparent 5px 5px 2px 0px;
    box-sizing: border-box;
    border: 1px solid dodgerblue; 
    margin-left: 5px; 
    font-family: Arial; 
    cursor: pointer; 
}

.eluDNADialog .dataFlowToolbar
{
    background-color: #5c5c5c;  
    padding-top:5px;
    padding-bottom: 5px; 
    bottom: 0px; 
}

.eluDNASideBar
{
  height: 100%;
  background-color: rgba(45, 45, 45, 0.8);
}

.eluDNASideBar h3
{
  color: white;
  font-family: Arial;
  font-weight: normal;    
}

.eluDNASideBar #variables
{
    padding: 0;
}

.eluDNASideBar ul
{
    margin:0;
    padding: 10px;
}

.eluDNASideBar .variableIcon
{
    display: inline-block;
    margin-right: 5px;
}

.eluDNASideBar .variableIcon.TYPE_BOOL
{
    color: #930000;
}

.eluDNASideBar .variableIcon.TYPE_STRING
{
    color: #FC00D2;
}

.eluDNASideBar .variableIcon.TYPE_INTEGER
{
    color: #1DE0AD;
}

.eluDNASideBar .variableIcon.TYPE_FLOAT
{
    color: #85D13A;
}

.eluDNASideBar .variableIcon.TYPE_OBJECT
{
    color: #00A8F2;
}


.eluDNASideBar .variableIcon.TYPE_COLOR
{
    color: #0058CA;
}

.eluDNASideBar .variableIcon.TYPE_DATETIME
{
    color: #FCC822;
}

.eluDNASideBar .variableName
{
    display: inline-block;
}


.eluDNASideBar .variable
{
    color: lightgray;
    font-family: Arial;
    list-style-type: none;
    font-size: 12px; 
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;    
    cursor: pointer;       
}

.eluDNASideBar .variable:hover
{
    color: white;
}

.eluDNASideBar .buttonGetSet
{
  font-size: 12px;
  float: right;
  margin-right: 5px;
  display:none;
}

.eluDNASideBar .variable:hover .buttonGetSet
{
    display:block;
}

.eluDNAMainView
{
  height: 100%;
}

.eluDNASideBar .variableIcon.TYPE_COMPONENT
{
    color: yellow;
}

svg.DNA .TYPE_COMPONENT
{
    stroke: yellow;
}

svg.DNA .TYPE_COMPONENT.isLinked
{
    fill: yellow;
}

.eluDNASideBar .variableIcon.TYPE_DATASOURCE
{
    color: orange;
}

svg.DNA .TYPE_DATASOURCE
{
    stroke: orange;
}

svg.DNA .TYPE_DATASOURCE.isLinked
{
    fill: orange;
}