/** ELEMENTOS BASE **/ 

/** ELEMENTS **/
.window { 
	border:0.1em dotted #d4e06b; 	
	width:14em; height:4em; 	
	line-height:4em;	
}




/** ELEMENT POSITIONS **/
#window1 { left:0%; top:0%; width:30%; height:5%;}
#window2 { left:20%;top:15%; width:50%; height:5%; }
#window3 { left:0%;top:30%; width:30%; height:5%;}
#window4 { left:60%;top:30%; width:30%; height:5%;}
#window5 { left:0%;top:45%; width:90%; height:12%; }
#window6 { left:0%;top:70%; width:30%; height:5%;}
#window7 { left:60%;top:75%; width:30%; height:5%;}


.otherLibraries {
    display:inline;
}

.selected {
	color:#99CC00; !important;
}

.window, .label { 
    
    text-align:center;
    z-index:24;
	cursor:pointer;
    
}
path, ._jsPlumb_endpoint { cursor:default; }




.window {
    background-color:white;
    border:1px solid #008000;
    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;        
    width:5em; height:5em;        
    position:absolute;    
    color:black;
    padding:0.5em;
    width:8em; 
    height:3em;
    line-height: 2em; 
    font-size:0.8em;
    -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;
}

.window:hover {
    border:1px solid #99CC00;
    background-color:#99CC00;
	color:#000;
}

.curr { 
	border:1px solid #99CC00;
    background-color:#99CC00;
	color:#000;
}

/** Z-INDEX **/

._jsPlumb_connector { z-index:18; }
._jsPlumb_endpoint { z-index:19; }
._jsPlumb_overlay { z-index:20; }
._jsPlumb_connector._jsPlumb_hover {
    z-index:21 !important;
}
._jsPlumb_endpoint._jsPlumb_hover {
    z-index:22 !important;
}
._jsPlumb_overlay._jsPlumb_hover {
    z-index:23 !important;
}