/* default node text */
svg.fa {
	overflow: visible;
}
svg.fa g.nodes > g.node text {
	font-family: Helvetica;
	font-size: 14px;
	font-weight: normal;
	text-anchor: middle;
	alignment-baseline: central;
}
/* special start node */
svg.fa g.nodes > g.node.start {
	visibility: visible;
}
svg.fa g.nodes > g.node.start circle {
	fill: #11305a;
	stroke: #11305a;
	transform: scale(0.3);
}
svg.fa g.nodes > g.node.start text {
	visibility: hidden;
}
svg.fa g.nodes > g.node.start circle:nth-of-type(2) {
	visibility: hidden;
}
/* normal node */
svg.fa g.nodes > g.node circle  {
	fill: white;
	stroke: black;
}
svg.fa g.nodes > g.node circle:nth-of-type(2) {
	visibility: hidden;
}
/* final node */
svg.fa g.nodes > g.node.final circle:nth-of-type(2) {
	visibility: visible;
}
/* cycle helper node */
svg.fa g.nodes > g.node.cycle {
	visibility: hidden;
}
/* link */
svg.fa g.links > path.link {
	stroke: black;
	stroke: #11305a;
	fill: none;
}
svg.fa g.links > path.link.epsilon {
	stroke-dasharray: 2;
}
/* markers */
svg.fa .fa_marker {
	fill: #11305a;
}
/* cycle link */
svg.fa g.links > path.cycle_link {
	stroke: #11305a;
	fill: white;
	fill-opacity: 0;
	cursor: move;
}
/* labels */

svg.fa g.labels > g text {
	text-anchor: middle;
	alignment-baseline: central;
	font-family: "Fira Code", "Monaco", "Courier New", mono;
	font-size: 12px;
}
svg.fa g.labels > g text.epsilon {
	font-size: 20px !important;
}
svg.fa g.labels > g text.lower {
	stroke: rgba(255,255,255,1);
	stroke-width: 4px;
}
/* matching example */
svg.fa g.nodes > g.node circle {
	
}
svg.fa g.nodes > g.node.visited-state.current-state circle {
	fill: #fffd3a !important;
}
svg.fa g.nodes > g.node.current-state text {
	fill: black;
}
svg.fa g.nodes > g.node.current-state.match-final.final circle {
	fill: #c5ff59 !important;
}
svg.fa g.nodes > g.node.current-state.match-final.final text {
	fill: black;
}
svg.fa g.nodes > g.node.visited-state.mismatch-state circle {
	fill: #ff4040 !important;
}
svg.fa g.nodes > g.node.visited-state.mismatch-state text {
	fill: black;
}
svg.fa g.nodes > g.node.visited-state circle  {
	fill: #EEE !important;
}
/* curson change */
svg.fa g.nodes {
	cursor: move;
}
/* disable selecting */
svg.fa text {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.parse_output {
	color: #bc000c;
}

.parse_output.matched {
	color: #448100;
}

.parse_output.accepted {
	color: #448100;
}