body,html {
    height: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Open Sans", Arial, sans-serif;
}
.real-time {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}

.real-time.no-flex {
  display: block;
}

.real-time__single {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 1;
  font-size: 24px;
}

.real-time.no-flex .real-time__single {
  padding-top: 12px;
  padding-bottom: 12px;
}

.real-time__single.real-time__single--header {
  background-color: #fff;
  border-bottom: 3px solid #44B7BE;
  max-height: 11%;
}

.real-time__single.real-time__single--header > div {
  font-size: 32px;
  color: #29749F;
  padding: 15px;
  font-weight: 500;
}

.real-time__single > div {
  flex: 1;
  padding: 15px;
  font-weight: 600;
}

.real-time__single:nth-child(even) {
  background-color: #FBFBFB;
}


.real-time__single > .hide {
  display: none !important;
}

.real-time__single .ontime {
  color: #3CB28E;
}

.real-time__single .cancelled {
  color: #BD2E56;
}

.real-time__single .time-difference {
  color: #EE902F;
}