.hScroll {
		width: 99%;
		white-space: nowrap;
		font-family: Arial;
		font-size:clamp(10px, 21vh,6vmax);
		display: inline-block;
		text-align: left;
		font-weight: 800; 
		
	}
	
	.mainTable {
		border: none:
		border-collapse: collapse;
	}
	
	.headerLogo{

		height:clamp(10px, 30vh,15vmax);
	}
	
	.headerCell {
		text-align: center;
		background-color: #112745;
		width: 99%;
	}
	
	body {
		padding: 0px;
		margin: 0px;
		border-collapse: collapse;
		border-spacing: 0;
		font-family: Arial;
		background-color: #fff;
		overflow: hidden;
		position: absolute;
		top: 0px;
		right: 0px;
		left: 0px;
	
	}
	
	table {
	  border-collapse: collapse;
	  table-layout: fixed;
	  border-spacing: 0;
	  margin: 0;
	  width: 100%;
	max-height: 10%;
	}

	th, td {
	  padding: 0;
	  margin: 0;
	  border-collapse: collapse;
	  border-spacing: 0;
	  white-space: nowrap;
	  overflow:hidden;

	}
	
	.rideInfo {
		font-size: clamp(8px, 14vh,4.5vmax);
		vertical-align: top;
		padding: 2vh;
		padding-bottom: 0px;
	}
	
	.messages {
		background-color: #fff;
		width: 5vh;
		color: red;
		font-weight: bold; 
	}
	
	.scrollTextContainer {
		white-space: nowrap;
		font-family: Arial;
		font-size: clamp(16px, 18vh,6.5vmax);

		text-align: left;
		font-weight: bold; 
		color: red;
		position: block;
		overflow:hidden;
		}

.scrollText{
	white-space: nowrap;
	margin: 0px;
	padding: 0px;
	display: table-cell;

}

@keyframes scrollTextAnimation {
  from {
    -moz-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);

  }
  to {
    -moz-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }