.textBoxTheme {
	padding: 2px 5px;
	margin: 1px 0;
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: 3px;
	box-sizing: border-box;
	color: black;
}

.TableFooter {
	text-align: left;
	background-color: #6699FF;
	color: white;
	font-weight: bold;
}

.TableCustomer {
	border-collapse: collapse;
	width: 100%;
}

	.TableCustomer td, .TableCustomer th {
		border: 1px solid #ddd;
		padding: 0px;
	}

	.TableCustomer tr:nth-child(even) {
		background-color: #bbfabd;
		color: black;
	}

	.TableCustomer tr:hover {
		background-color: #555;
		color: black;
	}

	.TableCustomer th {
		padding-top: 6px;
		padding-bottom: 6px;
		text-align: left;
		background-color: darkorchid;
		color: white;
 
	}


.TableGridDetails {
	border-collapse: collapse;
	width: 100%;
}

	.TableGridDetails td, .TableGridDetails th {
		border: 1px solid #ddd;
		padding: 0px;
	}

.modal {
	position: fixed;
	top: 0;
	left: 0;
	background-color: black;
	z-index: 99;
	opacity: 0.8;
	filter: alpha(opacity=80);
	min-height: 100%;
	width: 100%;
}

.loading {
	font-family: Arial;
	font-size: 10pt;
	border: 5px solid #67CFF5;
	width: 200px;
	height: 100px;
	display: none;
	position: fixed;
	background-color: White;
	z-index: 999;
}

/* Button used to open the contact form - fixed at the bottom of the page */
.open-button {
	background-color: #555;
	color: white;
	padding: 16px 20px;
	border: none;
	cursor: pointer;
	opacity: 0.8;
	position: fixed;
	bottom: 23px;
	right: 28px;
	width: 280px;
}

/* The popup form - hidden by default */
.form-popup {
	display: none;
	position: fixed;
	bottom: 0;
	right: 15px;
	border: 3px solid #f1f1f1;
	z-index: 9;
}

/* Add styles to the form container */
.form-container {
	max-width: 300px;
	padding: 10px;
	background-color: white;
}

	/* Full-width input fields */
	.form-container input[type=text], .form-container input[type=password] {
		width: 100%;
		padding: 15px;
		margin: 5px 0 22px 0;
		border: none;
		background: #f1f1f1;
	}

		/* When the inputs get focus, do something */
		.form-container input[type=text]:focus, .form-container input[type=password]:focus {
			background-color: #ddd;
			outline: none;
		}

	/* Set a style for the submit/login button */
	.form-container .btn {
		background-color: #4CAF50;
		color: white;
		padding: 16px 20px;
		border: none;
		cursor: pointer;
		width: 100%;
		margin-bottom: 10px;
		opacity: 0.8;
	}

	/* Add a red background color to the cancel button */
	.form-container .cancel {
		background-color: red;
	}

	/* Add some hover effects to buttons */
	.form-container .btn:hover, .open-button:hover {
		opacity: 1;
	}

.PageBody {
	background-color: lavender;
	font-family: Tahoma,'Times New Roman', Times, serif;
	color: black;
}

.PageHeader {
	text-align: center;
	background-color: #6699FF;
	font-size: 22px;
	color: black;
}

#Background {
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: whitesmoke;
	filter: alpha(opacity=40);
	opacity: 0.8;
	z-index: 160;
}

#Progress {
	position: fixed;
	top: 30%;
	left: 30%;
	z-index: 1006;
}

.BackgroundModal {
	background-color: whitesmoke;
	border-radius: 10px;
	border: 1px solid darkgreen;
	padding: 10px;
}