#ol-popup-stop-nextbus {
/*max-height:186px;*/
width:100%;
overflow:scroll;
margin-top:4px;
-ms-overflow-style: none;  /* Internet Explorer 10+ */
scrollbar-width: none;  /* Firefox */
border-bottom:1px dashed grey;
}


.bus_position {
  border-left: 7px solid rgba(36, 146, 36, 1);
  animation-name: blinking;
  animation-duration: 2s;
  animation-iteration-count: 100;
}

@keyframes blinking {
  50% {
     border-left: 5px solid rgba(36, 146, 36, .2);
  }
}

#ol-popup-stop-nextbus::-webkit-scrollbar { 
    display: none;  /* Safari and Chrome */
}


.nextbus-departures {
  /*width:100%;*/
  display:flex;
  clear:right;
  overflow-y:overlay;
  /*height:30px;*/
}


.ui-listview ol-popup-stop-nextbus {
  overflow-y:overlay; 

}

.all-white * {
    border: 0 !important;
    background-color: white !important;
}

.nextbus-line{
 font-size:80%;
 width:40px;
 float:left;
 font-weight:bold !important;
 color:#0e1a53 !important; 
 overflow:hidden;
 text-overflow: ellipsis;
 height:16px;
}

.nextbus-direction{
  font-size: 80% !important;
  font-weight: 100 !important;
  float: left;
  color: #0e1a53 !important;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc( 100% - 180px);
  margin-left: 2px;
  margin-right: 2px;
}

.nextbus-time-container{
        overflow: hidden;
        position: relative;
        height: 20px; /* Adjust height as needed */
		width:90px;
		border:red 1px solid;
}

.nextbus-time{
    font-size: 80% !important;
    font-weight: bold !important;
    text-align: right;
    color: #0e1a53 !important;
	right:0px;	
}

.nextbus-time-new{
    font-size: 80% !important;
    font-weight: bold !important;
    text-align: right;
    color: #0e1a53 !important;
	right:0px;
}


.nextbus-time-container span {
       position: absolute;
        top: 0;
        left: 0;
        transition: transform 1s ease-in-out;
    }

.nextbus-departure-button {
width:100%;
display:flex;
justify-content:center;
}
.ol-popup-stop-nextbus-title {
 margin-top:5px; 
 width:100%;
 font-weight:bold !important;
 color:#656363 !important;
 text-align:center;
}

.ui-icon-refresh::after {
    background-position: 4px 3px;
}

ui-icon-calendar:after {
    background-position: 6px 2px;
}