:root {
	--flowCol: #3333FF;
	
	/* Colours from https://sronpersonalpages.nl/~pault/#sec:qualitative */

	--purple:#AA3377;
	--blue:#4477AA;
	--green:#228833;
	--yellow:#CCBB44;
	--red:#EE6677;
	--cyan:#66CCEE;
	--orange:#EE7733;
}




.tempClass-front {z-index:1000!important;}




.tempClass-CCSmall {bottom:30px !important; transform:scale(.5,.5);}
.tempClass-CCSmall:hover {bottom:30px !important; transform:scale(1,1);z-index:100;}

.tempClass-SSPSmall {bottom:30px !important; transform:scale(.5,.5);}
.tempClass-SSPSmall:hover {bottom:30px !important; transform:scale(1,1); z-index:100;}

.smallCode {transform:scale(.5,.5); background-color:white; transition:all 1s;}
.smallCode.B {transform:scale(.75,.75);}
.smallCode:hover {transform:scale(1,1); z-index:100;}


/* Animation on Preliminaries Slide */
.trafficMap path {transition:all 3s;}

.tempClass-traffic0 {stroke:green;}
.tempClass-traffic1 {stroke:yellow;}
.tempClass-traffic2 {stroke:orange;}
.tempClass-traffic3 {stroke:red;}

/* Animation on Model-Page */

.tempClass-MieE1 {
	animation-name: MieE1;
	animation-duration: 10s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-fill-mode: both;
}
@keyframes MieE1 {
	0% {stroke-dasharray:0,0,0,0,0,0,0,1000;}
	30% {stroke-dasharray:0,0,0,0,0,0,320,1000;}
	100% {stroke-dasharray:0,0,0,0,0,0,320,1000;}
}
.tempClass-MieE2 {
	animation-name: MieE2;
	animation-duration: 10s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-fill-mode: both;
}
@keyframes MieE2 {
	0% {stroke-dasharray:0,0,0,0,0,0,0,1000;}
	30% {stroke-dasharray:0,0,0,0,0,0,0,1000;}
	60% {stroke-dasharray:0,0,0,0,0,0,400,1000;}
	100% {stroke-dasharray:0,0,0,0,0,0,400,1000;}
}
.tempClass-MieE3 {
	animation-name: MieE3;
	animation-duration: 10s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-fill-mode: both;
}
@keyframes MieE3 {
	0% {stroke-dasharray:0,0,0,0,0,0,0,1000;}
	30% {stroke-dasharray:0,0,0,0,0,0,0,1000;}
	70% {stroke-dasharray:0,0,0,0,0,0,500,1000;}
	100% {stroke-dasharray:0,0,0,0,0,0,500,1000;}
}
.tempClass-MieE4 {
	animation-name: MieE4;
	animation-duration: 10s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-fill-mode: both;
}
@keyframes MieE4 {
	0% {stroke-dasharray:0,0,0,0,0,0,0,1000;}
	60% {stroke-dasharray:0,0,0,0,0,0,0,1000;}
	80% {stroke-dasharray:0,0,0,0,0,0,320,1000;}
	100% {stroke-dasharray:0,0,0,0,0,0,320,1000;}
}

.tempClass-MieE5 {
	animation-name: MieE5;
	animation-duration: 10s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-fill-mode: both;
}
@keyframes MieE5 {
	0% {stroke-dasharray:0,0,0,0,0,0,0,1000;}
	70% {stroke-dasharray:0,0,0,0,0,0,0,1000;}
	100% {stroke-dasharray:0,0,0,0,0,0,320,1000;}
}


/* Ford Fulkerson */

.tempClass-FFSmall {bottom:430px !important; right:-30px !important; transform:scale(.65,.65);}
.tempClass-FFSmall:hover {bottom:430px !important; right:50px !important; transform:scale(1,1);}

/* Animation on Temp-Rep-Page */

.tempClass-flow2 {
	stroke:#FF6666a0;
}
.tempClass-flow3 {
	stroke:#006400a0;
}

.tempClass-full {
	stroke-dasharray:0,0,0,0,0,0,1000,0;
}


.tempClass-TR-E1 {
	animation-name: TR-E1;
	animation-duration: 10s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-fill-mode: both;
}
@keyframes TR-E1 {
	0% {stroke-dasharray:0,0,0,0,0,0,0,1000;}
	30% {stroke-dasharray:0,0,0,0,0,0,320,1000;}
	100% {stroke-dasharray:0,0,0,0,0,0,320,1000;}
}
.tempClass-TR-E2 {
	animation-name: TR-E2;
	animation-duration: 10s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-fill-mode: both;
}
@keyframes TR-E2 {
	0% {stroke-dasharray:0,0,0,0,0,0,0,1000;}
	30% {stroke-dasharray:0,0,0,0,0,0,0,1000;}
	50% {stroke-dasharray:0,0,0,0,0,0,380,1000;}
	100% {stroke-dasharray:0,0,0,0,0,0,380,1000;}
}
.tempClass-TR-E3 {
	animation-name: TR-E3;
	animation-duration: 10s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-fill-mode: both;
}
@keyframes TR-E3 {
	0% {stroke-dasharray:0,0,0,0,0,0,0,1000;}
	50% {stroke-dasharray:0,0,0,0,0,0,0,1000;}
	80% {stroke-dasharray:0,0,0,0,0,0,320,1000;}
	100% {stroke-dasharray:0,0,0,0,0,0,320,1000;}
}
.tempClass-TR-E4 {
	animation-name: TR-E4;
	animation-duration: 10s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-fill-mode: both;
}
@keyframes TR-E4 {
	0% {stroke-dasharray:0,0,0,0,0,0,0,1000;}
	30% {stroke-dasharray:0,0,0,0,0,0,0,1000;}
	70% {stroke-dasharray:0,0,0,0,0,0,480,1000;}
	100% {stroke-dasharray:0,0,0,0,0,0,480,1000;}
}
.tempClass-TR-E5 {
	animation-name: TR-E5;
	animation-duration: 10s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-fill-mode: both;
}
@keyframes TR-E5 {
	0% {stroke-dasharray:0,0,0,0,0,0,0,1000;}
	70% {stroke-dasharray:0,0,0,0,0,0,0,1000;}
	90% {stroke-dasharray:0,0,0,0,0,0,320,1000;}
	100% {stroke-dasharray:0,0,0,0,0,0,320,1000;}
}
.tempClass-TR-E6 {
	animation-name: TR-E6;
	animation-duration: 20s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-fill-mode: both;
}
@keyframes TR-E6 {
	0% {stroke-dasharray:0,0,0,0,0,0,0,1000;}
	40% {stroke-dasharray:0,0,0,0,0,0,320,1000;}
	100% {stroke-dasharray:0,0,0,0,0,0,320,1000;}
}
.tempClass-TR-E7 {
	animation-name: TR-E7;
	animation-duration: 10s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-fill-mode: both;
}
@keyframes TR-E7 {
	0% {stroke-dasharray:0,0,0,0,0,0,0,1000;}
	40% {stroke-dasharray:0,0,0,0,0,0,0,1000;}
	80% {stroke-dasharray:0,0,0,0,0,0,480,1000;}
	100% {stroke-dasharray:0,0,0,0,0,0,480,1000;}
}
.tempClass-TR-E8 {
	animation-name: TR-E8;
	animation-duration: 10s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-fill-mode: both;
}
@keyframes TR-E8 {
	0% {stroke-dasharray:0,0,0,0,0,0,0,1000;}
	80% {stroke-dasharray:0,0,0,0,0,0,0,1000;}
	100% {stroke-dasharray:0,0,0,0,0,0,150,1000;}
}


/* Animation on Earliest-Arrival-Page */
.tempClass-EA-E1 {
	animation-name: EA-E1;
	animation-duration: 15s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-fill-mode: both;
}
@keyframes EA-E1 {
	0% {stroke-dasharray:0,0,0,0,0,0,0,1000;}
	16% {stroke-dasharray:0,0,0,0,0,0,300,1000;}
	100% {stroke-dasharray:0,0,0,0,0,0,300,1000;}
}
.tempClass-EA-E2 {
	animation-name: EA-E2;
	animation-duration: 15s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-fill-mode: both;
}
@keyframes EA-E2 {
	0% {stroke-dasharray:0,0,0,0,0,0,0,1000;}
	16% {stroke-dasharray:0,0,0,0,0,0,0,1000;}
	32% {stroke-dasharray:0,0,0,0,0,0,300,1000;}
	100% {stroke-dasharray:0,0,0,0,0,0,300,1000;}
}
.tempClass-EA-E2B {
	animation-name: EA-E2B;
	animation-duration: 15s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-fill-mode: both;
}
@keyframes EA-E2B {
	0% {stroke-dasharray:0,0,0,0,0,0,0,1000;}
	16% {stroke-dasharray:0,0,0,0,0,0,0,1000;}
	32% {stroke-dasharray:0,0,0,0,0,0,300,1000;}
	48% {stroke-dasharray:0,0,0,0,0,300,0,1000;}
	100% {stroke-dasharray:0,0,0,0,0,3000,0,1000;}
}
.tempClass-EA-E2C {
	animation-name: EA-E2C;
	animation-duration: 15s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-fill-mode: both;
}
@keyframes EA-E2C {
	0% {stroke-dasharray:0,0,0,0,0,0,0,1000;}
	33% {stroke-dasharray:0,0,0,0,0,0,20,1000;}
	49% {stroke-dasharray:0,0,0,0,0,300,20,1000;}
	100% {stroke-dasharray:0,0,0,0,0,300,20,1000;}
}
.tempClass-EA-E3 {
	animation-name: EA-E3;
	animation-duration: 15s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-fill-mode: both;
}
@keyframes EA-E3 {
	0% {stroke-dasharray:0,0,0,0,0,0,0,1000;}
	32% {stroke-dasharray:0,0,0,0,0,0,0,1000;}
	48% {stroke-dasharray:0,0,0,0,0,0,300,1000;}
	100% {stroke-dasharray:0,0,0,0,0,0,300,1000;}
}
.tempClass-EA-E3B {
	animation-name: EA-E3B;
	animation-duration: 15s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-fill-mode: both;
}
@keyframes EA-E3B {
	0% {stroke-dasharray:0,0,0,0,0,0,0,1000;}
	48% {stroke-dasharray:0,0,0,0,0,0,0,1000;}
	64% {stroke-dasharray:0,0,0,0,0,0,300,1000;}
	100% {stroke-dasharray:0,0,0,0,0,0,300,1000;}
}
.tempClass-EA-E4 {
	animation-name: EA-E4;
	animation-duration: 15s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-fill-mode: both;
}
@keyframes EA-E4 {
	0% {stroke-dasharray:0,0,0,0,0,0,0,1000;}
	16% {stroke-dasharray:0,0,0,0,0,0,0,1000;}
	64% {stroke-dasharray:0,0,0,0,0,0,730,1000;}
	100% {stroke-dasharray:0,0,0,0,0,0,730,1000;}
}
.tempClass-EA-E4B {
	animation-name: EA-E4B;
	animation-duration: 15s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-fill-mode: both;
}
@keyframes EA-E4B {
	0% {stroke-dasharray:0,0,0,0,0,0,0,1000;}
	32% {stroke-dasharray:0,0,0,0,0,0,0,1000;}
	80% {stroke-dasharray:0,0,0,0,0,0,730,1000;}
	100% {stroke-dasharray:0,0,0,0,0,0,730,1000;}
}
.tempClass-EA-E5 {
	animation-name: EA-E5;
	animation-duration: 15s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-fill-mode: both;
}
@keyframes EA-E5 {
	0% {stroke-dasharray:0,0,0,0,0,0,0,1000;}
	48% {stroke-dasharray:0,0,0,0,0,0,730,1000;}
	100% {stroke-dasharray:0,0,0,0,0,0,7300,1000;}
}


.tempClass-EA-3Plot {
	animation-name: EA-3Plot;
	animation-duration: 15s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-fill-mode: both;
}
@keyframes EA-3Plot {
	0% {stroke-dasharray:0,0,0,0,0,0,0,1000;}
	48% {stroke-dasharray:0,0,0,0,0,0,160,1000;}
	64% {stroke-dasharray:0,0,0,0,0,0,240,1000;}
	100% {stroke-dasharray:0,0,0,0,0,0,450,1000;}
}
.tempClass-EA-PlotPast {
	opacity:.3 !important;
}


/* Animation on Vickrey-Flow-Page */
.tempClass-V-E1 {
	animation-name: V-E1;
	animation-duration: 6s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-fill-mode: both;
}
@keyframes V-E1 {
	0% {stroke-dasharray:0,0,0,0,0,0,0,1000;}
	25% {stroke-dasharray:0,0,0,0,0,0,225,1000;}
	100% {stroke-dasharray:0,0,0,0,0,0,225,1000;}
}
.tempClass-V-E1e {
	animation-name: V-E1e;
	animation-duration: 6s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-fill-mode: both;
}
@keyframes V-E1e {
	0% {stroke-dasharray:0,0,0,0,0,0,225,1000;}
	25% {stroke-dasharray:0,0,0,0,0,225,0,1000;}
	100% {stroke-dasharray:0,0,0,0,0,225,0,1000;}
}
.tempClass-V-E2 {
	animation-name: V-E2;
	animation-duration: 6s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-fill-mode: both;
}
@keyframes V-E2 {
	0% {stroke-dasharray:0,0,0,0,0,0,0,1000;}
	25% {stroke-dasharray:0,0,0,0,0,0,0,1000;}
	75% {stroke-dasharray:0,0,0,0,0,0,475,1000;}
	100% {stroke-dasharray:0,0,0,0,0,0,475,1000;}
}
.tempClass-V-E2e {
	animation-name: V-E2e;
	animation-duration: 6s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-fill-mode: both;
}
@keyframes V-E2e {
	0% {stroke-dasharray:0,0,0,0,0,0,475,1000;}
	25% {stroke-dasharray:0,0,0,0,0,0,475,1000;}
	75% {stroke-dasharray:0,0,0,0,0,475,0,1000;}
	100% {stroke-dasharray:0,0,0,0,0,475,0,1000;}
}
.tempClass-V-E3 {
	animation-name: V-E3;
	animation-duration: 6s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-fill-mode: both;
}
@keyframes V-E3 {
	0% {stroke-dasharray:0,0,0,0,0,0,0,1000;}
	75% {stroke-dasharray:0,0,0,0,0,0,0,1000;}
	100% {stroke-dasharray:0,0,0,0,0,0,200,1000;}
}
.tempClass-V-E3e {
	animation-name: V-E3e;
	animation-duration: 6s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-fill-mode: both;
}
@keyframes V-E3e {
	0% {stroke-dasharray:0,0,0,0,0,0,200,1000;}
	75% {stroke-dasharray:0,0,0,0,0,0,200,1000;}
	100% {stroke-dasharray:0,0,0,0,0,200,0,1000;}
}

.tempClass-V-Q {
	animation-name: V-Q;
	animation-duration: 6s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-fill-mode: both;
}
@keyframes V-Q {
	0% {stroke-dasharray:0,0,0,0,0,0,0,1000;}
	25% {stroke-dasharray:0,0,0,0,0,0,0,1000;}
	100% {stroke-dasharray:0,0,0,0,0,0,200,1000;}
}
.tempClass-V-Qe {
	animation-name: V-Qe;
	animation-duration: 6s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-fill-mode: both;
}
@keyframes V-Qe {
	0% {stroke-dasharray:0,0,0,0,0,0,200,1000;}
	25% {stroke-dasharray:0,0,0,0,0,0,250,1000;}
	100% {stroke-dasharray:0,0,0,0,0,0,50,1000;}
}
.tempClass-V-Qb {
	animation-name: V-Qb;
	animation-duration: 6s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-fill-mode: both;
}
@keyframes V-Qb {
	0% {stroke-dasharray:0,0,0,0,0,200,0,1000;}
	25% {stroke-dasharray:0,0,0,0,0,250,0,1000;}
	100% {stroke-dasharray:0,0,0,0,0,50,150,150,1000;}
}

.tempClass-VF-left {
	transform:translate(-400px,0px);
}
.VF-Lemma-small {
	position:absolute; 
	transform:scale(.5,.5); 
	transform-origin:top right; 
	font-size:140%; 
	transition:all 1s; 
	background:white; 
	box-shadow:25px 25px 50px 50px white;
}
.VF-Lemma-small:hover {
	transform:scale(1,1) !important;
	z-index:100;
}


/* Animation on IDE */

.tempClass-IDE-E1a {
	animation-name: IDE-E1a;
	animation-duration: 8s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-fill-mode: both;
}
@keyframes IDE-E1a {
	0% {stroke-dasharray:0,0,0,0,0,0,0,1000;}
	40% {stroke-dasharray:0,0,0,0,0,0,300,1000;}
	100% {stroke-dasharray:0,0,0,0,0,0,300,1000;}
}
.tempClass-IDE-E1c {
	animation-name: IDE-E1c;
	animation-duration: 3s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-fill-mode: both;
}
@keyframes IDE-E1c {
	0% {stroke-dasharray:0,0,0,0,0,0,300,1000;}
	100% {stroke-dasharray:0,0,0,0,0,100,300,1000;}
}
.tempClass-DE-E1d {
	animation-name: DE-E1d;
	animation-duration: 3s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-fill-mode: both;
}
@keyframes DE-E1d {
	0% {stroke-dasharray:0,0,0,0,0,0,300,1000;}
	100% {stroke-dasharray:0,0,0,0,0,300,300,1000;}
}
.tempClass-IDE-E1a2 {
	animation-name: IDE-E1a2;
	animation-duration: 3s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-fill-mode: both;
}
@keyframes IDE-E1a2 {
	0% {stroke-dasharray:0,0,0,0,0,0,0,1000;}
	100% {stroke-dasharray:0,0,0,0,0,0,300,1000;}
}
.tempClass-IDE-E2a {
	animation-name: IDE-E2a;
	animation-duration: 8s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-fill-mode: both;
}
@keyframes IDE-E2a {
	0% {stroke-dasharray:0,0,0,0,0,0,0,1000;}
	40% {stroke-dasharray:0,0,0,0,0,0,0,1000;}
	80% {stroke-dasharray:0,0,0,0,0,0,300,1000;}
	100% {stroke-dasharray:0,0,0,0,0,0,300,1000;}
}
.tempClass-IDE-Q2a {
	animation-name: IDE-Q2a;
	animation-duration: 8s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-fill-mode: both;
}
@keyframes IDE-Q2a {
	0% {stroke-dasharray:0,0,0,0,0,0,0,1000;}
	40% {stroke-dasharray:0,0,0,0,0,0,0,1000;}
	100% {stroke-dasharray:0,0,0,0,0,0,100,1000;}
}
.tempClass-IDE-Q2b {
	animation-name: IDE-Q2b;
	animation-duration: 3s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-fill-mode: both;
}
@keyframes IDE-Q2b {
	0% {stroke-dasharray:0,0,0,0,0,0,100,1000;}
	100% {stroke-dasharray:0,0,0,0,0,0,150,1000;}
}
.tempClass-IDE-Q2c {
	animation-name: IDE-Q2c;
	animation-duration: 3s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-fill-mode: both;
}
@keyframes IDE-Q2c {
	0% {stroke-dasharray:0,0,0,0,0,0,150,1000;}
	100% {stroke-dasharray:0,0,0,0,0,0,200,1000;}
}
.tempClass-IDE-E3b {
	animation-name: IDE-E3b;
	animation-duration: 3s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-fill-mode: both;
}
@keyframes IDE-E3b {
	0% {stroke-dasharray:0,0,0,0,0,0,0,1000;}
	100% {stroke-dasharray:0,0,0,0,0,0,235,1000;}
}
.tempClass-IDE-Q3b {
	animation-name: IDE-Q3b;
	animation-duration: 3s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-fill-mode: both;
}
@keyframes IDE-Q3b {
	0% {stroke-dasharray:0,0,0,0,0,0,0,1000;}
	100% {stroke-dasharray:0,0,0,0,0,0,50,1000;}
}
.tempClass-IDE-Q3c {
	animation-name: IDE-Q3c;
	animation-duration: 3s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-fill-mode: both;
}
@keyframes IDE-Q3c {
	0% {stroke-dasharray:0,0,0,0,0,0,50,1000;}
	100% {stroke-dasharray:0,0,0,0,0,0,100,1000;}
}
.tempClass-IDE-E4c {
	animation-name: IDE-E4c;
	animation-duration: 3s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-fill-mode: both;
}
@keyframes IDE-E4c {
	0% {stroke-dasharray:0,0,0,0,0,0,0,1000;}
	100% {stroke-dasharray:0,0,0,0,0,0,235,1000;}
}
.tempClass-IDE-E5c {
	animation-name: IDE-E5c;
	animation-duration: 3s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-fill-mode: both;
}
@keyframes IDE-E5c {
	0% {stroke-dasharray:0,0,0,0,0,0,0,1000;}
	100% {stroke-dasharray:0,0,0,0,0,0,250,1000;}
}
.tempClass-DE-E5d {
	animation-name: DE-E5d;
	animation-duration: 8s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-fill-mode: both;
}
@keyframes DE-E5d {
	0% {stroke-dasharray:0,0,0,0,0,0,250,1000;}
	100% {stroke-dasharray:0,0,0,0,0,0,700,1000;}
}

.tempClass-IDE-Example-big {
	left:200px !important; 
	transform:scale(1.5,1.5);
}


/* Animation on Number of Extensions-Page */
.flow.g {
	stroke: #008000A0/*green*/;
}
.flow.p {
	stroke: #800080A0/*purple*/;
}
.flow.r {
	stroke: #FF0000A0/*red*/;
}
.flow.o {
	stroke: #FFA500A0/*orange*/;
}

.tempClass-ACeaf {
	stroke-dasharray:0,0,0,0,0,0,225,1000;
}
.tempClass-ACef {
	stroke-dasharray:0,0,0,0,0,0,300,1000;
}
.tempClass-ACedvf {
	stroke-dasharray:0,0,0,0,0,75,300,1000;
}
.tempClass-ACehf {
	stroke-dasharray:0,0,0,0,0,150,300,1000;
}
.tempClass-ACeevf {
	stroke-dasharray:0,0,0,0,0,225,300,1000;
}

.tempClass-ACq05 {
	stroke-dasharray:0,0,0,0,0,0,5,1000;
}
.tempClass-ACq1 {
	stroke-dasharray:0,0,0,0,0,0,10,1000;
}
.tempClass-ACq15 {
	stroke-dasharray:0,0,0,0,0,0,15,1000;
}
.tempClass-ACq2 {
	stroke-dasharray:0,0,0,0,0,0,20,1000;
}
.tempClass-ACq3 {
	stroke-dasharray:0,0,0,0,0,0,30,1000;
}
.tempClass-ACq4 {
	stroke-dasharray:0,0,0,0,0,0,40,1000;
}
.tempClass-ACq5 {
	stroke-dasharray:0,0,0,0,0,0,50,1000;
}

.ACgraph {
	stroke-dasharray:0,0,0,1000;
	transition:stroke-dasharray 2s; 
	transition-timing-function: linear;
}
.tempClass-ACgraphG1 {
	stroke-dasharray:0,0,110,1000;
}
.tempClass-ACgraphG2 {
	stroke-dasharray:0,0,220,1000;
}
.tempClass-ACgraphG3 {
	stroke-dasharray:0,0,323,1000;
}
.tempClass-ACgraphG4 {
	stroke-dasharray:0,0,385,1000;
}
.tempClass-ACgraphG5 {
	stroke-dasharray:0,0,600,1000;
}
.tempClass-ACgraphP1 {
	stroke-dasharray:0,0,100,1000;
}
.tempClass-ACgraphP2 {
	stroke-dasharray:0,0,200,1000;
}
.tempClass-ACgraphP3 {
	stroke-dasharray:0,0,322,1000;
}
.tempClass-ACgraphP4 {
	stroke-dasharray:0,0,380,1000;
}
.tempClass-ACgraphP5 {
	stroke-dasharray:0,0,600,1000;
}
.tempClass-ACgraphR1 {
	stroke-dasharray:0,0,100,1000;
}
.tempClass-ACgraphR2 {
	stroke-dasharray:0,0,200,1000;
}
.tempClass-ACgraphR3 {
	stroke-dasharray:0,0,302,1000;
}
.tempClass-ACgraphR4 {
	stroke-dasharray:0,0,355,1000;
}
.tempClass-ACgraphR5 {
	stroke-dasharray:0,0,600,1000;
}
.tempClass-ACgraphO1 {
	stroke-dasharray:0,0,110,1000;
}
.tempClass-ACgraphO2 {
	stroke-dasharray:0,0,215,1000;
}
.tempClass-ACgraphO3 {
	stroke-dasharray:0,0,320,1000;
}
.tempClass-ACgraphO4 {
	stroke-dasharray:0,0,377,1000;
}
.tempClass-ACgraphO5 {
	stroke-dasharray:0,0,600,1000;
}