* {
	font-family: consolas;
}
table, th, td {
	border: 2px solid black;
	border-width: 2px;
	border-collapse:collapse;
}
.slider {
	display: inline-block;
	vertical-align: middle;
	-webkit-appearance: none;  /* Override default CSS styles */
	appearance: none;
	width: 15%;
	height: 25px;
	background: linear-gradient(to right, #00ff00 0%, #ff0000 100%);
	outline: none; /* Remove outline */
	opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
	-webkit-transition: .2s; /* 0.2 seconds transition on hover */
	transition: opacity .2s;
	user-select: none;
}
.slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 5px;
	height: 30px;
	background: #ffffff;
	border: 1px solid black;
}
.slider::-moz-range-thumb {
	width: 5px;
	height: 30px;
	background: #ffffff;
	border: 1px solid black;
}
.inlineText {
	display:inline-block;
	vertical-align:middle;
}