.flow-window {
    background-color:white;
    border:1px solid #346789;
    box-shadow: 2px 2px 19px #e0e0e0;
    -o-box-shadow: 2px 2px 19px #e0e0e0;
    -webkit-box-shadow: 2px 2px 19px #e0e0e0;
    -moz-box-shadow: 2px 2px 19px #e0e0e0;
    -moz-border-radius:0.5em;
    border-radius:0.5em;        
    width:5em; height:5em;        
    position:absolute;    
    color:black;
    padding:0.5em;
    width:80px; 
    height:80px;
    line-height: 15px; 
	text-align: justify;
    -webkit-transition: -webkit-box-shadow 0.15s ease-in;
    -moz-transition: -moz-box-shadow 0.15s ease-in;
    -o-transition: -o-box-shadow 0.15s ease-in;
    transition: box-shadow 0.15s ease-in;
}

.flow-item-selected {
    border:6px double #AA3300 !important;
}

.flow-window-start{
    background-color:#88DD99;
	background-image: url(../../resources/desktop/icons/faenza/custom/32/flag-start.png);
	background-repeat:no-repeat;
	background-position: center center;
    border:1px solid #346789;
    box-shadow: 2px 2px 19px #e0e0e0;
    -o-box-shadow: 2px 2px 19px #e0e0e0;
    -webkit-box-shadow: 2px 2px 19px #e0e0e0;
    -moz-box-shadow: 2px 2px 19px #e0e0e0;
    -moz-border-radius:0.5em;
    border-radius:2em;        
    width:4em; height:4em;        
    position:absolute;    
    color:black;
    padding:0.5em;
    width:60px; 
    height:60px;
    line-height: 15px; 
	text-align: justify;
    -webkit-transition: -webkit-box-shadow 0.15s ease-in;
    -moz-transition: -moz-box-shadow 0.15s ease-in;
    -o-transition: -o-box-shadow 0.15s ease-in;
    transition: box-shadow 0.15s ease-in;
}

.flow-window-end{
    background-color:#DDDD99;
	background-image: url(../../resources/desktop/icons/faenza/custom/32/flag-end-green.png);
	background-repeat:no-repeat;
	background-position: center center;
    border:1px solid #346789;
    box-shadow: 2px 2px 19px #e0e0e0;
    -o-box-shadow: 2px 2px 19px #e0e0e0;
    -webkit-box-shadow: 2px 2px 19px #e0e0e0;
    -moz-box-shadow: 2px 2px 19px #e0e0e0;
    -moz-border-radius:0.5em;
    border-radius:2em;        
    width:4em; height:4em;        
    position:absolute;    
    color:black;
    padding:0.5em;
    width:60px; 
    height:60px;
    line-height: 15px; 
	text-align: justify;
    -webkit-transition: -webkit-box-shadow 0.15s ease-in;
    -moz-transition: -moz-box-shadow 0.15s ease-in;
    -o-transition: -o-box-shadow 0.15s ease-in;
    transition: box-shadow 0.15s ease-in;
}

.flow-window-decision{
    background-color:#DDDD99;
	background-image: url(../../resources/desktop/icons/faenza/custom/32/decision.png);
	background-repeat:no-repeat;
	background-position: center center;
    border:1px solid #346789;
    box-shadow: 2px 2px 19px #e0e0e0;
    -o-box-shadow: 2px 2px 19px #e0e0e0;
    -webkit-box-shadow: 2px 2px 19px #e0e0e0;
    -moz-box-shadow: 2px 2px 19px #e0e0e0;
    -moz-border-radius:0.5em;
    border-radius:3em;        
    width:4em; height:4em;        
    position:absolute;    
    color:black;
    padding:0.5em;
    width:60px; 
    height:60px;
    line-height: 15px; 
	text-align: justify;
    -webkit-transition: -webkit-box-shadow 0.15s ease-in;
    -moz-transition: -moz-box-shadow 0.15s ease-in;
    -o-transition: -o-box-shadow 0.15s ease-in;
    transition: box-shadow 0.15s ease-in;
}

.flow-window-end-trash{
    background-color:#DD9988;
	background-image: url(../../resources/desktop/icons/faenza/custom/32/trash-can-delete.png);
	background-repeat:no-repeat;
	background-position: center center;
    border:1px solid #346789;
    box-shadow: 2px 2px 19px #e0e0e0;
    -o-box-shadow: 2px 2px 19px #e0e0e0;
    -webkit-box-shadow: 2px 2px 19px #e0e0e0;
    -moz-box-shadow: 2px 2px 19px #e0e0e0;
    -moz-border-radius:0.5em;
    border-radius:2em;        
    width:4em; height:4em;        
    position:absolute;    
    color:black;
    padding:0.5em;
    width:60px; 
    height:60px;
    line-height: 15px; 
	text-align: justify;
    -webkit-transition: -webkit-box-shadow 0.15s ease-in;
    -moz-transition: -moz-box-shadow 0.15s ease-in;
    -o-transition: -o-box-shadow 0.15s ease-in;
    transition: box-shadow 0.15s ease-in;
}

.flow-window:hover {
    border:1px solid #123456;
    box-shadow: 2px 2px 19px #444;
   -o-box-shadow: 2px 2px 19px #444;
   -webkit-box-shadow: 2px 2px 19px #444;
   -moz-box-shadow: 2px 2px 19px #fff;
    opacity:0.9;
    filter:alpha(opacity=90);
}

.flow-window a {
    font-family:helvetica;
}

[data-shape=Ellipse] {
    width:140px;
    height:47px;
    background-image:url(ellipse.png);
	background-size: 100% auto;
}

._jsPlumb_connector  {
    opacity: 0.7; /* or whatever... */
}