.joint-element, [magnet=true]:not(.joint-element) {
  cursor: alias; }

/* Tooltip container */
.tooltip {
  display: inline-block;
  border-bottom: 1px dotted black;
  /* If you want dots under the hoverable text */ }

/* Tooltip text */
.tooltip .tooltiptext {
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  z-index: 1; }

#unique_id_img {
  display: inline-block;
  width: 500px;
  height: 500px; }

.clone-image {
  position: absolute;
  max-width: 100%;
  width: auto;
  height: auto;
  max-height: 100%;
  z-index: 1001;
  pointer-events: none; }

.circletheme-codehidden, .circlezone-codehidden, .circlerolehiddenb {
  fill: white;
  stroke: white; }

.theme-icon {
  width: 20px;
  display: block;
  fill: red; }

.circletheme-code1a, .circletheme-code1b {
  stroke: grey; }

.circletheme-code1b {
  fill: grey; }

.circletheme-code2a, .circletheme-code2b {
  stroke: grey; }

.circletheme-code2b {
  fill: grey; }

.circletheme-code3a, .circletheme-code3b {
  stroke: grey; }

.circletheme-code3b {
  fill: grey; }

.circletheme-code4a, .circletheme-code4b {
  stroke: black; }

.circletheme-code4b {
  fill: black; }

.circletheme-code5a, .circletheme-code5b {
  stroke: black; }

.circletheme-code5b {
  fill: black; }

.circletheme-code6a, .circletheme-code6b {
  stroke: black; }

.circletheme-code6b {
  fill: black; }

.circletheme-code7a, .circletheme-code7b {
  stroke: black; }

.circletheme-code7b {
  fill: black; }

/*border and fill of links/arrows*/
/*crimson greenyellow deepskyblue #488A99 #7FFFD4 #567833 #DBAE58;*/
.link-role-1arrow {
  stroke: white;
  stroke-width: 1;
  fill: white; }

.outline-situation.link-role-1 {
  stroke: #e83361;
  fill: #e83361; }

.link-role-1, .circlerole1a, .circlerole1b {
  stroke: #e83361; }

.link-role-1.journey-background {
  stroke: #f5a6ba; }

.link-role-1.journey-background.legend-on-off {
  stroke: #fdeaef;
  fill: white; }

.circlerole1b {
  fill: #e83361; }

.port-node.link-role-1 {
  fill: #e83361;
  stroke: black; }

.pass-node.link-role-1 {
  fill: transparent;
  stroke: #e83361; }

.link-role-2arrow {
  stroke: white;
  stroke-width: 1;
  fill: white; }

.outline-situation.link-role-2 {
  stroke: #9c3354;
  fill: #9c3354; }

.link-role-2, .circlerole2a, .circlerole2b {
  stroke: #9c3354; }

.link-role-2.journey-background {
  stroke: #d47b97; }

.link-role-2.journey-background.legend-on-off {
  stroke: #e7b4c4;
  fill: white; }

.circlerole2b {
  fill: #9c3354; }

.port-node.link-role-2 {
  fill: #9c3354;
  stroke: black; }

.pass-node.link-role-2 {
  fill: transparent;
  stroke: #9c3354; }

.link-role-3arrow {
  stroke: white;
  stroke-width: 1;
  fill: white; }

.outline-situation.link-role-3 {
  stroke: #f8ad25;
  fill: #f8ad25; }

.link-role-3, .circlerole3a, .circlerole3b {
  stroke: #f8ad25; }

.link-role-3.journey-background {
  stroke: #fcdba1; }

.link-role-3.journey-background.legend-on-off {
  stroke: #fef7eb;
  fill: white; }

.circlerole3b {
  fill: #f8ad25; }

.port-node.link-role-3 {
  fill: #f8ad25;
  stroke: black; }

.pass-node.link-role-3 {
  fill: transparent;
  stroke: #f8ad25; }

.link-role-4arrow {
  stroke: white;
  stroke-width: 1;
  fill: white; }

.outline-situation.link-role-4 {
  stroke: #75a5c6;
  fill: #75a5c6; }

.link-role-4, .circlerole4a, .circlerole4b {
  stroke: #75a5c6; }

.link-role-4.journey-background {
  stroke: #cfe0eb; }

.link-role-4.journey-background.legend-on-off {
  stroke: white;
  fill: white; }

.circlerole4b {
  fill: #75a5c6; }

.port-node.link-role-4 {
  fill: #75a5c6;
  stroke: black; }

.pass-node.link-role-4 {
  fill: transparent;
  stroke: #75a5c6; }

.link-role-5arrow {
  stroke: white;
  stroke-width: 1;
  fill: white; }

.outline-situation.link-role-5 {
  stroke: #2c3f92;
  fill: #2c3f92; }

.link-role-5, .circlerole5a, .circlerole5b {
  stroke: #2c3f92; }

.link-role-5.journey-background {
  stroke: #6b7ed2; }

.link-role-5.journey-background.legend-on-off {
  stroke: #a6b1e4;
  fill: white; }

.circlerole5b {
  fill: #2c3f92; }

.port-node.link-role-5 {
  fill: #2c3f92;
  stroke: black; }

.pass-node.link-role-5 {
  fill: transparent;
  stroke: #2c3f92; }

.link-role-6arrow {
  stroke: white;
  stroke-width: 1;
  fill: white; }

.outline-situation.link-role-6 {
  stroke: #08898c;
  fill: #08898c; }

.link-role-6, .circlerole6a, .circlerole6b {
  stroke: #08898c; }

.link-role-6.journey-background {
  stroke: #21eef2; }

.link-role-6.journey-background.legend-on-off {
  stroke: #6af3f6;
  fill: white; }

.circlerole6b {
  fill: #08898c; }

.port-node.link-role-6 {
  fill: #08898c;
  stroke: black; }

.pass-node.link-role-6 {
  fill: transparent;
  stroke: #08898c; }

.link-role-7arrow {
  stroke: white;
  stroke-width: 1;
  fill: white; }

.outline-situation.link-role-7 {
  stroke: #9c9d9c;
  fill: #9c9d9c; }

.link-role-7, .circlerole7a, .circlerole7b {
  stroke: #9c9d9c; }

.link-role-7.journey-background {
  stroke: gainsboro; }

.link-role-7.journey-background.legend-on-off {
  stroke: white;
  fill: white; }

.circlerole7b {
  fill: #9c9d9c; }

.port-node.link-role-7 {
  fill: #9c9d9c;
  stroke: black; }

.pass-node.link-role-7 {
  fill: transparent;
  stroke: #9c9d9c; }

.node-content {
  stroke: black;
  fill: white; }

.theme-icon {
  fill: red; }

.legend-box {
  stroke: black; }

/*zone-colors; node-zones and rectangle around zone: colors stroke and fill*/
.circlezone-code1a, .circlezone-code1b {
  stroke: #add8e6; }

.circlezone-code1b {
  fill: #add8e6; }

.nodezone-code1a {
  fill: #add8e6; }

.nodezone-code1aarea {
  fill: #add8e6;
  stroke: transparent; }

.nodezone-code1aarea.zone-background {
  /*zone-background -class is added if zone unselected*/
  fill: white;
  stroke: transparent; }

.nodezone-code1aarea-background {
  fill: white;
  stroke: white; }

.circlezone-code2a, .circlezone-code2b {
  stroke: #59aa59; }

.circlezone-code2b {
  fill: #59aa59; }

.nodezone-code2a {
  fill: #59aa59; }

.nodezone-code2aarea {
  fill: #59aa59;
  stroke: transparent; }

.nodezone-code2aarea.zone-background {
  /*zone-background -class is added if zone unselected*/
  fill: white;
  stroke: transparent; }

.nodezone-code2aarea-background {
  fill: white;
  stroke: white; }

.circlezone-code3a, .circlezone-code3b {
  stroke: #ffcccb; }

.circlezone-code3b {
  fill: #ffcccb; }

.nodezone-code3a {
  fill: #ffcccb; }

.nodezone-code3aarea {
  fill: #ffcccb;
  stroke: transparent; }

.nodezone-code3aarea.zone-background {
  /*zone-background -class is added if zone unselected*/
  fill: white;
  stroke: transparent; }

.nodezone-code3aarea-background {
  fill: white;
  stroke: white; }

.circlezone-code4a, .circlezone-code4b {
  stroke: #d3d3d3; }

.circlezone-code4b {
  fill: #d3d3d3; }

.nodezone-code4a {
  fill: #d3d3d3; }

.nodezone-code4aarea {
  fill: #d3d3d3;
  stroke: transparent; }

.nodezone-code4aarea.zone-background {
  /*zone-background -class is added if zone unselected*/
  fill: white;
  stroke: transparent; }

.nodezone-code4aarea-background {
  fill: white;
  stroke: white; }

.circlezone-code5a, .circlezone-code5b {
  stroke: #FFF4E9; }

.circlezone-code5b {
  fill: #FFF4E9; }

.nodezone-code5a {
  fill: #FFF4E9; }

.nodezone-code5aarea {
  fill: #FFF4E9;
  stroke: transparent; }

.nodezone-code5aarea.zone-background {
  /*zone-background -class is added if zone unselected*/
  fill: white;
  stroke: transparent; }

.nodezone-code5aarea-background {
  fill: white;
  stroke: white; }

.circlezone-code6a, .circlezone-code6b {
  stroke: #567833; }

.circlezone-code6b {
  fill: #567833; }

.nodezone-code6a {
  fill: #567833; }

.nodezone-code6aarea {
  fill: #567833;
  stroke: transparent; }

.nodezone-code6aarea.zone-background {
  /*zone-background -class is added if zone unselected*/
  fill: white;
  stroke: transparent; }

.nodezone-code6aarea-background {
  fill: #eff5e8;
  stroke: #eff5e8; }

.situation-background-within {
  stroke: transparent;
  fill: transparent; }

/*background and label of situation in level-1-diagram*/
.situation-background-level1 {
  stroke: lightgrey;
  stroke-width: 2;
  fill: white;
  fill-opacity: 0.6;
  rx: 7;
  ry: 7; }

.situation-background-level2, .dialog-background-level2, .activity-background-level2 {
  stroke: lightgrey;
  stroke-width: 0;
  fill: transparent;
  fill-opacity: 0.6;
  rx: 7;
  ry: 7; }

.situation-background-level1-pinned {
  stroke: lightgrey;
  stroke-width: 2;
  fill: grey;
  fill-opacity: 0.6;
  rx: 7;
  ry: 7; }

.situation-label-within {
  fill: black;
  /*text-color*/
  font-size: 12px;
  /*rect does not stretch....*/ }

.situation-label-level1, .activity-label-level2 {
  fill: black;
  /*text-color*/
  font-size: 20px;
  /*rect does not stretch....*/ }

.situation-label-level2, .dialog-label-level2 {
  fill: red;
  /*text-color*/
  font-size: 10px;
  /*rect does not stretch....*/ }

.situation-label-level1-pinned {
  fill: white;
  /*text-color*/
  font-size: 20px;
  /*rect does not stretch....*/ }

.edge-level1 {
  /*stroke-width: 8;*/ }

/*# sourceMappingURL=jointjs_local.css.map */