table {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 24px;
    border-spacing: 0;
    border-bottom: 2px solid;
    border-top: 2px solid;
}
table th {
    padding: 3px 10px;
    border: 1px solid;
}
table td {
    padding: 3px 10px;
    border: 1px solid;
}

table col {
    width: auto !important;
}

table colgroup {
  display: none;
}

.label {
  font-family: 'trebuchet ms', verdana, arial;
  color: #333;
}

.node rect,
.node circle,
.node ellipse,
.node polygon {
  fill: white;
  stroke: black;
  stroke-width: 1px;
}

.node.clickable {
  cursor: pointer;
}

.arrowheadPath {
  fill: black;
}

.edgePath .path {
  stroke: black;
  stroke-width: 1.5px;
}

.edgeLabel {
  background-color: gray;
}

.cluster rect {
  fill: !important;
  stroke: !important;
  stroke-width: 1px !important;
}

.cluster text {
  fill: black;
}

div.mermaidTooltip {
  position: absolute;
  text-align: center;
  max-width: 200px;
  padding: 2px;
  font-family: 'trebuchet ms', verdana, arial;
  font-size: 12px;
  background: center lightgray;
  border: 1px solid gray;
  border-radius: 2px;
  pointer-events: none;
  z-index: 100;
}

@media print {
  .line {
    border-bottom: 1px solid black;
    height: 20px;
    margin: 0;
  }
}

@media screen {
  .line {
    border-bottom: 1px solid black;
    height: 20px;
    margin: 0;
  }
}