/* //#region #diagrama-list Style */
  #diagrama-list {
    display: flex;
    margin: 0px auto;
  }

.diagrama {
    padding: 10px;
    height: 100% !important;
    max-height: 100% !important;
}

  .diagrama.diagram-active {
    display: block;
  }
/* //#endregion */

/* //#region SVG */
  .diagrama svg {
    width: 100%;
    height: 100%;
    margin: 0 auto;
  }
  
  .diagrama svg text {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align: middle;
  }

  .diagrama svg path,
  .diagrama svg rect,
  .diagrama svg circle,
  .diagrama svg polygon {
    fill: none;
    stroke: black;
    stroke-width: 1;
  }

  .diagrama svg rect,
  .diagrama svg circle,
  .diagrama svg polygon,
  .diagrama svg marker
  .diagrama svg path {
    fill: white;
  }

  .diagrama svg marker path {
    stroke-linecap: round;
    stroke-dasharray: 10000, 1;
  }

  .diagrama svg .task rect {
    rx: 5;
    fill: #f9f9f9;
  }

  .diagrama svg .textannotation rect {
    stroke-width: 0;
    fill: #ddd;
  }

  .diagrama svg .exclusivegateway polygon,
  .diagrama svg .startevent circle,
  .diagrama svg .endevent circle,
  .diagrama svg .intermediatecatchevent circle,
  .diagrama svg .intermediatethrowevent circle {
    stroke-width: 1;
  }

  .diagrama svg .exclusivegateway polygon {
    fill: #f8fc96;
    stroke: #b5ba22;
  }

  .diagrama svg .exclusivegateway path {
    fill: #b5ba22;
    stroke: #b5ba22;
  }
  
  .diagrama svg .startevent circle {
    fill: #c2f68e;
    stroke: #6fc01e;
  }

  .diagrama svg .endevent circle {
    fill: #f68e8e;
    stroke: #c02f2f;
    stroke-width: 3;
  }

  .diagrama svg .intermediatecatchevent circle,
  .diagrama svg .intermediatethrowevent circle {
    fill: #fcfdf0;
    stroke: #b8bf5A;
  }

  .diagrama svg .intermediatecatchevent path {
    stroke: #b8bf5A;
  }

  .diagrama svg .intermediatethrowevent path {
    fill: #b8bf5A;
    stroke: none;
  }

  .diagrama svg .association path {
    stroke-dasharray: 2, 5;
  }

  .diagrama svg #sequenceflowend path {
    fill: #000;
  }

  .diagrama svg .object-active rect {
    fill:#e8f2ff;
    stroke:#6086b9;
    stroke-width:2;
  }
/* //#endregion */