.progressBarContainer {
	overflow: auto;
}

div.optionalActivity {
	display: none;
	position: absolute;
	z-index: 6;
}

div.optionalActivity table {
	border: $border-thin-black;
	border-collapse: separate;
	background-color: $optional-activity-background;
	width: 145px;
}

div.optionalActivity table tr:first-child td {
	border-top: none;
	background-color: $optional-activity-background-heading;
}

div.optionalActivity td {
	border-top: $border-thin-black;
	cursor: pointer;
	padding: 0px;
}

div.optionalActivity td:hover {
	background-color: $optional-activity-background-hover;
}

div#progressBarDialog {
	display: none;
}

div#progressBarDialog iframe {
	width: 100%;
	height: 100%;
	border: none;
}

.activityCurrent {
	fill: $current-activity-fill;
	stroke: $black;
}

.activityNotStarted {
	fill: $not-started-activity-fill;
	stroke: $black;
}

.activityCompleted {
	fill: $completed-activity-fill;
	stroke: $black;
}

.activityComplex {
	fill:  $complex-activity-fill;
	stroke: $black;
}

.gate {
	fill: $gate-activity-fill;
}

.gateCurrent {
	stroke: $current-activity-fill;
}

.gateText {
	stroke: $body-bg;
}

.transitionLine {
	stroke: $black;
}