.orderDetails{
background: #283E63;
padding: 6px 0px;
}
/* orderHeader */
.orderDetails .orderHeader{
margin-bottom: 16px;
color: #959DAD;
font-size: 9px;
padding: 0px 10px;
}
.orderDetails .orderHeader p {
margin: 0px;
}
    .orderDetails .orderHeader p span {
        padding-inline-end: 10px;
    }

/* orderTimeLine */
.orderTimeLine{
    padding-bottom: 4px;
}
.orderTimeLine ul{
list-style: none;
margin: 0px;
padding: 0px;
}
.orderTimeLine ul li{
display: flex;
align-items: flex-start;
}
.orderTimeLine ul li .orderTimeLinePointTitle{
display: flex;
flex-direction: column;
align-items: center;
width: 40px;
 min-width: 40px; 
/* flex-wrap: wrap; */
}
    .orderTimeLine ul li .orderTimeLinePointTitle img {
        display: block;
        margin-inline-end: 5px;
    }
.orderTimeLine ul li .orderTimeLinePointTitle p{
margin-bottom: 0px;
color: #197DD2;
font-size: 9px;
}
/*  */
    .orderTimeLine ul li .orderTimeLinePointDetails {
        position: relative;
        flex-grow: 1;
        margin-inline-start: 10px;
        padding-top: 5px;
    }
        .orderTimeLine ul li .orderTimeLinePointDetails::before {
            content: "";
            position: absolute;
            inset-inline-start: -12px;
            top: 8px;
            width: 8px;
            height: 8px;
            background: #1A7FD5;
            border-radius: 4px;
        }
        .orderTimeLine ul li .orderTimeLinePointDetails::after {
            content: "";
            position: absolute;
            inset-inline-start: -12px;
            top: 9px;
            width: 8px;
            height: calc(100% + 4px);
            background: url(../../images/AutoPilot/time-dot.svg);
            background-position: center;
        }
.orderTimeLine ul li:last-of-type .orderTimeLinePointDetails::after{
display: none;
}
.orderTimeLine ul li .orderTimeLinePointDetails .orderTimeLinePointDetailsTitle{
font-size: 9px;
color: #959DAD;
margin-bottom: 8px;
/*width: 180px;*/
width: fit-content;
}
.orderTimeLine ul li .orderTimeLinePointDetails .orderTimeLinePointSubTitle{
    font-size: 9px;
    color: #959DAD;
    margin-bottom: 8px;
    font-weight: 300;
}
.orderTimeLine ul li .orderTimeLinePointDetails .orderTimeLinePointActualAndScheduled{

}
    .orderTimeLine ul li .orderTimeLinePointDetails .orderTimeLinePointActualAndScheduled .orderTimeLinePointScheduled {
        margin-inline-end: 30px;
    }
.orderTimeLine ul li .orderTimeLinePointDetails .orderTimeLinePointActualAndScheduled h5{
font-size: 9px;
font-weight: 600;
margin: 0px;
}
.orderTimeLine ul li .orderTimeLinePointDetails .orderTimeLinePointActualAndScheduled p{
margin: 0px;
color: #959DAD;
font-size: 9px;
}
.orderTimeLine ul li .orderTimeLinePointDetails .orderTimeLinePointActualAndScheduled .orderTimeLinePointScheduled h5{
color: #E37014;
}
.orderTimeLine ul li .orderTimeLinePointDetails .orderTimeLinePointActualAndScheduled .orderTimeLinePointActual h5{
color: #14E329;
}
.orderDetails a
{
    color: rgba(245, 245, 245, 0.64);
    text-decoration: underline;
    font-size: 9px;
    text-align: end;
    display: block;
    padding: 0px 10px 10px;
    /* border-bottom: 1px solid #184D89; */
    margin: 10px 10px 0px;
}