.SouthNorth{
  color:#FFFFFF;
  font-size: 1.5em;
  font-weight: 590;
  line-height: 100%;
  position: relative;
  background-color: black;
}
.SouthNorth p{
  padding: 16px 22px 16px 14px;
  margin: 0;
}
.SouthNorth img{
  position: absolute;
  top: 16px;
  right: 22px;
  width: 60px;
}
.SouthNorth.south {
  background-color: #236b6f;
}
.SouthNorth.north {
  background-color: #0f4373
}
.segment tr:last-child {
  border-top: .1em solid black;
  box-shadow: inset 0 .1em red;
}

.segment.noborder tr:last-child {
  border-top: none;
  box-shadow: none
}

.tblSouthBound{
  table-layout: auto;
  width: 100%;
}
.tblNorthBound{
  table-layout: auto;
  width: 100%;
}
body{
  
  background: #F2F2F4;
}

table {
    width: 100%;
    box-shadow: 5px 5px #E1E1E1;
    border-radius: 8px;
    border-left: 3px solid #ececee;
}
table
{
border-collapse: collapse;
}
td {
  font-size: 1.4em;
  transform: scale(1,1.4);
  border: 0;
}

.statusCancelled{
color: #D13239;
}

.blink {
    animation: blinker 2.5s linear infinite;
    color: #0111ab;
}

@keyframes blinker {
    50% {
    opacity: 0;
    }
}
.rcorners1 {

  border: 2px solid Black;
   border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.rcorners2 {

  border: 2px solid Black;
   border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
* {
  box-sizing: border-box;
}

/* Create two equal columns that floats next to each other */
.columnLeft {
  float: left;
  width: 49%;
border-radius: 8px;
border: 2px solid #f2f2f4;
font-family: sf_pro_displaymedium;

}
.columnRight {
  float: right;
  width: 49%;
border-radius: 8px;
border: 2px solid #f2f2f4;
font-family: sf_pro_displaymedium;

}
.noColumn{
  border-radius: 8px;
  border: 2px solid #f2f2f4;
  font-family: sf_pro_displaymedium;
}
.noColumnVertical{
  display: none;
  min-height: 50%;
  font-family: sf_pro_displaymedium;
}
td:first-child{padding-left: 32px}
td:last-child{padding-right: 32px}


.row{
  padding: 25.6px; /*32px*/;
  overflow: hidden;
}
/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
.colHeading{
background: white;
}
.colHeading td{
  padding-top: 1.5em; /*36px*/
  font-size: 1.4em;
  line-height: 100%;
  background: white;
  padding-bottom: .5em;
  transform: none;
}
td{
padding-top: .8em;
padding-bottom: .8em;
}
#dataRow:nth-child(even) {
  background-color: white;
}  

.topDataRowSide{
  background: white;
  border-bottom:3px solid darkgray;
}
.topDataRowSide td{
padding-top: 0.3em;
padding-bottom: 1em; /*32px*/;
font-size: 1.8em; /*32px*/;
text-transform: uppercase;
font-weight: 850;
transform: scale(1,1.4);
border-bottom:3px solid #E1E1E1;
}
.topStatus{
color: white;
border-radius: .3em;
padding-bottom: .1em;
padding-right: .3em;
padding-left: .3em;
font-size: .8em;
white-space: nowrap;
transform: scale(1,1.4);
}

.topStatusBlue{
background: #094273;

}
.topStatusGreen{
background: #4DAA28;

}
.topStatusRed{
background: #D13239;

}
.topStatusOrange{
background: #FF9E16;

}
.statusBlue{
color: #094273;

}
.statusGreen{
color: #4DAA28;

}
.statusRed{
color: #D13239;

}
.statusOrange{
color: #FF9E16;

}
.endRow{
  border-top:3px solid #E1E1E1;
  background:#f2f2f2;
  text-align:center;
  transform:none;
}
.hideForMaxRows{
  display: none;
}
.showRow{
  display: table-row;
}
.content{
position: fixed;
top: 0px;
width: 100%;
padding: 20px;
}
#myVideo {
  position: fixed;
  right: 0;
  top: 0;
  min-width: 100%;
  min-height: 100%;
}
#noMoreImage{
  text-align: center;
  display: none;
  font-size: 2.0em;
}

.segment tr:first-child {
  text-decoration: underline;
}
.segment{
width: 100%;
box-shadow: 0px 0px #E1E1E1;
border-radius: 0px;
border-left: 0px solid #ececee;
margin-top: 1em;
margin-bottom: .8em;
}
.segment td{
font-size: .6em;
padding-top: 0em;
padding-bottom: 0em;
font-weight: 850;
transform: scale(1,1.1);
text-transform: none !important;
border-bottom: 0px solid #E1E1E1;

}
.segment td:first-child{
padding-left: 0px;
}

.allStationTRs:nth-child(odd){
  background-color: rgb(242, 242, 244);
}
.allStationTRs:nth-child(even){
  background-color: white;
}

/* Popup container - can be anything you want */
.popup {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* The actual popup */
.popup .popuptext {
  visibility: hidden;
  width: 160px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 8px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -80px;
  font-size: .25em;
}

/* Popup arrow */
.popup .popuptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Toggle this class - hide and show the popup */
.popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;} 
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}

.bagClosedClass{
color: #ff0000;
text-transform: none;
line-height: .7;
position: absolute;
display: none;
}

.bagicon{
  fill:  #ff0000 !important;

}
#errorDiv {
  position: fixed;
  top: 20px;
  right: 20px;
  background-color: #4CAF50;
  color: white;
  padding: 10px 20px;
  border-radius: 4px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  transition: opacity 0.5s ease;
  opacity: 1;
  z-index: 9999;
}

.banner-container {
  position: relative;
  display: inline-block;
}

.banner-image {
  width: 100%; /* or fixed width like 800px */
  height: auto;
}

.banner-button {
  position: absolute;
  top: 80%;          /* Center vertically */
  left: 96%;         /* Center horizontally */
  transform: translate(-50%, -50%);
  padding: 5px 10px;
  font-size: 16px;
  background-color: #ffdb00;
  color: black;
  border: none;
  border-radius: 6px;
  text-decoration: none;
  cursor: pointer;
  width: 97px;
}
.sch-grid-container {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr; /* Left, Center, Right */
}

.sch-column {
  padding: 20px;
  color: white;
}

.sch-column-1 {
  background-color: #4a90e2;
}

.sch-column-2 {
  background-color: #50e3c2;
}

.sch-column-3 {
  background-color: #9013fe;
}