/* body {
  background-color: #000000;
  color: #ffffff;
  font-family: arial, helvetica, verdana;
  font-size: 20px;
  padding: 0px;
  margin: 0px;
  Hide scrollbar 
  -ms-overflow-style: none;  IE and Edge 
  scrollbar-width: none;  Firefox 
} */

/* Hide scrollbar for Chrome, Safari and Opera */
/* body::-webkit-scrollbar {
  display: none;
} */

/* Hide scrollbar for IE, Edge and Firefox */

/* .cell {
  line-height: 1.1;
} */

:root {
  --background-color: #323232;
  --font-color: white;
}

html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
  font-size: 3vw; /* Set base font size to a larger percentage of viewport width */
  background-color: var(--background-color); /* Set background color of the body to black */
  color: var(--font-color); /* Set text color to white */
  font-family: Arial, Helvetica, Verdana; /* Set font family */
}

table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed; /* Ensures cells are of equal width */
  background-color: var(--background-color); /* Set background color of the table */
}

th,
td {
  text-align: left; /* Align text to the left in all cells, including headers */
  box-sizing: border-box; /* Includes padding and border in the element's total width and height */
  font-size: 1em; /* Use the base font size defined in html, body */
  color: var(--font-color); /* Set text color to white */
  border-right: 1px solid rgba(255, 255, 255, 0.1); /* Subtle border between columns */
  padding-left: 5px; /* Add left padding */
  padding-right: 5px; /* Add right padding */
  overflow-wrap: break-word; /* Break words that exceed the cell width */
}

th.minutes-left,
td.minutes-left {
  width: 15%; /* Set width for column 1 */
  text-align: center; /* Center align text in column 1 */
}

th.actual-departure-time,
td.actual-departure-time {
  width: 17%; /* Set width for column 2 */
}

th.scheduled-departure-time,
td.scheduled-departure-time {
  width: 15%; /* Set width for column 3 */
}

th.line,
td.line {
  width: 15%; /* Set width for column 4 */
}

th.direction,
td.direction {
  /*width: 41%; */ /* Set width for column 5 */
}

th.platform,
td.platform {
  width: 10%; /* Set width for column 4 */
}

th {
  background: hsl(0 0% 0% / 0.5); /* Set background color of the table heading */
}

tr:nth-of-type(2n) {
  background: hsl(0 0% 0% / 0.2); /* Set background for even rows */
}

/* 
.minutes_left {
  text-align: right;
  padding-left: 10px;
  padding-right: 10px;
}

.actual_departure_time {
  color: #c824e9;
  padding-left: 10px;
  padding-right: 10px;
}

.scheduled_departure_time {
  padding-left: 10px;
  padding-right: 10px;
}

.direction {
  padding-left: 10px;
  padding-right: 0px;
}

#current_time {
  margin-top: 5px;
  margin-bottom: 5px;
}

#head {
  display: flex;
  justify-content: space-between;
} */