/*  gymly  */
.gymlyBody { filter: brightness(50%);  }  /* contrast: 50% */


/*  --  row  --  */
div.formRow 		{ clear: both; width: 100%; filter: brightness(100%);}
div.formRowCenter 	{ clear: both; width: 100%; filter: brightness(100%); margin-left: auto; margin-right: auto;}

/*  --  label  --  */
/* span.formLabel		{ display: block; }  */
span.formLabel		{ float: left; text-align: right; padding-right: 5px; font-weight: bold; }
span.formLabelLight	{ float: left; text-align: right; padding-right: 5px; }
span.formLabelLeft	{ float: left; text-align: left;  padding-left: 5px; font-weight: bold; }
span.formLabelCenter { float: left; text-align: center; font-weight: bold; }

/*  --  element  --  */
span.formElement		{ float: left; text-align: left; }
span.formElementPad 	{ float: left; padding-left: 5px; }
span.formElementRight 	{ float: right; text-align: left; }
span.formElementCenter 	{ float: left; text-align: center; margin-left: auto; margin-right: auto;}

/*   other   */
span.formMessage 		{ float: left; text-align: left; color: #FF0000; }
div.formSpacer 			{ clear: both; }

/*  miscellaneous  */
.centered {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.centeredX {
  position: fixed;
  margin-left: auto;
  margin-right: auto;
  /* top: 50%; */
  /* left: 50%; */
  /* transform: translateX(-75%);*/
}
.stickytop { 
	position: sticky !important; 
	top: 0; 
}
.tooltiptext { display: none !important; }
.tooltip:hover .tooltiptext{ display:inline !important; }
.shifty { position:relative; left:-6px; top:-6px;}


/*   general    */
.bodyReport { font-size: 8px; }
.copyright  { font-size: 8px; font-style: italic;}
.oddrow 	{ background-color: rgb(234, 234, 234); }
.evenrow 	{ background-color: white; }
.pad5		{ padding: 5px; }
.padL5		{ padding-left: 5px; }
.padL10		{ padding-left: 10px; }
.padL20		{ padding-left: 20px; }
.padR5		{ padding-right: 5px; }
.padR10		{ padding-right: 10px; }
.padT5		{ padding-top: 5px; }
.padT10		{ padding-top: 10px; }
.padB5		{ padding-bottom: 5px; }
.padT5		{ padding-top: 5px; }

.bgAxon		{ background-color: #ffffe0; }

/*   boxes    */
.whitebox10	{
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: white;
	margin: 10px;
	padding: 10px;
}
.whitebox5	{
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: white;
	margin: 5px;
	padding: 5px;
}
.whitebox1	{
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: white;
	margin: 1px;
	padding: 5px;
}
.whitebox0	{
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: white;
	margin: 0px;
	padding: 5px;
}


/*   cloud   */
.cloud		{ padding: 5px 2px; height: auto;}
.clouditem	{ padding: 2px 2px; background-color: lightgray; margin: 2px 2px; border: 0px solid black; }

/*   height   */
.height50   { height: 50px; }
.height100  { height: 100px; }
.height300  { height: 300px; }
.height500  { height: 500px; }

/*   z-index   */
.zauto 	{ z-index: auto; }
.z100 	{ z-index: 100; }
.z75 	{ z-index: 75; }
.z50 	{ z-index: 50; }


/*   width   */
.widthAuto	{ width: auto; }
.width10   	{ width: 10px; }
.width20   	{ width: 20px; }
.width25   	{ width: 25px; }
.width30   	{ width: 30px; }
.width40   	{ width: 40px; }
.width50   	{ width: 50px; }
.width75   	{ width: 75px; }
.width100  	{ width: 100px; }
.width125  	{ width: 125px; }
.width150  	{ width: 150px; }
.width175  	{ width: 175px; }
.width200  	{ width: 200px; }
.width250  	{ width: 250px; }
.width275  	{ width: 275px; }
.width300  	{ width: 300px; }
.width350  	{ width: 350px; }
.width400  	{ width: 400px; }
.width450  	{ width: 450px; }
.width500  	{ width: 500px; }
.width550  	{ width: 550px; }
.width600  	{ width: 600px; }
.width650  	{ width: 650px; }
.width700  	{ width: 700px; }
.width750  	{ width: 750px; }
.width800  	{ width: 800px; }
.width850  	{ width: 850px; }
.width875  	{ width: 875px; }
.width900  	{ width: 900px; }
.width950  	{ width: 950px; }
.width1000 	{ width: 1000px; }
.width1050 	{ width: 1050px; }
.width1100 	{ width: 1100px; }
.width1500 	{ width: 1500px; }
/*   maxwidth   */
.maxwidth200 { max-width: 200px; }
.maxwidth250 { max-width: 250px; }
.maxwidth300 { max-width: 300px; }
.maxwidth400 { max-width: 400px; }
.maxwidth600 { max-width: 600px; }
.maxwidth700 { max-width: 700px; }
/*   width-percent   */
.width10pct  { width: 10%; }
.width20pct  { width: 20%; }
.width25pct  { width: 25%; }
.width30pct  { width: 30%; }
.widththird  { width: 33%; }
.width50pct  { width: 50%; }
.width80pct  { width: 80%; }
.width100pct { width: 100%; }
/*   maxwidth-percent   */
.maxwidth80pct { max-width: 80%; }
.maxwidth90pct { max-width: 90%; }
.maxwidth95pct { max-width: 95%; }

/*   back   */
.backBlack			{ background-color: black; }
.backLightGray 		{ background-color: lightgray; }
.backWhite 			{ background-color: white; }
.backLightGreen 	{ background-color: LightGreen; }
.backLightYellow 	{ background-color: LemonChiffon; }
.backLightRed 		{ background-color: LightCoral; }

/*  text changes --  bold / color   */
.isBold  		{ font-weight: bold; }
.isHid   		{ display: none !important; }
.isGreen 		{ color: green; }
.isGold  		{ color: gold; }  /* { color: darkgoldenrod; }  */
.isOrange		{ color: coral; }
.isRed   		{ color: red; }
.isLightGray 	{ color: lightgray; }
.isGray 		{ color: gray; }
.isWhite		{ color: white; }

/*   border   */
.borderRed   { border: 1px solid red; }
.borderBlack { border: 1px solid black; }
.borderGreen { border: 1px solid green; }
.borderBlue  { border: 1px solid blue; }
.borderWhite { border: 1px solid white; }
.borderGray  { border: 1px solid gray; }
.borderZero	 { border: 0px; }
.borderSize2 { border: 2px solid; }
.borderAlert { border: 2px solid red; }

/*   padding   */
.padL10		{ padding-left:  10px; }
.padR10		{ padding-right: 10px; }
.padRight2	{ padding-right:  2px; }

/*   datepicker   */
.isExercise a {  /* for datepicker */
	background-color: LightGreen !important;
	background-image: none !important;
	color: #ffffff !important;
}

/*  mouse events */
.mousehover { border: 2px solid green; padding: 4px;}
.thisgrid	{ background-color: LightGreen; border: 2px solid green; padding: 4px;}

/*   textsize   */
.textsize8  { font-size: 8px; }
.textsize9  { font-size: 9px; }
.textsize10 { font-size: 10px; }
.textsize12 { font-size: 12px; }
.textsize15 { font-size: 15px; }
.textsize18 { font-size: 18px; }
.textsize20 { font-size: 20px; }
.textsize30 { font-size: 30px; }

/*   text   */
.textRight  { text-align: right !important; }
.textCenter { text-align: center !important; }
.textTop    { vertical-align: text-top; }

/*  These are probably not used  */
.payHover	{ background-color: darkgray; }
div.formBox { width: 100%; }
abbr, acronym, .help { border-bottom: 1px dotted #333; cursor: help; }