/* 
 * Railroad Diagrams
 * by Tab Atkins Jr. (and others)
 * http://xanthir.com
 * http://twitter.com/tabatkins
 * http://github.com/tabatkins/railroad-diagrams
 *
 * This document and all associated files in the github project are licensed under CC0: http://creativecommons.org/publicdomain/zero/1.0/
 * This means you can reuse, remix, or otherwise appropriate this project for your own use WITHOUT RESTRICTION.
 * (The actual legal meaning can be found at the above link.)
 * Don't ask me for permission to use any part of this project, JUST USE IT.
 * I would appreciate attribution, but that is not required by the license.
 */

 /* These styles are contained in the original railroad.css but may have been modified */
svg.railroad-diagram {
	background-color: white;
}
svg.railroad-diagram path:not(.arrow) { /* The ":not(.arrow)" is a hack to avoid styling the arrow paths, this is not here by default */
	stroke-width: 3;
	stroke: black;
	fill: rgba(0,0,0,0);
}
svg.railroad-diagram text {
	font: bold 14px monospace;
	text-anchor: middle;
	white-space: pre;
}
svg.railroad-diagram text.diagram-text {
	font-size: 12px;
}
svg.railroad-diagram text.diagram-arrow {
	font-size: 16px;
}
svg.railroad-diagram text.label {
	text-anchor: start;
}
svg.railroad-diagram text.comment {
	font: italic 12px monospace;
}
svg.railroad-diagram g.non-terminal text {
	/*font-style: italic;*/
}
svg.railroad-diagram rect {
	stroke-width: 3;
	stroke: black;
	fill: rgb(234, 221, 190)
}
svg.railroad-diagram rect.group-box {
	stroke: gray;
	stroke-dasharray: 10 5;
	fill: none;
}
svg.railroad-diagram path.diagram-text {
	stroke-width: 3;
	stroke: black;
	fill: white;
	cursor: help;
}
svg.railroad-diagram g.diagram-text:hover path.diagram-text {
	fill: #eee;
}

/* Stylings after this comment are not part of the original railroad.css */
svg.railroad-diagram .non-terminal rect {
	cursor: pointer;
	stroke-width: 3;
	stroke: black;
	fill: hsl(210,100%,90%);
	transition: fill 0.3s ease;
}
svg.railroad-diagram .non-terminal:hover rect {
	cursor: pointer;
	stroke-width: 3;
	stroke: black;
	fill: rgb(70, 130, 180)
}
svg.railroad-diagram text:hover {
	cursor: default;
	transition: fill 0.3s ease;
}
svg.railroad-diagram .non-terminal:hover text {
	cursor: pointer;
	fill:hsl(210,100%,90%);
}
svg.railroad-diagram g.comment:hover text {
	cursor: pointer;
}
svg.railroad-diagram g.comment text.collapseX{
	display: none;
}
svg.railroad-diagram g.comment:hover text.collapseX {
	display: block;
}