#myMenu {
    position: absolute;
    display: none;
    z-index: 99999;
}

.left-wrapper {
    width: 250px;
    position: absolute;
    top:0px;
    bottom: 0px;
    left: 0px;
    background: #f0f0f0;
    border-right: solid 1px #e7e7e7;
    z-index: 99999;
}
.middle-wrapper {
    /*position: absolute;*/
    top: 0px;
    bottom: 0px;
    left: 250px;
    right: 50px;
    z-index: 99998;
	background-color:#fff;
}

.ui-draggable-helper{
    border-right: dashed 1px #158fda;
    border-left: dashed 1px #158fda;
    border-top: dashed 1px #158fda;
    border-bottom: dashed 1px #158fda;
    opacity: 0.5;
    font-size: 12px;
}

.bpmn .brush-back {
    fill: #fff;
    fill-opacity: 0;
    cursor: move;
}

.bpmn .brush-back-moved{
    cursor: crosshair;
}

.bpmn .zoomed{

}

.bpmn .moved{
    cursor: crosshair;
}

.bpmn .node rect{
    width:50px;
    height:50px;
    cursor: move;
    stroke: black;
    stroke-width:1px;
    transition: stroke .6s ease-in-out,fill .6s ease-in-out;
    fill:#f0f0f0;
}

.bpmn .node image{
    width:45px;
    height:45px;
    cursor: move;
    stroke: #333333;
    stroke-width:10px;
    transition: stroke .6s ease-in-out,fill .6s ease-in-out;
    fill:#f0f0f0;
}

.bpmn .node text {
    cursor: pointer;
}

.bpmn .node.active rect{
    stroke: black;
    fill:orange;
}

.bpmn .node .rectfoucus{
    stroke: black;
    fill: #014aff;
}

