/*.diagram-canvas {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    position: relative;*/
/*    outline: 0;*/
/*    overflow: hidden;*/
/*    cursor: -webkit-grab;*/
/*    cursor: grab;*/
/*    touch-action: none;*/
/*}*/

/*.diagram-svg-layer,*/
/*.diagram-html-layer {*/
/*    top: 0;*/
/*    left: 0;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    position: absolute;*/
/*    pointer-events: none;*/
/*    -webkit-transform-origin: 0 0;*/
/*    -ms-transform-origin: 0 0;*/
/*    transform-origin: 0 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    overflow: visible;*/
/*}*/

/*.html-layer,*/
/*.svg-layer {*/
/*    position: absolute;*/
/*    pointer-events: none;*/
/*    -webkit-transform-origin: 0 0;*/
/*    -ms-transform-origin: 0 0;*/
/*    transform-origin: 0 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    overflow: visible;*/
/*}*/

/*.diagram-node {*/
/*    position: absolute;*/
/*    -webkit-user-select: none;*/
/*    -moz-user-select: none;*/
/*    -ms-user-select: none;*/
/*    user-select: none;*/
/*    cursor: move;*/
/*    pointer-events: all;*/
/*}*/

/*.diagram-node.locked {*/
/*    cursor: pointer;*/
/*}*/

/*.diagram-link {*/
/*    pointer-events: visiblePainted;*/
/*    cursor: pointer;*/
/*}*/

/*.diagram-navigator {*/
/*    z-index: 10;*/
/*}*/

/*.diagram-navigator .current-view {*/
/*    position: absolute;*/
/*    border: 2px solid #000;*/
/*}*/

/*.diagram-group {*/
/*    position: absolute;*/
/*    -webkit-user-select: none;*/
/*    -moz-user-select: none;*/
/*    -ms-user-select: none;*/
/*    user-select: none;*/
/*    cursor: move;*/
/*    pointer-events: all;*/
/*}*/

/*.diagram-group .children {*/
/*    position: absolute;*/
/*    overflow: visible;*/
/*    pointer-events: none;*/
/*}*/

/*.diagram-link foreignObject.diagram-link-label {*/
/*    overflow: visible;*/
/*    pointer-events: none;*/
/*    width: 1px;*/
/*    height: 1px;*/
/*}*/

/*div.diagram-control {*/
/*    position: absolute;*/
/*}*/

/*.executable.diagram-control {*/
/*    pointer-events: all;*/
/*    cursor: pointer;*/
/*}*/

/*!*.default-node {*!*/
/*!*    width: 100px;*!*/
/*!*    height: 80px;*!*/
/*!*    border-radius: 10px;*!*/
/*!*    background-color: #f5f5f5;*!*/
/*!*    border: 1px solid #e8e8e8;*!*/
/*!*    -webkit-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12);*!*/
/*!*    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12);*!*/
/*!*    position: relative;*!*/
/*!*    display: -webkit-box;*!*/
/*!*    display: -ms-flexbox;*!*/
/*!*    display: flex;*!*/
/*!*    -webkit-box-align: center;*!*/
/*!*    -ms-flex-align: center;*!*/
/*!*    align-items: center;*!*/
/*!*    -webkit-box-pack: center;*!*/
/*!*    -ms-flex-pack: center;*!*/
/*!*    justify-content: center;*!*/
/*!*}*!*/

/*!*.default-node.selected {*!*/
/*!*    border: 1px solid #6e9fd4;*!*/
/*!*}*!*/

/*!*.default-node.selected .diagram-port {*!*/
/*!*    border: 1px solid #6e9fd4;*!*/
/*!*}*!*/

/*!*.default-node .diagram-port,*!*/
/*!*.default.diagram-group .diagram-port {*!*/
/*!*    width: 20px;*!*/
/*!*    height: 20px;*!*/
/*!*    margin: -10px;*!*/
/*!*    border-radius: 50%;*!*/
/*!*    background-color: #f5f5f5;*!*/
/*!*    border: 1px solid #d4d4d4;*!*/
/*!*    cursor: pointer;*!*/
/*!*    position: absolute;*!*/
/*!*}*!*/

/*!*.default-node .diagram-port:hover,*!*/
/*!*.default-node .diagram-port.has-links,*!*/
/*!*.default.diagram-group .diagram-port.has-links {*!*/
/*!*    background-color: #000;*!*/
/*!*}*!*/

/*!*.default-node .diagram-port.bottom,*!*/
/*!*.default.diagram-group .diagram-port.bottom {*!*/
/*!*    bottom: 0;*!*/
/*!*    left: 50%;*!*/
/*!*}*!*/

/*!*.default-node .diagram-port.bottomleft,*!*/
/*!*.default.diagram-group .diagram-port.bottomleft {*!*/
/*!*    bottom: 0;*!*/
/*!*    left: 0;*!*/
/*!*}*!*/

/*!*.default-node .diagram-port.bottomright,*!*/
/*!*.default.diagram-group .diagram-port.bottomright {*!*/
/*!*    bottom: 0;*!*/
/*!*    right: 0;*!*/
/*!*}*!*/

/*!*.default-node .diagram-port.top,*!*/
/*!*.default.diagram-group .diagram-port.top {*!*/
/*!*    top: 0;*!*/
/*!*    left: 50%;*!*/
/*!*}*!*/

/*!*.default-node .diagram-port.topleft,*!*/
/*!*.default.diagram-group .diagram-port.topleft {*!*/
/*!*    top: 0;*!*/
/*!*    left: 0;*!*/
/*!*}*!*/

/*!*.default-node .diagram-port.topright,*!*/
/*!*.default.diagram-group .diagram-port.topright {*!*/
/*!*    top: 0;*!*/
/*!*    right: 0;*!*/
/*!*}*!*/

/*!*.default-node .diagram-port.left,*!*/
/*!*.default.diagram-group .diagram-port.left {*!*/
/*!*    left: 0;*!*/
/*!*    top: 50%;*!*/
/*!*}*!*/

/*!*.default-node .diagram-port.right,*!*/
/*!*.default.diagram-group .diagram-port.right {*!*/
/*!*    right: 0;*!*/
/*!*    top: 50%;*!*/
/*!*}*!*/

/*!*.diagram-navigator.default {*!*/
/*!*    position: absolute;*!*/
/*!*    bottom: 10px;*!*/
/*!*    right: 10px;*!*/
/*!*    border: 3px solid #9ba8b0;*!*/
/*!*    border-radius: 15px;*!*/
/*!*    padding: 20px;*!*/
/*!*    background-color: #fff;*!*/
/*!*}*!*/

/*!*div.diagram-group.default {*!*/
/*!*    outline: 2px solid #000;*!*/
/*!*    background: #c6c6c6;*!*/
/*!*}*!*/

/*!*div.diagram-group.default.selected {*!*/
/*!*    outline: 2px solid #6e9fd4;*!*/
/*!*}*!*/

/*!*g.diagram-group.default rect {*!*/
/*!*    outline: 2px solid #000;*!*/
/*!*    fill: #c6c632;*!*/
/*!*}*!*/

/*!*g.diagram-group.default.selected>rect {*!*/
/*!*    outline: 2px solid #008000;*!*/
/*!*}*!*/

/*!*.diagram-link div.default-link-label {*!*/
/*!*    display: inline-block;*!*/
/*!*    color: #fff;*!*/
/*!*    background-color: #6e9fd4;*!*/
/*!*    border-radius: .25rem;*!*/
/*!*    padding: .25rem;*!*/
/*!*    text-align: center;*!*/
/*!*    font-size: .875rem;*!*/
/*!*    -webkit-user-select: none;*!*/
/*!*    -moz-user-select: none;*!*/
/*!*    -ms-user-select: none;*!*/
/*!*    user-select: none;*!*/
/*!*    min-width: 3rem;*!*/
/*!*    -webkit-transform: translate(-50%, -50%);*!*/
/*!*    -ms-transform: translate(-50%, -50%);*!*/
/*!*    transform: translate(-50%, -50%);*!*/
/*!*}*!*/