.nodeMoreDetails {
    box-shadow: 0px 3px 15px rgba(3, 10, 37, 0.73);
    border: 3px solid rgba(11, 35, 90, 1);
    border-radius: 11px;
    width: 300px;
    max-height: 200px;
    overflow: auto;
    background: rgba(21, 43, 86, 1);
    /*display: flex;*/
    flex-direction: column;
    position: fixed;
    inset-inline-start: 0px;
    top: 0px;
    z-index: 9;
    display: none;
}

.mapNodeMoreDetails {
    max-height: 280px !important;
}

.mapNodeMoreDetailsContainer {
    max-height: 310px !important;
}
/* nodeMoreDetailsHeader */
.nodeMoreDetails .nodeMoreDetailsHeader {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding: 12px 12px 5px;
}

.nodeMoreDetails .nodeMoreDetailsBody section .customer-status-container .ETAAlert span {
    width: 14px;
    height: 10px;
    display: block;
    margin-inline-end: 5px;
    border-radius: 35%;
}

.nodeMoreDetails .mapNodeMoreDetailsHeader {
    align-items: center !important;
}

.nodeMoreDetails .nodeMoreDetailsHeader .trackingText p {
    justify-content: flex-end;
    display: flex;
    margin-top: 0px;
    /* margin-bottom: -16px; */
    margin-inline-end: 11px;
    font-size: 10px;
    color: rgba(249, 119, 12, 0.85);
    margin-bottom: 0px;
}

        .nodeMoreDetails .nodeMoreDetailsHeader .nameAndTime {
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-grow: 1;
        }

            .nodeMoreDetails .nodeMoreDetailsHeader .nameAndTime h3 {
                color: rgba(249, 119, 12, 0.85);
                font-size: 12px;
                font-weight: 600;
                margin: 0px;
            }

            .nodeMoreDetails .nodeMoreDetailsHeader .nameAndTime p {
                color: #ffffff;
                background: #f9770c;
                width: 64px;
                font-size: 8px;
                font-weight: 500;
                margin: 0px 12px 0px 0px;
                border: 1px solid #f9770c;
                display: flex;
                align-items: center;
                padding-inline-end: 3px !important;
            }

.nodeMoreDetails .nodeMoreDetailsHeader .nameAndTimeMap h3 {
    color: rgba(238, 245, 254, 1);
    font-size: 12px;
    font-weight: 600;
    margin: 0px;
}



.nodeMoreDetails .nodeMoreDetailsHeader .nameAndTime p span {
    font-weight: 600;
    background: rgba(21, 43, 86, 1);
    padding: 2px 5px;
    display: block;
    margin-inline-end: 4px;
}


        .nodeMoreDetails .nodeMoreDetailsHeader .nameAndTime .MapViewETA {
        color: rgba(12, 27, 53, 1);
        background: rgba(238, 245, 254, 1);
        width: 95px;
        font-size: 8px;
        font-weight: 500;
        margin: 0px 0px 0px 0px;
        border: 1px solid rgba(238, 245, 254, 1);
        display: flex;
        align-items: center;
        padding-inline-end: 3px !important;
    }

.nodeMoreDetails .nodeMoreDetailsHeader .nameAndTime .MapViewAA {
    color: rgba(12, 27, 53, 1);
    background: rgba(182, 180, 189, 1);
    width: 95px;
    font-size: 8px;
    font-weight: 500;
    margin: 0px 0px 0px 0px;
    border: 1px solid rgba(182, 180, 189, 1);
    display: flex;
    align-items: center;
    padding-inline-end: 3px !important;
}

.name-and-time-ETA-container {
    margin-inline-end: 5px;
}


.nodeMoreDetails .nodeMoreDetailsHeader .nameAndTime .MapViewETA p, .nodeMoreDetails .nodeMoreDetailsHeader .nameAndTime .MapViewAA p {
    color: rgba(12, 27, 53, 1);
    background: unset !important;
    width: 64px;
    font-size: 8px;
    font-weight: 500;
    margin: 0px 1px 0px 0px;
    border: 0px solid #f9770c !important;
    display: flex;
    align-items: center;
    padding-inline-end: 3px !important;
}

.nodeMoreDetails .nodeMoreDetailsHeader .nameAndTime .MapViewETA .MapViewETATimeContainer, nodeMoreDetails .nodeMoreDetailsHeader .nameAndTime .MapViewAA .MapViewETATimeContainer {
    background: rgba(21, 43, 86, 1);
}

.nodeMoreDetails .nodeMoreDetailsHeader .nameAndTime .MapViewETA span, .nodeMoreDetails .nodeMoreDetailsHeader .nameAndTime .MapViewAA span {
    font-weight: 600;
    padding: 4px !important;
    display: block;
    /*margin-inline-end: 4px;*/
    width: 35px !important;
    color: rgba(238, 245, 254, 1);
}

        .nodeMoreDetails .nodeMoreDetailsHeader button.closeIcon {
            background: none;
            border: none;
            padding: 0px;
            margin: 0px;
        }

            .nodeMoreDetails .nodeMoreDetailsHeader button.closeIcon img {
            }
    /* nodeMoreDetailsBody */
    .nodeMoreDetails .nodeMoreDetailsBody {
        background: rgba(11, 35, 90, 0.53);
        padding: 12px;
        flex-grow: 1;
    }

        .nodeMoreDetails .nodeMoreDetailsBody.mapViewMoreDetailsBody {
            background: rgba(11, 35, 90, 0.53);
            padding: 6px;
            flex-grow: 1;
        }

.customer-status-container {
    width: 100%;
    background: rgba(12, 27, 53, 1);
    border-radius: 6px;
    padding: 8px;
}

.nodeMoreDetails .nodeMoreDetailsBody .nodeMoreDetailsContent img {
    margin-inline-end: 5px;
}

        .nodeMoreDetails .nodeMoreDetailsBody .nodeMoreDetailsContent p {
            font-size: 9px;
            font-weight: 400;
            line-height: 12px;
            color: rgba(255, 255, 255, 1);
            word-break: break-word;
        }

        .nodeMoreDetails .nodeMoreDetailsBody section {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 16px;
            width: 100%;
            padding: 0;
        }

            .nodeMoreDetails .nodeMoreDetailsBody section .orderId {
            }

                .nodeMoreDetails .nodeMoreDetailsBody section .orderId h4 {
                    color: #899ccb;
                    font-size: 9px;
                    font-weight: 700;
                    margin: 0px;
                }

                .nodeMoreDetails .nodeMoreDetailsBody section .orderId p {
                    margin: 0px;
                    color: #ffffff;
                    font-size: 9px;
                    font-weight: 400;
                    display: flex;
                    align-items: center;
                    margin-bottom: 3px;
                }

                    .nodeMoreDetails .nodeMoreDetailsBody section .orderId p strong {
                        width: 24px;
                    }

                    .nodeMoreDetails .nodeMoreDetailsBody section .orderId p.orderDescription {
                        margin-inline-start: 15px
                    }

                    .nodeMoreDetails .nodeMoreDetailsBody section .orderId p span {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        color: #0a8237;
                        width: 11px;
                        height: 11px;
                        border: 1px solid #0a8237;
                        font-weight: 700;
                        font-size: 8px;
                        margin-inline-end: 4px;
                    }

                    .nodeMoreDetails .nodeMoreDetailsBody section .orderId p.startTaskTime,
                    .nodeMoreDetails .nodeMoreDetailsBody section .orderId p.EndTaskTime {
                        margin-inline-start: 15px;
                        font-weight: 400;
                    }


            .nodeMoreDetails .nodeMoreDetailsBody section .status {
                border: 1px solid #ffffff;
                border-radius: 32px;
                width: 97px;
                height: 16px;
                color: #ffffff;
                display: flex;
                align-items: center;
                justify-content: flex-start;
                padding: 0px 5px;
                font-size: 8px;
            }

                .nodeMoreDetails .nodeMoreDetailsBody section .status.beingPlanned {
                    color: #87CEFA;
                    border-color: #87CEFA;
                }

                .nodeMoreDetails .nodeMoreDetailsBody section .status.planned {
                    color: #00BFFF;
                    border-color: #00BFFF;
                }

                .nodeMoreDetails .nodeMoreDetailsBody section .status.uploadFailed {
                    color: #DCDCDC;
                    border-color: #DCDCDC;
                }

                .nodeMoreDetails .nodeMoreDetailsBody section .status.waitingForUpload {
                    color: #AFEEEE;
                    border-color: #AFEEEE;
                }

                .nodeMoreDetails .nodeMoreDetailsBody section .status.uploadedToFMS {
                    color: #00FFFF;
                    border-color: #00FFFF;
                }

                .nodeMoreDetails .nodeMoreDetailsBody section .status.confirmedAtAgent {
                    color: #00FFFF;
                    border-color: #00FFFF;
                }

                .nodeMoreDetails .nodeMoreDetailsBody section .status.onRouteToAddress {
                    color: #DDA0DD;
                    border-color: #DDA0DD;
                }

                .nodeMoreDetails .nodeMoreDetailsBody section .status.arrivedAtAddress {
                    color: #66CDAA;
                    border-color: #66CDAA;
                }

                .nodeMoreDetails .nodeMoreDetailsBody section .status.inProcess {
                    color: #98FB98;
                    border-color: #98FB98;
                }

                .nodeMoreDetails .nodeMoreDetailsBody section .status.executed {
                    color: #00FF7F;
                    border-color: #00FF7F;
                }

                .nodeMoreDetails .nodeMoreDetailsBody section .status.processError {
                    color: #FF8C00;
                    border-color: #FF8C00;
                }

                .nodeMoreDetails .nodeMoreDetailsBody section .status.finished {
                    color: #FFFF00;
                    border-color: #FFFF00;
                }

                .nodeMoreDetails .nodeMoreDetailsBody section .status.cancelled {
                    color: #FF0000;
                    border-color: #FF0000;
                }

            .nodeMoreDetails .nodeMoreDetailsBody section .ETAAlert {
                display: flex;
                align-items: center;
                justify-content: flex-start;
                font-size: 9px;
                font-weight: 500;
                color: #FFFFFF;
                text-transform: capitalize;
                padding-block-start: 5px;
            }

                .nodeMoreDetails .nodeMoreDetailsBody section .ETAAlert span {
                    width: 6px;
                    height: 6px;
                    display: block;
                    margin-inline-end: 5px;
                    border-radius: 100%;
                }

                .nodeMoreDetails .nodeMoreDetailsBody section .ETAAlert.onTime span {
                    background-color: #34b53a;
                }

                .nodeMoreDetails .nodeMoreDetailsBody section .ETAAlert.late span {
                    background-color: #e37014;
                }

                .nodeMoreDetails .nodeMoreDetailsBody section .ETAAlert.veryLate span {
                    background-color: #ff3a29;
                }
                .nodeMoreDetails .nodeMoreDetailsBody section .ETAAlert.early span {
                    background-color: rgb(35, 93, 209);
                }