.routeTimesDetails {
  display: flex;
}
.routeTimesDetails .timeStatus {
  margin: 0px;
  /* color: #e37014; */
  font-size: 9px;
  text-transform: capitalize;
  font-weight: 600;
}
.routeTimesDetails .timeStatus.Scheduled {
  color: #E37014;
}
.routeTimesDetails .timeStatus.Actual {
  color: #14E329;
}
    .routeTimesDetails ul {
        margin-inline-end: 30px;
        padding-inline-start: 0px;
        list-style: none;
        margin-bottom: 0px;
    }
        .routeTimesDetails ul li {
            color: #F5F5F5;
            font-size: 9px;
            position: relative;
            padding-inline-start: 21px;
            padding-bottom: 16px;
        }

            .routeTimesDetails ul li::before {
                content: "";
                position: absolute;
                inset-inline-start: 8px;
                top: 3px;
                width: 8px;
                height: 8px;
                background: #78849e;
                border-radius: 4px;
            }
            .routeTimesDetails ul li::after {
                content: "";
                position: absolute;
                inset-inline-start: 8px;
                top: 8px;
                width: 8px;
                height: calc(100% - 8px);
                background: url(../../images/PlannedVsActual/line.png);
                background-position: center;
            }
.routeTimesDetails ul li:last-child {
  padding-bottom: 0px;
}
.routeTimesDetails ul li:last-child::after {
  display: none;
}
            .routeTimesDetails ul li span {
                color: #F5F5F5;
                padding-inline-start: 12px;
            }
/***** routeDetailSection *****/
.routeDetailSection {
    background: #283e63;
    width: 100%;
    /* height: 100%; */
    display: flex;
    overflow: auto;
    align-items: stretch;
    height: calc(100vh - (54px + 67px + 128px + 92px));
}
@media screen and (max-width: 1600px){

}
/***** routeDetailMain *****/
.routeDetailMain {
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.16);
  padding: 10px;
  width: 80%;
  height: fit-content;
}
/***** routeDetailSideTimeLine *****/
.routeDetailSideTimeLine {
    width: 20%;
    background: #28223e;
    box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.16);
    height: 393px;
}