.js-graphContainer {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border:1px solid #e5e5e5;
    background: #f8f8f8;
    padding: 7px;
}

.toolbox-container rect {
    fill: #f8f8f8;
}


/* svg */

.toolbox-circle-primitive {
    fill: none;
    stroke: blue;
    stroke-width: 1.5;
}

.toolbox-rectangle-primitive {
    fill: none;
    stroke: red;
    stroke-width: 1.5;
}

.no-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.diagram-activity-rectangle {
    fill: white;
    stroke: red;
    stroke-width: 2;
}

.diagram-activity-rectangle {
    fill: white;
    stroke: red;
    stroke-width: 2;
}

.diagram-activity-circle {
    fill: white;
    stroke: blue;
    stroke-width: 2;
}

.drag-point-horizontal {
    cursor: n-resize;
}

.drag-point-vertical {
    cursor: e-resize;
}

svg {

}

g.dropzones-g {
    display: none
}

.svg-resizer.svg-east-resizer, .svg-resizer.svg-west-resizer {
    cursor: e-resize;
}

.svg-resizer.svg-north-resizer, .svg-resizer.svg-south-resizer {
    cursor: n-resize;
}

.svg-resizer.svg-north-west-resizer, .svg-resizer.svg-south-east-resizer {
    cursor: nw-resize;
}

.svg-resizer.svg-north-east-resizer, .svg-resizer.svg-south-west-resizer {
    cursor: ne-resize;
}

.svg-resizer {
    opacity: 0;
}

circle.dev-diagram-connector {
    fill: #fff;
    stroke: #64aad0;
    stroke-width: 1px;
    opacity: 0;
}

circle.dev-diagram-connector.dev-diagram-flow-visible {
    opacity: 1;
}

circle.dev-diagram-connector.js-diagram-connector-visible.js-diagram-connector-highlighted {
    fill: #64aad0;
    opacity: 1;
}

.g-selected .diagram-activity-rectangle, .g-selected .diagram-activity-circle {
    stroke-width: 3;
}

.rect-hover:hover {
    fill: rgb(220, 220, 220)
}

.sequence-back-container {
    opacity: 0.7
}

.sequence-back-container:hover {
    opacity: 1
}

.sequence-back-container:hover .rect-hover {
    fill: black;
}

.activity-title {
    cursor: default;
    stroke: black;
    fill: black;
}

.dd-overlay-editor-area {
    z-index: 1000
}