.tblRotations{
	width: 100%;
}

.tblRotations label:hover{
	text-decoration: underline;
}

.tblRotations td{
	vertical-align: top;
	padding: 1px 9px 6px 1px;
	
	border: solid 0px green;
}
.tblRotations td:nth-child(1){
	border: solid 0px red;
	width: 12px;
}
.tblRotations td:nth-child(2){
	border: solid 0px green;
	width: 52px;
}

.tblRotations td.center{
	text-align: center;
}



.tblRotations td p{
	text-align: justify;
	/* margin: 0px!important;
	padding: 0px!important; */
}

button{
	border-radius:3px;
	/* margin:2px 0px 0px 0px; */
	/*padding: 3px 5px 3px 5px;*/
	font-size: 1.2rem;
	/*padding-top: 17px;*/
	/*padding-bottom: 3px;*/
	background-color: var(--buttonBackgroundColor);
	border: solid 1px #444;
	color: var(--buttonColor);

	/*
	border-top: 2px solid #AAA;
	border-right: 2px solid #555;
	border-bottom: 2px solid #555;
	border-left: 2px solid #AAA;
	*/
	cursor: pointer;
	outline:transparent solid 1px;	

	background-position: center; 
	background-repeat: no-repeat;
}

button:hover:enabled, button.glowing{
	opacity: 1;
	border: solid 1px #bbb;
	color: #ccc;
	
	-webkit-box-shadow: 0px 0px 9px 0px rgba(255,215,0, 0.99);
	-moz-box-shadow: 0px 0px 9px 0px rgba(255,215,0, 0.99);
	box-shadow: 0px 0px 9px 0px rgba(255,215,0, 0.99);
}


button:disabled{
	opacity: 0.5;
	/*border: solid 1px #bbb;*/
	/* color: white; */
	
	/* -webkit-box-shadow: 0px 0px 10px 0px rgba(255,215,0,0.99); */
	/* -moz-box-shadow: 0px 0px 10px 0px rgba(255,215,0,0.99); */
	/* box-shadow: 0px 0px 10px 0px rgba(255,215,0,0.99); */
}
	

#btnBackArrow{
	width: 20px; height: 20px; 
	margin-left: 0px;margin-right:0px!important;
	padding:0px;
	border-top-right-radius:0px;border-bottom-right-radius:0px;
	border-right: none;
}
#btnNextArrow{
	width: 20px; height: 20px; 
	margin-left: 0px!important; margin-right:0px;
	padding:0px; border-top-left-radius:0px; border-bottom-left-radius:0px;
}
	
button.common{
	
	width: 35px;
	height: 20px;
	margin-right: 0px;
}
button.common:disabled{
	border: solid 1px #444;
	background-color: #555;
}


	button.reset{
		width: 75px;
		height: 20px;	
	}


	#tblActions td button{
		text-align: center;
	}

	#tblActions td button span{
		border:solid 0px red;
		/* display: inline-block; */
		/* width: 40%; */
		/* text-align: center; */
	}



	button.sledgehammer{
		width:50px;
		height:25px;
	}

	button.RU{
		background: linear-gradient(
			to right,
			var(--red) 0%,
			var(--red) 50%,
			var(--yellow) 50%,
			var(--yellow) 100%
		);
	}

	button.LU{
		background: linear-gradient(
			to right,
			var(--orange) 0%,
			var(--orange) 50%,
			var(--yellow) 50%,
			var(--yellow) 100%
		);
	}

	
	button.UL{
		background: linear-gradient(
			to right,
			var(--yellow) 0%,
			var(--yellow) 50%,
			var(--orange) 50%,
			var(--orange) 100%
		);
	}

	button.RF{
		background: linear-gradient(
			to right,
			var(--red) 0%,
			var(--red) 50%,
			var(--blue) 50%,
			var(--blue) 100%
		);
	}	


	button.UF{
		background: linear-gradient(
			to right,
			var(--yellow) 0%,
			var(--yellow) 50%,
			var(--blue) 50%,
			var(--blue) 100%
		);
	}

	button.UR{
		background: linear-gradient(
			to right,
			var(--yellow) 0%,
			var(--yellow) 50%,
			var(--red) 50%,
			var(--red) 100%
		);
	}		


	button.FR{
		background: linear-gradient(
			to right,
			var(--blue) 0%,
			var(--blue) 50%,
			var(--red) 50%,
			var(--red) 100%
		);
	}

	button.FU{
		background: linear-gradient(
			to right,
			var(--blue) 0%,
			var(--blue) 50%,
			var(--yellow) 50%,
			var(--yellow) 100%
		);
	}	


	button.RW{
		background: linear-gradient(
			to right,
			var(--red) 0%,
			var(--red) 50%,
			var(--white) 50%,
			var(--white) 100%
		);
	}	

	button.WR{
		background: linear-gradient(
			to right,
			var(--white) 0%,
			var(--white) 50%,
			var(--red) 50%,
			var(--red) 100%
		);
	}	


	/* button.BR{
		background: linear-gradient(
			to right,
			var(--green) 0%,
			var(--green) 50%,
			var(--red) 50%,
			var(--red) 100%
		);
	}	
	 */

	button.GR{
		background: linear-gradient(
			to right,
			var(--green) 0%,
			var(--green) 50%,
			var(--red) 50%,
			var(--red) 100%
		);
	}	


	/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

	button.RU,
	button.RF,
	button.UF,
	button.UR,
	button.FR,
	button.FU,
	button.RW,
	button.WR{
		opacity: 0.75;
		/*font-size: 1.35rem;*/
	}	
	button.RU:hover,
	button.RF:hover,
	button.UF:hover,
	button.UR:hover,
	button.FR:hover,
	button.FU:hover,
	button.RW:hover,
	button.WR:hover{
		opacity: 1;
	}	

	button.BackArrow{
		background-image: url("/contents/images/Back.Arrow.20x10.png");	
		background-size: 12px 8px;

	}
	
	button.NextArrow{
		background-image: url("/contents/images/Next.Arrow.20x10.png");	
		background-size: 12px 8px;

	}

	button.Back{
		background-image: url("/contents/images/DoublePointer.gray.Back.20x10.png");	
	}
	
	button.runAll{
		background-image: url("/contents/images/DoublePointer.gray.20x10.png");	
	}
	button.runAll:hover:not([disabled]){
		background-image: url("/contents/images/DoublePointer.White.20x10.png");	
	}

	button.run{
		background-image: url("/contents/images/Pointer.gray.10x10.png");
	}
	button.run:hover:not([disabled]){
		background-image: url("/contents/images/Pointer.white.10x10.png");
	}
	button.dot{
		background-image: url("/contents/images/Dot.gray.10x10.png");	
	}
	button.dot:hover:not([disabled]){
		background-image: url("/contents/images/Dot.white.10x10.png");	
	}
	button.next{
		background-image: url("/contents/images/next.10x10.png");	
	}
	button.next:hover:not([disabled]){
		background-image: url("/contents/images/next.W.10x10.png");	
	}
	
	button.pause{
		background-image: url("/contents/images/pause.10x10.png");	
	}	
	button.pause:hover:not([disabled]){
		background-image: url("/contents/images/pause.white.10x10.png");	
	}

	button.settings{
		background-image: url("/contents/images/Settings.13x13.png"); 
	}

	.refresh{
		border-radius: 3px;
		background-image: url("/Images/refresh.64x64.png"); 
		background-size: 16px 16px;
		opacity: 0.4;
		background-repeat: no-repeat;
		background-color: var(--menuBackgroundColor)!important;
		background-position: center;
		border: solid 1px transparent;
		padding: 1px 1px 1px 1px;
	}

	.importA2{
		border-radius: 3px;
		background-image: url("/Images/import.48x48.png");
		background-size: 16px 16px;
		opacity: 0.4;
		background-repeat: no-repeat;
		background-color: var(--menuBackgroundColor)!important;
		background-position: center;
		border: solid 1px transparent;
		padding: 1px 1px 1px 1px;
	}


	.backRotation{
		border-radius: 3px;
		background-image: url("/Images/Back.96x96.png"); 
		background-size: 16px 16px;
		opacity: 0.4;
		background-repeat: no-repeat;
		background-color: var(--menuBackgroundColor)!important;
		background-position: center;
		border: solid 1px transparent;
		padding: 1px 1px 1px 1px;
	}	
	
	.refresh:hover, .backRotation:hover, .importA2:hover{
		background-color:#333;
		opacity: 0.8;
		border: solid 1px #666;
	}



	#divHistoryBar{
		padding: 0px;
		margin: 0px 0px 5px 0px;
		border: solid 1px transparent;
		height: 7px;
	}
	#divHistoryBar span{
		padding: 0px!important;
		margin: 0px 0px 0px 2px!important;
		border: solid 1px #444;
		border-radius: 10px;
		display: inline-block;
		align-items: center;
		font-size: 0px;
		width: 6px;
		height: 100%;
		background-color: #444; var(--rowEvenBackgroundColor);
	}
	#divHistoryBar span.pointer{						
		background-color: var(--green);
	}
	#divHistoryBar span:hover{
		color: var(--green);
		border: solid 1px #333;
		background-color: var(--green);
	}