/* CSS that makes popup menu run */	
.algorithmContainer{
	/*color:#F00;*/
	text-indent: 0px!important;
	display:inline-block!important;
	border: solid 1px #555;
	
	background-color: #2A2A2A;
	/*height: 23px;*/
	text-align: left;
	/*margin-bottom: 10px;*/
	/* font-family: 'Courier New', Courier, monospace; */
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size:14px;
	margin: 0px;
	padding: 0px 0px 0px 1px;
}

span.move, span.group{
	/*padding: 0px 0px 0px 0px;*/
	/*margin:60px 2px 0px 2px;*/
	/*border: solid 1px transparent; */
	/*display:inline-block;*/
	color: #BBB;
}
span.done{
	opacity: 0.4;
}

/* The current move is being executed */
span.bgkRunning{
	background-color: #660000; /* #ffcccc;*/ /* #ff3333;*/
	border-color: #999!important;
	color: #DDD;
}

/* The selcted move is waiting to start */
span.bgkWaiting{
	background-color: #008800; /* #ccffcc; *//* #4dff4d; */ /* ffff77; 99ff99 */
	border-color: #CCC!important;
	color: #EEE;
}

/* Identifies the currently selected move */
span.selectedMove{
	border-radius:3px;
	border-color: #999;
	/*font-weight: 600;*/
}

span.red{
	color:red!important;	
}
span.number{
	font-family:  'Courier New', Courier, monospace !important;  /* 'Courier New', Courier, monospace;      Verdana, Geneva, Tahoma, sans-serif;*/
	font-size:1.2rem;
}

span.group{

	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: solid 1px transparent; 
	/* font-family: Verdana, Geneva, Tahoma, sans-serif; */ /* 'Courier New', Courier, monospace;      Verdana, Geneva, Tahoma, sans-serif; */
	/* font-size:1.1rem; */
}

span.move{
	border: solid 1px transparent; 
	padding-left: 4px;
	padding-right: 4px;
}

span.move:hover{
	border:solid 1px #000!important;
	background-color: #ffec80;
	color: black;
	border-radius:3px;
	outline: solid 1px #fff!important;;
}