.flowchart{
	width: 460px;
	height: 400px;
	background-color: #fff;
}

.flowchart .canvas{
	width: 460px;
	height: 400px;
	position: relative;
}
.flowchart .node{
	position: absolute;
}
.flowchart .node-task{
	background-color: #ed5f5c;
	width: 50px;
	height:50px;
}
.flowchart .node-gateway{
	background-color: #3399cc;
	width: 60px;
	height: 60px;
}
.flowchart .condition-lable-top{

}
.flowchart .condition-lable-bottom{

}
.recommanded_articulation_from{
    box-shadow: 0px 0px 10px #000;
}

.recommanded_articulation_from .set_approval_add{
    background-color: #26bf8c;
}

.recommanded_articulation_to{
    background-color: #26bf8c;
}

.demo {
    /* for IE10+ touch devices */
    touch-action:none;
}

.rk-endpoint {
    position: absolute;
}

.rk-endpoint:hover {
    background-color: #2bd99f;
    color: white;
}
/**
.rk-endpoint.rk-endpoint-selected {
    border: 3px dotted orange;
}
**/
.aLabel {
    margin-top: -20px;
    -webkit-transition: background-color 0.25s ease-in;
    -moz-transition: background-color 0.25s ease-in;
    transition: background-color 0.25s ease-in;
}

.aLabel._jsPlumb_hover, ._jsPlumb_source_hover, ._jsPlumb_target_hover {
    background-color: #52ccad;
    color: #fff;
}

.aLabel {
    background-color: #fff;
    opacity: 0.8;
    padding: 0.3em;
    border-radius: 0.5em;
/*    border: 1px solid #346789;*/
    border: 0;
    color: #475059;
    cursor: pointer;
}

.ep {
    position: absolute;
    bottom: 37%;
    right: 5px;
    width: 1em;
    height: 1em;
    background-color: #ffbd66;
    cursor: pointer;
    box-shadow: 0 0 2px black;
    -webkit-transition: -webkit-box-shadow 0.25s ease-in;
    -moz-transition: -moz-box-shadow 0.25s ease-in;
    transition: box-shadow 0.25s ease-in;
}

.ep:hover {
    box-shadow: 0px 0px 6px black;
}

.statemachine-demo ._jsPlumb_endpoint {
    z-index: 3;
}

.dragHover {
    border: 2px solid #ffbd66;
}

path, ._jsPlumb_endpoint { cursor:pointer; }