@import "_lams_variables.scss";
	
.progressBarContainer {
	overflow: auto;
}

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

div.optionalActivity table {
	border: $border-thin-black;
	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: rgb(187, 0, 0);
	stroke: rgb(0, 0, 0);
}

.activityNotStarted {
	fill: rgb(0, 153, 0);
	stroke: rgb(0, 0, 0);
}

.activityCompleted {
	fill: rgb(0, 0, 153);
	stroke: rgb(0, 0, 0);
}

.activityComplex {
	fill: rgb(153, 153, 153);
	stroke: rgb(0, 0, 0);
}

.gate {
	fill: rgb(255, 0, 0);
}

.gateCurrent {
	stroke: rgb(187, 0, 0);
}

.gateText {
	stroke: rgb(255, 255, 255);
}

.transitionLine {
	stroke: rgb(0, 0, 0);
}