body {	/*	variables */
	--color-efit-bgColor:		rgb(1,161,207); 
	--color-efit-black:			#000000; 
	--color-efit-grey: 			#AFB3BA; 
	--color-efit-caviar: 		#302E2F; 		
	--color-efit-darkblue: 		#0D324C; 
	--color-efit-midblue: 		#1A5ABC; 
	--color-formBg_old: 		rgb(177,213,241); 
	--color-efit-blue: 			#00A1CF; 
	--color-efit-orange: 		#F87F00; 
	--color-efit-green: 		#BBD80C; 
	--color-efit-red: 			#D01027;
	--color-formBg: 			rgba(0,0,0, 0.4	);

	/* 
	background-image: 		url("../images/bgmain.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center; */
	/*background-image: 		url("../images/bg.jpg");
	background-size: 		cover;
	height: 				100vh;*/


	background: url('../images/bg.jpg') no-repeat left top fixed; 
	/*-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/


-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
background-size: cover;
background-color: black;




}

/*	newLoginDiv	*/ 
.loginFormClass::placeholder{
	color: 				black;
	font-size: 			24px;
	opacity:			0.8;
}
.loginFormClass .errorBox{
	width:			290px;
	color:				black;
	border:				0px solid black;
	text-align:			left;
	margin-left:		20px;
	margin-top:			-5px;
	padding:			5px;
	background-color:	var(--color-efit-orange);
	border-radius: 		5px;
}
.loginFormClass select{
	margin-left:		15px;
	border:				0px;
	height:				26px;
	width:				320px;
	font-size: 			16px;
	margin-top:			3px;
}
.loginFormClass {
	display:			flex;
	justify-content:	center;
	margin-top: 		20vh;
}
.loginFormClass td{
	padding:			8px;
}
.loginFormClass textarea:focus, .loginFormClass input:focus{
	outline: 			none;
}
.loginFormClass input[type=text],.loginFormClass input[type=password]{
	margin-left:15px;
	border:0px;
	height:26px;
	width:320px;
	font-size: 14px;
}
.loginFormClass #loginFpsw{
	color:			white;
}
.loginBtnClass{
	background-color:black;
	border-radius: 20px;
	text-align:center;
	color:white;
	font-size: 18px;
	padding:10px 25px;
	border:2px solid white;
}
.loginBtnClass:hover{
	background-color:#007eff;
	border-radius: 20px;
	text-align:center;
	color:white;
	font-size: 18px;
	padding:12px 25px;
	border:0px solid white;
}
.loginBtnBlackClass{
	background-color:black;
	border-radius: 25px;
	text-align:center;
	color:white;
	font-size: 18px;
	padding:10px 25px;
	border:2px solid white;
}
.loginBtnBlueClass{
	background-color:#007eff;
	border-radius: 25px;
	text-align:center;
	color:white;
	font-size: 18px;
	padding:12px 25px;
	border:0px solid white;
}
.loginBtnRedClass{
	background-color:#cd1b79;
	border-radius: 25px;
	text-align:center;
	color:white;
	font-size: 18px;
	padding:12px 25px;
	border:0px solid white;
}
/*		*/ 
.reg{
	display:flex;
	justify-content: center;
	flex-wrap: wrap;
}
.regInputClass{
	background-color:white;
	width:340px;
	height:35px;
	border-radius: 1px;
	display: flex;
	align-items: center;
}
/*		*/ 
tr,table,img,p,a,div {
	border-spacing: 0px;
	margin: 		0px;
	padding: 		0px;
	font-family: 	'Open Sans', sans-serif;
	font-size:		14px;
}
input[type=text],input[type=password],select{
	margin:		5px 0px;
}
fieldset{
	margin-top:		50px;
}
.devBtn:hover{
	background-color: 		var(--color-efit-midblue);
	transition: 			0.3s;
}
.devBtn{
	background-color: 		var(--color-efit-darkblue);
	color:					white;
	border: 				1px solid var(--color-efit-grey);
	padding:				15px;
	margin-right:			15px;
	cursor: 				pointer;
	font-family: 			'Open Sans', sans-serif;
	font-weight:			bold;
}


@keyframes anim_selectedRow {        
	from {
		background-color : rgba(187, 216, 12, 1);
	}
	to {
		background-color : rgba(187, 216, 12,1);
	}      
}
.run_anim_selectedRow {
	animation: anim_selectedRow 5s infinite alternate;
}


::placeholder {
	font-style:			italic;
}
a,.linkStyle {
    color: 					var(--color-efit-caviar);
	text-decoration:		none;
}
a:hover,.linkStyle:hover {
    text-decoration-line: 	underline;
    text-decoration-style: 	dotted;
}
input[type="submit"]:hover,input[type="button"]:hover {
    background-color:	var(--color-efit-midblue);
}
input[type="submit"],input[type="button"] {
    background-color:	var(--color-efit-midblue);
	transition: 0.3s;
	cursor: pointer;
}
/*	youtube	*/ 
#youtubeMainDiv{
	width:	100%;
	height:	100%;
	background-color: rgba(0,0,0,0.6);
	position:	fixed;
	left:		0;
	top:		0;
	display:	none;
	justify-content:center;
	align-items:	center;
}
#youtubeIframe{
	aspect-ratio: 	16 / 9;
	width:	65%;
}
/*	Login	*/ 
#login_div {
	margin: 			30px auto auto auto;
	border: 			1px solid rgb(77, 77, 77);
	width:				300px;
	height:				280px;
	text-align:			center;
	background-color: 	var(--color-formBg);
}
#login_div td {
	border: 	0px solid black;
	height:		30px;
	padding:	5px 0px;
}
#login_div #td_Title {
	border: 0px solid black;
	height:	60px;	
	font-size: 	24px;
}
#btLogin{
	color:				white;
	padding:			8px;
	border: 			0px solid black;
	border-radius: 		6px;
	width:				60px;
	vertical-align:		text-bottom; 
	margin-right:		35px;
	background-color:	rgb(1,161,207);
}
#bt1Div,#bt2Div{
	border: 			0px solid black;
	float:				left;
	height:				50px;
	line-height: 		70px;
	margin:				-10px 0px 10px 0px;
} 
#bt1Div{
	width:				155px;
	text-align:			left;
}
#bt2Div{
	width:				60px;
	text-align:			right;
}
/*	newCalendarForm */
#newCalendarForm {
	margin-top: 		20px;
	margin-bottom: 		20px;
	margin-left: 		auto;
	margin-right: 		auto;
	border: 			1px solid rgb(77, 77, 77);
	width:				770px;
	height:				430px;
	text-align:			center; 
	background-color: 	var(--color-formBg);
	color:				white;
}
#newCalendarForm table {
	padding-left:		20px;
	padding-right:		20px;
	border: 			0px solid black;
	text-align:			center; 
}
#newCalendarForm th {
	border: 0px solid black;
	height:	60px;	
	font-size: 	24px;
}
#newCalendarForm td {
	border: 	0px solid black;
	height:		30px;
	padding:	5px 0px;
	text-align:			center;  
}
#newCalendarForm #btSaveCalendar{
	color:				white;
	padding:			8px;
	border: 			0px solid black;
	border-radius: 		6px;
	width:				100px;
	vertical-align:		text-bottom; 
	margin-bottom:		10px;
}
#newCalendarForm .errorBox{
	width:				260px;
	background-color:	var(--color-efit-red);
	border:				1px solid black;
	text-align:			center;
	margin-top:			-10px;
	margin-bottom:		10px;
	padding:			5px;
}
#newCalendarForm .noerrorBox{
	width:				260px;
	background-color:	var(--color-efit-green);
	border:				1px solid black;
	text-align:			center;
	margin-top:			-10px;
	margin-bottom:		10px;
	padding:			5px;
}

#calendarTable{
	background-color: 	rgb(250,250,250);
	margin: 			auto;
	border: 			1px solid black;
}
#calendarTable th{
	font-weight:		bold;
	text-align:			center;  
	background-color:	var(--color-efit-midblue); 
	color:				white; 
	height:				60px; 
}
#calendarTable td,#calendarTable th{
	padding:			5px;
	border: 			1px solid var(--color-efit-grey);
}
#calendarTable tr:hover{
	background-color: 	var(--color-efit-green);
	
}
/*	Forg Psw	*/
#forgottenPsw_div {
	margin: 			30px auto auto auto;
	border: 			1px solid rgb(77, 77, 77);
	width:				300px;
	height:				200px; 
	text-align:			center;
	background-color: 	var(--color-formBg);
}
#forgottenPsw_div #td_Title {
	border: 0px solid black;
	height:	60px;	
	font-size: 	24px;
}
#btForgottenPsw{
	color:				white;
	padding:			8px;
	border: 			0px solid black;
	border-radius: 		6px;
	width:				120px;
}
#bt1DivPsw,#bt2DivPsw{
	border: 			0px solid black;
	float:				left;
	height:				60px;
	margin:				-10px 0px 10px 0px;
} 
#bt1DivPsw{
	width:				83px;
	text-align:			left;
	margin-left:		8px;
	line-height: 		80px;
}
#bt2DivPsw{
	width:				130px;
	text-align:			right;
	line-height: 		70px;
}
#forgottenPsw_div td {
	border: 	0px solid black;
	height:		30px;
	padding:	5px 0px;
}

/*	Regist	*/
#regist_div {
	margin: 			30px auto auto auto;
	border: 			1px solid rgb(77, 77, 77);
	width:				500px;
	height:				100%;
	text-align:			center;
	background-color: 	var(--color-formBg);
}
#td_Title{
	border: 0px solid black;
	height:	60px;	
	font-size: 	24px;
}/*
#btReg{
	color:				white;
	padding:			8px;
	border: 			0px solid black;
	border-radius: 		6px;
	width:				100px;
	vertical-align:		text-bottom; 
	margin-right:		35px;
	margin-bottom:		20px;
}*/
#regist_div .errorBox{
	width:				420px;
	height:				26px;
	color:				var(--color-efit-red);
	border:				0px solid black;
	text-align:			left;
	margin-left:		20px;
	margin-top:			-5px;
}
#regNotifBox{
	width:				350px;
	padding:			20px 0px;
	margin:				50px auto;
	border:				1px solid black;
	background-color:	var(--color-efit-green);
	text-align:			center;
}
#verifOkBoxDiv,#verifNotOkBoxDiv{
	width:				210px;
	border:				1px solid black;
	text-align:			center;
	padding:			5px;
	margin: 			auto;
	position:			absolute;
	top: 				10px;
	left: 				10px;
}
#verifOkBoxDiv{
	background-color:	var(--color-efit-green);
}
#verifNotOkBoxDiv{
	background-color:	var(--color-efit-red);
}

/*	RegistGuest	*/
#registGuest_div {
	margin: 			30px auto auto auto;
	border: 			1px solid rgb(77, 77, 77);
	width:				500px;
	height:				100%;
	text-align:			center;
	background-color: 	var(--color-formBg);
}
#td_Title{
	border: 0px solid black;
	height:	60px;	
	font-size: 	24px;
}
#btReg{
	color:				white;
	padding:			8px;
	border: 			0px solid black;
	border-radius: 		6px;
	width:				100px;
	vertical-align:		text-bottom; 
	margin-right:		35px;
	margin-bottom:		20px;
	background-color:	rgb(1,161,207);
}
#registGuest_div .errorBox{
	width:				420px;
	height:				26px;
	color:				var(--color-efit-red);
	border:				0px solid black;
	text-align:			left;
	margin-left:		20px;
	margin-top:			-5px;
}
#regNotifBox{
	width:				350px;
	padding:			20px 0px;
	margin:				50px auto;
	border:				1px solid black;
	background-color:	var(--color-efit-green);
	text-align:			center;
}
#verifOkBoxDiv,#verifNotOkBoxDiv{
	width:				210px;
	border:				1px solid black;
	text-align:			center;
	padding:			5px;
	margin: 			auto;
	position:			absolute;
	top: 				10px;
	left: 				10px;
}
#verifOkBoxDiv{
	background-color:	var(--color-efit-green);
}
#verifNotOkBoxDiv{
	background-color:	var(--color-efit-red);
}
/*	Logged in	*/
#mainDiv{
	border:			0px solid yellow;
	vertical-align:	top;
	display: 		flex;
	flex-direction: row;
}
#mainMenuDiv{
	border:			0px solid green;
	width:			220px;
    vertical-align: top;
	display:		inline-block;
}
#pageBodyDiv{
	border: 		0px solid red;
	display:		inline-block;
	flex-grow: 		1;
	margin-top:		70px;
	margin-left:	20px;
}
#fullName{
	color:			var(--color-efit-green);
	margin-top:		50px;
	margin-left:	35px;
	text-align:		left;
}
#fullNameImg{
	height:			18px;
	margin-bottom:	-3px;
	margin-left:	10px;
}
/*	Menu table	*/
#mainMenuTable{
	margin-top:		0px;
    vertical-align: top;
	width:			220px;
	border:			0px solid black;
}
#mainMenuTable a{
	color:				rgb(255, 255, 255);
}
#mainMenuTable td{
	padding:			16px 16px 16px 32px;
	border-width:		0px; 
	border-bottom:		1px solid var(--color-efit-grey); 
}
#mainMenuTable td:hover,#mainMenuTable .selectedSubMenu td:hover,#mainMenuTable .noneSelectedSubMenu td:hover{
	background-color:	var(--color-efit-midblue);
	transition: 0.3s;
}
#mainMenuTable th{
	padding-top:		8px;
	padding-bottom:		32px;
	border: 			0px solid black;
	font-size:			18px;
	color:				rgb(255, 255, 255);
	text-align:			center;
}
#mainMenuTable .selectedMenu{
	background-color:	var(--color-efit-midblue);
}
#mainMenuTable .selectedMenuExam{
	background-color:	var(--color-efit-green);
}
#mainMenuTable .noneSelectedMenu{
	background-color:	rgba(255, 255, 255, 0.1);
}
#mainMenuTable .selectedSubMenu td{
	background-color:	var(--color-efit-midblue);
	padding-left:		48px;
}
#mainMenuTable .noneSelectedSubMenu td{
	background-color:	rgba(255, 255, 255, 0.1);
	padding-left:		48px;
}
#mainMenuTable .hiddenMenu{
	display:			none;
}

/*	new gym	*/
#gymDiv {
	margin: 			auto;
	border: 			1px solid rgb(77, 77, 77);
	width:				260px;
	height:				500px;
	text-align:			center; 
	background-color: 	var(--color-formBg);
	color:				white;
}
#gymDiv table {
	padding-left:		20px;
	padding-right:		20px;
	border: 			0px solid black;
	text-align:			center; 
}
#gymDiv th {
	border: 0px solid black;
	height:	60px;	
	font-size: 	24px;
}
#gymDiv td {
	border: 	0px solid black;
	height:		30px;
	padding:	5px 0px;
	text-align:			center;  
}
#gymDiv #btSaveGym{
	color:				white;
	padding:			8px;
	border: 			0px solid black;
	border-radius: 		6px;
	width:				100px;
	vertical-align:		text-bottom; 
	margin-bottom:		10px;
}
#gymDiv .errorBox{
	width:				210px;
	background-color:	var(--color-efit-red);
	border:				1px solid black;
	text-align:			center;
	margin-top:			10px;
	margin-bottom:		10px;
	padding:			5px;
}
#gymDiv .noerrorBox{
	width:				210px;
	background-color:	var(--color-efit-green);
	border:				1px solid black;
	text-align:			center;
	margin-top:			10px;
	margin-bottom:		10px;
	padding:			5px;
}
/*	new gym - trainer	*/
#gymTrDiv {
	margin: 			0px auto 50px;
	border: 			1px solid rgb(77, 77, 77);
	width:				260px;
	text-align:			center; 
	background-color: 	var(--color-formBg);
	color:				white;
}
#gymTrDiv table {
	padding-left:		20px;
	padding-right:		20px;
	border: 			0px solid black;
	text-align:			center; 
}
#gymTrDiv th {
	border: 0px solid black;
	height:	60px;	
	font-size: 	24px;
}
#gymTrDiv td {
	border: 	0px solid black;
	height:		30px;
	padding:	5px 0px;
	text-align:			center;  
}
#gymTrDiv #btSaveGymTr{
	color:				white;
	padding:			8px;
	border: 			0px solid black;
	border-radius: 		6px;
	width:				140px;
	vertical-align:		text-bottom; 
	margin-bottom:		10px;
}
#gymTrDiv .errorBox{
	width:				210px;
	background-color:	var(--color-efit-red);
	border:				1px solid black;
	text-align:			center;
	margin-top:			10px;
	margin-bottom:		10px;
	padding:			5px;
}
#gymTrDiv .noerrorBox{
	width:				210px;
	background-color:	var(--color-efit-green);
	border:				1px solid black;
	text-align:			center;
	margin-top:			10px;
	margin-bottom:		10px;
	padding:			5px;
}
#gymConnLogDiv {
	margin: 			30px auto 50px 40px;
	border: 			0px solid rgb(77, 77, 77);
	text-align:			center; 
	overflow: 			auto;
	height:				385px;
	width:				660px;
	/* background-color: 	var(--color-formBg);
	color:				white; */
}
#gymConnLogDiv table {
	border: 			0px solid black;
	text-align:			center; 
	margin: 			auto;
}
/* #gymConnLogDiv th {
	border: 	0px solid black;
	height:		60px;	
	font-size: 	24px;
} */
/* #gymConnLogDiv td {
	border: 	1px solid white;
	height:		30px;
	padding:	5px;
	text-align:	center; 
	min-width:	50px; 
} */
#gymGuestDiv {
	margin: 			0px auto 50px;
	border: 			1px solid rgb(77, 77, 77);
	width:				220px;
	text-align:			center; 
	background-color: 	var(--color-formBg);
	color:				white;
}
#gymGuestDiv table {
	padding-left:		20px;
	padding-right:		20px;
	border: 			0px solid black;
	text-align:			center; 
}
#gymGuestDiv th {
	border: 0px solid black;
	height:	60px;	
	font-size: 	24px;
}
#gymGuestDiv td {
	border: 	0px solid black;
	height:		30px;
	padding:	5px 0px;
	text-align:			center;  
}
#gymGuestDiv #btSaveGymGuest{
	color:				white;
	padding:			8px;
	border: 			0px solid black;
	border-radius: 		6px;
	width:				140px;
	vertical-align:		text-bottom; 
	margin-bottom:		10px;
}
#gymGuestDiv .errorBox{
	width:				170px;
	background-color:	var(--color-efit-red);
	border:				1px solid black;
	text-align:			center;
	margin-top:			10px;
	margin-bottom:		10px;
	padding:			5px;
}
#gymGuestDiv .noerrorBox{
	width:				170px;
	background-color:	var(--color-efit-green);
	border:				1px solid black;
	text-align:			center;
	margin-top:			10px;
	margin-bottom:		10px;
	padding:			5px;
}

/*	gym table	*/
#gymTable{
	background-color: 	rgb(250,250,250);
	margin: 			auto;
	border: 			1px solid black;
}
#gymTable th{
	font-weight:		bold;
	text-align:			center;  
	background-color:	var(--color-efit-midblue); 
	color:				white; 
	height:				60px; 
}
#gymTable td,#gymTable th{
	padding:			5px;
	border: 			1px solid var(--color-efit-grey);
}
#gymTable tr:hover{
	background-color: 	var(--color-efit-green);
}
#gymTable #btRemoveTrainerFromStudio{
	color:				white;
	padding:			4px;
	border: 			0px solid black;
	border-radius: 		6px;
	width:				80px;
	vertical-align:		text-bottom; 
}
#gymTable #btRight{
	color:				white;
	padding:			4px;
	border: 			0px solid black;
	border-radius: 		6px;
	width:				70px;
	vertical-align:		text-bottom; 
}
/*	gym table class	*/
.gymTable{
	background-color: 	rgb(250,250,250);
	margin: 			auto;
	border: 			1px solid black;
}
.gymTable th{
	font-weight:		bold;
	text-align:			center;  
	background-color:	var(--color-efit-midblue); 
	color:				white; 
	height:				60px; 
}
.gymTable td,.gymTable th{
	padding:			5px;
	border: 			1px solid var(--color-efit-grey);
}
.gymTable tr:hover{
	background-color: 	var(--color-efit-green);
}
.gymTable #btRemoveTrainerFromStudio{
	color:				white;
	padding:			4px;
	border: 			0px solid black;
	border-radius: 		6px;
	width:				80px;
	vertical-align:		text-bottom; 
}
.gymTable #btBalance{
	color:				white;
	padding:			4px;
	border: 			0px solid black;
	border-radius: 		6px;
	width:				80px;
	vertical-align:		text-bottom; 
}
.gymTable #btRight{
	color:				white;
	padding:			4px;
	border: 			0px solid black;
	border-radius: 		6px;
	width:				70px;
	vertical-align:		text-bottom; 
}
.gymTable .btRight{
	color:				white;
	padding:			4px;
	border: 			0px solid black;
	border-radius: 		6px;
	width:				70px;
	vertical-align:		text-bottom; 
}

/*	general readonlytable	*/
#roTable{
	background-color: 	rgb(250,250,250);
	margin: 			auto;
	border: 			1px solid black;
}
#roTable th{
	font-weight:		bold;
	text-align:			center;  
	background-color:	var(--color-efit-midblue); 
	color:				white; 
	height:				60px; 
}
#roTable td,#roTable th{
	padding:			5px;
	border: 			1px solid var(--color-efit-grey);
}
#roTable tr:hover{
	background-color: 	var(--color-efit-green);
}

/*	logInToMachineDiv */
#logInToMachineDiv {
	margin-top: 		0px;
	margin-left: 		auto;
	margin-right: 		auto;
	border: 			1px solid rgb(77, 77, 77);
	width:				405px;
	height:				250px;
	text-align:			center; 
	background-color: 	var(--color-formBg);
	color:				white;
}
#logInToMachineDiv table {
	padding-left:		20px;
	padding-right:		20px;
	border: 			0px solid black;
	text-align:			center; 
}
#logInToMachineDiv th {
	border: 0px solid black;
	height:	60px;	
	font-size: 	24px;
}
#logInToMachineDiv td {
	border: 	0px solid black;
	height:		30px;
	padding:	5px 0px;
	text-align:			center;  
}
#logInToMachineDiv #btMachineLogIn{
	margin-right:			20px;
}
#logInToMachineDiv #btMachineLogIn,#logInToMachineDiv #btMachineLogOut{
	margin-top:			30px;
	color:				white;
	padding:			8px;
	border: 			0px solid black;
	border-radius: 		6px;
	width:				170px;
	vertical-align:		text-bottom; 
	margin-bottom:		10px;
}
#logInToMachineDiv .errorBox{
	width:				210px;
	background-color:	var(--color-efit-red);
	border:				1px solid black;
	text-align:			center;
	margin-top:			10px;
	margin-bottom:		10px;
	padding:			5px;
}
#logInToMachineDiv .noerrorBox{
	width:				210px;
	background-color:	var(--color-efit-green);
	border:				1px solid black;
	text-align:			center;
	margin-top:			10px;
	margin-bottom:		10px;
	padding:			5px;
}
/*	new machine */
#newMachineDiv {
	margin-top: 		70px;
	margin-left: 		auto;
	margin-right: 		auto;
	border: 			1px solid rgb(77, 77, 77);
	width:				258px;
	height:				680px;
	text-align:			center; 
	background-color: 	var(--color-formBg);
	color:				white;
}
#newMachineDiv table {
	padding-left:		20px;
	padding-right:		20px;
	border: 			0px solid black;
	text-align:			center; 
}
#newMachineDiv th {
	border: 0px solid black;
	height:	60px;	
	font-size: 	24px;
}
#newMachineDiv td {
	border: 	0px solid black;
	height:		30px;
	padding:	5px 0px;
	text-align:			center;  
}
#newMachineDiv #btSaveMachine{
	color:				white;
	padding:			8px;
	border: 			0px solid black;
	border-radius: 		6px;
	width:				100px;
	vertical-align:		text-bottom; 
	margin-bottom:		10px;
}
#newMachineDiv .errorBox{
	width:				210px;
	background-color:	var(--color-efit-red);
	border:				1px solid black;
	text-align:			center;
	margin-top:			10px;
	margin-bottom:		10px;
	padding:			5px;
}
#newMachineDiv .noerrorBox{
	width:				210px;
	background-color:	var(--color-efit-green);
	border:				1px solid black;
	text-align:			center;
	margin-top:			10px;
	margin-bottom:		10px;
	padding:			5px;
}

/*	upload question */
#uploadQuestionDiv {
	margin-top: 		70px;
	margin-left: 		auto;
	margin-right: 		auto;
	border: 			1px solid rgb(77, 77, 77);
	width:				920px;
	height:				670px;
	text-align:			center; 
	background-color: 	var(--color-formBg);
	color:				white;
}
#uploadQuestionDiv table {
	padding-left:		20px;
	padding-right:		20px;
	border: 			0px solid black;
	text-align:			center; 
}
#uploadQuestionDiv th {
	border: 			0px solid black;
	height:				60px;	
	font-size: 			24px;
}
#uploadQuestionDiv td {
	border: 			0px solid black;
	height:				30px;
	padding:			5px 0px;
	text-align:			center;  
}
#uploadQuestionDiv #btImportQuestion{
	color:				white;
	padding:			8px;
	border: 			0px solid black;
	border-radius: 		6px;
	width:				100px;
	vertical-align:		text-bottom; 
	margin-bottom:		10px;
}
#uploadQuestionDiv .errorBox, #uploadQuestionDiv .noerrorBox{
	width:				445px;
	border:				1px solid black;
	text-align:			center;
	margin:				10px auto;
	padding:			5px;
}
#uploadQuestionDiv .errorBox{
	background-color:	var(--color-efit-red);
}
#uploadQuestionDiv .noerrorBox{
	background-color:	var(--color-efit-green);
}
/*	question update by num */
#questionModById {
	margin-top: 		20px;
	margin-left: 		auto;
	margin-right: 		auto;
	border: 			1px solid rgb(77, 77, 77);
	width:				310px;
	height:				180px;
	text-align:			center; 
	background-color: 	var(--color-formBg);
	color:				white;
}
#questionModById table {
	padding-left:		20px;
	padding-right:		20px;
	border: 			0px solid black;
	text-align:			center; 
}
#questionModById th {
	border: 			0px solid black;
	height:				60px;	
	font-size: 			24px;
}
#questionModById td {
	border: 			0px solid black;
	height:				30px;
	padding:			5px 0px;
	text-align:			center;  
}
#questionModById #selectQ_bt{
	color:				white;
	padding:			8px;
	border: 			0px solid black;
	border-radius: 		6px;
	width:				100px;
	vertical-align:		text-bottom; 
	margin-bottom:		10px;
}
/**/
#noerrorBoxEmail{
	width:				125px;
	border:				1px solid black;
	text-align:			center;
	margin:				10px auto;
	padding:			5px;
	background-color:	var(--color-efit-green);
}
/*	question update */
#questionMod {
	margin-top: 		20px;
	margin-left: 		auto;
	margin-right: 		auto;
	border: 			1px solid rgb(77, 77, 77);
	width:				850px;
	height:				800px;
	text-align:			center; 
	background-color: 	var(--color-formBg);
	color:				white;
}
#questionMod table {
	padding-left:		20px;
	padding-right:		20px;
	border: 			0px solid black;
	text-align:			center; 
}
#questionMod th {
	border: 			0px solid black;
	height:				60px;	
	font-size: 			24px;
}
#questionMod td {
	border: 			0px solid black;
	height:				30px;
	padding:			5px 0px;
	text-align:			left;  
}
#questionMod td:first-child { 
	width:				150px; 
}
#questionMod #selectQ_bt,#questionMod #record_bt{
	color:				white;
	padding:			8px;
	border: 			0px solid black;
	border-radius: 		6px;
	width:				100px;
	vertical-align:		text-bottom; 
	margin-bottom:		10px;
}
#questionMod .errorBox, #questionMod .noerrorBox{
	width:				445px;
	border:				1px solid black;
	text-align:			center;
	margin:				10px auto;
	padding:			5px;
}
#questionMod .errorBox{
	background-color:	var(--color-efit-red);
}
#questionMod .noerrorBox{
	background-color:	var(--color-efit-green);
}
/*	system parameters */
.systemParams {
	margin-top: 		70px;
	margin-left: 		auto;
	margin-right: 		auto;
	border: 			1px solid rgb(77, 77, 77);
	width:				550px;
	text-align:			center; 
	background-color: 	var(--color-formBg);
	color:				white;
}
.systemParams table {
	padding-left:		20px;
	padding-right:		20px;
	border: 			0px solid black;
	text-align:			center; 
}
.systemParams th {
	border: 			0px solid black;
	height:				60px;	
	font-size: 			24px;
}
.systemParams td {
	border: 			0px solid black;
	height:				30px;
	padding:			5px 0px;
	text-align:			left;  
	width:				150px;
}
.systemParams td:nth-child(2) {
	text-align:			center;  
}
.systemParams #btSaveParams{
	color:				white;
	padding:			8px;
	border: 			0px solid black;
	border-radius: 		6px;
	width:				100px;
	vertical-align:		text-bottom; 
	margin-bottom:		10px;
}

/*	test new question */
#testNewQuestionDiv {
	margin-top: 		70px;
	margin-left: 		auto;
	margin-right: 		auto;
	border: 			1px solid rgb(77, 77, 77);
	width:				800px;
	height:				730px;
	text-align:			center; 
	background-color: 	var(--color-formBg);
	color:				white;
}
#testNewQuestionDiv table {
	padding-left:		20px;
	padding-right:		20px;
	border: 			0px solid black;
	text-align:			center; 
}
#testNewQuestionDiv th {
	border: 			0px solid black;
	height:				60px;	
	font-size: 			24px;
}
#testNewQuestionDiv td {
	border: 			0px solid black;
	height:				30px;
	padding:			5px 0px;
	text-align:			left; 
}
#testNewQuestionDiv td:first-child { 
	width:				150px;
}
#testNewQuestionDiv tr:last-child td {
	text-align:			center;  
}
#testNewQuestionDiv #btSaveQuestion{
	color:				white;
	padding:			8px;
	border: 			0px solid black;
	border-radius: 		6px;
	width:				100px;
	vertical-align:		text-bottom; 
	margin-bottom:		10px;
}
#testNewQuestionDiv .errorBox, #testNewQuestionDiv .noerrorBox{
	width:				445px;
	border:				1px solid black;
	text-align:			center;
	margin:				10px auto;
	padding:			5px;
}
#testNewQuestionDiv .errorBox{
	background-color:	var(--color-efit-red);
}
#testNewQuestionDiv .noerrorBox{
	background-color:	var(--color-efit-green);
}

/*open test*/
#openTestDiv{
	margin-top: 		70px;
	margin-left: 		auto;
	margin-right: 		auto;
	border: 			1px solid rgb(77, 77, 77);
	width:				360px;
	height:				235px;
	text-align:			center; 
	background-color: 	var(--color-formBg);
	color:				white;
}
#openTestDiv table {
	padding-left:		20px;
	padding-right:		20px;
	border: 			0px solid black;
	text-align:			center; 
	width:				360px;
}
#openTestDiv th {
	border: 			0px solid black;
	height:				60px;	
	font-size: 			24px;
}
#openTestDiv td {
	border: 			0px solid black;
	height:				30px;
	padding:			5px 0px;
	text-align:			center; 
}
#openTestDiv input[type="submit"]{
	color:				white;
	padding:			8px;
	border: 			0px solid black;
	border-radius: 		6px;
	width:				100px;
	vertical-align:		text-bottom; 
	margin-bottom:		10px;
}
#openTestDiv .errorBox, #openTestDiv .noerrorBox{
	width:				300px;
	border:				1px solid black;
	text-align:			center;
	margin:				10px auto;
	padding:			5px;
}
#openTestDiv .errorBox{
	background-color:	var(--color-efit-red);
}
#openTestDiv .noerrorBox{
	background-color:	var(--color-efit-green);
}

/*	opened test	*/
#openedtest{ 
	background-color: 	rgb(250,250,250);
	margin: 			50px auto;
	border: 			1px solid black;
	width:				500px;
}
#openedtest th{
	font-weight:		bold;
	background-color:	var(--color-efit-midblue); 
	color:				white; 
	height:				60px; 
}
#openedtest a{
	color:				white;  
}
#openedtest td,#openedtest th{
	padding:			5px;
	border: 			1px solid var(--color-efit-grey);
	text-align:			center;  
	
}
#openedtest tr:hover{
	background-color: 	var(--color-efit-green);
	
}

/* GENERAL*/
.errorBoxGeneral{
	width:				445px;
	border:				1px solid black;
	text-align:			center;
	margin:				10px auto;
	padding:			15px;
	background-color:	var(--color-efit-red);
	color:				white;
}
.noErrorBoxGeneral{
	width:				445px;
	border:				1px solid black;
	text-align:			center;
	margin:				10px auto;
	padding:			15px;
	background-color:	var(--color-efit-green);
	color:				white;
}

/*	new GUI version  */
#newGuiDiv {
	margin-top: 		70px;
	margin-left: 		auto;
	margin-right: 		auto;
	border: 			1px solid rgb(77, 77, 77);
	width:				310px;
	text-align:			center; 
	background-color: 	var(--color-formBg);
	color:				white;
}
#newGuiDiv table {
	padding-left:		20px;
	padding-right:		20px;
	border: 			0px solid black;
	text-align:			center; 
}
#newGuiDiv th {
	border: 0px solid black;
	height:	60px;	
	font-size: 	24px;
}
#newGuiDiv td {
	border: 	0px solid black;
	height:		30px;
	padding:	5px 0px;
	text-align:			center;  
}
#newGuiDiv #btSaveGui{
	color:				white;
	padding:			8px;
	border: 			0px solid black;
	border-radius: 		6px;
	width:				100px;
	vertical-align:		text-bottom; 
	margin-bottom:		10px;
}
/*	display exam Q  */
#displayExamQDiv {
	margin-top: 		20px;
	margin-left: 		auto;
	margin-right: 		auto;
	border: 			1px solid rgb(77, 77, 77);
	width:				310px;
	text-align:			center; 
	background-color: 	var(--color-formBg);
	color:				white;
}
#displayExamQDiv table {
	padding-left:		20px;
	padding-right:		20px;
	border: 			0px solid black;
	text-align:			center; 
}
#displayExamQDiv th {
	border: 0px solid black;
	height:	60px;	
	font-size: 	24px;
}
#displayExamQDiv td {
	border: 	0px solid black;
	height:		30px;
	padding:	5px 0px;
	text-align:			center;  
}
#displayExamQDiv input[type="submit"]{
	color:				white;
	padding:			8px;
	border: 			0px solid black;
	border-radius: 		6px;
	width:				100px;
	vertical-align:		text-bottom; 
	margin-bottom:		10px;
}
/*	balanceDiv  */
#balanceDiv {
	border: 			1px solid rgb(77, 77, 77);
	width:				350px;
	text-align:			center; 
	background-color: 	var(--color-formBg);
	color:				white;
	font-size: 			16px;
	/*font-weight:		bold;*/
	margin-left:		20px;
	padding:			20px;
}
/*	runstatSetDiv  */
#runstatSetDiv {
	margin-bottom: 		50px;
	margin-left: 		auto;
	margin-right: 		auto;
	border: 			1px solid rgb(77, 77, 77);
	width:				280px;
	text-align:			center; 
	background-color: 	var(--color-formBg);
	color:				white;
}
#runstatSetDiv table {
	padding-left:		20px;
	padding-right:		20px;
	border: 			0px solid black;
	text-align:			center; 
}
#runstatSetDiv th {
	border: 0px solid black;
	height:	60px;	
	font-size: 	24px;
}
#runstatSetDiv td {
	border: 	0px solid black;
	height:		30px;
	padding:	5px 0px;
	text-align:			center;  
}
#runstatSetDiv input[type="submit"]{
	color:				white;
	padding:			8px;
	border: 			0px solid black;
	border-radius: 		6px;
	width:				100px;
	vertical-align:		text-bottom; 
	margin-bottom:		10px;
}
/*	topUpDiv  */
#topUpDiv {
	margin-bottom: 		20px;
	border: 			1px solid rgb(77, 77, 77);
	text-align:			center; 
	background-color: 	var(--color-formBg);
	color:				white;
}
#topUpDiv table {
	padding-left:		0px;
	padding-right:		0px;
	border: 			0px solid black;
	text-align:			center; 
}
#topUpDiv th {
	border:				0px solid black;
	height:				60px;	
	font-size: 			24px;
}
#topUpDiv td {
	border: 			0px solid black;
	height:				30px;
	padding:			5px 0px;
	text-align:			center;  
}
#topUpDiv input[type="submit"]{
	color:				white;
	padding:			8px;
	border: 			0px solid black;
	border-radius: 		6px;
	width:				100px;
	vertical-align:		text-bottom; 
	margin-bottom:		10px;
}
/*	balanceParamsDiv  */
#balanceParamsDiv {
	margin-bottom: 		50px;
	margin-left: 		50px;
	border: 			1px solid rgb(77, 77, 77);
	text-align:			center; 
	background-color: 	var(--color-formBg);
	color:				white;
}
#balanceParamsDiv table {
	padding-left:		20px;
	padding-right:		20px;
	border: 			0px solid black;
	text-align:			center; 
}
#balanceParamsDiv th {
	border: 0px solid black;
	height:	60px;	
	font-size: 	24px;
}
#balanceParamsDiv td {
	border: 	0px solid black;
	height:		30px;
	padding:	5px 0px;
	text-align:			left;  
}
#balanceParamsDiv input[type="submit"]{
	color:				white;
	padding:			8px;
	border: 			0px solid black;
	border-radius: 		6px;
	width:				100px;
	vertical-align:		text-bottom; 
	margin-bottom:		10px;
}
/*	default form  */
.defaultForm {
	margin-top: 		20px;
	margin-right: 		20px;
	/*margin-left: 		auto;
	margin-right: 		auto;*/
	border: 			1px solid rgb(77, 77, 77);
	text-align:			center; 
	background-color: 	var(--color-formBg);
	color:				white;
}
.defaultForm table {
	padding-left:		20px;
	padding-right:		20px;
	border: 			0px solid black;
	text-align:			center; 
}
.defaultForm th {
	border: 0px solid black;
	height:	60px;	
	font-size: 	24px;
}
.defaultForm td {
	border: 	0px solid black;
	height:		30px;
	padding:	5px 0px;
	text-align:	center;  
}
.defaultForm input[type="submit"]{
	color:				white;
	padding:			8px;
	border: 			0px solid black;
	border-radius: 		6px;
	width:				100px;
	vertical-align:		text-bottom; 
	margin-bottom:		10px;
}
/*	display exam Q  */
#uploadExamImgDiv {
	margin-top: 		20px;
	margin-left: 		auto;
	margin-right: 		auto;
	border: 			1px solid rgb(77, 77, 77);
	width:				450px;
	text-align:			center; 
	background-color: 	var(--color-formBg);
	color:				white;
}
#uploadExamImgDiv table {
	padding-left:		20px;
	padding-right:		20px;
	border: 			0px solid black;
	text-align:			center; 
}
#uploadExamImgDiv th {
	border: 0px solid black;
	height:	60px;	
	font-size: 	24px;
}
#uploadExamImgDiv td {
	border: 	0px solid black;
	height:		30px;
	padding:	5px 0px;
	text-align:			center;  
}
#uploadExamImgDiv input[type="submit"]{
	color:				white;
	padding:			8px;
	border: 			0px solid black;
	border-radius: 		6px;
	width:				100px;
	vertical-align:		text-bottom; 
	margin-bottom:		10px;
}

/*	mod. machine */
#modMachineDiv {
	border: 			0px solid black;
	width:				900px;
	text-align:			center; 
	background-color: 	var(--color-formBg);
	color:				white;
}
#modMachineDiv table {
	padding-left:		20px;
	padding-right:		20px;
	border: 			1px solid rgb(77, 77, 77);
	text-align:			center; 
	width:				100%;
}
#modMachineDiv th {
	border: 			0px solid black;
	height:				60px;	
	font-size: 			24px;
	text-align:			center; 
}
#modMachineDiv tr:nth-child(2) {
	border: 			0px solid black;
	height:				30px;
	padding:			5px 0px;
	text-align:			center; 
	font-weight:		bold;
}
#modMachineDiv td {
	border: 			0px solid black;
	height:				30px;
	padding:			5px 0px;
	width:				200px;
	word-break: 		break-all;
}
#modMachineDiv td:first-child {
	text-align:			right; 
	font-weight:		bold; 
}
#modMachineDiv td:last-child {
	text-align:			center;  
}
#modMachineDiv #btSaveMachine{
	color:				white;
	padding:			8px;
	border: 			0px solid black;
	border-radius: 		6px;
	width:				100px;
	vertical-align:		text-bottom; 
	margin-bottom:		10px;
}
#modMachineDiv .errorBox{
	width:				445px;
	background-color:	var(--color-efit-red);
	border:				1px solid black;
	text-align:			center;
	margin-top:			10px;
	margin-bottom:		10px;
	padding:			5px;
}
#modMachineDiv .noerrorBox{
	width:				445px;
	background-color:	var(--color-efit-green);
	border:				1px solid black;
	text-align:			center;
	margin-top:			10px;
	margin-bottom:		10px;
	padding:			5px;
}

/*	mod. gym */
#modGymDiv {
	margin: 			auto;
	border: 			0px solid black;
	width:				500px;
	text-align:			center; 
	background-color: 	var(--color-formBg);
	color:				white;
}
#modGymDiv table {
	padding-left:		20px;
	padding-right:		20px;
	border: 			1px solid black;
	text-align:			center; 
	width:				500px;
}
#modGymDiv th {
	border: 			0px solid black;
	height:				60px;	
	font-size: 			24px;
	text-align:			center; 
}
#modGymDiv tr:nth-child(2) {
	border: 			0px solid black;
	height:				30px;
	padding:			5px 0px;
	text-align:			center; 
	font-weight:		bold;
}
#modGymDiv td {
	border: 			0px solid black;
	height:				30px;
	padding:			5px 0px;
}
#modGymDiv td:first-child {
	text-align:			left; 
	font-weight:		bold; 
}
#modGymDiv td:last-child {
	text-align:			center;  
}
#modGymDiv #btSaveGym{
	color:				white;
	padding:			8px;
	border: 			0px solid black;
	border-radius: 		6px;
	width:				100px;
	vertical-align:		text-bottom; 
	margin-bottom:		10px;
}
#modGymDiv .errorBox{
	width:				445px;
	background-color:	var(--color-efit-red);
	border:				1px solid black;
	text-align:			center;
	margin-top:			10px;
	margin-bottom:		10px;
	padding:			5px;
}
#modGymDiv .noerrorBox{
	width:				445px;
	background-color:	var(--color-efit-green);
	border:				1px solid black;
	text-align:			center;
	margin-top:			10px;
	margin-bottom:		10px;
	padding:			5px;
}

/*	machine table */
#machineTable {
	background-color: 	rgb(250,250,250);
	margin: 			auto;
	border: 			1px solid black;
}
#machineTable th{
	font-weight:		bold;
	text-align:			center;  
	background-color:	var(--color-efit-midblue); 
	color:				white; 
	height:				60px; 
}
#machineTable td,#machineTable th{
	padding:			5px;
	border: 			1px solid var(--color-efit-grey);
}
#machineTable a, #machineTable td{
	font-size:			10px;
}

/*	machine log table */
#mLogsTable {
	background-color: 	rgb(250,250,250);
	margin: 			auto;
	border: 			1px solid black;
}
#mLogsTable th{
	font-weight:		bold;
	text-align:			center;  
	background-color:	var(--color-efit-midblue); 
	color:				white; 
	height:				60px; 
}
#mLogsTable td,#mLogsTable th{
	padding:			5px;
	border: 			1px solid var(--color-efit-grey);
}

/*	HB table */
#hbTable,#manduTable,#mErrorTable,.gTable {
	background-color: 	rgb(250,250,250);
	margin: 			auto;
	border: 			1px solid black;
}
#hbTable th,#manduTable th,#mErrorTable th,.gTable th{ 
	font-weight:		bold;
	background-color:	var(--color-efit-midblue); 
	color:				white; 
	height:				60px; 
}
#hbTable td, #hbTable th,#manduTable td,#manduTable th,#mErrorTable td,#mErrorTable th,.gTable td,.gTable th{
	padding:			5px;
	border: 			1px solid var(--color-efit-grey);
	text-align:			center; 
}

/*	login log table */
#loginLogTable {
	background-color: 	rgb(250,250,250);
	margin: 			auto;
	border: 			1px solid black;
	width:				700px;
}
#loginLogTable th{
	font-weight:		bold;
	text-align:			center;  
	background-color:	var(--color-efit-midblue); 
	color:				white; 
	height:				60px; 
}
#loginLogTable td,#loginLogTable th{
	padding:			5px;
	border: 			1px solid var(--color-efit-grey);
	text-align:			center;
}
#loginLogTable pre{ 
	text-align:			left;
	font-size:			16px;
}

/*	user settings */
#userSettingsDivMain{
	margin: 			auto;
	border: 			0px solid black;
	width:				870px;
	height:				100%;
	text-align:			center; 
	
}
#userSettingsDiv {
	float: 				left;
	border: 			1px solid rgb(77, 77, 77);
	width:				550px;
	height:				100%;
	text-align:			center; 
	
	background-color: 	var(--color-formBg);
	margin-right: 		50px;
	color:				white;
}
#userSettingsDiv table {
	padding-left:		20px;
	padding-right:		20px;
	border: 			0px solid black;
	text-align:			center; 
}
#userSettingsDiv th {
	border: 			0px solid black;
	height:				60px;	
	font-size: 			24px;
}
#userSettingsDiv td:first-child {
	border: 			0px solid black;
	height:				30px;
	padding:			5px 10px;
	text-align:			right; 
	width: 				170px;	
}
#userSettingsDiv td {
	border: 			0px solid black;
	height:				30px;
	padding:			5px 0px;
	text-align:			center;  
}
#userSettingsDiv #btSaveSettings{
	color:				white;
	padding:			8px;
	border: 			0px solid black;
	border-radius: 		6px;
	width:				100px;
	vertical-align:		text-bottom; 
	margin-bottom:		10px;
}
#userSettingsDiv .errorBox{
	width:				315px;
	height:				26px;
	color:				var(--color-efit-red);
	border:				0px solid black; 
	text-align:			left;
	margin-left:		2px;
	margin-top:			-5px;
}
#userSettingsDiv .noerrorBox{
	width:				210px;
	background-color:	var(--color-efit-green);
	border:				1px solid black;
	text-align:			center;
	margin-top:			10px;
	margin-bottom:		10px;
	padding:			5px;
}

/*	user Guest settings */
#userSettingsGuestDiv {
	border: 			0px solid black;
	width:				550px;
	height:				100%;
	text-align:			center; 
	margin-right: 		50px;
	margin:				auto;
}
#userSettingsGuestDiv table {
	padding-left:		20px;
	padding-right:		20px;
	border: 			1px solid rgb(77, 77, 77);
	text-align:			center; 
	margin:				auto;
	background-color: 	var(--color-formBg);
	color:				white;
}
#userSettingsGuestDiv th {
	border: 			0px solid black;
	height:				60px;	
	font-size: 			24px;
}
#userSettingsGuestDiv td:first-child {
	border: 			0px solid black;
	height:				30px;
	padding:			5px 10px;
	text-align:			right; 
	width: 				170px;	
}
#userSettingsGuestDiv td {
	border: 			0px solid black;
	height:				30px;
	padding:			5px 0px;
	text-align:			center;  
}
#userSettingsGuestDiv #btSaveSettings{
	color:				white;
	padding:			8px;
	border: 			0px solid black;
	border-radius: 		6px;
	width:				100px;
	vertical-align:		text-bottom; 
	margin-bottom:		10px;
}
#userSettingsGuestDiv .errorBox{
	width:				315px;
	height:				26px;
	color:				var(--color-efit-red);
	border:				0px solid black; 
	text-align:			left;
	margin-left:		2px;
	margin-top:			-5px;
}
#userSettingsGuestDiv .noerrorBox{
	width:				210px;
	background-color:	var(--color-efit-green);
	border:				1px solid black;
	text-align:			center;
	margin-top:			10px;
	margin-bottom:		10px;
	padding:			5px;
}
.imgMuscles, .imgMusclesBike{
	max-height:			50px;
}
.imgMusclesBike{
	display:			none;
}
/**/
#userDataDiv{
	margin: 			auto;
	border: 			0px solid black;
	width:				490px;
	text-align:			center; 
	background-color: 	var(--color-formBg);
	color:				white;
	
}
#userDataDiv table {
	padding-left:		20px;
	padding-right:		20px;
	border: 			1px solid rgb(77, 77, 77);
	text-align:			center; 
}
#userDataDiv td {
	border: 			0px solid black;
	height:				30px;
	padding:			2px 10px;
	text-align:			left;  
}
#userDataDiv td:first-child {
	border: 			0px solid black;
	text-align:			right; 
	width: 				170px;
	font-weight:		bold;
}
#userDataDiv td:nth-child(2) { 
	width: 				260px;
}
/**/
#guestBalanceDiv{
	border: 			0px solid black;
	width:				1400px;
	text-align:			center; 
	display:			flex;
	justify-content: 	flex-start;
	align-items: 		flex-start;
	margin-top:			20px;
	
	
}
#guestBalanceDiv table {
	background-color: 	var(--color-formBg);
	color:				white;
	margin-left:		20px;
	padding-left:		20px;
	padding-right:		20px;
	border: 			1px solid rgb(77, 77, 77);
	text-align:			center; 
}
#guestBalanceDiv td,#guestBalanceDiv th {
	border: 			0px solid black;
	height:				30px;
	padding:			2px 10px;
}	
/**/
#userModifDiv{
	border: 			0px solid black;
	width:				700px;
	text-align:			center; 
	background-color: 	var(--color-formBg);
	color:				white;
	
}
#userModifDiv table {
	padding-left:		20px;
	padding-right:		20px;
	border: 			1px solid rgb(77, 77, 77);
	text-align:			center; 
}
#userModifDiv td {
	border: 			0px solid black;
	height:				30px;
	padding:			2px 10px;
	text-align:			left;  
}
#userModifDiv td:first-child {
	border: 			0px solid black;
	text-align:			right; 
	width: 				250px;
	font-weight:		bold;
}
#userModifDiv input[type="submit"]{
	color:				white;
	padding:			8px;
	border: 			0px solid black;
	border-radius: 		6px;
	width:				100px;
	vertical-align:		text-bottom; 
	margin-bottom:		10px;
}
#userModifDiv .errorBox{
	width:				210px;
	background-color:	var(--color-efit-red);
	border:				1px solid black;
	text-align:			center;
	margin-top:			10px;
	margin-bottom:		10px;
	padding:			5px;
}
/*my trainers*/
#myTrainersDiv{
	float: 				left;
	border: 			1px solid rgb(77, 77, 77);
	width:				260px;
	height:				100%;
	text-align:			center; 
	background-color: 	var(--color-formBg);
	color:				white;
}
#myTrainersDiv #newMyTrainerBt{
	color:				white;
	padding:			8px;
	border: 			0px solid black;
	border-radius: 		6px;
	width:				100px;
	vertical-align:		text-bottom; 
	margin-bottom:		10px;
}
#myTrainersDiv th {
	border: 			0px solid black;
	height:				60px;	
	font-size: 			24px;
}
#myTrainersDiv table {
	padding-left:		20px;
	padding-right:		20px;
	border: 			0px solid black;
	text-align:			center; 
}
#myTrainersDiv .errorBox{
	width:				210px;
	background-color:	var(--color-efit-red);
	border:				1px solid black;
	text-align:			center;
	margin-top:			10px;
	margin-bottom:		10px;
	padding:			5px;
}
#myTrainersDiv .noerrorBox{
	width:				210px;
	background-color:	var(--color-efit-green);
	border:				1px solid black;
	text-align:			center;
	margin-top:			10px;
	margin-bottom:		10px;
	padding:			5px;
}
/*dashboard*/
.dashboardCron{
	float: 				left;
	border: 			1px solid black;
	width:				240px;
	text-align:			center; 
	background-color: 	white;
	
}
.dashboardCron legend {
	color:				black;
	border: 			1px solid black;
	background-color: 	var(--color-efit-green);
	width:				150px;
	padding:			5px;
	
}
/*	new efit tr pr	*/
#newEfitPr {
	margin: 			auto;
	border: 			1px solid rgb(77, 77, 77);
	width:				480px;
	height:				100%;
	text-align:			center; 
	background-color: 	var(--color-formBg);
	color:				white;
}
#newEfitPr table {
	padding-left:		20px;
	padding-right:		20px;
	border: 			0px solid black;
	text-align:			center; 
}
#newEfitPr th {
	border: 			0px solid black;
	height:				60px;	
	font-size: 			24px;
	text-align:			center;  
}
#newEfitPr td {
	border: 			0px solid black;
	height:				30px;
	padding:			5px 5px;
	text-align:			center;  
}
#newEfitPr td:nth-child(2),#newEfitPr td:nth-child(4) {
	border: 			0px solid black;
	height:				30px;
	padding:			5px 5px;
	text-align:			left;  
}
#newEfitPr input[type="submit"]{
	color:				white;
	padding:			8px;
	border: 			0px solid black;
	border-radius: 		6px;
	width:				100px;
	vertical-align:		text-bottom; 
	margin-bottom:		10px;
}
#newEfitPr .errorBox,#newEfitPr .noerrorBox{
	position:			absolute;
	width:				470px;
	border:				1px solid black;
	text-align:			center;
	margin-top:			10px;
	margin-bottom:		10px;
	padding:			5px;
	color:				white;
}
#newEfitPr .errorBox{
	background-color:	var(--color-efit-red);
}
#newEfitPr .noerrorBox{
	background-color:	var(--color-efit-green);
}
#exportBtn{
	width:				200px;
	padding:			10px;
	margin:				30px auto;
	background-color:	var(--color-efit-green);
	text-align:			center;
	border:				1px solid black;
}
/*online test*/
#startTestDiv{
	border:				1px solid black;
	width:				600px;
	margin:				auto;
	color:				white;
}
#startTestDiv #head{
	font-size:			22px;
	background-color:	var(--color-efit-green);
	padding:			25px;
	text-align:			center;
	font-weight:		bold;
	letter-spacing: 	3px;
}
#startTestDiv #title{
	font-size:			18px;
	font-weight:		bold;
	padding:			15px;
}
#startTestDiv #details{
	padding:			15px;
}
#startTestDiv #startBtn{
	color:				white;
	padding:			8px;
	border: 			0px solid black;
	border-radius: 		6px;
	width:				100px;
	vertical-align:		text-bottom; 
	margin-bottom:		10px;
}
#startTestDiv form{
	padding:			15px;
}
/* graph*/
#workoutGraphDivMain{
	position:			absolute;
	border:				0px solid red;
	left: 				0px; 
	top: 				0px; 
	width:				100%;
	height:				100%;
	background-color:	var(--color-efit-darkblue);
}
#workoutGraphDiv{
	position: 			relative;
	display: 			block;
	margin:				auto;
	top:				20%;
	border:				0px solid red;
	background-color:	white;
	width:				1100px;
	box-shadow: 		0px 0px 40px 10px black;
}
#workoutGraphDivMain #closeBtn{
	position: 			relative;
	border:				1px solid black;
	background-color:	var(--color-efit-green);
	width:				120px;
	padding:			10px;
	text-align:			center;
	margin:				auto;
	top:				10px;
	
	
}
/**/
.alertDiv{
	display: 	inline-block;
    position: 	fixed;
    top: 		0;
    bottom: 	0;
    left: 		0;
    right: 		0;
    width: 		300px;
    height: 	50px;
	margin: 	auto;
	background-color: var(--color-efit-orange);
	border:		1px dotted black;
	padding:	20px;
	text-align: center;

}