/* Flowchart variables */
/* Sequence Diagram variables */
/* Gantt chart variables */
afx-app-window[data-id="graph_editor_win"] .mermaid .label {
  color: #333;
}
afx-app-window[data-id="graph_editor_win"] .node rect,
afx-app-window[data-id="graph_editor_win"] .node circle,
afx-app-window[data-id="graph_editor_win"] .node ellipse,
afx-app-window[data-id="graph_editor_win"] .node polygon {
  fill: #ECECFF;
  stroke: #CCCCFF;
  stroke-width: 1px;
}
afx-app-window[data-id="graph_editor_win"] .edgePath .path {
  stroke: #333333;
}
afx-app-window[data-id="graph_editor_win"] .edgeLabel {
  background-color: #e8e8e8;
}
afx-app-window[data-id="graph_editor_win"] .cluster rect {
  fill: #ffffde !important;
  rx: 4 !important;
  stroke: #aaaa33 !important;
  stroke-width: 1px !important;
}
afx-app-window[data-id="graph_editor_win"] .cluster text {
  fill: #333;
}
afx-app-window[data-id="graph_editor_win"] .actor {
  stroke: #CCCCFF;
  fill: #ECECFF;
}
afx-app-window[data-id="graph_editor_win"] text.actor {
  fill: black;
  stroke: none;
}
afx-app-window[data-id="graph_editor_win"] .actor-line {
  stroke: grey;
}
afx-app-window[data-id="graph_editor_win"] .messageLine0 {
  stroke-width: 1.5;
  stroke-dasharray: "2 2";
  marker-end: "url(#arrowhead)";
  stroke: #333;
}
afx-app-window[data-id="graph_editor_win"] .messageLine1 {
  stroke-width: 1.5;
  stroke-dasharray: "2 2";
  stroke: #333;
}
afx-app-window[data-id="graph_editor_win"] #arrowhead {
  fill: #333;
}
afx-app-window[data-id="graph_editor_win"] #crosshead path {
  fill: #333 !important;
  stroke: #333 !important;
}
afx-app-window[data-id="graph_editor_win"] .messageText {
  fill: #333;
  stroke: none;
}
afx-app-window[data-id="graph_editor_win"] .labelBox {
  stroke: #CCCCFF;
  fill: #ECECFF;
}
afx-app-window[data-id="graph_editor_win"] .labelText {
  fill: black;
  stroke: none;
}
afx-app-window[data-id="graph_editor_win"] .loopText {
  fill: black;
  stroke: none;
}
afx-app-window[data-id="graph_editor_win"] .loopLine {
  stroke-width: 2;
  stroke-dasharray: "2 2";
  marker-end: "url(#arrowhead)";
  stroke: #CCCCFF;
}
afx-app-window[data-id="graph_editor_win"] .note {
  stroke: #aaaa33;
  fill: #fff5ad;
}
afx-app-window[data-id="graph_editor_win"] .noteText {
  fill: black;
  stroke: none;
  font-family: 'trebuchet ms', verdana, arial;
  font-size: 14px;
}
/** Section styling */
afx-app-window[data-id="graph_editor_win"] .section {
  stroke: none;
  opacity: 0.2;
}
afx-app-window[data-id="graph_editor_win"] .section0 {
  fill: rgba(102, 102, 255, 0.49);
}
afx-app-window[data-id="graph_editor_win"] .section2 {
  fill: #fff400;
}
afx-app-window[data-id="graph_editor_win"] .section1,
afx-app-window[data-id="graph_editor_win"] .section3 {
  fill: white;
  opacity: 0.2;
}
afx-app-window[data-id="graph_editor_win"] .sectionTitle0 {
  fill: #333;
}
afx-app-window[data-id="graph_editor_win"] .sectionTitle1 {
  fill: #333;
}
afx-app-window[data-id="graph_editor_win"] .sectionTitle2 {
  fill: #333;
}
afx-app-window[data-id="graph_editor_win"] .sectionTitle3 {
  fill: #333;
}
afx-app-window[data-id="graph_editor_win"] .sectionTitle {
  text-anchor: start;
  font-size: 11px;
  text-height: 14px;
}
/* Grid and axis */
afx-app-window[data-id="graph_editor_win"] .grid .tick {
  stroke: lightgrey;
  opacity: 0.3;
  shape-rendering: crispEdges;
}
afx-app-window[data-id="graph_editor_win"] .grid path {
  stroke-width: 0;
}
/* Today line */
afx-app-window[data-id="graph_editor_win"] .today {
  fill: none;
  stroke: red;
  stroke-width: 2px;
}
/* Task styling */
/* Default task */
afx-app-window[data-id="graph_editor_win"] .task {
  stroke-width: 2;
}
afx-app-window[data-id="graph_editor_win"] .taskText {
  text-anchor: middle;
  font-size: 11px;
}
afx-app-window[data-id="graph_editor_win"] .taskTextOutsideRight {
  fill: black;
  text-anchor: start;
  font-size: 11px;
}
afx-app-window[data-id="graph_editor_win"] .taskTextOutsideLeft {
  fill: black;
  text-anchor: end;
  font-size: 11px;
}
/* Specific task settings for the sections*/
afx-app-window[data-id="graph_editor_win"] .taskText0,
afx-app-window[data-id="graph_editor_win"] .taskText1,
afx-app-window[data-id="graph_editor_win"] .taskText2,
afx-app-window[data-id="graph_editor_win"] .taskText3 {
  fill: white;
}
afx-app-window[data-id="graph_editor_win"] .task0,
afx-app-window[data-id="graph_editor_win"] .task1,
afx-app-window[data-id="graph_editor_win"] .task2,
afx-app-window[data-id="graph_editor_win"] .task3 {
  fill: #8a90dd;
  stroke: #534fbc;
}
afx-app-window[data-id="graph_editor_win"] .taskTextOutside0,
afx-app-window[data-id="graph_editor_win"] .taskTextOutside2 {
  fill: black;
}
afx-app-window[data-id="graph_editor_win"] .taskTextOutside1,
afx-app-window[data-id="graph_editor_win"] .taskTextOutside3 {
  fill: black;
}
/* Active task */
afx-app-window[data-id="graph_editor_win"] .active0,
afx-app-window[data-id="graph_editor_win"] .active1,
afx-app-window[data-id="graph_editor_win"] .active2,
afx-app-window[data-id="graph_editor_win"] .active3 {
  fill: #bfc7ff;
  stroke: #534fbc;
}
afx-app-window[data-id="graph_editor_win"] .activeText0,
afx-app-window[data-id="graph_editor_win"] .activeText1,
afx-app-window[data-id="graph_editor_win"] .activeText2,
afx-app-window[data-id="graph_editor_win"] .activeText3 {
  fill: black !important;
}
/* Completed task */
afx-app-window[data-id="graph_editor_win"] .done0,
afx-app-window[data-id="graph_editor_win"] .done1,
afx-app-window[data-id="graph_editor_win"] .done2,
afx-app-window[data-id="graph_editor_win"] .done3 {
  stroke: grey;
  fill: lightgrey;
  stroke-width: 2;
}
afx-app-window[data-id="graph_editor_win"] .doneText0,
afx-app-window[data-id="graph_editor_win"] .doneText1,
afx-app-window[data-id="graph_editor_win"] .doneText2,
afx-app-window[data-id="graph_editor_win"] .doneText3 {
  fill: black !important;
}
/* Tasks on the critical line */
afx-app-window[data-id="graph_editor_win"] .crit0,
afx-app-window[data-id="graph_editor_win"] .crit1,
afx-app-window[data-id="graph_editor_win"] .crit2,
afx-app-window[data-id="graph_editor_win"] .crit3 {
  stroke: #ff8888;
  fill: red;
  stroke-width: 2;
}
afx-app-window[data-id="graph_editor_win"] .activeCrit0,
afx-app-window[data-id="graph_editor_win"] .activeCrit1,
afx-app-window[data-id="graph_editor_win"] .activeCrit2,
afx-app-window[data-id="graph_editor_win"] .activeCrit3 {
  stroke: #ff8888;
  fill: #bfc7ff;
  stroke-width: 2;
}
afx-app-window[data-id="graph_editor_win"] .doneCrit0,
afx-app-window[data-id="graph_editor_win"] .doneCrit1,
afx-app-window[data-id="graph_editor_win"] .doneCrit2,
afx-app-window[data-id="graph_editor_win"] .doneCrit3 {
  stroke: #ff8888;
  fill: lightgrey;
  stroke-width: 2;
  cursor: pointer;
  shape-rendering: crispEdges;
}
afx-app-window[data-id="graph_editor_win"] .doneCritText0,
afx-app-window[data-id="graph_editor_win"] .doneCritText1,
afx-app-window[data-id="graph_editor_win"] .doneCritText2,
afx-app-window[data-id="graph_editor_win"] .doneCritText3 {
  fill: black !important;
}
afx-app-window[data-id="graph_editor_win"] .activeCritText0,
afx-app-window[data-id="graph_editor_win"] .activeCritText1,
afx-app-window[data-id="graph_editor_win"] .activeCritText2,
afx-app-window[data-id="graph_editor_win"] .activeCritText3 {
  fill: black !important;
}
afx-app-window[data-id="graph_editor_win"] .titleText {
  text-anchor: middle;
  font-size: 18px;
  fill: black;
}
/*


*/
afx-app-window[data-id="graph_editor_win"] .node text {
  font-family: 'trebuchet ms', verdana, arial;
  font-size: 14px;
}
afx-app-window[data-id="graph_editor_win"] div.mermaidTooltip {
  position: absolute;
  text-align: center;
  max-width: 200px;
  padding: 2px;
  font-family: 'trebuchet ms', verdana, arial;
  font-size: 12px;
  background: #ffffde;
  border: 1px solid #aaaa33;
  border-radius: 2px;
  pointer-events: none;
  z-index: 100;
}
