/* _content/NormaLiveUI/Pages/CentralizedUserDashboardNew/CentralizedUserDashboardNewComponent.razor.rz.scp.css */
.centralizedDashboardNew[b-droo7fh3x0] {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    color: #fff;
    background: #0C1B35;
    box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.16);
    height: 100vh;
    padding: 0px 0px;
}

    /* leftSectionCentralizedDashboard */
    .centralizedDashboardNew .leftSectionCentralizedDashboard[b-droo7fh3x0] {
        width: 564px;
        padding: 13px 10px;
        background: linear-gradient(95deg, #0C1B35 24.54%, hsl(218.29deg 54.97% 37.45% / 50%) 82.08%, rgba(26, 31, 55, 0.50) 124.62%);
    }

    /* rightSectionCentralizedDashboard */
    .centralizedDashboardNew .rightSectionCentralizedDashboard[b-droo7fh3x0] {
        width: calc(100% - 564px);
    }

    .centralizedDashboardNew .lateVehiclesList[b-droo7fh3x0], .centralizedDashboardNew .leftSectionCentralizedDashboard[b-droo7fh3x0] {
        border-top: 1px solid rgba(40, 62, 99, 1);
    }
    .centralizedDashboardNew .distanceSectionContainer[b-droo7fh3x0] {
        display: flex;
        justify-content: space-between;
    }
/* _content/NormaLiveUI/Pages/CentralizedUserDashboardNew/DriversStatisticsNewComponent.razor.rz.scp.css */
.centralizedDashboardNew .dashboardDrivers[b-y5feiaxn5t] {
    height: 130px;
    width: 100%;
    margin-inline-start: 0;
    margin-bottom: 10px;
    border-radius: 20px;
    overflow: hidden;
}

    /* title */
    .centralizedDashboardNew .dashboardDrivers .title[b-y5feiaxn5t] {
        display: flex;
        align-items: flex-start;
        flex-flow: 1;
        width: 100%;
    }

        .centralizedDashboardNew .dashboardDrivers .title img[b-y5feiaxn5t] {
            margin-inline-end: 8px;
        }

        .centralizedDashboardNew .dashboardDrivers .title h3[b-y5feiaxn5t] {
            margin: 0px;
            color: #CED7DF;
            font-size: var(--norma--font-sm);
            font-weight: 600;
            margin-bottom: 16px;
        }

        .centralizedDashboardNew .dashboardDrivers .title p[b-y5feiaxn5t] {
            color: #FAFAFA;
            font-size: var(--norma--font-sm);
            font-weight: 800;
            margin-bottom: 16px;
            text-align: end;
            flex-grow: 2;
        }

    /* DriversProgress */
    .centralizedDashboardNew .dashboardDrivers .DriversProgress[b-y5feiaxn5t] {
        display: flex;
        align-items: stretch;
        gap: 10%;
        justify-content: space-between;
    }

        .centralizedDashboardNew .dashboardDrivers .DriversProgress div[b-y5feiaxn5t] {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

        .centralizedDashboardNew .dashboardDrivers .DriversProgress h3[b-y5feiaxn5t] {
            color: #CED7DF;
            font-size: 18px;
            margin-bottom: 15px;
            font-weight: 400;
        }

        .centralizedDashboardNew .dashboardDrivers .DriversProgress p[b-y5feiaxn5t] {
            margin: 0px;
            font-size: 24px;
            font-weight: 700;
        }

        .centralizedDashboardNew .dashboardDrivers .DriversProgress .waitingDrivers p[b-y5feiaxn5t] {
            color: #FDD141;
        }

        .centralizedDashboardNew .dashboardDrivers .DriversProgress .BusyDrivers p[b-y5feiaxn5t] {
            color: #FF3A29;
        }

/********new design*******/
/* Drivers start */
.centralizedDashboardNew .KPIS-Drivers-Card-Container[b-y5feiaxn5t] {
    width: 15%;
    min-width: 210px;
    padding-block: 0.5rem;
    padding-inline-end: 0.75rem;
}

.centralizedDashboardNew .Drivers-KPI-Card[b-y5feiaxn5t] {
    background: linear-gradient(95.05deg, rgba(12, 27, 53, 0.75) 24.54%, rgba(43, 81, 148, 0.375) 82.08%, rgba(26, 31, 55, 0.375) 124.62%);
    border-radius: 12px;
    height: 130px !important;
    min-width: 200px;
    padding-inline: 8px;
}

.centralizedDashboardNew .Drivers-KPI-Card-Content[b-y5feiaxn5t] {
    width: 100%;
}

.centralizedDashboardNew .Drivers-KPI-Card-Image[b-y5feiaxn5t] {
    min-width: 134px;
}

    .centralizedDashboardNew .Drivers-KPI-Card-Image img[b-y5feiaxn5t] {
        width: 78px;
        height: 89px;
    }

.centralizedDashboardNew .Drivers-KPI-Card-Title[b-y5feiaxn5t] {
    color: rgba(160, 174, 192, 1);
    font-size: var(--norma--font-sm);
    font-weight: 600;
}

.centralizedDashboardNew .Drivers-KPI-Card-Count[b-y5feiaxn5t] {
    color: rgba(255, 255, 255, 1);
    font-size: var(--norma--font-sm);
    font-weight: 400;
}

.centralizedDashboardNew .Drivers-KPI-Card-SmallCard[b-y5feiaxn5t] {
    background: rgba(12, 27, 53, 1);
    box-shadow: none;
    border-radius: 5px;
    padding: 4px 8px 4px 8px;
    height: 25px !important;
    transition: all 0.3s ease;
    width: 49%;
    margin-inline-end: 7px;
    cursor:auto
}

    .centralizedDashboardNew .Drivers-KPI-Card-SmallCard.active[b-y5feiaxn5t] {
        background: rgba(38, 128, 235, 1);
        box-shadow: 0px 0px 2px 0px rgba(43, 81, 148, 1);
        border-radius: 5px;
        padding: 4px 8px 4px 8px;
        height: 17px !important;
        transition: all 0.3s ease;
    }

.centralizedDashboardNew .Drivers-KPI-Card-Number[b-y5feiaxn5t] {
    /*color: rgba(43, 81, 148, 1);*/
    color: #fff;
    font-size: 14px;
    font-weight: 700;
}

.centralizedDashboardNew .Drivers-KPI-Card-Status[b-y5feiaxn5t] {
    color: rgba(210, 231, 234, 1);
    font-size: 14px;
    font-weight: 400;
}

.centralizedDashboardNew .Drivers-KPI-Card-StatusColor-Idle[b-y5feiaxn5t] {
    background: #FFDA4B;
    width: 11px;
    min-width: 11px;
    height: 8px;
    border-radius: 3px;
    margin-inline-end: 16px;
}

.centralizedDashboardNew .Drivers-KPI-Card-StatusColor-Busy[b-y5feiaxn5t] {
    background: #FF1905;
    width: 11px;
    min-width: 11px;
    height: 8px;
    border-radius: 3px;
    margin-inline-end: 16px;
}

/* Drivers end */
/*Drivers kpi graph card *@*/
.centralizedDashboardNew .dashboardDrivers .progressBarForDrivers[b-y5feiaxn5t] {
    display: flex;
    align-items: start;
    flex-direction: column;
    padding: 0px 5px;
    /* background: rgb(7 7 35 / 50%); */
    /* opacity: 0.5; */
    gap: 4%;
    height: 100%;
}

    .centralizedDashboardNew .dashboardDrivers .progressBarForDrivers .progressBarContainer[b-y5feiaxn5t] {
        flex-grow: 1;
        /*padding-inline-start: 100px;*/
        /*  padding:  0px 22px;*/
        opacity: 1;
        width: 100%;
        /* height: 25px; */
    }

        .centralizedDashboardNew .dashboardDrivers .progressBarForDrivers .progressBarContainer .progress[b-y5feiaxn5t] {
            width: 100%;
            height: 10px;
            border-radius: 65px;
            margin-bottom: 5px;
            margin-top: 20px;
        }


            .centralizedDashboardNew .dashboardDrivers .progressBarForDrivers .progressBarContainer .progress .waitingBG[b-y5feiaxn5t] {
                background: #FFDA4B;
            }

            .centralizedDashboardNew .dashboardDrivers .progressBarForDrivers .progressBarContainer .progress .busyBG[b-y5feiaxn5t] {
                background: #FF1905;
            }


    /**in numbers**/
    .centralizedDashboardNew .dashboardDrivers .progressBarForDrivers .progressInNumbers .waitingPercentage[b-y5feiaxn5t] {
        color: #FFDA4B;
    }

    .centralizedDashboardNew .dashboardDrivers .progressBarForDrivers .progressInNumbers .busyPercentage[b-y5feiaxn5t] {
        color: #FF1905;
    }

    .centralizedDashboardNew .dashboardDrivers .progressBarForDrivers .progressBarContainer .progressInNumbers[b-y5feiaxn5t] {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        font-weight: 800;
        font-size: 18px;
    }

        .centralizedDashboardNew .dashboardDrivers .progressBarForDrivers .progressBarContainer .progressInNumbers > div[b-y5feiaxn5t] {
            position: relative;
            height: 24px;
        }

            .centralizedDashboardNew .dashboardDrivers .progressBarForDrivers .progressBarContainer .progressInNumbers > div span[b-y5feiaxn5t] {
                /* position: absolute; */
                /* top: -60px; */
                inset-inline-start: -6px;
                font-size: 14px;
                color: #D8D8D8 !important;
                font-weight: 400;
            }



.centralizedDashboardNew .dashboardDrivers .driverGraph[b-y5feiaxn5t] {
    border-radius: 20px;
    background: transparent;
    margin: 5px 0 2px 0;
}

    .centralizedDashboardNew .dashboardDrivers .driverGraph .KPIS-Vehicles-Card-Container[b-y5feiaxn5t], .centralizedDashboardNew .dashboardDrivers .driverGraph .Vehicles-KPI-Card[b-y5feiaxn5t] {
        min-width: 100%;
    }
    /*in percentage*/
    .centralizedDashboardNew .dashboardDrivers .driverGraph .driversInPersentage.progressInPercentage[b-y5feiaxn5t] {
        display: flex;
        gap: 14px;
    }

        .centralizedDashboardNew .dashboardDrivers .driverGraph .driversInPersentage.progressInPercentage div[b-y5feiaxn5t] {
            font-size: 14px;
        }

            .centralizedDashboardNew .dashboardDrivers .driverGraph .driversInPersentage.progressInPercentage div span[b-y5feiaxn5t] {
                width: 9.615px;
                height: 8px;
                display: inline-block;
                margin-inline-end: 6px;
            }

            .centralizedDashboardNew .dashboardDrivers .driverGraph .driversInPersentage.progressInPercentage div.waitingPercentage span[b-y5feiaxn5t] {
                background: #FFDA4B
            }

            .centralizedDashboardNew .dashboardDrivers .driverGraph .driversInPersentage.progressInPercentage div.busyPercentage span[b-y5feiaxn5t] {
                background: #FF1905
            }
/* _content/NormaLiveUI/Pages/CentralizedUserDashboardNew/Last24StatisticsNewComponent.razor.rz.scp.css */
.centralizedDashboardNew .last24Hours[b-nbzmps3g9j] {
    background: #243254;
    padding: 16px 28px;
    height: 394px;
    border-radius: 5px;
}

    .centralizedDashboardNew .last24Hours h2[b-nbzmps3g9j] {
        font-size: var(--norma--font-sm);
        color: #FAFAFA;
        font-weight: 400;
        margin: 0px 0px 16px;
    }

    /* performance */
    .centralizedDashboardNew .last24Hours .performance[b-nbzmps3g9j] {
        width: 338px;
        height: 309px;
        padding: 31px 0px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        border-radius: 5px;
        margin-inline-end: 32px;
    }

        .centralizedDashboardNew .last24Hours .performance .d-flex[b-nbzmps3g9j] {
            flex-grow: 1;
            gap: 12px;
        }

        .centralizedDashboardNew .last24Hours .performance h3[b-nbzmps3g9j] {
            margin: 0px;
            color: #243254;
            font-size: 18px;
            font-weight: 800;
        }

        .centralizedDashboardNew .last24Hours .performance .graph[b-nbzmps3g9j] {
            height: 130px;
            width: 100%;
        }

        .centralizedDashboardNew .last24Hours .performance .percentage[b-nbzmps3g9j] {
            color: #243254;
            font-size: 23px;
            font-weight: 800;
        }

        .centralizedDashboardNew .last24Hours .performance .description[b-nbzmps3g9j] {
            font-size: var(--norma--font-sm);
            color: #F5F5F5;
            font-weight: 400;
        }

            .centralizedDashboardNew .last24Hours .performance .description span[b-nbzmps3g9j] {
                color: #34B53A;
                font-weight: 800;
                padding-inline-start: 40px;
            }

    /* orders */
    .centralizedDashboardNew .last24Hours .orders[b-nbzmps3g9j] {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        flex-grow: 1;
    }

        .centralizedDashboardNew .last24Hours .orders .orderBlock[b-nbzmps3g9j] {
            width: 100%;
            height: 32px;
            padding: 19px 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            background-color: #184D89;
            border-radius: 5px;
        }

            .centralizedDashboardNew .last24Hours .orders .orderBlock .orderDetails[b-nbzmps3g9j] {
                display: flex;
                align-items: center;
                justify-content: flex-start;
                background: transparent;
            }

                .centralizedDashboardNew .last24Hours .orders .orderBlock .orderDetails img[b-nbzmps3g9j] {
                    display: block;
                    margin-inline-end: 20px;
                }

                .centralizedDashboardNew .last24Hours .orders .orderBlock .orderDetails .noOfOrdersAndType[b-nbzmps3g9j] {
                }

                    .centralizedDashboardNew .last24Hours .orders .orderBlock .orderDetails .noOfOrdersAndType .noOfOrders[b-nbzmps3g9j] {
                        font-size: var(--norma--font-xs);
                        color: rgba(254, 254, 254, 0.85);
                        font-weight: 400;
                        margin-bottom: 8px;
                    }

                        .centralizedDashboardNew .last24Hours .orders .orderBlock .orderDetails .noOfOrdersAndType .noOfOrders span[b-nbzmps3g9j] {
                            font-weight: 600;
                            font-size: var(--norma--font-sm);
                            padding-inline-end: 5px;
                        }

                    .centralizedDashboardNew .last24Hours .orders .orderBlock .orderDetails .noOfOrdersAndType .orderType[b-nbzmps3g9j] {
                        font-size: 14px;
                        color: rgba(254, 254, 254, 0.6);
                        font-weight: 400;
                    }

            .centralizedDashboardNew .last24Hours .orders .orderBlock .orderPercentage[b-nbzmps3g9j] {
                font-size: var(--norma--font-sm);
                color: rgba(254, 254, 254, 0.85);
                font-weight: 600;
            }

.centralizedDashboardNew .last24Hours[b-nbzmps3g9j] {
    background: #243254;
    padding: 12px 14px 12px 28px;
    height: 233px;
    border-radius: 5px;
    border-radius: 20px;
    background: linear-gradient(95deg, #0C1B35 24.54%, rgba(43, 81, 148, 0.50) 82.08%, rgba(26, 31, 55, 0.50) 124.62%);
    backdrop-filter: blur(60px);
}

    .centralizedDashboardNew .last24Hours h2[b-nbzmps3g9j] {
        font-size: var(--norma--font-sm);
        color: #FAFAFA;
        font-weight: 400;
        margin: 0px 0px 16px;
    }

    /* performance */
    .centralizedDashboardNew .last24Hours .performance[b-nbzmps3g9j] {
        background-color: transparent;
        width: 242px;
        height: 200px;
        padding: 31px 0px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        border-radius: 5px;
        margin-inline-end: 32px;
        /* filter: blur(40px);
-webkit-filter: blur(40px); */
        padding-block-start: 0px;
    }

        .centralizedDashboardNew .last24Hours .performance h3[b-nbzmps3g9j] {
            margin: 0px;
            color: #E0E0DE;
            font-size: var(--norma--font-sm);
            font-weight: 400;
        }

        .centralizedDashboardNew .last24Hours .performance .graph[b-nbzmps3g9j] {
            height: 130px;
            width: 100%;
        }

        .centralizedDashboardNew .last24Hours .performance .percentage[b-nbzmps3g9j] {
            color: #999;
            font-size: var(--norma--font-sm);
            font-weight: 700;
        }

        .centralizedDashboardNew .last24Hours .performance .description[b-nbzmps3g9j] {
            font-size: var(--norma--font-sm);
            color: #F5F5F5;
            font-weight: 400;
        }

            .centralizedDashboardNew .last24Hours .performance .description span[b-nbzmps3g9j] {
                color: #34B53A;
                font-weight: 800;
                padding-inline-start: 40px;
            }

    /* orders */
    .centralizedDashboardNew .last24Hours .orders[b-nbzmps3g9j] {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

        .centralizedDashboardNew .last24Hours .orders .orderBlock[b-nbzmps3g9j] {
            width: 100%;
            height: 42px;
            padding: 24px 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            background-color: #162c58;
            border-radius: 5px;
            margin-bottom: 4px;
        }

            .centralizedDashboardNew .last24Hours .orders .orderBlock .orderDetails[b-nbzmps3g9j] {
                display: flex;
                align-items: center;
                justify-content: flex-start;
                background: transparent;
            }

                .centralizedDashboardNew .last24Hours .orders .orderBlock .orderDetails img[b-nbzmps3g9j] {
                    display: block;
                    margin-inline-end: 20px;
                    width: 31px;
                    height: 27px;
                }

                .centralizedDashboardNew .last24Hours .orders .orderBlock .orderDetails .noOfOrdersAndType[b-nbzmps3g9j] {
                }

                    .centralizedDashboardNew .last24Hours .orders .orderBlock .orderDetails .noOfOrdersAndType .noOfOrders[b-nbzmps3g9j] {
                        font-size: var(--norma--font-xs);
                        color: rgba(254, 254, 254, 0.85);
                        font-weight: 400;
                        margin-bottom: 0;
                    }

                        .centralizedDashboardNew .last24Hours .orders .orderBlock .orderDetails .noOfOrdersAndType .noOfOrders span[b-nbzmps3g9j] {
                            font-weight: 600;
                            font-size: 18px;
                            padding-inline-end: 5px;
                        }

                    .centralizedDashboardNew .last24Hours .orders .orderBlock .orderDetails .noOfOrdersAndType .orderType[b-nbzmps3g9j] {
                        font-size: 14px;
                        color: rgba(254, 254, 254, 0.6);
                        font-weight: 400;
                    }

            .centralizedDashboardNew .last24Hours .orders .orderBlock .orderPercentage[b-nbzmps3g9j] {
                font-size: 18px;
                color: rgba(254, 254, 254, 0.85);
                font-weight: 600;
            }

.rz-arc-gauge .rz-tick-text[b-nbzmps3g9j] {
    font-size: 0.875rem;
    fill: #10c626;
}
.centralizedDashboardNew .last24Hours .description[b-nbzmps3g9j]{
    width:calc(100% - 274px);
    position:relative
}
.centralizedDashboardNew .last24Hours .description span[b-nbzmps3g9j] {
    inset-inline-end: 0;
    position: absolute;
}
.centralizedDashboardNew .last24Hours .description .bad[b-nbzmps3g9j] {
    color: #FF1905;
}

.centralizedDashboardNew .last24Hours  .description .good[b-nbzmps3g9j] {
    color: #03C009;
}
.centralizedDashboardNew .last24Hours .rz-gauge-pointer[b-nbzmps3g9j] {
    fill: #FF9D27;
}
.centralizedDashboardNew .last24Hours .rz-gauge .rz-line[b-nbzmps3g9j], .centralizedDashboardNew .last24Hours .rz-gauge .rz-tick[b-nbzmps3g9j] {
    stroke: #999999;
}
.centralizedDashboardNew .last24Hours .rz-gauge .rz-scale-line[b-nbzmps3g9j] {
    stroke-width: 7px !important;
    stroke-dasharray: 8 2 5 5 5 5 5 5 5 5 2 8 !important;
}
.centralizedDashboardNew .last24Hours .rz-gauge .rz-tick-line[b-nbzmps3g9j] {
    stroke-width: 2px !important;
    transform: translate(1px, 3px) !important;
}
/* _content/NormaLiveUI/Pages/CentralizedUserDashboardNew/OrdersStatisticsNewComponent.razor.rz.scp.css */
.centralizedDashboardNew .dashboardOrders[b-0dmxfppzen] {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    height: 147px;
    border-radius: 5px;
    margin-bottom: 10px;
/*    overflow: hidden;
*/    margin-inline-end: 4px;
    /* box-shadow: 0px 1px 4px rgba(21, 34, 50, 0.08); */
    background: linear-gradient(95.05deg, rgba(12, 27, 53, 0.75) -3.46%, rgba(43, 81, 148, 0.375) 82.08%, rgba(26, 31, 55, 0.375) 124.62%);
}

    .centralizedDashboardNew .dashboardOrders .Orders-KPI-Card[b-0dmxfppzen] {
        background: none;
        height: 100% !important;
        min-width: 100% !important;
        width: 100% !important;
    }
    /* title */
    .centralizedDashboardNew .dashboardOrders .titleAndGraph[b-0dmxfppzen] {
        background: #243254;
        height: 100%;
        padding: 10px 20px;
    }

        .centralizedDashboardNew .dashboardOrders .titleAndGraph .title[b-0dmxfppzen] {
            display: flex;
            align-items: flex-start;
        }

            .centralizedDashboardNew .dashboardOrders .titleAndGraph .title img[b-0dmxfppzen] {
                margin-inline-end: 8px;
            }

            .centralizedDashboardNew .dashboardOrders .titleAndGraph .title h3[b-0dmxfppzen] {
                margin: 0px;
                color: #CED7DF;
                font-size: 16px;
                font-weight: 600;
                margin-bottom: 5px;
            }

            .centralizedDashboardNew .dashboardOrders .titleAndGraph .title p[b-0dmxfppzen] {
                color: #FAFAFA;
                font-size: 16px;
                font-weight: 400;
                margin-bottom: 16px;
            }

                .centralizedDashboardNew .dashboardOrders .titleAndGraph .title p span[b-0dmxfppzen] {
                    padding-inline-end: 5px;
                    font-size: 22px;
                    font-weight: 800;
                }

        .centralizedDashboardNew .dashboardOrders .titleAndGraph .graph[b-0dmxfppzen] {
            /* width: 101px;
            height: 101px;
            background-color: #008844;
            border-radius: 100%;
            margin: auto;*/
        }
    /*  ordersProgress */
    .centralizedDashboardNew .dashboardOrders .ordersProgress[b-0dmxfppzen] {
        padding: 0px;
        flex-grow: 1;
        display: flex;
        flex-direction: column;
    }

        /* ordersProgressCounteAndPercentage */
        .centralizedDashboardNew .dashboardOrders .ordersProgress .ordersProgressCounteAndPercentage[b-0dmxfppzen] {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: flex-start;
            flex-grow: 1;
            padding: 0px 24px;
            padding-inline-end: 12px;
        }

            .centralizedDashboardNew .dashboardOrders .ordersProgress .ordersProgressCounteAndPercentage .order[b-0dmxfppzen] {
                display: flex;
                align-items: baseline;
                width: 100%;
                /* justify-content: space-between; */
            }


                .centralizedDashboardNew .dashboardOrders .ordersProgress .ordersProgressCounteAndPercentage .order .type[b-0dmxfppzen] {
                    width: 52%;
                    font-weight: 600;
                    color: #CED7DF;
                    font-size: 18px;
                    margin: 0px;
                    display: flex;
                    align-items: center;
                    margin-inline-end: 12px;
                }

                    .centralizedDashboardNew .dashboardOrders .ordersProgress .ordersProgressCounteAndPercentage .order .type img[b-0dmxfppzen] {
                        margin-inline-end: 5px;
                    }

                .centralizedDashboardNew .dashboardOrders .ordersProgress .ordersProgressCounteAndPercentage .order .counte[b-0dmxfppzen] {
                    font-size: 21px;
                    font-weight: 800;
                    margin: 0px;
                    width: 34%;
                }

                .centralizedDashboardNew .dashboardOrders .ordersProgress .ordersProgressCounteAndPercentage .order.veryLate .counte[b-0dmxfppzen] {
                    color: #FF1905;
                }

                .centralizedDashboardNew .dashboardOrders .ordersProgress .ordersProgressCounteAndPercentage .order.late .counte[b-0dmxfppzen] {
                    color: #FF8000;
                }

                .centralizedDashboardNew .dashboardOrders .ordersProgress .ordersProgressCounteAndPercentage .order.onTime .counte[b-0dmxfppzen] {
                    color: #03C009;
                }

                .centralizedDashboardNew .dashboardOrders .ordersProgress .ordersProgressCounteAndPercentage .order.early .counte[b-0dmxfppzen] {
                    color: #096DDC;
                }

                .centralizedDashboardNew .dashboardOrders .ordersProgress .ordersProgressCounteAndPercentage .order .percentage[b-0dmxfppzen] {
                    /* margin: 0px 0px 0px auto; */
                    margin: 0px;
                    width: 33%;
                    text-align: end;
                }

        /* dashboardDoneOrders */
        .centralizedDashboardNew .dashboardOrders .ordersProgress .doneAndServingOrders[b-0dmxfppzen] {
            display: flex;
            justify-content: space-around;
            align-items: flex-start;
            padding: 3px 0px 0px 0;
            flex-direction: column;
            width: 100%;
            flex-shrink: 0;
            /* border: 1px solid #1B467B; */
            /* background: #243254; */
            background: rgb(0 136 68 / 33%);
            border-radius: 5px;
        }


    .centralizedDashboardNew .dashboardOrders .dashboardDoneOrders[b-0dmxfppzen] {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        font-size: 13px;
        color: #8898AA;
        width: 100%;
        padding: 4px 14px;
        border-bottom: 1px solid #7b7b7e69;
        /* background: rgb(0 136 68 / 33%); */
        height: 36px;
    }

        .centralizedDashboardNew .dashboardOrders .dashboardDoneOrders h4[b-0dmxfppzen] {
            margin: 0px;
            display: flex;
            align-items: center;
            /* font-size: 16px; */
            font-weight: 400;
            color: #FAFAFA;
            font-size: 13px;
        }

            .centralizedDashboardNew .dashboardOrders .dashboardDoneOrders h4 img[b-0dmxfppzen] {
                margin-inline-end: 12px;
                height: 29px
            }

            .centralizedDashboardNew .dashboardOrders .dashboardDoneOrders h4 strong[b-0dmxfppzen] {
                font-weight: 800;
                padding-inline-end: 5px;
            }

        .centralizedDashboardNew .dashboardOrders .dashboardDoneOrders p.percentage[b-0dmxfppzen] {
            padding-inline-start: 5px;
            color: #FAFAFA;
            font-size: 18px;
            font-weight: bold;
            display: block;
            flex-grow: 1;
            text-align: end;
            margin: 0px;
        }

            .centralizedDashboardNew .dashboardOrders .dashboardDoneOrders p.percentage span.doneOrders[b-0dmxfppzen] {
                color: #FAFAFA;
                margin: 0px;
                width: 80px;
                text-align: end;
                font-size: 13px;
                font-weight: normal;
            }

    .centralizedDashboardNew .dashboardOrders .dashboardServingOrders[b-0dmxfppzen] {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        font-size: 13px;
        color: #8898AA;
        width: 100%;
        padding: 4px 14px;
        border-bottom: 1px solid #106172;
    }

        .centralizedDashboardNew .dashboardOrders .dashboardServingOrders h4[b-0dmxfppzen] {
            margin: 0px;
            display: flex;
            align-items: center;
            /* font-size: 16px; */
            font-weight: 400;
            color: #F4F8FB;
            font-size: 13px;
        }

            .centralizedDashboardNew .dashboardOrders .dashboardServingOrders h4 img[b-0dmxfppzen] {
                margin-inline-end: 12px;
                height: 29px;
            }

            .centralizedDashboardNew .dashboardOrders .dashboardServingOrders h4 strong[b-0dmxfppzen] {
                font-weight: 800;
                padding-inline-end: 5px;
            }

        .centralizedDashboardNew .dashboardOrders .dashboardServingOrders p.percentage[b-0dmxfppzen] {
            padding-inline-start: 5px;
            color: #F5F5F5;
            font-size: 18px;
            font-weight: bold;
            display: block;
            flex-grow: 1;
            text-align: end;
            margin: 0px;
        }

            .centralizedDashboardNew .dashboardOrders .dashboardServingOrders p.percentage span.servingOrders[b-0dmxfppzen] {
                color: #FAFAFA;
                margin: 0px;
                width: 80px;
                text-align: end;
                font-size: 13px;
                font-weight: normal;
            }



    .centralizedDashboardNew .dashboardOrders .rz-legend-right[b-0dmxfppzen] {
        display: none;
    }

    .centralizedDashboardNew .dashboardOrders .rz-chart[b-0dmxfppzen] {
        height: 114px !important;
        /* margin-inline-end: -110px; */
        /* margin-top: -40px; */
        /* margin-inline-start: -15px; */
    }

        .centralizedDashboardNew .dashboardOrders .rz-chart svg[b-0dmxfppzen] {
            aspect-ratio: unset;
        }
/*new design*/
.KPIS-Orders-Card-Container[b-0dmxfppzen] {
    width: 26%;
    min-width: 390px;
    padding-block: 0.5rem;
    padding-inline-end: 0.75rem;
}

.centralizedDashboardNew .dashboardOrders .Orders-KPI-Card[b-0dmxfppzen] {
    /* background: linear-gradient(95.05deg, rgba(12, 27, 53, 0.75) -3.46%, rgba(43, 81, 148, 0.375) 82.08%, rgba(26, 31, 55, 0.375) 124.62%); */
    border-radius: 12px;
    height: 147px !important;
    min-width: 100% !important;
    padding-inline: 8px;
    /* width: 80% !important; */
}

.centralizedDashboardNew .dashboardOrders .Orders-KPI-Card-Content[b-0dmxfppzen] {
    width: 100%;
    flex-direction: column;
}

.centralizedDashboardNew .dashboardOrders .Orders-KPI-Card-Title[b-0dmxfppzen] {
    color: rgba(160, 174, 192, 1);
    font-size: 16px;
    font-weight: 500;
}

.centralizedDashboardNew .dashboardOrders .Orders-KPI-Card-Count[b-0dmxfppzen] {
    color: rgba(255, 255, 255, 1);
    font-size: 16px;
    font-weight: 400;
}

.centralizedDashboardNew .dashboardOrders .Orders-KPI-Card-SmallCard[b-0dmxfppzen] {
    background: #0C1B35;
    border-radius: 5px;
    padding: 4px 8px 4px 8px;
    height: 24px !important;
}

.centralizedDashboardNew .dashboardOrders .Orders-KPI-Card-SmallCard-WithoutBG[b-0dmxfppzen] {
    border-radius: 5px;
    padding: 4px 8px 4px 8px;
    height: 17px !important;
}

.centralizedDashboardNew .dashboardOrders .Orders-KPI-Card-Number[b-0dmxfppzen] {
    /*color: rgba(43, 81, 148, 1);*/
    color: #fff;
    font-size: 14px;
    font-weight: 700;
}

.centralizedDashboardNew .dashboardOrders .Orders-KPI-Card-Status[b-0dmxfppzen] {
    color: rgba(210, 231, 234, 1);
    font-size: 14px;
    font-weight: 400;
}

.centralizedDashboardNew .dashboardOrders .Orders-KPI-Card-StatusColor-VeryLate[b-0dmxfppzen] {
    background: rgba(255, 25, 5, 1);
    width: 11px;
    min-width: 11px;
    height: 8px;
    border-radius: 3px;
    margin-inline-end: 16px;
}

.centralizedDashboardNew .dashboardOrders .Orders-KPI-Card-StatusColor-Late[b-0dmxfppzen] {
    background: rgba(255, 128, 0, 1);
    width: 11px;
    height: 8px;
    min-width: 11px;
    border-radius: 3px;
    margin-inline-end: 16px;
}

.centralizedDashboardNew .dashboardOrders .Orders-KPI-Card-StatusColor-OnTime[b-0dmxfppzen] {
    background: rgba(3, 192, 9, 1);
    width: 11px;
    height: 8px;
    min-width: 11px;
    border-radius: 3px;
    margin-inline-end: 16px;
}

.centralizedDashboardNew .dashboardOrders .Orders-KPI-Card-StatusColor-Early[b-0dmxfppzen] {
    background: rgba(9, 109, 220, 1);
    width: 11px;
    height: 8px;
    min-width: 11px;
    border-radius: 3px;
    margin-inline-end: 16px;
}

.centralizedDashboardNew .dashboardOrders .Orders-KPI-Card-StatusColor-Done[b-0dmxfppzen] {
    background: #62AAFF;
    width: 11px;
    min-width: 11px;
    height: 8px;
    border-radius: 3px;
    margin-inline-end: 16px;
}

.centralizedDashboardNew .dashboardOrders.OrderKpiWrapCard[b-0dmxfppzen] {
    border-radius: 20px;
    background: linear-gradient(95deg, #0C1B35 24.54%, rgba(43, 81, 148, 0.50) 82.08%, rgba(26, 31, 55, 0.50) 124.62%);
    backdrop-filter: blur(60px);
    margin: 5px 0 2px 0;
    height: 147px;
    margin-block-end: 10px;
}

    .centralizedDashboardNew .dashboardOrders.OrderKpiWrapCard .Orders-KPI-Card[b-0dmxfppzen] {
        margin-block: 0.5rem;
        margin-inline-end: 0;
        min-width: 90%;
        align-items: center;
        gap: 10px;
    }



.centralizedDashboardNew .dashboardOrders.OrderKpiWrapCard .Orders-KPI-Card-Content .rz-chart[b-0dmxfppzen] {
    position: relative;
    height: 118px;
}



        .centralizedDashboardNew .dashboardOrders.OrderKpiWrapCard .Orders-KPI-Card-Content .rz-chart svg > g[b-0dmxfppzen] {
            height: 100%;
            width: 100%;
            transform: scale(3.5) translate(7%, -16%);
        }

    .centralizedDashboardNew .dashboardOrders.OrderKpiWrapCard .Orders-KPI-Card-Content .rz-legend.rz-legend-right[b-0dmxfppzen] {
        display: none
    }

    .centralizedDashboardNew .dashboardOrders.OrderKpiWrapCard .OrderInPercentage.progressInPercentage[b-0dmxfppzen] {
        display: flex;
        flex-wrap: wrap;
        gap: 4px;
        padding-top: 12px;
        flex-direction: row;
        margin-top: -50px;
        justify-content: space-between;
        margin-top:-117px
    }
    .centralizedDashboardNew .dashboardOrders.OrderKpiWrapCard .myDonutGraph .graph[b-0dmxfppzen] {
        width: 100%;
        height: 100%;
    }

        .centralizedDashboardNew .dashboardOrders.OrderKpiWrapCard .myDonutGraph .graph .rz-chart[b-0dmxfppzen] {
            width: 100%;
            margin-top: -54px;
            margin-inline-start: 50px;
        }

        .centralizedDashboardNew .dashboardOrders.OrderKpiWrapCard .OrderInPercentage.progressInPercentage div[b-0dmxfppzen] {
            font-size: 12px;
            width: 46%;
        }

            .centralizedDashboardNew .dashboardOrders.OrderKpiWrapCard .OrderInPercentage.progressInPercentage div span[b-0dmxfppzen] {
                width: 9.615px;
                height: 8px;
                display: inline-block;
                margin-inline-end: 6px;
            }

            .centralizedDashboardNew .dashboardOrders.OrderKpiWrapCard .OrderInPercentage.progressInPercentage div.veryLatePercentage span[b-0dmxfppzen] {
                background: #FF1905
            }

            .centralizedDashboardNew .dashboardOrders.OrderKpiWrapCard .OrderInPercentage.progressInPercentage div.latePercentage span[b-0dmxfppzen] {
                background: #FF8000
            }

            .centralizedDashboardNew .dashboardOrders.OrderKpiWrapCard .OrderInPercentage.progressInPercentage div.onTimePercentage span[b-0dmxfppzen] {
                background: #03C009
            }

            .centralizedDashboardNew .dashboardOrders.OrderKpiWrapCard .OrderInPercentage.progressInPercentage div.earlyPercentage span[b-0dmxfppzen] {
                background: #096DDC
            }

    .centralizedDashboardNew .dashboardOrders.OrderKpiWrapCard .filtirationPart[b-0dmxfppzen] {
        width: 100%;
    }

    .centralizedDashboardNew .dashboardOrders.OrderKpiWrapCard .graphPart[b-0dmxfppzen] {
        align-items: center;
        width: 185px;
    }

/* Orders end */
/* _content/NormaLiveUI/Pages/CentralizedUserDashboardNew/TodayStatisticsNewComponent.razor.rz.scp.css */
.centralizedDashboardNew .distanceSectionContainer[b-wc3an8i0ro] {
    display: flex;
    justify-content: space-between;
}

.centralizedDashboardNew .distanceSection[b-wc3an8i0ro] {
    padding: 14px;
    border-radius: 5px;
    height: 166px;
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

    .centralizedDashboardNew .distanceSection.tomorrow[b-wc3an8i0ro] {
        width: calc(36% - 5px);
        border-radius: 20px;
        background: linear-gradient(95deg, #0C1B35 24.54%, rgba(43, 81, 148, 0.50) 82.08%, rgba(26, 31, 55, 0.50) 124.62%);
        backdrop-filter: blur(60px);
    }

    .centralizedDashboardNew .distanceSection.today[b-wc3an8i0ro] {
        width: calc(65% - 5px);
        /* box-shadow: 0px 3px 6px rgba(39, 45, 59, 0.2); */
        border-radius: 20px;
        background: linear-gradient(95deg, #0C1B35 24.54%, rgba(43, 81, 148, 0.50) 82.08%, rgba(26, 31, 55, 0.50) 124.62%);
        backdrop-filter: blur(60px);
    }

    .centralizedDashboardNew .distanceSection h2[b-wc3an8i0ro] {
        color: #A0AEC0;
        font-size: 13px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    /* distanceBlock */
    .centralizedDashboardNew .distanceSection .distanceBlock[b-wc3an8i0ro] {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        position: relative;
        padding: 0px 2px;
        height: 100%;
        gap: 8px;
    }

        /* .centralizedDashboardNew .distanceSection .distanceBlock.plannedDistance {
    border: 2px solid #E37014;
}

.centralizedDashboardNew .distanceSection .distanceBlock.actualDistance {
    border: 2px solid #17CE1F;
} */

        .centralizedDashboardNew .distanceSection .distanceBlock h3[b-wc3an8i0ro] {
            font-size: 13px;
            font-weight: 400;
            margin: 0px;
        }

            .centralizedDashboardNew .distanceSection .distanceBlock h3 span[b-wc3an8i0ro] {
                font-weight: 400;
                color: #F5F5F5;
                display: block;
                margin: 7px 0px 0px;
            }

        .centralizedDashboardNew .distanceSection .distanceBlock.plannedDistance h3[b-wc3an8i0ro] {
            color: #F27B05;
        }

        .centralizedDashboardNew .distanceSection .distanceBlock.actualDistance h3[b-wc3an8i0ro] {
            color: #17CE1F;
        }

        .centralizedDashboardNew .distanceSection .distanceBlock .distanceDetails[b-wc3an8i0ro] {
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            flex-grow: 1;
            padding-inline-end: 8px;
        }

            .centralizedDashboardNew .distanceSection .distanceBlock .distanceDetails .value[b-wc3an8i0ro] {
                border-radius: 12px;
                color: #F5F5F5;
                text-align: start;
                font-size: 14px;
                font-weight: 400;
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                padding: 10px 0px;
                width: 100%;
                align-self: flex-end;
            }

        .centralizedDashboardNew .distanceSection .distanceBlock .graph[b-wc3an8i0ro] {
            width: 38px;
            height: 120px;
            border-radius: 12px;
            display: flex;
        }

    .centralizedDashboardNew .distanceSection.tomorrow .distanceBlock .graph[b-wc3an8i0ro] {
        background-color: white;
    }

    .centralizedDashboardNew .distanceSection.today .distanceBlock .graph[b-wc3an8i0ro] {
        background-color: #FAFAFA;
    }

    .centralizedDashboardNew .distanceSection .distanceBlock .graph .value[b-wc3an8i0ro] {
        border-radius: 12px;
        text-align: center;
        font-size: 9px;
        font-weight: 600;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 10px 0px;
        width: 100%;
        align-self: flex-end;
    }

    .centralizedDashboardNew .distanceSection.tomorrow .distanceBlock .graph .value[b-wc3an8i0ro] {
        background-color: #F27B05;
    }

    .centralizedDashboardNew .distanceSection.today .distanceBlock.plannedDistance .graph .value[b-wc3an8i0ro] {
        background-color: #F27B05;
    }

    .centralizedDashboardNew .distanceSection.today .distanceBlock.actualDistance .graph .value[b-wc3an8i0ro] {
        background-color: #17BE23;
    }
/* _content/NormaLiveUI/Pages/CentralizedUserDashboardNew/TomorrowStatisticsNewComponent.razor.rz.scp.css */


.centralizedDashboardNew .distanceSection[b-vxi9vkpgm4] {
    padding: 14px;
    border-radius: 5px;
    height: 166px;
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

    .centralizedDashboardNew .distanceSection.tomorrow[b-vxi9vkpgm4] {
        width: calc(36% - 5px);
        border-radius: 20px;
        background: linear-gradient(95deg, #0C1B35 24.54%, rgba(43, 81, 148, 0.50) 82.08%, rgba(26, 31, 55, 0.50) 124.62%);
        backdrop-filter: blur(60px);
    }

    .centralizedDashboardNew .distanceSection.today[b-vxi9vkpgm4] {
        width: calc(65% - 5px);
        /* box-shadow: 0px 3px 6px rgba(39, 45, 59, 0.2); */
        border-radius: 20px;
        background: linear-gradient(95deg, #0C1B35 24.54%, rgba(43, 81, 148, 0.50) 82.08%, rgba(26, 31, 55, 0.50) 124.62%);
        backdrop-filter: blur(60px);
    }

    .centralizedDashboardNew .distanceSection h2[b-vxi9vkpgm4] {
        color: #A0AEC0;
        font-size: 13px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    /* distanceBlock */
    .centralizedDashboardNew .distanceSection .distanceBlock[b-vxi9vkpgm4] {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        position: relative;
        padding: 0px 2px;
        height: 100%;
        gap: 8px;
    }

        /* .centralizedDashboardNew .distanceSection .distanceBlock.plannedDistance {
    border: 2px solid #E37014;
}

.centralizedDashboardNew .distanceSection .distanceBlock.actualDistance {
    border: 2px solid #17CE1F;
} */

        .centralizedDashboardNew .distanceSection .distanceBlock h3[b-vxi9vkpgm4] {
            font-size: 13px;
            font-weight: 400;
            margin: 0px;
        }

            .centralizedDashboardNew .distanceSection .distanceBlock h3 span[b-vxi9vkpgm4] {
                font-weight: 400;
                color: #F5F5F5;
                display: block;
                margin: 7px 0px 0px;
            }

        .centralizedDashboardNew .distanceSection .distanceBlock.plannedDistance h3[b-vxi9vkpgm4] {
            color: #F27B05;
        }

        .centralizedDashboardNew .distanceSection .distanceBlock.actualDistance h3[b-vxi9vkpgm4] {
            color: #17CE1F;
        }

        .centralizedDashboardNew .distanceSection .distanceBlock .distanceDetails[b-vxi9vkpgm4] {
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            flex-grow: 1;
            padding-inline-end: 8px;
        }

            .centralizedDashboardNew .distanceSection .distanceBlock .distanceDetails .value[b-vxi9vkpgm4] {
                border-radius: 12px;
                color: #F5F5F5;
                text-align: start;
                font-size: 14px;
                font-weight: 400;
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                padding: 10px 0px;
                width: 100%;
                align-self: flex-end;
            }

        .centralizedDashboardNew .distanceSection .distanceBlock .graph[b-vxi9vkpgm4] {
            width: 38px;
            height: 120px;
            border-radius: 12px;
            display: flex;
        }

    .centralizedDashboardNew .distanceSection.tomorrow .distanceBlock .graph[b-vxi9vkpgm4] {
        background-color: white;
    }

    .centralizedDashboardNew .distanceSection.today .distanceBlock .graph[b-vxi9vkpgm4] {
        background-color: #FAFAFA;
    }

    .centralizedDashboardNew .distanceSection .distanceBlock .graph .value[b-vxi9vkpgm4] {
        border-radius: 12px;
        text-align: center;
        font-size: 9px;
        font-weight: 600;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 10px 0px;
        width: 100%;
        align-self: flex-end;
    }

    .centralizedDashboardNew .distanceSection.tomorrow .distanceBlock .graph .value[b-vxi9vkpgm4] {
        background-color: #F27B05;
    }

    .centralizedDashboardNew .distanceSection.today .distanceBlock.plannedDistance .graph .value[b-vxi9vkpgm4] {
        background-color: #F27B05;
    }

    .centralizedDashboardNew .distanceSection.today .distanceBlock.actualDistance .graph .value[b-vxi9vkpgm4] {
        background-color: #17BE23;
    }
/* _content/NormaLiveUI/Pages/CentralizedUserDashboardNew/VehiclesDashboardNewComponent.razor.rz.scp.css */
.text-truncate[b-kkblv4athj] {
    overflow: hidden;
    text-overflow: ellipsis !important;
    white-space: nowrap;
}
.centralizedDashboardNew .dashboardLateVehicles[b-kkblv4athj] {
    background-image: linear-gradient(to right,#184D89 155px, #17ce1fcc 155px, #e37014c2 569px);
    border-start-start-radius: 5px;
    border-start-end-radius: 5px;
    border-end-end-radius: 0;
    border-end-start-radius: 0;
}

    /* dashboardLateVehiclesHeader */
    .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader[b-kkblv4athj] {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0px;
        border-start-start-radius: 5px;
        border-start-end-radius: 5px;
        border-end-end-radius: 0;
        border-end-start-radius: 0;
        position: relative;
        /* background-image: url(../../images//CentralizedDashboard/late-vehicles/late-vehicle-header-bg.svg); */
        background-repeat: no-repeat;
        background-size: cover;
        background: #184d89c7;
        backdrop-filter: blur(74px);
        -webkit-backdrop-filter: blur(74px);
        height: 58px;
    }

        .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader .lateVehiclesCodeHeader[b-kkblv4athj] {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 4px 0px;
            height: 58px;
        }

            .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader .lateVehiclesCodeHeader.lateVehicles[b-kkblv4athj] {
                width: 156px;
            }

            .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader .lateVehiclesCodeHeader.execution[b-kkblv4athj] {
                width: 350px;
                align-items: flex-start;
                padding: 15px 0px 9px 14px;
            }

            .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader .lateVehiclesCodeHeader.preExecution[b-kkblv4athj] {
                flex-grow: 1;
                align-items: flex-start;
                padding: 15px 0px 9px 14px;
            }

            .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader .lateVehiclesCodeHeader h5[b-kkblv4athj] {
                font-size: 14px;
                font-weight: 400;
                margin-bottom: 6px;
            }

                .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader .lateVehiclesCodeHeader h5 img[b-kkblv4athj] {
                    margin-inline-end: 5px;
                }

            .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader .lateVehiclesCodeHeader strong[b-kkblv4athj] {
                font-size: 16px;
                font-weight: 600;
                color: #919EAC;
            }

                .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader .lateVehiclesCodeHeader strong img[b-kkblv4athj] {
                    margin-inline-end: 10px;
                }

            .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader .lateVehiclesCodeHeader.lateVehicles h5[b-kkblv4athj] {
                font-weight: 400;
                color: #919EAC;
            }

            .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader .lateVehiclesCodeHeader.execution h5[b-kkblv4athj] {
                font-weight: 600;
                color: #17CE1F;
            }

            .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader .lateVehiclesCodeHeader.preExecution h5[b-kkblv4athj] {
                font-weight: 600;
                color: #FF7E16;
            }

            .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader .lateVehiclesCodeHeader.execution strong[b-kkblv4athj],
            .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader .lateVehiclesCodeHeader.preExecution strong[b-kkblv4athj] {
                color: #D92936;
                font-size: 18px;
            }

    /* dashboardLateVehiclesSection */
    .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection[b-kkblv4athj] {
        height: calc(100vh - (60px + 54px + 6px));
        overflow-y: auto;
        overflow-x: hidden;
        border-bottom: 4px solid #184D89;
        border-top: 4px solid #184D89;
        background: #283e63;
    }

        .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow[b-kkblv4athj] {
            border-inline-start: 4px solid #184D89;
            border-top: 4px solid #184D89;
            border-inline-end: 4px solid #184D89;
            display: flex;
            align-items: stretch;
            justify-content: flex-start;
        }

            .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow:last-child[b-kkblv4athj] {
                border-bottom: 2px solid #184D89;
            }

            /* LateVehicleRowCell */
            .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell[b-kkblv4athj] {
                min-height: 90px;
                display: flex;
                align-items: center;
                justify-content: center;
                flex-wrap: wrap;
            }

                .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell.vehiclePlateNoCell[b-kkblv4athj] {
                    background: #243254;
                    min-width: 156px;
                    flex-direction: column;
                }

                    .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell.vehiclePlateNoCell .plateNo[b-kkblv4athj] {
                        margin-top: 4px;
                        margin-bottom: auto;
                        position: sticky;
                        top: 4px;
                        text-align: center;
                    }

                    .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell.vehiclePlateNoCell img[b-kkblv4athj] {
                        /*margin-inline-end: 12px;*/
                    }


                    .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell.vehiclePlateNoCell p[b-kkblv4athj] {
                        color: #CED7DF;
                        font-size: 14px;
                        font-weight: 500;
                        /* margin: 0px;
                        margin-top: 0px;
                        margin-top: 0px;*/
                        margin-bottom: auto;
                    }

                /* order */
                .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order[b-kkblv4athj] {
                    /*            width: 310px;
                    min-height: 136px;
                    padding: 10px 7px;
                    background: #184D89;
                    box-shadow: 0px 3px 15px rgba(3, 10, 37, 0.34);
                    border-radius: 11px;
                    margin-inline-end: 8px;
                    margin-bottom: 8px;*/
                    /* width: 396px; */
                    width: 350px;
                    /* height: 220px; */
                    display: flex;
                    flex-direction: column;
                    padding: 10px 7px;
                    background: #184D89;
                    box-shadow: 0px 3px 15px rgb(3 10 37 / 34%);
                    border-radius: 11px;
                    margin-inline-end: 8px;
                    margin-bottom: 8px;
                }

                    .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .customerName[b-kkblv4athj] {
                        text-align: start;
                        font-size: 14px;
                        color: #D8E0E9;
                        margin-bottom: 5px;
                        padding: 0px 7px;
                    }

                    .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails[b-kkblv4athj] {
                        display: flex;
                        justify-content: space-between;
                        align-items: stretch;
                        background: transparent;
                        color: #FAFAFA;
                    }

                        .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails[b-kkblv4athj],
                        .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails[b-kkblv4athj] {
                            width: 50%;
                            /*padding: 7px;*/
                            background: #84BC82;
                            border: 1px solid rgb(24, 77, 137);
                        }

                            .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails.redBgDetails[b-kkblv4athj],
                            .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails.redBgDetails[b-kkblv4athj] {
                                background-color: #FF8E85;
                                color: #283E63;
                            }

                            .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails.lightBlueBgDetails[b-kkblv4athj],
                            .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails.lightBlueBgDetails[b-kkblv4athj] {
                                background-color: #8DC3FF;
                                color: #283E63;
                            }

                            .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails.orangeBgDetails[b-kkblv4athj],
                            .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails.orangeBgDetails[b-kkblv4athj] {
                                background-color: #EC9C5B;
                                color: #283E63;
                            }

                            .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails.yellowBgDetails[b-kkblv4athj],
                            .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails.yellowBgDetails[b-kkblv4athj] {
                                background-color: rgb(224, 224, 73);
                                color: #283E63;
                            }

                            .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails .title[b-kkblv4athj],
                            .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails .title[b-kkblv4athj] {
                                font-size: 12px;
                                display: flex;
                                align-items: start;
                                margin-bottom: 5px;
                                text-transform: capitalize;
                                background: rgba(30, 45, 72, 0.15);
                                padding: 4px;
                                font-weight: 600;
                            }

                                .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails .title span[b-kkblv4athj],
                                .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails .title span[b-kkblv4athj] {
                                    display: flex;
                                    width: 16px;
                                    height: 16px;
                                    border: none;
                                    text-align: center;
                                    font-size: 8px;
                                    color: #3FAE3B;
                                    text-transform: uppercase;
                                    margin-inline-end: 4px;
                                    font-weight: 700;
                                    border-radius: 2px;
                                    background: #184D89;
                                    align-items: center;
                                    justify-content: center;
                                    font-size: 11px;
                                }

                                .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails .title a[b-kkblv4athj],
                                .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails .title a[b-kkblv4athj] {
                                    padding: 0px;
                                    margin: 0px;
                                    text-align: start;
                                    width: calc(100% - 16px);
                                    display: block;
                                    height: 30px;
                                    overflow: hidden;
                                    display: -webkit-box;
                                    -webkit-line-clamp: 2;
                                    -webkit-box-orient: vertical;
                                    text-overflow: ellipsis;
                                    font-size: 12px;
                                    font-weight: 600;
                                }

                            .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails.redBgDetails .title span[b-kkblv4athj], .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails.redBgDetails .title span[b-kkblv4athj], .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails.orangeBgDetails .title span[b-kkblv4athj], .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails.orangeBgDetails .title span[b-kkblv4athj], .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails.yellowBgDetails .title span[b-kkblv4athj], .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails.yellowBgDetails .title span[b-kkblv4athj] {
                                /*border: 1px solid #D92936;*/
                                color: #D92936;
                            }

                            .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails .city[b-kkblv4athj],
                            .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails .city[b-kkblv4athj] {
                                font-weight: 600;
                                font-size: 12px;
                                margin-bottom: 5px;
                                height: 15px;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                white-space: nowrap;
                                padding: 0px 4px;
                            }

                            .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails .shopName[b-kkblv4athj],
                            .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails .shopName[b-kkblv4athj] {
                                font-size: 12px;
                                font-weight: 500;
                                margin-bottom: 5px;
                                height: 32px;
                                overflow: hidden;
                                display: -webkit-box;
                                -webkit-line-clamp: 2;
                                -webkit-box-orient: vertical;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                padding: 0px 4px;
                            }

                                .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails .shopName span[b-kkblv4athj],
                                .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails .shopName span[b-kkblv4athj] {
                                    font-weight: 600;
                                }

                                .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails .shopName.OverFlowed[b-kkblv4athj]::after, .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails .shopName.OverFlowed[b-kkblv4athj]::after {
                                    content: "...";
                                    font-size: 14px;
                                }

                            .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails .eta[b-kkblv4athj],
                            .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails .eta[b-kkblv4athj] {
                                font-size: 12px;
                                font-weight: 500;
                                margin-bottom: 5px;
                                padding: 0px 4px;
                            }

                                .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails .eta span[b-kkblv4athj],
                                .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails .eta span[b-kkblv4athj] {
                                    font-weight: 600;
                                    width: 28px;
                                    display: inline-block;
                                }

                            .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails .times[b-kkblv4athj], .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails .times[b-kkblv4athj] {
                                padding: 0px 4px;
                            }

                                .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails .times p[b-kkblv4athj],
                                .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails .times p[b-kkblv4athj] {
                                    font-size: 12px;
                                    font-weight: 600;
                                    margin-bottom: 4px;
                                    /*color: #FAFAFA;*/
                                }

                                    .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails .times p:last-of-type[b-kkblv4athj],
                                    .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails .times p:last-of-type[b-kkblv4athj] {
                                        margin-bottom: 0px;
                                    }

                            .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails.redBgDetails .times p[b-kkblv4athj],
                            .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails.redBgDetails .times p[b-kkblv4athj],
                            .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails.orangeBgDetails .times p[b-kkblv4athj],
                            .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails.orangeBgDetails .times p[b-kkblv4athj],
                            .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails.yellowBgDetails .times p[b-kkblv4athj],
                            .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails.yellowBgDetails .times p[b-kkblv4athj] {
                                /*color: #283E63;*/
                                /*font-weight: 500;*/
                            }

                /* inExecutionOrderCell */
                .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell.inExecutionOrderCell[b-kkblv4athj] {
                    width: 350px;
                    margin-top: 4px;
                    flex-shrink: 0;
                }

                    .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell.inExecutionOrderCell .ordersContainer[b-kkblv4athj] {
                        position: sticky;
                        top: 4px;
                        align-self: flex-start;
                        width: 350px;
                        max-width: 350px;
                    }

                    .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell.inExecutionOrderCell .order[b-kkblv4athj] {
                        margin: 0px;
                        margin-bottom: 8px;
                    }

                .centralizedDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell.preExecutionOrderCell[b-kkblv4athj] {
                    background-color: rgba(24, 77, 137, 0.29);
                    flex-grow: 1;
                    justify-content: flex-start;
                    align-items: stretch;
                    /* padding-inline-start: 24px; */
                    padding: 4px 0px 2px 14px;
                }
/*******late vehicle /orders*******/
.centralizedDashboardNew .lateVehiclesListHeader[b-kkblv4athj] {
    height: 65px;
    flex-shrink: 0;
    fill: #0C1B35;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 0px;
    /* border-start-start-radius: 5px; */
    /* border-start-end-radius: 5px; */
    /* border-end-end-radius: 0; */
    /* border-end-start-radius: 0; */
    position: relative;
    background: var(--norma__neutral--dark-blue);
    backdrop-filter: blur(74px);
    -webkit-backdrop-filter: blur(74px);
}

.centralizedDashboardNew .lateVehiclesListHeaderTitle[b-kkblv4athj] {
    width: 88px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 65px;
    box-shadow: 0px 4px 4px 0px #00000040;
    border-inline-end: 1px solid rgba(40, 62, 99, 1);
}

    .centralizedDashboardNew .lateVehiclesListHeaderTitle h5[b-kkblv4athj] {
        color: white;
        font-size: var(--norma--font-sm);
        /* box-shadow: 0px 4px 4px 0px #00000040; */
        margin: 0 9px;
    }

.centralizedDashboardNew .lateVehiclesListTableHeader[b-kkblv4athj] {
    width: calc(100% - 88px);
    height: 65px;
    display: flex;
}

.centralizedDashboardNew .lateVehiclesListTableHeaderTitle[b-kkblv4athj] {
}

.centralizedDashboardNew .lateVehiclesListTableHeaderHead[b-kkblv4athj] {
    display: flex; /* gap: 1px; */
    flex-direction: column;
    width: 100%;
    padding: 7px 0;
}

.centralizedDashboardNew .lateVehiclesListTableOrderTitle[b-kkblv4athj] {
    border-bottom: 1px solid rgba(40, 62, 99, 1);
    justify-content: start;
    gap: 11px;
}

    .centralizedDashboardNew .lateVehiclesListTableOrderTitle img[b-kkblv4athj] {
    }

    .centralizedDashboardNew .lateVehiclesListTableOrderTitle p[b-kkblv4athj] {
    }

.centralizedDashboardNew .lateVehiclesListTableHeaderHead.lateOrderTitle[b-kkblv4athj] {
    justify-content: start;
    gap: 10px;
    border-bottom: 1px solid rgba(40, 62, 99, 1);
}

.centralizedDashboardNew .lateVehiclesListTableHeaderHead > div[b-kkblv4athj] {
    display: flex;
    align-items: center;
    justify-content: start;
    margin-inline:27px 38px;
    height: 50%;
}

    .centralizedDashboardNew .lateVehiclesListTableHeaderHead > div img[b-kkblv4athj] {
        margin-top: -3px;
    }

    .centralizedDashboardNew .lateVehiclesListTableHeaderHead > div p[b-kkblv4athj] {
        margin-bottom: 0;
        font-weight: 600;
        font-size: var(--norma--font-sm);
        color: #FF1905;
    }

.centralizedDashboardNew .lateVehiclesListTableHeaderHead-tableTitles[b-kkblv4athj] {
}

    .centralizedDashboardNew .lateVehiclesListTableHeaderHead-tableTitles div[b-kkblv4athj] {
        color: #899CCB;
        font-size: var(--norma--font-sm);
        padding-top: 7px;
        padding-inline-start: 4px;
    }

        .centralizedDashboardNew .lateVehiclesListTableHeaderHead-tableTitles div.norma--prc-width-28[b-kkblv4athj] {
            padding-inline-start: 42px;
        }
/*table*/
.centralizedDashboardNew .lateVehiclesListTableWrap[b-kkblv4athj] {
    overflow: auto;
    /* max-height: calc(100vh -(42px + 100px + 122px + 54px + 50px)); */
    max-height: calc(100vh - (60px + 54px + 6px));
    border-bottom: 1px solid rgba(40, 62, 99, 1);
    border-top: 1px solid rgba(40, 62, 99, 1);
    background: #283e63;
}

.centralizedDashboardNew .lateVehiclesListTableRow[b-kkblv4athj] {
    border-inline-start: #283e63;
    border-top: 1px solid #184D89;
    border-inline-end: 1px solid #184D89;
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
}

.centralizedDashboardNew .lateVehiclesListTableVehiclePlateNoCell[b-kkblv4athj] {
    background: var( --norma__neutral--dark-blue);
    width: 88px;
    min-width: 88px;
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    min-height: 60px;
}

    .centralizedDashboardNew .lateVehiclesListTableVehiclePlateNoCell .plateNo[b-kkblv4athj] {
        margin-top: 16px;
        margin-bottom: auto;
        position: sticky;
        top: 16px;
        text-align: center;
        width:100%;
    }

        .centralizedDashboardNew .lateVehiclesListTableVehiclePlateNoCell .plateNo img[b-kkblv4athj] {
        }

        .centralizedDashboardNew .lateVehiclesListTableVehiclePlateNoCell .plateNo p[b-kkblv4athj] {
            color: #CED7DF;
            font-size: var(--norma--font-sm);
            margin-block-end: 8px;
            width: 100%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            padding-inline: 6px
        }

.centralizedDashboardNew .lateVehiclesListTableVehicleRowCell--innerTable[b-kkblv4athj] {
    background-color: #223051;
    flex-grow: 1;
    justify-content: stretch;
    padding: 8px 8px 8px 8px;
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    min-height: 73px;
    height: 73px;
    border-radius: 5px;
    border: 2px solid #0B235A;
    background: #1C376C;
    box-shadow: 0px 3px 15px 0px rgba(3, 10, 37, 0.75);
    margin: 0px 8px 8px 8px;
    width: calc(100% - 16px);
}

.centralizedDashboardNew .lateVehiclesListOrderLoadingUnloadingWrapper[b-kkblv4athj] {
    width: 100%;
}
/*loading*/
.centralizedDashboardNew .lateVehiclesListTableOrderLoading[b-kkblv4athj] {
    display: flex;
    height: 28px;
    align-items: center;
    border-radius: 5px 5px 0px 0px;
    background: rgb(3 192 9 / 58%);
    padding: 6px;
    margin-bottom: 1px;
}

    .centralizedDashboardNew .lateVehiclesListTableOrderLoading > div[b-kkblv4athj] {
    }
/*ontime*/
.centralizedDashboardNew .lateVehiclesListTableOrderLoading[b-kkblv4athj], .lateVehiclesListTableOrderUnLoading[b-kkblv4athj] {
    background: rgb(3 192 9 / 58%);
}

    .centralizedDashboardNew .lateVehiclesListTableOrderLoading .lateVehiclesListTableOrderLoading--StatusCircle[b-kkblv4athj], .lateVehiclesListTableOrderUnLoading .lateVehiclesListTableOrderUnLoading--StatusCircle[b-kkblv4athj] {
        background: #03C009;
    }
    /*very late*/
    .centralizedDashboardNew .lateVehiclesListTableOrderLoading.O--VeryLate[b-kkblv4athj] {
        background: rgb(255 25 5 / 58%);
    }

        .centralizedDashboardNew .lateVehiclesListTableOrderLoading.O--VeryLate .lateVehiclesListTableOrderLoading--StatusCircle[b-kkblv4athj] {
            background: #FF1905
        }

    /*late*/
    .centralizedDashboardNew .lateVehiclesListTableOrderLoading.O--Late[b-kkblv4athj] {
        background: rgb(255 128 0 / 70%)
    }

        .centralizedDashboardNew .lateVehiclesListTableOrderLoading.O--Late .lateVehiclesListTableOrderLoading--StatusCircle[b-kkblv4athj] {
            background: #FF8000
        }
    /*early*/
    .centralizedDashboardNew .lateVehiclesListTableOrderLoading.O--Early[b-kkblv4athj] {
        background: rgb(9 109 220 / 58%)
    }

        .centralizedDashboardNew .lateVehiclesListTableOrderLoading.O--Early .lateVehiclesListTableOrderLoading--StatusCircle[b-kkblv4athj] {
            background: #096DDC
        }

    .centralizedDashboardNew .lateVehiclesListTableOrderLoading.O--None[b-kkblv4athj] {
        background: #fff;
    }

        .centralizedDashboardNew .lateVehiclesListTableOrderLoading.O--None .lateVehiclesListTableOrderLoading--Label[b-kkblv4athj] {
            color: #fff;
        }

        .centralizedDashboardNew .lateVehiclesListTableOrderLoading.O--None .lateVehiclesListTableOrderLoading--StatusCircle[b-kkblv4athj] {
            background: #000 !important;
        }

        .centralizedDashboardNew .lateVehiclesListTableOrderLoading.O--None div[b-kkblv4athj] {
            color: #000;
        }

    .userDashboardNew .lateVehiclesListTableOrderLoading.O--None .lateVehiclesListTableOrderLoading--StatusCircle[b-kkblv4athj] {
        background: #808080
    }

.centralizedDashboardNew .lateVehiclesListTableOrderLoading--StatusCircle[b-kkblv4athj] {
    min-width: 8.03px;
    min-height: 7px;
    background: white;
    border-radius: 3px;
}



.centralizedDashboardNew .lateVehiclesListTableOrderLoading--Label[b-kkblv4athj] {
    background: var(--norma__neutral--dark-blue);
    min-width: 17px;
    min-height: 17px;
    border-radius: 2px;
    text-align: center;
}

.centralizedDashboardNew .lateVehiclesListTableOrderLoading > div[b-kkblv4athj] {
    color: #E0E0DE;
    font-size: var(--norma--font-sm);
    padding-inline-end:20px;
}
/*unloading*/
.centralizedDashboardNew .lateVehiclesListTableOrderUnLoading[b-kkblv4athj] {
    display: flex;
    height: 28px;
    align-items: center;
    border-radius: 0px 0px 5px 5px;
    background: rgb(3 192 9 / 58%);
    padding: 6px;
}

    .centralizedDashboardNew .lateVehiclesListTableOrderUnLoading > div[b-kkblv4athj] {
    }
    /*ontime*/
    .centralizedDashboardNew .lateVehiclesListTableOrderUnLoading.O--OnTime[b-kkblv4athj] {
        background: rgb(3 192 9 / 58%)
    }

        .centralizedDashboardNew .lateVehiclesListTableOrderUnLoading.O--OnTime .lateVehiclesListTableOrderUnLoading--StatusCircle[b-kkblv4athj] {
            background: #03C009
        }
    /*very late*/
    .centralizedDashboardNew .lateVehiclesListTableOrderUnLoading.O--VeryLate[b-kkblv4athj] {
        background: rgb(255 25 5 / 58%);
    }

        .centralizedDashboardNew .lateVehiclesListTableOrderUnLoading.O--VeryLate .lateVehiclesListTableOrderUnLoading--StatusCircle[b-kkblv4athj] {
            background: #FF1905
        }

    /*late*/
    .centralizedDashboardNew .lateVehiclesListTableOrderUnLoading.O--Late[b-kkblv4athj] {
        background: rgb(255 128 0 / 70%)
    }

        .centralizedDashboardNew .lateVehiclesListTableOrderUnLoading.O--Late .lateVehiclesListTableOrderUnLoading--StatusCircle[b-kkblv4athj] {
            background: #FF8000
        }
    /*early*/
    .centralizedDashboardNew .lateVehiclesListTableOrderUnLoading.O--Early[b-kkblv4athj] {
        background: rgb(9 109 220 / 58%)
    }

        .centralizedDashboardNew .lateVehiclesListTableOrderUnLoading.O--Early .lateVehiclesListTableOrderUnLoading--StatusCircle[b-kkblv4athj] {
            background: #096DDC
        }

.centralizedDashboardNew .lateVehiclesListTableOrderUnLoading--StatusCircle[b-kkblv4athj] {
    min-width: 8.03px;
    min-height: 7px;
    /*    background: aliceblue;
*/
    background: #03C009;
    border-radius: 3px;
}

    .centralizedDashboardNew .lateVehiclesListTableOrderUnLoading--StatusCircle.O-VeryLate[b-kkblv4athj] {
    }

.centralizedDashboardNew .lateVehiclesListTableOrderUnLoading--Label[b-kkblv4athj] {
    background: var(--norma__neutral--dark-blue);
    min-width: 17px;
    min-height: 17px;
    border-radius: 2px;
    text-align: center;
}

.centralizedDashboardNew .lateVehiclesListTableOrderUnLoading > div[b-kkblv4athj] {
    color: #E0E0DE;
    font-size: var(--norma--font-sm);
}

.centralizedDashboardNew .gap-7[b-kkblv4athj] {
    gap: 7px;
}

.centralizedDashboardNew .preExecutionOrder[b-kkblv4athj], .centralizedDashboardNew .executionOrders[b-kkblv4athj] {
    background: #144C97;
    /* padding: 8px; */
    margin: 7px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .centralizedDashboardNew .executionOrders .executionTitle[b-kkblv4athj] {
        color: #14E329;
        font-size: var(--norma--font-sm);
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        padding: 8px;
        width: 100%;
    }

    .centralizedDashboardNew .preExecutionOrder .preExecutionTitle[b-kkblv4athj] {
        color: #F98500;
        font-size: var(--norma--font-sm);
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        padding: 8px;
        width: 100%;
    }

.w-100Minus-88[b-kkblv4athj] {
    width: calc(100% - 88px)
}
/* _content/NormaLiveUI/Pages/CentralizedUserDashboardNew/VehiclesFilterationNewComponent.razor.rz.scp.css */
.vehicleSearch .advancedSearch .advancedSearchDropdown .dropdownMenu[b-zji1mgtkaf] {
    padding: 16px 16px;
    background: #232c4c;
    border-radius: 12px;
    width: 200px;
    position: absolute;
    top: 6px;
    inset-inline-start: calc(100% - 6px);
    z-index: 999999999;
}
.vehicleSearch:not(.map-view-viehicle-search)[b-zji1mgtkaf] {
    min-width: 100% !important;
    max-width: 100% !important;
}
.vehicleSearch .advancedSearch[b-zji1mgtkaf] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #2B5194;
    height: 30px;
    padding-inline-start: 6px;
    position: relative;
    border-radius: 5px;
    background: #2A3250;
    width: 100%;
    margin-bottom:4px
}
    .vehicleSearch .advancedSearch .noFilterSelected[b-zji1mgtkaf] {
        margin: 0px;
        color: #B7CFE0;
        font-size: 14px;
        font-weight: 400;
    }
    .vehicleSearch .advancedSearch .advancedSearchDropdown .dropdownMenu .formTitle[b-zji1mgtkaf] {
        margin: 0px;
        color: #B7CFE0;
        font-weight: 600;
        font-size: 14px;
        padding-top: 8px;
        padding-bottom: 16px;
        text-shadow: 0px 1px 2px #0f0b1d52;
    }
    .vehicleSearch .advancedSearch .advancedSearchDropdown .dropdownMenu form .form-group label[b-zji1mgtkaf] {
        color: #8aa1af;
        font-size: 14px;
        font-weight: 400;
        display: block;
        text-transform: none;
        margin-bottom: 4px;
    }
    .vehicleSearch .advancedSearch .advancedSearchDropdown .dropdownMenu form .form-group select[b-zji1mgtkaf] {
        background: rgba(16, 25, 42, 0.75);
        border: 1px solid rgba(154, 175, 213, 0.75);
        border-radius: 2px;
        height: 32px;
        color: #979797;
        font-size: 14px;
        padding: 4px 8px;
        width: 100%;
    }
    .vehicleSearch .advancedSearch .advancedSearchDropdown .dropdownMenu form .form-group[b-zji1mgtkaf]{
        margin-bottom:4px !important
    }
    .vehicleSearch .advancedSearch .advancedSearchDropdown .dropdownMenu form button[b-zji1mgtkaf] {
        text-align: center;
        background: #FA7000;
        border: none;
        height: 33px;
        border-radius: 3px;
        width: 144px;
        margin: auto;
        display: block;
        color: #FFFFFF;
        font-size: 14px;
        font-weight: 500;
        text-transform: capitalize;
        margin-top: 30px;
    }
/* _content/NormaLiveUI/Pages/CentralizedUserDashboardNew/VehiclesStatisticsNewComponent.razor.rz.scp.css */
.centralizedDashboardNew .vehiclesRoutesAndLocations[b-n9xmez8jne]{

}
    .centralizedDashboardNew .vehiclesRoutesAndLocations .routesCard[b-n9xmez8jne], .locationsCard[b-n9xmez8jne] {
        width: 49%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: linear-gradient(95.05deg, #0C1B35 24.54%, rgba(43, 81, 148, 0.5) 82.08%, rgba(26, 31, 55, 0.5) 124.62%);
        margin-inline: .5%;
        padding: 4px;
        border-radius: 20px;
        margin-bottom: 6px;
        padding-inline: 10px;
    }
    .centralizedDashboardNew .vehiclesRoutesAndLocations .card-text[b-n9xmez8jne] {
        color: #A0AEC0;
        font-size:16px;
        font-weight:600
    }
    .centralizedDashboardNew .vehiclesRoutesAndLocations .routesCard span:nth-of-type(1)[b-n9xmez8jne], .centralizedDashboardNew .vehiclesRoutesAndLocations .locationsCard span:nth-of-type(1)[b-n9xmez8jne] {
    }
.centralizedDashboardNew .dashboardVehicles[b-n9xmez8jne] {
    height: 173px;
    border-radius: 20px;
    background: linear-gradient(95deg, #0C1B35 24.54%, rgba(43, 81, 148, 0.50) 82.08%, rgba(26, 31, 55, 0.50) 124.62%);
    backdrop-filter: blur(60px);
    margin: 0px;
    margin-block-end: 4px;
}

    /* routesAndLocations */
    .centralizedDashboardNew .dashboardVehicles .routesAndLocations[b-n9xmez8jne] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0px;
        margin-bottom: 12px;
    }

        .centralizedDashboardNew .dashboardVehicles .routesAndLocations .routes[b-n9xmez8jne] {
            background-color: rgba(36, 50, 84, 1);
            border: 2px solid rgba(206, 215, 223, 1);
            border-start-start-radius: 0;
            border-start-end-radius: 28px;
            border-end-end-radius: 28px;
            border-end-start-radius: 28px;
            width: 195px;
            height: 47px;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            color: #8F9BA6;
            padding: 0px 20px;
            font-size: 18px;
        }

            .centralizedDashboardNew .dashboardVehicles .routesAndLocations .routes img[b-n9xmez8jne] {
                margin-inline-end: 12px;
            }

            .centralizedDashboardNew .dashboardVehicles .routesAndLocations .routes span[b-n9xmez8jne] {
                padding-inline-end: 8px;
            }

        .centralizedDashboardNew .dashboardVehicles .routesAndLocations .locations[b-n9xmez8jne] {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            padding: 0px 20px;
            /* box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); */
            /* background: #213453; */
            width: 248px;
            height: 52px;
            background: url(../../images/CentralizedDashboard/locations-bg.svg);
            background-size: cover;
            background-repeat: inherit;
            background-position: center;
            color: #F5F5F5;
            font-size: 18px;
            font-weight: 500;
        }

            .centralizedDashboardNew .dashboardVehicles .routesAndLocations .locations img[b-n9xmez8jne] {
                margin-inline-end: 12px;
            }

            .centralizedDashboardNew .dashboardVehicles .routesAndLocations .locations span[b-n9xmez8jne] {
                padding-inline-end: 8px;
            }

        .centralizedDashboardNew .dashboardVehicles .routesAndLocations .vehicleSearch .advancedSearch[b-n9xmez8jne] {
            border: 1px solid #B5B3BF;
        }

            .centralizedDashboardNew .dashboardVehicles .routesAndLocations .vehicleSearch .advancedSearch .noFilterSelected[b-n9xmez8jne] {
                font-size: 14px;
            }

            .centralizedDashboardNew .dashboardVehicles .routesAndLocations .vehicleSearch .advancedSearch .numberOfselectedFilters[b-n9xmez8jne] {
                width: fit-content;
            }

                .centralizedDashboardNew .dashboardVehicles .routesAndLocations .vehicleSearch .advancedSearch .numberOfselectedFilters p[b-n9xmez8jne] {
                    font-weight: normal;
                }

                .centralizedDashboardNew .dashboardVehicles .routesAndLocations .vehicleSearch .advancedSearch .numberOfselectedFilters button img[b-n9xmez8jne] {
                    width: 10px
                }

            .centralizedDashboardNew .dashboardVehicles .routesAndLocations .vehicleSearch .advancedSearch .advancedSearchDropdown .dropdownMenu .formTitle[b-n9xmez8jne] {
                font-size: 14px;
            }

            .centralizedDashboardNew .dashboardVehicles .routesAndLocations .vehicleSearch .advancedSearch .advancedSearchDropdown .dropdownMenu form .form-group label[b-n9xmez8jne] {
                font-size: 14px;
            }

            .centralizedDashboardNew .dashboardVehicles .routesAndLocations .vehicleSearch .advancedSearch .advancedSearchDropdown .dropdownMenu form .form-group select[b-n9xmez8jne] {
                height: auto;
                width: 100%;
                font-size: 14px;
            }

            .centralizedDashboardNew .dashboardVehicles .routesAndLocations .vehicleSearch .advancedSearch .advancedSearchDropdown .dropdownMenu form button[b-n9xmez8jne] {
                font-size: 14px;
                height: auto;
            }
    /* vehiclesProgress */
    .centralizedDashboardNew .dashboardVehicles .vehiclesProgress[b-n9xmez8jne] {
        width: 100%;
        height: 110px;
        background: #243254;
        border: 1px solid #184D89;
        border-radius: 5px;
        padding: 16px 20px;
        margin-bottom: 10px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .centralizedDashboardNew .dashboardVehicles .vehiclesProgress .title[b-n9xmez8jne] {
            display: flex;
            align-items: flex-start;
            align-self: flex-start;
            flex-direction: column;
        }

            .centralizedDashboardNew .dashboardVehicles .vehiclesProgress .title img[b-n9xmez8jne] {
                margin-inline-end: 8px;
            }

            .centralizedDashboardNew .dashboardVehicles .vehiclesProgress .title h3[b-n9xmez8jne] {
                margin: 0px;
                color: #CED7DF;
                font-size: 16px;
                font-weight: 600;
            }

            .centralizedDashboardNew .dashboardVehicles .vehiclesProgress .title .totalNo[b-n9xmez8jne] {
                font-size: 22px;
                font-weight: bold;
                padding-inline-start: 35px;
            }

        .centralizedDashboardNew .dashboardVehicles .vehiclesProgress .ProgressBarAndVehiclesInPersentage[b-n9xmez8jne] {
            display: flex;
            align-items: center;
            flex-grow: 1;
            padding: 7px 22px;
            gap: 4%
        }

        .centralizedDashboardNew .dashboardVehicles .vehiclesProgress .title .vehiclesInPersentage.progressInPercentage[b-n9xmez8jne] {
            flex-direction: column;
            justify-content: space-between;
            align-items: flex-start;
        }

        .centralizedDashboardNew .dashboardVehicles .vehiclesProgress .progressBarContainer[b-n9xmez8jne] {
            flex-grow: 1;
            /*padding-inline-start: 38px;*/
            padding-top: 15px;
        }

            .centralizedDashboardNew .dashboardVehicles .vehiclesProgress .progressBarContainer .progress[b-n9xmez8jne] {
                width: 100%;
                height: 8px;
                border-radius: 65px;
                margin-bottom: 5px;
            }


                .centralizedDashboardNew .dashboardVehicles .vehiclesProgress .progressBarContainer .progress .veryLateBG[b-n9xmez8jne] {
                    background: #ff1905;
                }

                .centralizedDashboardNew .dashboardVehicles .vehiclesProgress .progressBarContainer .progress .lateBG[b-n9xmez8jne] {
                    background: #ff8000;
                }

                .centralizedDashboardNew .dashboardVehicles .vehiclesProgress .progressBarContainer .progress .onTimeBG[b-n9xmez8jne] {
                    background: #03c009;
                }

        .centralizedDashboardNew .dashboardVehicles .vehiclesProgress .progressInPercentage[b-n9xmez8jne] {
            width: 15%;
            display: flex;
            align-items: center;
            justify-content: flex-start;
            font-weight: 500;
            font-size: 16px;
            margin-bottom: 5px;
            flex-direction: column;
            padding-inline-start: 15px;
        }

            .centralizedDashboardNew .dashboardVehicles .vehiclesProgress .progressInPercentage .veryLatePercentage[b-n9xmez8jne],
            .centralizedDashboardNew .dashboardVehicles .vehiclesProgress .progressInNumbers .veryLatePercentage[b-n9xmez8jne] {
                color: #ff1905;
            }

            .centralizedDashboardNew .dashboardVehicles .vehiclesProgress .progressInPercentage .latePercentage[b-n9xmez8jne],
            .centralizedDashboardNew .dashboardVehicles .vehiclesProgress .progressInNumbers .latePercentage[b-n9xmez8jne] {
                color: #ff8000;
            }

            .centralizedDashboardNew .dashboardVehicles .vehiclesProgress .progressInPercentage .onTimePercentage[b-n9xmez8jne],
            .centralizedDashboardNew .dashboardVehicles .vehiclesProgress .progressInNumbers .onTimePercentage[b-n9xmez8jne] {
                color: #03c009;
            }

            .centralizedDashboardNew .dashboardVehicles .vehiclesProgress .progressInPercentage .earlyPercentage[b-n9xmez8jne],
            .centralizedDashboardNew .dashboardVehicles .vehiclesProgress .progressInNumbers .earlyPercentage[b-n9xmez8jne] {
                color: #096DDC;
            }

        .centralizedDashboardNew .dashboardVehicles .vehiclesProgress .progressBarContainer .progressInNumbers[b-n9xmez8jne] {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: flex-start;
            font-weight: 800;
            font-size: 21px;
            line-height: 39px;
        }

            .centralizedDashboardNew .dashboardVehicles .vehiclesProgress .progressBarContainer .progressInNumbers > div:nth-of-type(even)[b-n9xmez8jne] {
                position: relative;
            }

                .centralizedDashboardNew .dashboardVehicles .vehiclesProgress .progressBarContainer .progressInNumbers > div:nth-of-type(even) span[b-n9xmez8jne] {
                    position: absolute;
                    top: -74px;
                    inset-inline-start: -6px;
                }

            .centralizedDashboardNew .dashboardVehicles .vehiclesProgress .progressBarContainer .progressInNumbers > div:nth-last-of-type(1)[b-n9xmez8jne] {
                display: flex;
                align-items: center;
                justify-content: flex-end;
            }

            .centralizedDashboardNew .dashboardVehicles .vehiclesProgress .progressBarContainer .progressInNumbers .onTimePercentage .totalNo[b-n9xmez8jne] {
                color: #f5f5f5;
                font-size: 32px;
            }
    /* Vehicles start */
    .centralizedDashboardNew .dashboardVehicles .KPIS-Vehicles-Card-Container[b-n9xmez8jne] {
        width: 100%;
        min-width: 100%;
        padding-block: 0.5rem;
        padding-inline-end: 0;
    }

    .centralizedDashboardNew .dashboardVehicles .Vehicles-KPI-Card[b-n9xmez8jne] {
        background: transparent;
        /* background: linear-gradient(95deg, #0C1B35 24.54%, rgba(43, 81, 148, 0.50) 82.08%, rgba(26, 31, 55, 0.50) 124.62%); */
        border-radius: 12px;
        height: 65px !important;
        min-width: 100%;
        width: 100%;
        padding-inline: 8px;
    }

    .centralizedDashboardNew .dashboardVehicles .Vehicles-KPI-Card-Content[b-n9xmez8jne] {
        width: 80%;
        height: 100%;
    }

    .centralizedDashboardNew .dashboardVehicles .Vehicles-KPI-Card-Image[b-n9xmez8jne] {
        width: 134px;
    }

        .centralizedDashboardNew .dashboardVehicles .Vehicles-KPI-Card-Image img[b-n9xmez8jne] {
            width: 84px;
            height: 79px;
        }

    .centralizedDashboardNew .dashboardVehicles .Vehicles-KPI-Card-Title[b-n9xmez8jne] {
        color: rgba(160, 174, 192, 1);
        font-size: 16px;
        font-weight: 600;
    }

    .centralizedDashboardNew .dashboardVehicles .Vehicles-KPI-Card-Count[b-n9xmez8jne] {
        color: rgba(255, 255, 255, 1);
        font-size: 16px;
        font-weight: 400;
    }

    .centralizedDashboardNew .dashboardVehicles .Vehicles-KPI-Card-SmallCard[b-n9xmez8jne] {
        background: rgba(12, 27, 53, 1);
        box-shadow: none;
        border-radius: 5px;
        padding: 4px 8px 4px 8px;
        height: 25px !important;
        transition: all 0.3s ease;
        cursor:auto
       
    }

        .centralizedDashboardNew .dashboardVehicles .Vehicles-KPI-Card-SmallCard.active[b-n9xmez8jne] {
            background: rgba(38, 128, 235, 1);
            box-shadow: 0px 0px 2px 0px rgba(43, 81, 148, 1);
            border-radius: 5px;
            padding: 4px 8px 4px 8px;
            height: 17px !important;
            transition: all 0.3s ease;
            
        }

    .centralizedDashboardNew .dashboardVehicles .Vehicles-KPI-Card-Number[b-n9xmez8jne] {
        /*color: rgba(43, 81, 148, 1);*/
        color: #fff;
        font-size: 14px;
        font-weight: 700;
    }

    .centralizedDashboardNew .dashboardVehicles .Vehicles-KPI-Card-Status[b-n9xmez8jne] {
        color: rgba(210, 231, 234, 1);
        font-size: 14px;
        font-weight: 400;
    }

    .centralizedDashboardNew .dashboardVehicles .Vehicles-KPI-Card-StatusColor-VeryLate[b-n9xmez8jne] {
        background: rgba(255, 25, 5, 1);
        width: 11px;
        min-width: 11px;
        height: 8px;
        border-radius: 3px;
        margin-inline-end: 16px;
    }

    .centralizedDashboardNew .dashboardVehicles .Vehicles-KPI-Card-StatusColor-Late[b-n9xmez8jne] {
        background: rgba(255, 128, 0, 1);
        width: 11px;
        min-width: 11px;
        height: 8px;
        border-radius: 3px;
        margin-inline-end: 16px;
    }

    .centralizedDashboardNew .dashboardVehicles .Vehicles-KPI-Card-StatusColor-OnTime[b-n9xmez8jne] {
        background: rgba(3, 192, 9, 1);
        width: 11px;
        min-width: 11px;
        height: 8px;
        border-radius: 3px;
        margin-inline-end: 16px;
    }

    .centralizedDashboardNew .dashboardVehicles .Vehicles-KPI-Card-StatusColor-Early[b-n9xmez8jne] {
        background: rgba(9, 109, 220, 1);
        width: 11px;
        min-width: 11px;
        height: 8px;
        border-radius: 3px;
        margin-inline-end: 16px;
    }
    /*Vehicle kpi graph card *@*/
    .centralizedDashboardNew .dashboardVehicles .progressBarForVehicles[b-n9xmez8jne] {
        display: flex;
        align-items: start;
        flex-direction: column;
        padding: 0px 5px;
        /* background: rgb(7 7 35 / 50%); */
        /* opacity: 0.5; */
        gap: 4%;
        height: 100%;
    }

        .centralizedDashboardNew .dashboardVehicles .progressBarForVehicles .progressBarContainer[b-n9xmez8jne] {
            flex-grow: 1;
            /*padding-inline-start: 100px;*/
            /*  padding:  0px 22px;*/
            opacity: 1;
            width: 100%;
            height: 25px;
        }

            .centralizedDashboardNew .dashboardVehicles .progressBarForVehicles .progressBarContainer .progress[b-n9xmez8jne] {
                width: 100%;
                height: 10px;
                border-radius: 65px;
                margin-bottom: 5px;
            }


                .centralizedDashboardNew .dashboardVehicles .progressBarForVehicles .progressBarContainer .progress .veryLateBG[b-n9xmez8jne] {
                    background: #ff1905;
                }

                .centralizedDashboardNew .dashboardVehicles .progressBarForVehicles .progressBarContainer .progress .lateBG[b-n9xmez8jne] {
                    background: #ff8000;
                }

                .centralizedDashboardNew .dashboardVehicles .progressBarForVehicles .progressBarContainer .progress .onTimeBG[b-n9xmez8jne] {
                    background: #03c009;
                }

                .centralizedDashboardNew .dashboardVehicles .progressBarForVehicles .progressBarContainer .progress .earlyBG[b-n9xmez8jne] {
                    background: #096DDC;
                }
        /**in numbers**/
        .centralizedDashboardNew .dashboardVehicles .progressBarForVehicles .progressInNumbers .veryLatePercentage[b-n9xmez8jne] {
            color: #ff1905;
        }

        .centralizedDashboardNew .dashboardVehicles .progressBarForVehicles .progressInNumbers .latePercentage[b-n9xmez8jne] {
            color: #ff8000;
        }

        .centralizedDashboardNew .dashboardVehicles .progressBarForVehicles .progressInNumbers .onTimePercentage[b-n9xmez8jne] {
            color: #03c009;
        }

        .centralizedDashboardNew .dashboardVehicles .progressBarForVehicles .progressInNumbers .earlyPercentage[b-n9xmez8jne] {
            color: #096DDC;
        }

        .centralizedDashboardNew .dashboardVehicles .progressBarForVehicles .progressBarContainer .progressInNumbers[b-n9xmez8jne] {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: flex-start;
            font-weight: 800;
            font-size: 18px;
        }

            .centralizedDashboardNew .dashboardVehicles .progressBarForVehicles .progressBarContainer .progressInNumbers > div[b-n9xmez8jne] {
                position: relative;
                height: 24px;
            }

                .centralizedDashboardNew .dashboardVehicles .progressBarForVehicles .progressBarContainer .progressInNumbers > div span[b-n9xmez8jne] {
                    /* position: absolute; */
                    /* top: -60px; */
                    inset-inline-start: -6px;
                    font-size: 14px;
                    color: #D8D8D8 !important;
                    font-weight: 400;
                }

    .centralizedDashboardNew .dashboardVehicles .vehiclesAndOrdersContainer[b-n9xmez8jne] {
        display: flex;
        background: #0C1B35;
        height: 103px;
        border-bottom: 1px solid rgba(40, 62, 99, 1);
    }

    .centralizedDashboardNew .dashboardVehicles .vehicles-KPIGraph[b-n9xmez8jne] {
        border-radius: 20px;
        background: transparent;
        margin: 5px 0 2px 0;
        height: 94px;
    }

        .centralizedDashboardNew .dashboardVehicles .vehicles-KPIGraph .KPIS-Vehicles-Card-Container[b-n9xmez8jne], .centralizedDashboardNew .dashboardVehicles .vehicles-KPIGraph .Vehicles-KPI-Card[b-n9xmez8jne] {
            min-width: 100%;
        }
        /*in percentage*/
        .centralizedDashboardNew .dashboardVehicles .vehicles-KPIGraph .vehiclesInPersentage.progressInPercentage[b-n9xmez8jne] {
            display: flex;
            gap: 14px;
        }

            .centralizedDashboardNew .dashboardVehicles .vehicles-KPIGraph .vehiclesInPersentage.progressInPercentage div[b-n9xmez8jne] {
                font-size: 14px;
            }

                .centralizedDashboardNew .dashboardVehicles .vehicles-KPIGraph .vehiclesInPersentage.progressInPercentage div span[b-n9xmez8jne] {
                    width: 9.615px;
                    height: 8px;
                    display: inline-block;
                    margin-inline-end: 6px;
                }

                .centralizedDashboardNew .dashboardVehicles .vehicles-KPIGraph .vehiclesInPersentage.progressInPercentage div.veryLatePercentage span[b-n9xmez8jne] {
                    background: #FF1905
                }

                .centralizedDashboardNew .dashboardVehicles .vehicles-KPIGraph .vehiclesInPersentage.progressInPercentage div.latePercentage span[b-n9xmez8jne] {
                    background: #FF8000
                }

                .centralizedDashboardNew .dashboardVehicles .vehicles-KPIGraph .vehiclesInPersentage.progressInPercentage div.onTimePercentage span[b-n9xmez8jne] {
                    background: #03C009
                }

                .centralizedDashboardNew .dashboardVehicles .vehicles-KPIGraph .vehiclesInPersentage.progressInPercentage div.earlyPercentage span[b-n9xmez8jne] {
                    background: #096DDC
                }
/* Vehicles end */
/* _content/NormaLiveUI/Pages/UserDashboardNew/DriversNewComponent.razor.rz.scp.css */
.userDashboardNew .dashboardDrivers[b-hxhkmneii0] {
    width: 100%;
    margin-inline-start: 0;
    overflow: hidden;
    border-radius: 20px;
    background: #182E55;
    /*    background: linear-gradient(95deg, #0C1B35 24.54%, rgba(43, 81, 148, 0.50) 82.08%, rgba(26, 31, 55, 0.50) 124.62%);*/
    backdrop-filter: blur(60px);
    margin: 5px 0 2px 0;
    height: 94px;
}

/* title */
.userDashboardNew .dashboardDrivers .title[b-hxhkmneii0] {
    display: flex;
    align-items: flex-start;
    flex-flow: 1;
    width: 100%;
}

        .userDashboardNew .dashboardDrivers .title img[b-hxhkmneii0] {
            margin-inline-end: 8px;
        }

        .userDashboardNew .dashboardDrivers .title h3[b-hxhkmneii0] {
            margin: 0px;
            color: #CED7DF;
            font-size: var(--norma--font-sm);
            font-weight: 600;
            margin-bottom: 16px;
        }

        .userDashboardNew .dashboardDrivers .title p[b-hxhkmneii0] {
            color: #FAFAFA;
            font-size: var(--norma--font-sm);
            font-weight: 800;
            margin-bottom: 16px;
            text-align: end;
            flex-grow: 2;
        }

    /* DriversProgress */
    .userDashboardNew .dashboardDrivers .DriversProgress[b-hxhkmneii0] {
        display: flex;
        align-items: stretch;
        gap: 10%;
        justify-content: space-between;
    }

        .userDashboardNew .dashboardDrivers .DriversProgress div[b-hxhkmneii0] {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

        .userDashboardNew .dashboardDrivers .DriversProgress h3[b-hxhkmneii0] {
            color: #CED7DF;
            font-size: 18px;
            margin-bottom: 15px;
            font-weight: 400;
        }

        .userDashboardNew .dashboardDrivers .DriversProgress p[b-hxhkmneii0] {
            margin: 0px;
            font-size: 24px;
            font-weight: 700;
        }

        .userDashboardNew .dashboardDrivers .DriversProgress .waitingDrivers p[b-hxhkmneii0] {
            color: #FDD141;
        }

        .userDashboardNew .dashboardDrivers .DriversProgress .BusyDrivers p[b-hxhkmneii0] {
            color: #FF3A29;
        }

/********new design*******/
/* Drivers start */
.userDashboardNew .KPIS-Drivers-Card-Container[b-hxhkmneii0] {
    width: 15%;
    min-width: 210px;
    padding-block: 0.5rem;
    padding-inline-end: 0.75rem;
}

.userDashboardNew .Drivers-KPI-Card[b-hxhkmneii0] {
    background: linear-gradient(95.05deg, rgba(12, 27, 53, 0.75) -3.46%, rgba(43, 81, 148, 0.375) 82.08%, rgba(26, 31, 55, 0.375) 124.62%);
    border-radius: 12px;
    height: 80px !important;
    min-width: 375px;
    padding-inline: 8px;
    margin-block: 0.5rem;
    margin-inline-end: 0.75rem;
    min-width: 179px;
    align-items: center;
}

.userDashboardNew .Drivers-KPI-Card-Content[b-hxhkmneii0] {
    width: 100%;
}

.userDashboardNew .Drivers-KPI-Card-Image[b-hxhkmneii0] {
    min-width: 64px;
}

    .userDashboardNew .Drivers-KPI-Card-Image img[b-hxhkmneii0] {
        width: 45px;
        height: 42px;
    }

.userDashboardNew .Drivers-KPI-Card-Title[b-hxhkmneii0] {
    color: #A0AEC0;
    font-size: 13px;
    font-weight: 600;
}

.userDashboardNew .Drivers-KPI-Card-Count[b-hxhkmneii0] {
    color: rgba(255, 255, 255, 1);
    font-size: 12px;
    font-weight: 400;
}

.userDashboardNew .Drivers-KPI-Card-SmallCard[b-hxhkmneii0] {
    background: rgba(12, 27, 53, 1);
    box-shadow: none;
    border-radius: 5px;
    padding: 4px 8px 4px 8px;
    height: 17px !important;
    transition: all 0.3s ease;
    width: 100%;
    margin-block-end: 6px;
    cursor: auto;
}

    .userDashboardNew .Drivers-KPI-Card-SmallCard.active[b-hxhkmneii0] {
        background: rgba(38, 128, 235, 1);
        box-shadow: 0px 0px 2px 0px rgba(43, 81, 148, 1);
        border-radius: 5px;
        padding: 4px 8px 4px 8px;
        height: 17px !important;
        transition: all 0.3s ease;
    }

.userDashboardNew .Drivers-KPI-Card-Number[b-hxhkmneii0] {
    /*color: rgba(43, 81, 148, 1);*/
    color: #fff;
    font-size: 9px;
    font-weight: 700;
}

.userDashboardNew .Drivers-KPI-Card-Status[b-hxhkmneii0] {
    color: rgba(210, 231, 234, 1);
    font-size: 10px;
    font-weight: 400;
}

.userDashboardNew .Drivers-KPI-Card-StatusColor-Idle[b-hxhkmneii0] {
    background: #FFDA4B;
    width: 11px;
    min-width: 11px;
    height: 8px;
    border-radius: 3px;
    margin-inline-end: 16px;
}

.userDashboardNew .Drivers-KPI-Card-StatusColor-Busy[b-hxhkmneii0] {
    background: #FF1905;
    width: 11px;
    min-width: 11px;
    height: 8px;
    border-radius: 3px;
    margin-inline-end: 16px;
}

/* Drivers end */
/*Drivers kpi graph card *@*/
.userDashboardNew .dashboardDrivers .progressBarForDrivers[b-hxhkmneii0] {
    display: flex;
    align-items: start;
    flex-direction: column;
    padding: 0px 5px;
    /* background: rgb(7 7 35 / 50%); */
    /* opacity: 0.5; */
    gap: 4%;
    height: 100%;
}

    .userDashboardNew .dashboardDrivers .progressBarForDrivers .progressBarContainer[b-hxhkmneii0] {
        flex-grow: 1;
        /*padding-inline-start: 100px;*/
        /*  padding:  0px 22px;*/
        opacity: 1;
        width: 100%;
        /* height: 25px; */
    }

        .userDashboardNew .dashboardDrivers .progressBarForDrivers .progressBarContainer .progress[b-hxhkmneii0] {
            width: 100%;
            height: 8px;
            border-radius: 65px;
            margin-bottom: 5px;
            margin-top: 0px;
        }


            .userDashboardNew .dashboardDrivers .progressBarForDrivers .progressBarContainer .progress .waitingBG[b-hxhkmneii0] {
                background: #FFDA4B;
            }

            .userDashboardNew .dashboardDrivers .progressBarForDrivers .progressBarContainer .progress .busyBG[b-hxhkmneii0] {
                background: #FF1905;
            }


    /**in numbers**/
    .userDashboardNew .dashboardDrivers .progressBarForDrivers .progressInNumbers .waitingPercentage[b-hxhkmneii0] {
        color: #FFDA4B;
    }

    .userDashboardNew .dashboardDrivers .progressBarForDrivers .progressInNumbers .busyPercentage[b-hxhkmneii0] {
        color: #FF1905;
    }

    .userDashboardNew .dashboardDrivers .progressBarForDrivers .progressBarContainer .progressInNumbers[b-hxhkmneii0] {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        font-weight: 800;
        font-size: 18px;
    }

        .userDashboardNew .dashboardDrivers .progressBarForDrivers .progressBarContainer .progressInNumbers > div[b-hxhkmneii0] {
            position: relative;
            height: 24px;
        }

            .userDashboardNew .dashboardDrivers .progressBarForDrivers .progressBarContainer .progressInNumbers > div span[b-hxhkmneii0] {
                /* position: absolute; */
                /* top: -60px; */
                inset-inline-start: -6px;
                font-size: 14px;
                color: #D8D8D8 !important;
                font-weight: 400;
            }



.userDashboardNew .dashboardDrivers .driverGraph[b-hxhkmneii0] {
    border-radius: 20px;
    background: transparent;
    margin: 5px 0 2px 0;
}

    .userDashboardNew .dashboardDrivers .driverGraph .KPIS-Vehicles-Card-Container[b-hxhkmneii0], .userDashboardNew .dashboardDrivers .driverGraph .Vehicles-KPI-Card[b-hxhkmneii0] {
        min-width: 100%;
    }
    /*in percentage*/
    .userDashboardNew .dashboardDrivers .driverGraph .driversInPersentage.progressInPercentage[b-hxhkmneii0] {
        display: flex;
        gap: 14px;
    }

        .userDashboardNew .dashboardDrivers .driverGraph .driversInPersentage.progressInPercentage div[b-hxhkmneii0] {
            font-size: 10px;
        }

            .userDashboardNew .dashboardDrivers .driverGraph .driversInPersentage.progressInPercentage div span[b-hxhkmneii0] {
                width: 9.615px;
                height: 8px;
                display: inline-block;
                margin-inline-end: 6px;
            }

            .userDashboardNew .dashboardDrivers .driverGraph .driversInPersentage.progressInPercentage div.waitingPercentage span[b-hxhkmneii0] {
                background: #FFDA4B
            }

            .userDashboardNew .dashboardDrivers .driverGraph .driversInPersentage.progressInPercentage div.busyPercentage span[b-hxhkmneii0] {
                background: #FF1905
            }
/* _content/NormaLiveUI/Pages/UserDashboardNew/LateVehiclesNew/LateVehiclesNewComponent.razor.rz.scp.css */
.text-truncate[b-wx2ezdz1aj] {
    overflow: hidden;
    text-overflow: ellipsis !important;
    white-space: nowrap;
}
.userDashboardNew .dashboardLateVehicles[b-wx2ezdz1aj] {
    background-image: linear-gradient(to right,#243254,155px, #17ce1fcc 156px, #e37014de 1020px);
}


.userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader[b-wx2ezdz1aj] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 0px;
    border-start-start-radius: 5px;
    border-start-end-radius: 5px;
    border-end-end-radius: 0;
    border-end-start-radius: 0;
    position: relative;
    background-image: url(../../images/CentralizedDashboard/late-vehicles/late-vehicle-header-bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 60px;
    background: #184d89b3;
    backdrop-filter: blur(74px);
    -webkit-backdrop-filter: blur(74px);
    height: 58px;
}

.userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader .lateVehiclesCodeHeader[b-wx2ezdz1aj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 4px 0px;
}

    .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader .lateVehiclesCodeHeader.lateVehicles[b-wx2ezdz1aj] {
        width: 123px;
    }

    .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader .lateVehiclesCodeHeader.execution[b-wx2ezdz1aj] {
        align-items: flex-start;
        padding: 4px 0px 4px 14px;
        width: 530px;
    }

    .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader .lateVehiclesCodeHeader.preExecution[b-wx2ezdz1aj] {
        flex-grow: 1;
        align-items: flex-start;
        padding: 4px 0px 4px 14px;
    }

    .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader .lateVehiclesCodeHeader h5[b-wx2ezdz1aj] {
        font-weight: 400;
        margin-bottom: 10px;
        font-size: 11px;
    }

        .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader .lateVehiclesCodeHeader h5 img[b-wx2ezdz1aj] {
            margin-inline-end: 5px;
            width: 9px;
            height: 9px;
        }

    .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader .lateVehiclesCodeHeader strong[b-wx2ezdz1aj] {
        color: #919EAC;
        font-size: 9px;
        font-weight: 600;
    }

        .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader .lateVehiclesCodeHeader strong img[b-wx2ezdz1aj] {
            width: 11px;
            height: 11px;
            margin-inline-end: 8px;
        }

    .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader .lateVehiclesCodeHeader.lateVehicles h5[b-wx2ezdz1aj] {
        font-weight: 400;
        color: #919EAC;
    }

    .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader .lateVehiclesCodeHeader.execution h5[b-wx2ezdz1aj] {
        font-weight: 600;
        color: #17CE1F;
    }

    .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader .lateVehiclesCodeHeader.preExecution h5[b-wx2ezdz1aj] {
        font-weight: 600;
        color: #FF7E16;
    }

    .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader .lateVehiclesCodeHeader.execution strong.onTime[b-wx2ezdz1aj],
    .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader .lateVehiclesCodeHeader.preExecution strong.onTime[b-wx2ezdz1aj] {
        color: #03c009;
        font-size: 9px;
    }

    .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader .lateVehiclesCodeHeader.execution strong.late[b-wx2ezdz1aj],
    .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader .lateVehiclesCodeHeader.preExecution strong.late[b-wx2ezdz1aj] {
        color: #ff8000;
        font-size: 9px;
    }

    .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader .lateVehiclesCodeHeader.execution strong.veryLate[b-wx2ezdz1aj],
    .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader .lateVehiclesCodeHeader.preExecution strong.veryLate[b-wx2ezdz1aj],
    .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader .lateVehiclesCodeHeader.execution strong[b-wx2ezdz1aj],
    .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader .lateVehiclesCodeHeader.preExecution strong[b-wx2ezdz1aj] {
        color: #ff1905;
        font-size: 9px;
    }



.userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection[b-wx2ezdz1aj] {
    overflow: auto;
    max-height: calc(100vh - (42px + 100px + 122px + 54px + 50px));
    max-height: calc(100vh - 300px);
    border-bottom: 4px solid #184D89;
    border-top: 4px solid #184D89;
    background: #283e63;
}

.userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow[b-wx2ezdz1aj] {
    border-inline-start: 4px solid #184D89;
    border-top: 4px solid #184D89;
    border-inline-end: 4px solid #184D89;
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
}

    .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow:last-child[b-wx2ezdz1aj] {
        border-bottom: 4px solid #184D89;
    }


.userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell[b-wx2ezdz1aj] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    min-height: 60px;
}

.userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell.vehiclePlateNoCell[b-wx2ezdz1aj] {
    background: #243254;
    width: 123px;
    min-width: 123px;
    flex-direction: column;
}

    .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell.vehiclePlateNoCell .plateNo[b-wx2ezdz1aj] {
        margin-top: 4px;
        margin-bottom: auto;
        position: sticky;
        top: 4px;
        text-align: center;
    }

    .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell.vehiclePlateNoCell img[b-wx2ezdz1aj] {
        width: 15px;
        height: 11px;
        margin-inline-end: 8px;
        margin-top: auto;
        margin-bottom: 0px;
    }

    .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell.vehiclePlateNoCell p[b-wx2ezdz1aj] {
        color: #CED7DF;
        font-weight: 500;
        margin: 0px;
        font-size: 14px;
        cursor: pointer;
        margin-top: 0px;
        margin-bottom: auto;
    }


.userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order[b-wx2ezdz1aj] {
    width: 310px;
    min-height: 111px;
    width: 230px;
    height: 184px;
    width: 323px;
    height: 192px;
    display: flex;
    flex-direction: column;
    padding: 10px 7px;
    background: #184D89;
    box-shadow: 0px 3px 15px rgba(3, 10, 37, 0.34);
    border-radius: 11px;
    margin-inline-end: 8px;
    margin-bottom: 8px;
}

.userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .customerName[b-wx2ezdz1aj] {
    text-align: start;
    font-size: 11px;
    color: #D8E0E9;
    margin-bottom: 5px;
    padding: 0px 7px;
}

.userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails[b-wx2ezdz1aj] {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    background: transparent;
    color: #FAFAFA;
    padding: 0px;
    flex-grow: 1;
}

    .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails[b-wx2ezdz1aj],
    .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails[b-wx2ezdz1aj] {
        width: 50%;
        padding: 0px 0px 4px;
        background: #84BC82;
        border: 1px solid rgb(24, 77, 137);
    }

        .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails.redBgDetails[b-wx2ezdz1aj],
        .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails.redBgDetails[b-wx2ezdz1aj] {
            background-color: #FF8E85;
            color: #283E63;
        }

        .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails.orangeBgDetails[b-wx2ezdz1aj],
        .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails.orangeBgDetails[b-wx2ezdz1aj] {
            background-color: #EC9C5B;
            color: #283E63;
        }

        .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails.lightBlueBgDetails[b-wx2ezdz1aj],
        .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails.lightBlueBgDetails[b-wx2ezdz1aj] {
            background-color: #8DC3FF;
            color: #283E63;
        }

        .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails.yellowBgDetails[b-wx2ezdz1aj],
        .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails.yellowBgDetails[b-wx2ezdz1aj] {
            background-color: rgb(224, 224, 73);
            color: #283E63;
        }

        .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails .title[b-wx2ezdz1aj],
        .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails .title[b-wx2ezdz1aj] {
            font-size: 11px;
            display: flex;
            align-items: start;
            margin-bottom: 5px;
            text-transform: capitalize;
            background: rgba(30, 45, 72, 0.15);
            padding: 4px;
            font-weight: 600;
        }

            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails .title a[b-wx2ezdz1aj],
            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails .title a[b-wx2ezdz1aj] {
                padding: 0px;
                margin: 0px;
                text-align: start;
                width: calc(100% - 16px);
                display: block;
                height: 22px;
                overflow: hidden;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                text-overflow: ellipsis;
                font-weight: 600;
            }


            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails .title span[b-wx2ezdz1aj],
            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails .title span[b-wx2ezdz1aj] {
                display: flex;
                width: 16px;
                height: 16px;
                border: none;
                text-align: center;
                font-size: 8px;
                color: #3FAE3B;
                text-transform: uppercase;
                margin-inline-end: 4px;
                font-weight: 700;
                border-radius: 2px;
                background: #184D89;
                align-items: center;
                justify-content: center;
                font-size: 11px;
            }

        .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails.redBgDetails .title span[b-wx2ezdz1aj],
        .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails.redBgDetails .title span[b-wx2ezdz1aj],
        .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails.orangeBgDetails .title span[b-wx2ezdz1aj],
        .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails.orangeBgDetails .title span[b-wx2ezdz1aj],
        .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails.lightBlueBgDetails .title span[b-wx2ezdz1aj],
        .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails.lightBlueBgDetails .title span[b-wx2ezdz1aj],
        .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails.yellowBgDetails .title span[b-wx2ezdz1aj],
        .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails.yellowBgDetails .title span[b-wx2ezdz1aj] {
            border: 1px solid #D92936;
            color: #D92936;
        }

        .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails .city[b-wx2ezdz1aj],
        .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails .city[b-wx2ezdz1aj] {
            font-weight: 600;
            font-size: 10px;
            margin-bottom: 5px;
            height: 15px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            padding: 0px 4px;
        }

        .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails .shopName[b-wx2ezdz1aj],
        .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails .shopName[b-wx2ezdz1aj] {
            font-size: 10px;
            font-weight: 500;
            margin-bottom: 5px;
            height: 30px;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
            padding: 0px 4px;
        }

            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails .shopName span[b-wx2ezdz1aj],
            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails .shopName span[b-wx2ezdz1aj] {
                font-weight: 600;
            }

        .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails .eta[b-wx2ezdz1aj],
        .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails .eta[b-wx2ezdz1aj] {
            font-size: 10px;
            font-weight: 500;
            margin-bottom: 5px;
            padding: 0px 4px;
        }

            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails .eta span[b-wx2ezdz1aj],
            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails .eta span[b-wx2ezdz1aj] {
                font-weight: 600;
                width: 24px;
                display: inline-block;
            }

        .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails .times[b-wx2ezdz1aj], .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails .times[b-wx2ezdz1aj] {
            padding: 0px 4px;
            font-weight: 600;
        }

            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails .times p[b-wx2ezdz1aj],
            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails .times p[b-wx2ezdz1aj] {
                font-size: 10px;
                font-weight: 200;
                margin-bottom: 4px;
                color: #FAFAFA;
                font-weight: 600;
            }

                .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails .times p:last-of-type[b-wx2ezdz1aj],
                .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails .times p:last-of-type[b-wx2ezdz1aj] {
                    margin-bottom: 0px;
                }

        .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails.redBgDetails .times p[b-wx2ezdz1aj],
        .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails.redBgDetails .times p[b-wx2ezdz1aj],
        .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails.orangeBgDetails .times p[b-wx2ezdz1aj],
        .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails.orangeBgDetails .times p[b-wx2ezdz1aj],
        .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails.yellowBgDetails .times p[b-wx2ezdz1aj],
        .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails.yellowBgDetails .times p[b-wx2ezdz1aj] {
            color: #000000;
            font-weight: 600;
        }



.userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell.inExecutionOrderCell[b-wx2ezdz1aj] {
    width: 530px;
    margin-top: 4px;
    flex-shrink: 0;
    justify-content: stretch;
    padding: 4px 0px 2px 14px;
    align-items: flex-start;
}

.userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell.inExecutionOrderCell .ordersContainer[b-wx2ezdz1aj] {
    position: sticky;
    top: 4px;
    align-self: flex-start;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell.inExecutionOrderCell .order[b-wx2ezdz1aj] {
    margin: 0px;
    margin-bottom: 8px;
}

.userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell.preExecutionOrderCell[b-wx2ezdz1aj] {
    background-color: rgba(24, 77, 137, 0.29);
    flex-grow: 1;
    justify-content: stretch;
    padding: 4px 0px 2px 14px;
    align-items: flex-start;
}
/*******late vehicle /orders*******/
.userDashboardNew .lateVehiclesListHeader[b-wx2ezdz1aj] {
    height: 65px;
    flex-shrink: 0;
    fill: #0C1B35;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 0px;
    /* border-start-start-radius: 5px; */
    /* border-start-end-radius: 5px; */
    /* border-end-end-radius: 0; */
    /* border-end-start-radius: 0; */
    position: relative;
    background: var(--norma__neutral--dark-blue);
    backdrop-filter: blur(74px);
    -webkit-backdrop-filter: blur(74px);
}

.userDashboardNew .lateVehiclesListHeaderTitle[b-wx2ezdz1aj] {
    width: 88px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 65px;
    box-shadow: 0px 4px 4px 0px #00000040;
    border-inline-end: 1px solid rgba(40, 62, 99, 1);
}

    .userDashboardNew .lateVehiclesListHeaderTitle h5[b-wx2ezdz1aj] {
        color: white;
        font-size: var(--norma--font-xs);
        /* box-shadow: 0px 4px 4px 0px #00000040; */
    }

.userDashboardNew .lateVehiclesListTableHeader[b-wx2ezdz1aj] {
    width: calc(100% - 88px);
    height: 65px;
    display: flex;
}

.userDashboardNew .lateVehiclesListTableHeaderTitle[b-wx2ezdz1aj] {
}

.userDashboardNew .lateVehiclesListTableHeaderHead[b-wx2ezdz1aj] {
    display: flex; /* gap: 1px; */
    flex-direction: column;
    width: 100%;
    padding: 7px 0;
}

.userDashboardNew .lateVehiclesListTableOrderTitle[b-wx2ezdz1aj] {
    border-bottom: 1px solid rgba(40, 62, 99, 1);
    justify-content: start;
    gap: 11px;
}

    .userDashboardNew .lateVehiclesListTableOrderTitle img[b-wx2ezdz1aj] {
    }

    .userDashboardNew .lateVehiclesListTableOrderTitle p[b-wx2ezdz1aj] {
    }

.userDashboardNew .lateVehiclesListTableHeaderHead.lateOrderTitle[b-wx2ezdz1aj] {
    justify-content: start;
    gap: 10px;
    border-bottom: 1px solid rgba(40, 62, 99, 1);
}

.userDashboardNew .lateVehiclesListTableHeaderHead > div[b-wx2ezdz1aj] {
    display: flex;
    align-items: center;
    justify-content: start;
    margin-inline: 27px 38px;
    height: 50%;
}

    .userDashboardNew .lateVehiclesListTableHeaderHead > div img[b-wx2ezdz1aj] {
        margin-top: -3px;
    }

        .userDashboardNew .lateVehiclesListTableHeaderHead > div p[b-wx2ezdz1aj] {
                margin-bottom: 0;
                font-weight: 600;
                font-size: 14px;
        }
        .userDashboardNew .lateVehiclesListTableHeaderHead  > div  .Early[b-wx2ezdz1aj] {
            color: #096DDC;
        }
        .userDashboardNew .lateVehiclesListTableHeaderHead > div .Late[b-wx2ezdz1aj] {
            color: #FF8000;
        }
        .userDashboardNew .lateVehiclesListTableHeaderHead > div p[class='On Time'][b-wx2ezdz1aj] {
            color: #03C009;
        }
        .userDashboardNew .lateVehiclesListTableHeaderHead > div p[class='Very Late'][b-wx2ezdz1aj] {
            color: #FF1905;
        }

.userDashboardNew .lateVehiclesListTableHeaderHead-tableTitles[b-wx2ezdz1aj] {
}

    .userDashboardNew .lateVehiclesListTableHeaderHead-tableTitles div[b-wx2ezdz1aj] {
        color: #899CCB;
        font-size: var(--norma--font-xs);
        padding-top: 7px;
        padding-inline-start: 4px;
    }

        .userDashboardNew .lateVehiclesListTableHeaderHead-tableTitles div.norma--prc-width-28[b-wx2ezdz1aj] {
            padding-inline-start: 42px;
        }
/*table*/
.userDashboardNew .lateVehiclesListTableWrap[b-wx2ezdz1aj] {
    overflow: auto;
    /* max-height: calc(100vh -(42px + 100px + 122px + 54px + 50px)); */
    max-height: calc(100vh - (60px + 54px + 193px));
    border-bottom: 1px solid rgba(40, 62, 99, 1);
    border-top: 1px solid rgba(40, 62, 99, 1);
    background: #283e63;
}

.userDashboardNew .lateVehiclesListTableRow[b-wx2ezdz1aj] {
    border-inline-start: #283e63;
    border-top: 1px solid #184D89;
    border-inline-end: 1px solid #184D89;
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
}

.userDashboardNew .lateVehiclesListTableVehiclePlateNoCell[b-wx2ezdz1aj] {
    background: var( --norma__neutral--dark-blue);
    width: 88px;
    min-width: 88px;
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    min-height: 60px;
}

    .userDashboardNew .lateVehiclesListTableVehiclePlateNoCell .plateNo[b-wx2ezdz1aj] {
        margin-top: 16px;
        margin-bottom: auto;
        position: sticky;
        top: 16px;
        text-align: center;
        width:100%;
    }

        .userDashboardNew .lateVehiclesListTableVehiclePlateNoCell .plateNo img[b-wx2ezdz1aj] {
        }

        .userDashboardNew .lateVehiclesListTableVehiclePlateNoCell .plateNo p[b-wx2ezdz1aj] {
            color: #CED7DF;
            font-size: var(--norma--font-xs);
            margin-block-end: 8px;
            width: 100%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            padding-inline:6px
        }

.userDashboardNew .lateVehiclesListTableVehicleRowCell--innerTable[b-wx2ezdz1aj] {
    background-color: #223051;
    flex-grow: 1;
    justify-content: stretch;
    padding: 8px 8px 8px 8px;
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    min-height: 73px;
    height: 73px;
    border-radius: 5px;
    border: 2px solid #0B235A;
    background: #1C376C;
    box-shadow: 0px 3px 15px 0px rgba(3, 10, 37, 0.75);
    margin: 0px 8px 8px 8px;
    width: calc(100% - 16px);
}

.userDashboardNew .lateVehiclesListOrderLoadingUnloadingWrapper[b-wx2ezdz1aj] {
    width: 100%;
}
/*loading*/
.userDashboardNew .lateVehiclesListTableOrderLoading[b-wx2ezdz1aj] {
    display: flex;
    height: 28px;
    align-items: center;
    border-radius: 5px;
    background: rgb(3 192 9 / 58%);
    padding: 6px;
    margin-bottom: 4px;
}

    .userDashboardNew .lateVehiclesListTableOrderLoading > div[b-wx2ezdz1aj] {
    }
/*ontime*/
.userDashboardNew .lateVehiclesListTableOrderLoading[b-wx2ezdz1aj], .lateVehiclesListTableOrderUnLoading[b-wx2ezdz1aj] {
    background: rgb(3 192 9 / 58%);
}

    .userDashboardNew .lateVehiclesListTableOrderLoading .lateVehiclesListTableOrderLoading--StatusCircle[b-wx2ezdz1aj], .lateVehiclesListTableOrderUnLoading .lateVehiclesListTableOrderUnLoading--StatusCircle[b-wx2ezdz1aj] {
        background: #03C009;
    }
    /*very late*/
    .userDashboardNew .lateVehiclesListTableOrderLoading.O--VeryLate[b-wx2ezdz1aj] {
        background: rgb(255 25 5 / 58%);
    }

        .userDashboardNew .lateVehiclesListTableOrderLoading.O--VeryLate .lateVehiclesListTableOrderLoading--StatusCircle[b-wx2ezdz1aj] {
            background: #FF1905
        }

    /*late*/
    .userDashboardNew .lateVehiclesListTableOrderLoading.O--Late[b-wx2ezdz1aj] {
        background: rgb(255 128 0 / 70%)
    }

        .userDashboardNew .lateVehiclesListTableOrderLoading.O--Late .lateVehiclesListTableOrderLoading--StatusCircle[b-wx2ezdz1aj] {
            background: #FF8000
        }
    /*early*/
    .userDashboardNew .lateVehiclesListTableOrderLoading.O--Early[b-wx2ezdz1aj] {
        background: rgb(9 109 220 / 58%)
    }

        .userDashboardNew .lateVehiclesListTableOrderLoading.O--Early .lateVehiclesListTableOrderLoading--StatusCircle[b-wx2ezdz1aj] {
            background: #096DDC
        }

    /*none*/
    .userDashboardNew .lateVehiclesListTableOrderLoading.O--None[b-wx2ezdz1aj] {
        background: #fff;
    }
    .userDashboardNew .lateVehiclesListTableOrderLoading.O--None .lateVehiclesListTableOrderLoading--Label[b-wx2ezdz1aj] {
        color: #fff;
    }
        .userDashboardNew .lateVehiclesListTableOrderLoading.O--None .lateVehiclesListTableOrderLoading--StatusCircle[b-wx2ezdz1aj] {
            background: #000 !important;
        }
        .userDashboardNew .lateVehiclesListTableOrderLoading.O--None div[b-wx2ezdz1aj] {
            color: #000;
        }

        .userDashboardNew .lateVehiclesListTableOrderLoading.O--None .lateVehiclesListTableOrderLoading--StatusCircle[b-wx2ezdz1aj] {
            background: #808080
        }

.userDashboardNew .lateVehiclesListTableOrderLoading--StatusCircle[b-wx2ezdz1aj] {
    min-width: 8.03px;
    min-height: 7px;
    background: white;
    border-radius: 3px;
}



.userDashboardNew .lateVehiclesListTableOrderLoading--Label[b-wx2ezdz1aj] {
    background: var(--norma__neutral--dark-blue);
    min-width: 17px;
    min-height: 17px;
    border-radius: 2px;
    text-align: center;
}

.userDashboardNew .lateVehiclesListTableOrderLoading > div[b-wx2ezdz1aj] {
    color: #E0E0DE;
    font-size: var(--norma--font-xs);
    padding-inline-end: 20px;
}
/*unloading*/
.userDashboardNew .lateVehiclesListTableOrderUnLoading[b-wx2ezdz1aj] {
    display: flex;
    height: 28px;
    align-items: center;
    border-radius: 5px;
    background: rgb(3 192 9 / 58%);
    padding: 6px;
    margin-bottom: 4px;
}

    .userDashboardNew .lateVehiclesListTableOrderUnLoading > div[b-wx2ezdz1aj] {
    }
    /*ontime*/
    .userDashboardNew .lateVehiclesListTableOrderUnLoading.O--OnTime[b-wx2ezdz1aj] {
        background: rgb(3 192 9 / 58%)
    }

        .userDashboardNew .lateVehiclesListTableOrderUnLoading.O--OnTime .lateVehiclesListTableOrderUnLoading--StatusCircle[b-wx2ezdz1aj] {
            background: #03C009
        }
    /*very late*/
    .userDashboardNew .lateVehiclesListTableOrderUnLoading.O--VeryLate[b-wx2ezdz1aj] {
        background: rgb(255 25 5 / 58%);
    }

        .userDashboardNew .lateVehiclesListTableOrderUnLoading.O--VeryLate .lateVehiclesListTableOrderUnLoading--StatusCircle[b-wx2ezdz1aj] {
            background: #FF1905
        }

    /*late*/
    .userDashboardNew .lateVehiclesListTableOrderUnLoading.O--Late[b-wx2ezdz1aj] {
        background: rgb(255 128 0 / 70%)
    }

        .userDashboardNew .lateVehiclesListTableOrderUnLoading.O--Late .lateVehiclesListTableOrderUnLoading--StatusCircle[b-wx2ezdz1aj] {
            background: #FF8000
        }
    /*early*/
    .userDashboardNew .lateVehiclesListTableOrderUnLoading.O--Early[b-wx2ezdz1aj] {
        background: rgb(9 109 220 / 58%)
    }

        .userDashboardNew .lateVehiclesListTableOrderUnLoading.O--Early .lateVehiclesListTableOrderUnLoading--StatusCircle[b-wx2ezdz1aj] {
            background: #096DDC
        }

.userDashboardNew .lateVehiclesListTableOrderUnLoading--StatusCircle[b-wx2ezdz1aj] {
    min-width: 8.03px;
    min-height: 7px;
    background: #03C009;
    border-radius: 3px;
}

    .userDashboardNew .lateVehiclesListTableOrderUnLoading--StatusCircle.O-VeryLate[b-wx2ezdz1aj] {
    }

.userDashboardNew .lateVehiclesListTableOrderUnLoading--Label[b-wx2ezdz1aj] {
    background: var(--norma__neutral--dark-blue);
    min-width: 17px;
    min-height: 17px;
    border-radius: 2px;
    text-align: center;
}

.userDashboardNew .lateVehiclesListTableOrderUnLoading > div[b-wx2ezdz1aj] {
    color: #E0E0DE;
    font-size: var(--norma--font-xs);
}

.userDashboardNew .gap-7[b-wx2ezdz1aj] {
    gap: 7px;
}

.userDashboardNew .preExecutionOrder[b-wx2ezdz1aj], .userDashboardNew .executionOrders[b-wx2ezdz1aj] {
    background: #144C97;
    /* padding: 8px; */
    margin: 7px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .userDashboardNew .executionOrders .executionTitle[b-wx2ezdz1aj] {
        color: #14E329;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        padding: 8px;
        width: 100%;
    }

    .userDashboardNew .preExecutionOrder .preExecutionTitle[b-wx2ezdz1aj] {
        color: #F98500;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        padding: 8px;
        width: 100%;
    }

.lateVehiclesListHeader[b-wx2ezdz1aj] {
    height: 65px;
    flex-shrink: 0;
    fill: #0C1B35;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 0px;
    border-start-start-radius: 5px;
    border-start-end-radius: 5px;
    border-end-end-radius: 0;
    border-end-start-radius: 0;
    position: relative;
    background: #0C1B35;
    backdrop-filter: blur(74px);
    -webkit-backdrop-filter: blur(74px);
}

.lateVehiclesListHeaderTitle[b-wx2ezdz1aj] {
    width: 88px;
    display: flex;
    align-items: center;
    justify-content: center
}

    

.lateVehiclesListTableHeader[b-wx2ezdz1aj] {
}

.lateVehiclesListTableHeaderTitle[b-wx2ezdz1aj] {
}

.lateVehiclesListTableHeaderHead[b-wx2ezdz1aj] {
}

    .lateVehiclesListTableHeaderHead > div img[b-wx2ezdz1aj] {
    }

    .lateVehiclesListTableHeaderHead > div p[b-wx2ezdz1aj] {
    }

.lateVehiclesListTableHeaderHead-tableTitles[b-wx2ezdz1aj] {
}

    .lateVehiclesListTableHeaderHead-tableTitles div[b-wx2ezdz1aj] {
    }
/*table*/
.lateVehiclesListTableWrap[b-wx2ezdz1aj] {
    overflow: auto;
    /* max-height: calc(100vh -(42px + 100px + 122px + 54px + 50px)); */
    max-height: calc(100vh - 300px);
    border-bottom: 4px solid #184D89;
    border-top: 4px solid #184D89;
    background: #283e63;
}

.lateVehiclesListTableRow[b-wx2ezdz1aj] {
    border-inline-start: 4px solid #184D89;
    border-top: 4px solid #184D89;
    border-inline-end: 4px solid #184D89;
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
}

.lateVehiclesListTableVehiclePlateNoCell[b-wx2ezdz1aj] {
    background: #243254;
    width: 123px;
    min-width: 123px;
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    min-height: 60px;
}

    .lateVehiclesListTableVehiclePlateNoCell .plateNo[b-wx2ezdz1aj] {
        margin-top: 4px;
        margin-bottom: auto;
        position: sticky;
        top: 4px;
        text-align: center;
    }

        .lateVehiclesListTableVehiclePlateNoCell .plateNo img[b-wx2ezdz1aj] {
        }

        .lateVehiclesListTableVehiclePlateNoCell .plateNo p[b-wx2ezdz1aj] {
        }

.lateVehiclesListTableVehicleRowCell--innerTable[b-wx2ezdz1aj] {
    background-color: rgba(24, 77, 137, 0.29);
    flex-grow: 1;
    justify-content: stretch;
    padding: 4px 0px 2px 14px;
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    min-height: 60px;
}

.lateVehiclesListOrderLoadingUnloadingWrapper[b-wx2ezdz1aj] {
}
/*loading*/
.lateVehiclesListTableOrderLoading[b-wx2ezdz1aj] {
}

    .lateVehiclesListTableOrderLoading > div[b-wx2ezdz1aj] {
    }

    .lateVehiclesListTableOrderLoading.O--VeryLate[b-wx2ezdz1aj] {
    }

.lateVehiclesListTableOrderLoading--StatusCircle[b-wx2ezdz1aj] {
}

    .lateVehiclesListTableOrderLoading--StatusCircle.O-VeryLate[b-wx2ezdz1aj] {
    }

.lateVehiclesListTableOrderLoading--Label[b-wx2ezdz1aj] {
}

.lateVehiclesListTableOrderLoading > div[b-wx2ezdz1aj] {
}
/*unloading*/
.lateVehiclesListTableOrderUnLoading[b-wx2ezdz1aj] {
}

    .lateVehiclesListTableOrderUnLoading > div[b-wx2ezdz1aj] {
    }

    .lateVehiclesListTableOrderUnLoading.O--VeryLate[b-wx2ezdz1aj] {
    }

.lateVehiclesListTableOrderUnLoading--StatusCircle[b-wx2ezdz1aj] {
}

    .lateVehiclesListTableOrderUnLoading--StatusCircle.O-VeryLate[b-wx2ezdz1aj] {
    }

.lateVehiclesListTableOrderUnLoading--Label[b-wx2ezdz1aj] {
}

.lateVehiclesListTableOrderUnLoading > div[b-wx2ezdz1aj] {
}
.w-100Minus-88[b-wx2ezdz1aj]{
    width: calc(100% - 88px)
}
/* _content/NormaLiveUI/Pages/UserDashboardNew/LateVehiclesNew/LateVehiclesStopsViewComponent.razor.rz.scp.css */
.text-truncate[b-sgrn15rwby] {
    overflow: hidden;
    text-overflow: ellipsis !important;
    white-space: nowrap;
}

.userDashboardNew .dashboardLateVehicles[b-sgrn15rwby] {
    background-image: linear-gradient(to right,#243254,155px, #17ce1fcc 156px, #e37014de 1020px);
}


    .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader[b-sgrn15rwby] {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin-bottom: 0px;
        border-start-start-radius: 5px;
        border-start-end-radius: 5px;
        border-end-end-radius: 0;
        border-end-start-radius: 0;
        position: relative;
        background-image: url(../../images/CentralizedDashboard/late-vehicles/late-vehicle-header-bg.svg);
        background-repeat: no-repeat;
        background-size: cover;
        height: 60px;
        background: #184d89b3;
        backdrop-filter: blur(74px);
        -webkit-backdrop-filter: blur(74px);
        height: 58px;
    }

        .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader .lateVehiclesCodeHeader[b-sgrn15rwby] {
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 4px 0px;
        }

            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader .lateVehiclesCodeHeader.lateVehicles[b-sgrn15rwby] {
                width: 123px;
            }

            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader .lateVehiclesCodeHeader.execution[b-sgrn15rwby] {
                align-items: flex-start;
                padding: 4px 0px 4px 14px;
                width: 530px;
            }

            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader .lateVehiclesCodeHeader.preExecution[b-sgrn15rwby] {
                flex-grow: 1;
                align-items: flex-start;
                padding: 4px 0px 4px 14px;
            }

            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader .lateVehiclesCodeHeader h5[b-sgrn15rwby] {
                font-weight: 400;
                margin-bottom: 10px;
                font-size: 11px;
            }

                .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader .lateVehiclesCodeHeader h5 img[b-sgrn15rwby] {
                    margin-inline-end: 5px;
                    width: 9px;
                    height: 9px;
                }

            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader .lateVehiclesCodeHeader strong[b-sgrn15rwby] {
                color: #919EAC;
                font-size: 9px;
                font-weight: 600;
            }

                .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader .lateVehiclesCodeHeader strong img[b-sgrn15rwby] {
                    width: 11px;
                    height: 11px;
                    margin-inline-end: 8px;
                }

            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader .lateVehiclesCodeHeader.lateVehicles h5[b-sgrn15rwby] {
                font-weight: 400;
                color: #919EAC;
            }

            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader .lateVehiclesCodeHeader.execution h5[b-sgrn15rwby] {
                font-weight: 600;
                color: #17CE1F;
            }

            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader .lateVehiclesCodeHeader.preExecution h5[b-sgrn15rwby] {
                font-weight: 600;
                color: #FF7E16;
            }

            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader .lateVehiclesCodeHeader.execution strong.onTime[b-sgrn15rwby],
            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader .lateVehiclesCodeHeader.preExecution strong.onTime[b-sgrn15rwby] {
                color: #03c009;
                font-size: 9px;
            }

            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader .lateVehiclesCodeHeader.execution strong.late[b-sgrn15rwby],
            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader .lateVehiclesCodeHeader.preExecution strong.late[b-sgrn15rwby] {
                color: #ff8000;
                font-size: 9px;
            }

            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader .lateVehiclesCodeHeader.execution strong.veryLate[b-sgrn15rwby],
            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader .lateVehiclesCodeHeader.preExecution strong.veryLate[b-sgrn15rwby],
            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader .lateVehiclesCodeHeader.execution strong[b-sgrn15rwby],
            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader .lateVehiclesCodeHeader.preExecution strong[b-sgrn15rwby] {
                color: #ff1905;
                font-size: 9px;
            }



    .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection[b-sgrn15rwby] {
        overflow: auto;
        max-height: calc(100vh - (42px + 100px + 122px + 54px + 50px));
        max-height: calc(100vh - 300px);
        border-bottom: 4px solid #184D89;
        border-top: 4px solid #184D89;
        background: #283e63;
    }

        .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow[b-sgrn15rwby] {
            border-inline-start: 4px solid #184D89;
            border-top: 4px solid #184D89;
            border-inline-end: 4px solid #184D89;
            display: flex;
            align-items: stretch;
            justify-content: flex-start;
        }

            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow:last-child[b-sgrn15rwby] {
                border-bottom: 4px solid #184D89;
            }


            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell[b-sgrn15rwby] {
                display: flex;
                align-items: center;
                justify-content: center;
                flex-wrap: wrap;
                min-height: 60px;
            }

                .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell.vehiclePlateNoCell[b-sgrn15rwby] {
                    background: #243254;
                    width: 123px;
                    min-width: 123px;
                    flex-direction: column;
                }

                    .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell.vehiclePlateNoCell .plateNo[b-sgrn15rwby] {
                        margin-top: 4px;
                        margin-bottom: auto;
                        position: sticky;
                        top: 4px;
                        text-align: center;
                    }

                    .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell.vehiclePlateNoCell img[b-sgrn15rwby] {
                        width: 15px;
                        height: 11px;
                        margin-inline-end: 8px;
                        margin-top: auto;
                        margin-bottom: 0px;
                    }

                    .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell.vehiclePlateNoCell p[b-sgrn15rwby] {
                        color: #CED7DF;
                        font-weight: 500;
                        margin: 0px;
                        font-size: 14px;
                        cursor: pointer;
                        margin-top: 0px;
                        margin-bottom: auto;
                    }


                .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order[b-sgrn15rwby] {
                    width: 310px;
                    min-height: 111px;
                    width: 230px;
                    height: 184px;
                    width: 323px;
                    height: 192px;
                    display: flex;
                    flex-direction: column;
                    padding: 10px 7px;
                    background: #184D89;
                    box-shadow: 0px 3px 15px rgba(3, 10, 37, 0.34);
                    border-radius: 11px;
                    margin-inline-end: 8px;
                    margin-bottom: 8px;
                }

                    .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .customerName[b-sgrn15rwby] {
                        text-align: start;
                        font-size: 11px;
                        color: #D8E0E9;
                        margin-bottom: 5px;
                        padding: 0px 7px;
                    }

                    .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails[b-sgrn15rwby] {
                        display: flex;
                        justify-content: space-between;
                        align-items: stretch;
                        background: transparent;
                        color: #FAFAFA;
                        padding: 0px;
                        flex-grow: 1;
                    }

                        .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails[b-sgrn15rwby],
                        .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails[b-sgrn15rwby] {
                            width: 50%;
                            padding: 0px 0px 4px;
                            background: #84BC82;
                            border: 1px solid rgb(24, 77, 137);
                        }

                            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails.redBgDetails[b-sgrn15rwby],
                            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails.redBgDetails[b-sgrn15rwby] {
                                background-color: #FF8E85;
                                color: #283E63;
                            }

                            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails.orangeBgDetails[b-sgrn15rwby],
                            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails.orangeBgDetails[b-sgrn15rwby] {
                                background-color: #EC9C5B;
                                color: #283E63;
                            }

                            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails.lightBlueBgDetails[b-sgrn15rwby],
                            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails.lightBlueBgDetails[b-sgrn15rwby] {
                                background-color: #8DC3FF;
                                color: #283E63;
                            }

                            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails.yellowBgDetails[b-sgrn15rwby],
                            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails.yellowBgDetails[b-sgrn15rwby] {
                                background-color: rgb(224, 224, 73);
                                color: #283E63;
                            }

                            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails .title[b-sgrn15rwby],
                            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails .title[b-sgrn15rwby] {
                                font-size: 11px;
                                display: flex;
                                align-items: start;
                                margin-bottom: 5px;
                                text-transform: capitalize;
                                background: rgba(30, 45, 72, 0.15);
                                padding: 4px;
                                font-weight: 600;
                            }

                                .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails .title a[b-sgrn15rwby],
                                .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails .title a[b-sgrn15rwby] {
                                    padding: 0px;
                                    margin: 0px;
                                    text-align: start;
                                    width: calc(100% - 16px);
                                    display: block;
                                    height: 22px;
                                    overflow: hidden;
                                    display: -webkit-box;
                                    -webkit-line-clamp: 2;
                                    -webkit-box-orient: vertical;
                                    text-overflow: ellipsis;
                                    font-weight: 600;
                                }


                                .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails .title span[b-sgrn15rwby],
                                .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails .title span[b-sgrn15rwby] {
                                    display: flex;
                                    width: 16px;
                                    height: 16px;
                                    border: none;
                                    text-align: center;
                                    font-size: 8px;
                                    color: #3FAE3B;
                                    text-transform: uppercase;
                                    margin-inline-end: 4px;
                                    font-weight: 700;
                                    border-radius: 2px;
                                    background: #184D89;
                                    align-items: center;
                                    justify-content: center;
                                    font-size: 11px;
                                }

                            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails.redBgDetails .title span[b-sgrn15rwby],
                            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails.redBgDetails .title span[b-sgrn15rwby],
                            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails.orangeBgDetails .title span[b-sgrn15rwby],
                            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails.orangeBgDetails .title span[b-sgrn15rwby],
                            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails.lightBlueBgDetails .title span[b-sgrn15rwby],
                            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails.lightBlueBgDetails .title span[b-sgrn15rwby],
                            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails.yellowBgDetails .title span[b-sgrn15rwby],
                            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails.yellowBgDetails .title span[b-sgrn15rwby] {
                                border: 1px solid #D92936;
                                color: #D92936;
                            }

                            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails .city[b-sgrn15rwby],
                            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails .city[b-sgrn15rwby] {
                                font-weight: 600;
                                font-size: 10px;
                                margin-bottom: 5px;
                                height: 15px;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                white-space: nowrap;
                                padding: 0px 4px;
                            }

                            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails .shopName[b-sgrn15rwby],
                            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails .shopName[b-sgrn15rwby] {
                                font-size: 10px;
                                font-weight: 500;
                                margin-bottom: 5px;
                                height: 30px;
                                overflow: hidden;
                                display: -webkit-box;
                                -webkit-line-clamp: 2;
                                -webkit-box-orient: vertical;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                padding: 0px 4px;
                            }

                                .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails .shopName span[b-sgrn15rwby],
                                .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails .shopName span[b-sgrn15rwby] {
                                    font-weight: 600;
                                }

                            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails .eta[b-sgrn15rwby],
                            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails .eta[b-sgrn15rwby] {
                                font-size: 10px;
                                font-weight: 500;
                                margin-bottom: 5px;
                                padding: 0px 4px;
                            }

                                .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails .eta span[b-sgrn15rwby],
                                .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails .eta span[b-sgrn15rwby] {
                                    font-weight: 600;
                                    width: 24px;
                                    display: inline-block;
                                }

                            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails .times[b-sgrn15rwby], .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails .times[b-sgrn15rwby] {
                                padding: 0px 4px;
                                font-weight: 600;
                            }

                                .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails .times p[b-sgrn15rwby],
                                .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails .times p[b-sgrn15rwby] {
                                    font-size: 10px;
                                    font-weight: 200;
                                    margin-bottom: 4px;
                                    color: #FAFAFA;
                                    font-weight: 600;
                                }

                                    .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails .times p:last-of-type[b-sgrn15rwby],
                                    .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails .times p:last-of-type[b-sgrn15rwby] {
                                        margin-bottom: 0px;
                                    }

                            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails.redBgDetails .times p[b-sgrn15rwby],
                            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails.redBgDetails .times p[b-sgrn15rwby],
                            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails.orangeBgDetails .times p[b-sgrn15rwby],
                            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails.orangeBgDetails .times p[b-sgrn15rwby],
                            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails.yellowBgDetails .times p[b-sgrn15rwby],
                            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails.yellowBgDetails .times p[b-sgrn15rwby] {
                                color: #000000;
                                font-weight: 600;
                            }



                .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell.inExecutionOrderCell[b-sgrn15rwby] {
                    width: 530px;
                    margin-top: 4px;
                    flex-shrink: 0;
                    justify-content: stretch;
                    padding: 4px 0px 2px 14px;
                    align-items: flex-start;
                }

                    .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell.inExecutionOrderCell .ordersContainer[b-sgrn15rwby] {
                        position: sticky;
                        top: 4px;
                        align-self: flex-start;
                        width: 100%;
                        display: flex;
                        flex-wrap: wrap;
                    }

                    .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell.inExecutionOrderCell .order[b-sgrn15rwby] {
                        margin: 0px;
                        margin-bottom: 8px;
                    }

                .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell.preExecutionOrderCell[b-sgrn15rwby] {
                    background-color: rgba(24, 77, 137, 0.29);
                    flex-grow: 1;
                    justify-content: stretch;
                    padding: 4px 0px 2px 14px;
                    align-items: flex-start;
                }
/*******late vehicle /orders*******/
.userDashboardNew .lateVehiclesListHeader[b-sgrn15rwby] {
    height: 65px;
    flex-shrink: 0;
    fill: #0C1B35;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 0px;
    /* border-start-start-radius: 5px; */
    /* border-start-end-radius: 5px; */
    /* border-end-end-radius: 0; */
    /* border-end-start-radius: 0; */
    position: relative;
    background: var(--norma__neutral--dark-blue);
    backdrop-filter: blur(74px);
    -webkit-backdrop-filter: blur(74px);
}

.userDashboardNew .lateVehiclesListHeaderTitle[b-sgrn15rwby] {
    width: 88px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 65px;
    box-shadow: 0px 4px 4px 0px #00000040;
    border-inline-end: 1px solid rgba(40, 62, 99, 1);
}

    .userDashboardNew .lateVehiclesListHeaderTitle h5[b-sgrn15rwby] {
        color: white;
        font-size: var(--norma--font-xs);
        /* box-shadow: 0px 4px 4px 0px #00000040; */
    }

.userDashboardNew .lateVehiclesListTableHeader[b-sgrn15rwby] {
    width: calc(100% - 88px);
    height: 65px;
    display: flex;
}

.userDashboardNew .lateVehiclesListTableHeaderTitle[b-sgrn15rwby] {
}

.userDashboardNew .lateVehiclesListTableHeaderHead[b-sgrn15rwby] {
    display: flex; /* gap: 1px; */
    flex-direction: column;
    width: 100%;
    padding: 7px 0;
    padding-inline-end: 11px;
}

.userDashboardNew .lateVehiclesListTableOrderTitle[b-sgrn15rwby] {
    border-bottom: 1px solid rgba(40, 62, 99, 1);
    justify-content: start;
    gap: 11px;
}

    .userDashboardNew .lateVehiclesListTableOrderTitle img[b-sgrn15rwby] {
    }

    .userDashboardNew .lateVehiclesListTableOrderTitle p[b-sgrn15rwby] {
    }

.userDashboardNew .lateVehiclesListTableHeaderHead.lateOrderTitle[b-sgrn15rwby] {
    justify-content: start;
    gap: 10px;
    border-bottom: 1px solid rgba(40, 62, 99, 1);
}

.userDashboardNew .lateVehiclesListTableHeaderHead > div[b-sgrn15rwby] {
    display: flex;
    align-items: center;
    justify-content: start;
    margin-inline: 27px 38px;
    height: 50%;
}

    .userDashboardNew .lateVehiclesListTableHeaderHead > div img[b-sgrn15rwby] {
        margin-top: -3px;
    }

    .userDashboardNew .lateVehiclesListTableHeaderHead > div p[b-sgrn15rwby] {
        margin-bottom: 0;
        font-weight: 600;
        font-size: 14px;
    }

    .userDashboardNew .lateVehiclesListTableHeaderHead > div .Early[b-sgrn15rwby] {
        color: #096DDC;
    }

    .userDashboardNew .lateVehiclesListTableHeaderHead > div .Late[b-sgrn15rwby] {
        color: #FF8000;
    }

    .userDashboardNew .lateVehiclesListTableHeaderHead > div p[class='On Time'][b-sgrn15rwby] {
        color: #03C009;
    }

    .userDashboardNew .lateVehiclesListTableHeaderHead > div p[class='Very Late'][b-sgrn15rwby] {
        color: #FF1905;
    }

.userDashboardNew .lateVehiclesListTableHeaderHead-tableTitles[b-sgrn15rwby] {
}

    .userDashboardNew .lateVehiclesListTableHeaderHead-tableTitles div[b-sgrn15rwby] {
        color: #899CCB;
        font-size: var(--norma--font-xs);
        /*        padding-top: 7px;*/
        padding-inline-start: 4px;
    }

        .userDashboardNew .lateVehiclesListTableHeaderHead-tableTitles div.norma--prc-width-28[b-sgrn15rwby] {
            padding-inline-start: 42px;
        }
/*table*/
.userDashboardNew .lateVehiclesListTableWrap[b-sgrn15rwby] {
    overflow: auto;
    /* max-height: calc(100vh -(42px + 100px + 122px + 54px + 50px)); */
    max-height: calc(100vh - (60px + 54px + 193px));
    border-bottom: 1px solid rgba(40, 62, 99, 1);
    border-top: 1px solid rgba(40, 62, 99, 1);
    background: #283e63;
}

.userDashboardNew .lateVehiclesListTableRow[b-sgrn15rwby] {
    border-inline-start: #283e63;
    border-top: 1px solid #184D89;
    border-inline-end: 1px solid #184D89;
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
}

.userDashboardNew .lateVehiclesListTableVehiclePlateNoCell[b-sgrn15rwby] {
    background: var( --norma__neutral--dark-blue);
    width: 88px;
    min-width: 88px;
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    min-height: 60px;
}

    .userDashboardNew .lateVehiclesListTableVehiclePlateNoCell .plateNo[b-sgrn15rwby] {
        margin-top: 16px;
        margin-bottom: auto;
        position: sticky;
        top: 16px;
        text-align: center;
        width: 100%;
    }

        .userDashboardNew .lateVehiclesListTableVehiclePlateNoCell .plateNo img[b-sgrn15rwby] {
        }

        .userDashboardNew .lateVehiclesListTableVehiclePlateNoCell .plateNo p[b-sgrn15rwby] {
            color: #CED7DF;
            font-size: var(--norma--font-xs);
            margin-block-end: 8px;
            width: 100%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            padding-inline: 6px
        }

.userDashboardNew .lateVehiclesListTableVehicleRowCell--innerTable[b-sgrn15rwby] {
    background-color: #223051;
    flex-grow: 1;
    justify-content: stretch;
    padding: 8px 8px 8px 8px;
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    min-height: 77px;
/*    height: 115px;*/
    border-radius: 5px;
    border: 2px solid #0B235A;
    background: #1C376C;
    box-shadow: 0px 3px 15px 0px rgba(3, 10, 37, 0.75);
    margin: 0px 8px 8px 8px;
    width: calc(100% - 16px);
}

.userDashboardNew .lateVehiclesListOrderLoadingUnloadingWrapper[b-sgrn15rwby] {
    width: 100%;
}
/*loading*/
.userDashboardNew .lateVehiclesListTableOrderLoading[b-sgrn15rwby] {
    display: flex;
    height: 28px;
    align-items: center;
    border-radius: 5px;
    background: rgb(3 192 9 / 58%);
    padding: 6px;
    margin-bottom: 4px;
}

    .userDashboardNew .lateVehiclesListTableOrderLoading > div[b-sgrn15rwby] {
    }
/*ontime*/
.userDashboardNew .lateVehiclesListTableOrderLoading[b-sgrn15rwby], .lateVehiclesListTableOrderUnLoading[b-sgrn15rwby] {
    background: rgb(3 192 9 / 58%);
}

    .userDashboardNew .lateVehiclesListTableOrderLoading .lateVehiclesListTableOrderLoading--StatusCircle[b-sgrn15rwby], .lateVehiclesListTableOrderUnLoading .lateVehiclesListTableOrderUnLoading--StatusCircle[b-sgrn15rwby] {
        background: #03C009;
    }
    /*very late*/
    .userDashboardNew .lateVehiclesListTableOrderLoading.O--VeryLate[b-sgrn15rwby] {
        background: rgb(255 25 5 / 58%);
    }

        .userDashboardNew .lateVehiclesListTableOrderLoading.O--VeryLate .lateVehiclesListTableOrderLoading--StatusCircle[b-sgrn15rwby] {
            background: #FF1905
        }

    /*late*/
    .userDashboardNew .lateVehiclesListTableOrderLoading.O--Late[b-sgrn15rwby] {
        background: rgb(255 128 0 / 70%)
    }

        .userDashboardNew .lateVehiclesListTableOrderLoading.O--Late .lateVehiclesListTableOrderLoading--StatusCircle[b-sgrn15rwby] {
            background: #FF8000
        }
    /*early*/
    .userDashboardNew .lateVehiclesListTableOrderLoading.O--Early[b-sgrn15rwby] {
        background: rgb(9 109 220 / 58%)
    }

        .userDashboardNew .lateVehiclesListTableOrderLoading.O--Early .lateVehiclesListTableOrderLoading--StatusCircle[b-sgrn15rwby] {
            background: #096DDC
        }

    /*none*/
    .userDashboardNew .lateVehiclesListTableOrderLoading.O--None[b-sgrn15rwby] {
        background: #fff;
    }

        .userDashboardNew .lateVehiclesListTableOrderLoading.O--None .lateVehiclesListTableOrderLoading--Label[b-sgrn15rwby] {
            color: #fff;
        }

        .userDashboardNew .lateVehiclesListTableOrderLoading.O--None .lateVehiclesListTableOrderLoading--StatusCircle[b-sgrn15rwby] {
            background: #000 !important;
        }

        .userDashboardNew .lateVehiclesListTableOrderLoading.O--None div[b-sgrn15rwby] {
            color: #000;
        }

        .userDashboardNew .lateVehiclesListTableOrderLoading.O--None .lateVehiclesListTableOrderLoading--StatusCircle[b-sgrn15rwby] {
            background: #808080
        }

.userDashboardNew .lateVehiclesListTableOrderLoading--StatusCircle[b-sgrn15rwby] {
    min-width: 8.03px;
    min-height: 7px;
    background: white;
    border-radius: 3px;
}



.userDashboardNew .lateVehiclesListTableOrderLoading--Label[b-sgrn15rwby] {
    background: var(--norma__neutral--dark-blue);
    min-width: 17px;
    min-height: 17px;
    border-radius: 2px;
    text-align: center;
}

.userDashboardNew .lateVehiclesListTableOrderLoading > div[b-sgrn15rwby] {
    color: #E0E0DE;
    font-size: var(--norma--font-xs);
    padding-inline-end: 20px;
}
/*unloading*/
.userDashboardNew .lateVehiclesListTableOrderUnLoading[b-sgrn15rwby] {
    display: flex;
    height: 28px;
    align-items: center;
    border-radius: 5px;
    background: rgb(3 192 9 / 58%);
    padding: 6px;
    margin-bottom: 4px;
}

    .userDashboardNew .lateVehiclesListTableOrderUnLoading > div[b-sgrn15rwby] {
    }
    /*ontime*/
    .userDashboardNew .lateVehiclesListTableOrderUnLoading.O--OnTime[b-sgrn15rwby] {
        background: rgb(3 192 9 / 58%)
    }

        .userDashboardNew .lateVehiclesListTableOrderUnLoading.O--OnTime .lateVehiclesListTableOrderUnLoading--StatusCircle[b-sgrn15rwby] {
            background: #03C009
        }
    /*very late*/
    .userDashboardNew .lateVehiclesListTableOrderUnLoading.O--VeryLate[b-sgrn15rwby] {
        background: rgb(255 25 5 / 58%);
    }

        .userDashboardNew .lateVehiclesListTableOrderUnLoading.O--VeryLate .lateVehiclesListTableOrderUnLoading--StatusCircle[b-sgrn15rwby] {
            background: #FF1905
        }

    /*late*/
    .userDashboardNew .lateVehiclesListTableOrderUnLoading.O--Late[b-sgrn15rwby] {
        background: rgb(255 128 0 / 70%)
    }

        .userDashboardNew .lateVehiclesListTableOrderUnLoading.O--Late .lateVehiclesListTableOrderUnLoading--StatusCircle[b-sgrn15rwby] {
            background: #FF8000
        }
    /*early*/
    .userDashboardNew .lateVehiclesListTableOrderUnLoading.O--Early[b-sgrn15rwby] {
        background: rgb(9 109 220 / 58%)
    }

        .userDashboardNew .lateVehiclesListTableOrderUnLoading.O--Early .lateVehiclesListTableOrderUnLoading--StatusCircle[b-sgrn15rwby] {
            background: #096DDC
        }

.userDashboardNew .lateVehiclesListTableOrderUnLoading--StatusCircle[b-sgrn15rwby] {
    min-width: 8.03px;
    min-height: 7px;
    background: #03C009;
    border-radius: 3px;
}

    .userDashboardNew .lateVehiclesListTableOrderUnLoading--StatusCircle.O-VeryLate[b-sgrn15rwby] {
    }

.userDashboardNew .lateVehiclesListTableOrderUnLoading--Label[b-sgrn15rwby] {
    background: var(--norma__neutral--dark-blue);
    min-width: 17px;
    min-height: 17px;
    border-radius: 2px;
    text-align: center;
}

.userDashboardNew .lateVehiclesListTableOrderUnLoading > div[b-sgrn15rwby] {
    color: #E0E0DE;
    font-size: var(--norma--font-xs);
}

.userDashboardNew .gap-7[b-sgrn15rwby] {
    gap: 7px;
}

.userDashboardNew .preExecutionOrder[b-sgrn15rwby], .userDashboardNew .executionOrders[b-sgrn15rwby] {
    background: #144C97;
    /* padding: 8px; */
    margin: 7px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .userDashboardNew .executionOrders .executionTitle[b-sgrn15rwby] {
        color: #14E329;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        padding: 8px;
        width: 100%;
    }

    .userDashboardNew .preExecutionOrder .preExecutionTitle[b-sgrn15rwby] {
        color: #F98500;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        padding: 8px;
        width: 100%;
    }

.lateVehiclesListHeader[b-sgrn15rwby] {
    height: 65px;
    flex-shrink: 0;
    fill: #0C1B35;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 0px;
    border-start-start-radius: 5px;
    border-start-end-radius: 5px;
    border-end-end-radius: 0;
    border-end-start-radius: 0;
    position: relative;
    background: #0C1B35;
    backdrop-filter: blur(74px);
    -webkit-backdrop-filter: blur(74px);
}

.lateVehiclesListHeaderTitle[b-sgrn15rwby] {
    width: 88px;
    display: flex;
    align-items: center;
    justify-content: center
}



.lateVehiclesListTableHeader[b-sgrn15rwby] {
}

.lateVehiclesListTableHeaderTitle[b-sgrn15rwby] {
}

.lateVehiclesListTableHeaderHead[b-sgrn15rwby] {
}

    .lateVehiclesListTableHeaderHead > div img[b-sgrn15rwby] {
    }

    .lateVehiclesListTableHeaderHead > div p[b-sgrn15rwby] {
    }

.lateVehiclesListTableHeaderHead-tableTitles[b-sgrn15rwby] {
}

    .lateVehiclesListTableHeaderHead-tableTitles div[b-sgrn15rwby] {
    }
/*table*/
.lateVehiclesListTableWrap[b-sgrn15rwby] {
    overflow: auto;
    /* max-height: calc(100vh -(42px + 100px + 122px + 54px + 50px)); */
    max-height: calc(100vh - 300px);
    border-bottom: 4px solid #184D89;
    border-top: 4px solid #184D89;
    background: #283e63;
}

.lateVehiclesListTableRow[b-sgrn15rwby] {
    border-inline-start: 4px solid #184D89;
    border-top: 4px solid #184D89;
    border-inline-end: 4px solid #184D89;
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
}

.lateVehiclesListTableVehiclePlateNoCell[b-sgrn15rwby] {
    background: #243254;
    width: 123px;
    min-width: 123px;
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    min-height: 60px;
}

    .lateVehiclesListTableVehiclePlateNoCell .plateNo[b-sgrn15rwby] {
        margin-top: 4px;
        margin-bottom: auto;
        position: sticky;
        top: 4px;
        text-align: center;
    }

        .lateVehiclesListTableVehiclePlateNoCell .plateNo img[b-sgrn15rwby] {
        }

        .lateVehiclesListTableVehiclePlateNoCell .plateNo p[b-sgrn15rwby] {
        }

.lateVehiclesListTableVehicleRowCell--innerTable[b-sgrn15rwby] {
    background-color: rgba(24, 77, 137, 0.29);
    flex-grow: 1;
    justify-content: stretch;
    padding: 4px 0px 2px 14px;
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    min-height: 60px;
}

.lateVehiclesListOrderLoadingUnloadingWrapper[b-sgrn15rwby] {
}
/*loading*/
.lateVehiclesListTableOrderLoading[b-sgrn15rwby] {
}

    .lateVehiclesListTableOrderLoading > div[b-sgrn15rwby] {
    }

    .lateVehiclesListTableOrderLoading.O--VeryLate[b-sgrn15rwby] {
    }

.lateVehiclesListTableOrderLoading--StatusCircle[b-sgrn15rwby] {
}

    .lateVehiclesListTableOrderLoading--StatusCircle.O-VeryLate[b-sgrn15rwby] {
    }

.lateVehiclesListTableOrderLoading--Label[b-sgrn15rwby] {
}

.lateVehiclesListTableOrderLoading > div[b-sgrn15rwby] {
}
/*unloading*/
.lateVehiclesListTableOrderUnLoading[b-sgrn15rwby] {
}

    .lateVehiclesListTableOrderUnLoading > div[b-sgrn15rwby] {
    }

    .lateVehiclesListTableOrderUnLoading.O--VeryLate[b-sgrn15rwby] {
    }

.lateVehiclesListTableOrderUnLoading--StatusCircle[b-sgrn15rwby] {
}

    .lateVehiclesListTableOrderUnLoading--StatusCircle.O-VeryLate[b-sgrn15rwby] {
    }

.lateVehiclesListTableOrderUnLoading--Label[b-sgrn15rwby] {
}

.lateVehiclesListTableOrderUnLoading > div[b-sgrn15rwby] {
}

.w-100Minus-88[b-sgrn15rwby] {
    width: calc(100% - 88px)
}

.userNewDashboard-lateOrdersContainer.onTime[b-sgrn15rwby] {
    background: rgba(12, 168, 40, 1);
}

.userNewDashboard-lateOrdersContainer.Late[b-sgrn15rwby] {
    background: rgba(208, 118, 33, 1);
}

.userNewDashboard-lateOrdersContainer.veryLate[b-sgrn15rwby] {
    background: rgba(208, 37, 36, 1);
}

.userNewDashboard-lateOrdersContainer.Early[b-sgrn15rwby] {
    background: rgba(16, 103, 204, 1);
}

.userNewDashboard-lateOrdersContainer.none[b-sgrn15rwby] {
    background: #fff;
}

    .userNewDashboard-lateOrdersContainer .toggle-button[b-sgrn15rwby] {
        background: none;
        border: none;
        cursor: pointer;
        transform: scale(1.25);
        transition: transform 0.3s ease;
        border-radius: 5px;
        border: 1px solid #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0px !important;
        width: 20px;
        height: 20px;
    }

    .userNewDashboard-lateOrdersContainer .icon[b-sgrn15rwby]::before {
        content: '+';
        display: inline-block;
        transition: transform 0.3s ease, content 0.3s ease;
    }

    .userNewDashboard-lateOrdersContainer .expanded[b-sgrn15rwby]::before {
        content: '-';
        color: #fff;
        transform: rotate(180deg);
        padding-top: 1px;
    }

    .userNewDashboard-lateOrdersContainer .collapsed[b-sgrn15rwby]::before {
        content: '+';
        color: #fff;
        transform: rotate(0deg);
    }

    .userNewDashboard-lateOrdersContainer .content[b-sgrn15rwby] {
        max-height: 0;
        overflow: hidden;
        padding-top: 0;
        transition: max-height 0.4s ease-out;
    }
/* _content/NormaLiveUI/Pages/UserDashboardNew/LateVehiclesNew/LateVehiclesStopViewComponent.razor.rz.scp.css */
.text-truncate[b-6d1xl3rq0a] {
    overflow: hidden;
    text-overflow: ellipsis !important;
    white-space: nowrap;
}

.userDashboardNew .dashboardLateVehicles[b-6d1xl3rq0a] {
    background-image: linear-gradient(to right,#243254,155px, #17ce1fcc 156px, #e37014de 1020px);
}


    .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader[b-6d1xl3rq0a] {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin-bottom: 0px;
        border-start-start-radius: 5px;
        border-start-end-radius: 5px;
        border-end-end-radius: 0;
        border-end-start-radius: 0;
        position: relative;
        background-image: url(../../images/CentralizedDashboard/late-vehicles/late-vehicle-header-bg.svg);
        background-repeat: no-repeat;
        background-size: cover;
        height: 60px;
        background: #184d89b3;
        backdrop-filter: blur(74px);
        -webkit-backdrop-filter: blur(74px);
        height: 58px;
    }

        .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader .lateVehiclesCodeHeader[b-6d1xl3rq0a] {
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 4px 0px;
        }

            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader .lateVehiclesCodeHeader.lateVehicles[b-6d1xl3rq0a] {
                width: 123px;
            }

            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader .lateVehiclesCodeHeader.execution[b-6d1xl3rq0a] {
                align-items: flex-start;
                padding: 4px 0px 4px 14px;
                width: 530px;
            }

            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader .lateVehiclesCodeHeader.preExecution[b-6d1xl3rq0a] {
                flex-grow: 1;
                align-items: flex-start;
                padding: 4px 0px 4px 14px;
            }

            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader .lateVehiclesCodeHeader h5[b-6d1xl3rq0a] {
                font-weight: 400;
                margin-bottom: 10px;
                font-size: 11px;
            }

                .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader .lateVehiclesCodeHeader h5 img[b-6d1xl3rq0a] {
                    margin-inline-end: 5px;
                    width: 9px;
                    height: 9px;
                }

            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader .lateVehiclesCodeHeader strong[b-6d1xl3rq0a] {
                color: #919EAC;
                font-size: 9px;
                font-weight: 600;
            }

                .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader .lateVehiclesCodeHeader strong img[b-6d1xl3rq0a] {
                    width: 11px;
                    height: 11px;
                    margin-inline-end: 8px;
                }

            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader .lateVehiclesCodeHeader.lateVehicles h5[b-6d1xl3rq0a] {
                font-weight: 400;
                color: #919EAC;
            }

            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader .lateVehiclesCodeHeader.execution h5[b-6d1xl3rq0a] {
                font-weight: 600;
                color: #17CE1F;
            }

            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader .lateVehiclesCodeHeader.preExecution h5[b-6d1xl3rq0a] {
                font-weight: 600;
                color: #FF7E16;
            }

            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader .lateVehiclesCodeHeader.execution strong.onTime[b-6d1xl3rq0a],
            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader .lateVehiclesCodeHeader.preExecution strong.onTime[b-6d1xl3rq0a] {
                color: #03c009;
                font-size: 9px;
            }

            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader .lateVehiclesCodeHeader.execution strong.late[b-6d1xl3rq0a],
            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader .lateVehiclesCodeHeader.preExecution strong.late[b-6d1xl3rq0a] {
                color: #ff8000;
                font-size: 9px;
            }

            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader .lateVehiclesCodeHeader.execution strong.veryLate[b-6d1xl3rq0a],
            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader .lateVehiclesCodeHeader.preExecution strong.veryLate[b-6d1xl3rq0a],
            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader .lateVehiclesCodeHeader.execution strong[b-6d1xl3rq0a],
            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesHeader .lateVehiclesCodeHeader.preExecution strong[b-6d1xl3rq0a] {
                color: #ff1905;
                font-size: 9px;
            }



    .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection[b-6d1xl3rq0a] {
        overflow: auto;
        max-height: calc(100vh - (42px + 100px + 122px + 54px + 50px));
        max-height: calc(100vh - 300px);
        border-bottom: 4px solid #184D89;
        border-top: 4px solid #184D89;
        background: #283e63;
    }

        .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow[b-6d1xl3rq0a] {
            border-inline-start: 4px solid #184D89;
            border-top: 4px solid #184D89;
            border-inline-end: 4px solid #184D89;
            display: flex;
            align-items: stretch;
            justify-content: flex-start;
        }

            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow:last-child[b-6d1xl3rq0a] {
                border-bottom: 4px solid #184D89;
            }


            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell[b-6d1xl3rq0a] {
                display: flex;
                align-items: center;
                justify-content: center;
                flex-wrap: wrap;
                min-height: 60px;
            }

                .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell.vehiclePlateNoCell[b-6d1xl3rq0a] {
                    background: #243254;
                    width: 123px;
                    min-width: 123px;
                    flex-direction: column;
                }

                    .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell.vehiclePlateNoCell .plateNo[b-6d1xl3rq0a] {
                        margin-top: 4px;
                        margin-bottom: auto;
                        position: sticky;
                        top: 4px;
                        text-align: center;
                    }

                    .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell.vehiclePlateNoCell img[b-6d1xl3rq0a] {
                        width: 15px;
                        height: 11px;
                        margin-inline-end: 8px;
                        margin-top: auto;
                        margin-bottom: 0px;
                    }

                    .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell.vehiclePlateNoCell p[b-6d1xl3rq0a] {
                        color: #CED7DF;
                        font-weight: 500;
                        margin: 0px;
                        font-size: 14px;
                        cursor: pointer;
                        margin-top: 0px;
                        margin-bottom: auto;
                    }


                .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order[b-6d1xl3rq0a] {
                    width: 310px;
                    min-height: 111px;
                    width: 230px;
                    height: 184px;
                    width: 323px;
                    height: 192px;
                    display: flex;
                    flex-direction: column;
                    padding: 10px 7px;
                    background: #184D89;
                    box-shadow: 0px 3px 15px rgba(3, 10, 37, 0.34);
                    border-radius: 11px;
                    margin-inline-end: 8px;
                    margin-bottom: 8px;
                }

                    .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .customerName[b-6d1xl3rq0a] {
                        text-align: start;
                        font-size: 11px;
                        color: #D8E0E9;
                        margin-bottom: 5px;
                        padding: 0px 7px;
                    }

                    .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails[b-6d1xl3rq0a] {
                        display: flex;
                        justify-content: space-between;
                        align-items: stretch;
                        background: transparent;
                        color: #FAFAFA;
                        padding: 0px;
                        flex-grow: 1;
                    }

                        .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails[b-6d1xl3rq0a],
                        .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails[b-6d1xl3rq0a] {
                            width: 50%;
                            padding: 0px 0px 4px;
                            background: #84BC82;
                            border: 1px solid rgb(24, 77, 137);
                        }

                            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails.redBgDetails[b-6d1xl3rq0a],
                            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails.redBgDetails[b-6d1xl3rq0a] {
                                background-color: #FF8E85;
                                color: #283E63;
                            }

                            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails.orangeBgDetails[b-6d1xl3rq0a],
                            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails.orangeBgDetails[b-6d1xl3rq0a] {
                                background-color: #EC9C5B;
                                color: #283E63;
                            }

                            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails.lightBlueBgDetails[b-6d1xl3rq0a],
                            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails.lightBlueBgDetails[b-6d1xl3rq0a] {
                                background-color: #8DC3FF;
                                color: #283E63;
                            }

                            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails.yellowBgDetails[b-6d1xl3rq0a],
                            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails.yellowBgDetails[b-6d1xl3rq0a] {
                                background-color: rgb(224, 224, 73);
                                color: #283E63;
                            }

                            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails .title[b-6d1xl3rq0a],
                            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails .title[b-6d1xl3rq0a] {
                                font-size: 11px;
                                display: flex;
                                align-items: start;
                                margin-bottom: 5px;
                                text-transform: capitalize;
                                background: rgba(30, 45, 72, 0.15);
                                padding: 4px;
                                font-weight: 600;
                            }

                                .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails .title a[b-6d1xl3rq0a],
                                .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails .title a[b-6d1xl3rq0a] {
                                    padding: 0px;
                                    margin: 0px;
                                    text-align: start;
                                    width: calc(100% - 16px);
                                    display: block;
                                    height: 22px;
                                    overflow: hidden;
                                    display: -webkit-box;
                                    -webkit-line-clamp: 2;
                                    -webkit-box-orient: vertical;
                                    text-overflow: ellipsis;
                                    font-weight: 600;
                                }


                                .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails .title span[b-6d1xl3rq0a],
                                .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails .title span[b-6d1xl3rq0a] {
                                    display: flex;
                                    width: 16px;
                                    height: 16px;
                                    border: none;
                                    text-align: center;
                                    font-size: 8px;
                                    color: #3FAE3B;
                                    text-transform: uppercase;
                                    margin-inline-end: 4px;
                                    font-weight: 700;
                                    border-radius: 2px;
                                    background: #184D89;
                                    align-items: center;
                                    justify-content: center;
                                    font-size: 11px;
                                }

                            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails.redBgDetails .title span[b-6d1xl3rq0a],
                            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails.redBgDetails .title span[b-6d1xl3rq0a],
                            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails.orangeBgDetails .title span[b-6d1xl3rq0a],
                            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails.orangeBgDetails .title span[b-6d1xl3rq0a],
                            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails.lightBlueBgDetails .title span[b-6d1xl3rq0a],
                            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails.lightBlueBgDetails .title span[b-6d1xl3rq0a],
                            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails.yellowBgDetails .title span[b-6d1xl3rq0a],
                            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails.yellowBgDetails .title span[b-6d1xl3rq0a] {
                                border: 1px solid #D92936;
                                color: #D92936;
                            }

                            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails .city[b-6d1xl3rq0a],
                            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails .city[b-6d1xl3rq0a] {
                                font-weight: 600;
                                font-size: 10px;
                                margin-bottom: 5px;
                                height: 15px;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                white-space: nowrap;
                                padding: 0px 4px;
                            }

                            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails .shopName[b-6d1xl3rq0a],
                            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails .shopName[b-6d1xl3rq0a] {
                                font-size: 10px;
                                font-weight: 500;
                                margin-bottom: 5px;
                                height: 30px;
                                overflow: hidden;
                                display: -webkit-box;
                                -webkit-line-clamp: 2;
                                -webkit-box-orient: vertical;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                padding: 0px 4px;
                            }

                                .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails .shopName span[b-6d1xl3rq0a],
                                .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails .shopName span[b-6d1xl3rq0a] {
                                    font-weight: 600;
                                }

                            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails .eta[b-6d1xl3rq0a],
                            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails .eta[b-6d1xl3rq0a] {
                                font-size: 10px;
                                font-weight: 500;
                                margin-bottom: 5px;
                                padding: 0px 4px;
                            }

                                .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails .eta span[b-6d1xl3rq0a],
                                .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails .eta span[b-6d1xl3rq0a] {
                                    font-weight: 600;
                                    width: 24px;
                                    display: inline-block;
                                }

                            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails .times[b-6d1xl3rq0a], .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails .times[b-6d1xl3rq0a] {
                                padding: 0px 4px;
                                font-weight: 600;
                            }

                                .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails .times p[b-6d1xl3rq0a],
                                .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails .times p[b-6d1xl3rq0a] {
                                    font-size: 10px;
                                    font-weight: 200;
                                    margin-bottom: 4px;
                                    color: #FAFAFA;
                                    font-weight: 600;
                                }

                                    .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails .times p:last-of-type[b-6d1xl3rq0a],
                                    .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails .times p:last-of-type[b-6d1xl3rq0a] {
                                        margin-bottom: 0px;
                                    }

                            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails.redBgDetails .times p[b-6d1xl3rq0a],
                            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails.redBgDetails .times p[b-6d1xl3rq0a],
                            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails.orangeBgDetails .times p[b-6d1xl3rq0a],
                            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails.orangeBgDetails .times p[b-6d1xl3rq0a],
                            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .loadingDetails.yellowBgDetails .times p[b-6d1xl3rq0a],
                            .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell .order .orderDetails .unloadingDetails.yellowBgDetails .times p[b-6d1xl3rq0a] {
                                color: #000000;
                                font-weight: 600;
                            }



                .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell.inExecutionOrderCell[b-6d1xl3rq0a] {
                    width: 530px;
                    margin-top: 4px;
                    flex-shrink: 0;
                    justify-content: stretch;
                    padding: 4px 0px 2px 14px;
                    align-items: flex-start;
                }

                    .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell.inExecutionOrderCell .ordersContainer[b-6d1xl3rq0a] {
                        position: sticky;
                        top: 4px;
                        align-self: flex-start;
                        width: 100%;
                        display: flex;
                        flex-wrap: wrap;
                    }

                    .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell.inExecutionOrderCell .order[b-6d1xl3rq0a] {
                        margin: 0px;
                        margin-bottom: 8px;
                    }

                .userDashboardNew .dashboardLateVehicles .dashboardLateVehiclesSection .LateVehicleRow .LateVehicleRowCell.preExecutionOrderCell[b-6d1xl3rq0a] {
                    background-color: rgba(24, 77, 137, 0.29);
                    flex-grow: 1;
                    justify-content: stretch;
                    padding: 4px 0px 2px 14px;
                    align-items: flex-start;
                }
/*******late vehicle /orders*******/
.userDashboardNew .lateVehiclesListHeader[b-6d1xl3rq0a] {
    height: 65px;
    flex-shrink: 0;
    fill: #0C1B35;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 0px;
    /* border-start-start-radius: 5px; */
    /* border-start-end-radius: 5px; */
    /* border-end-end-radius: 0; */
    /* border-end-start-radius: 0; */
    position: relative;
    background: var(--norma__neutral--dark-blue);
    backdrop-filter: blur(74px);
    -webkit-backdrop-filter: blur(74px);
}

.userDashboardNew .lateVehiclesListHeaderTitle[b-6d1xl3rq0a] {
    width: 88px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 65px;
    box-shadow: 0px 4px 4px 0px #00000040;
    border-inline-end: 1px solid rgba(40, 62, 99, 1);
}

    .userDashboardNew .lateVehiclesListHeaderTitle h5[b-6d1xl3rq0a] {
        color: white;
        font-size: var(--norma--font-xs);
        /* box-shadow: 0px 4px 4px 0px #00000040; */
    }

.userDashboardNew .lateVehiclesListTableHeader[b-6d1xl3rq0a] {
    width: calc(100% - 88px);
    height: 65px;
    display: flex;
}

.userDashboardNew .lateVehiclesListTableHeaderTitle[b-6d1xl3rq0a] {
}

.userDashboardNew .lateVehiclesListTableHeaderHead[b-6d1xl3rq0a] {
    display: flex; /* gap: 1px; */
    flex-direction: column;
    width: 100%;
    padding: 7px 0;
    padding-inline-end: 11px;
}

.userDashboardNew .lateVehiclesListTableOrderTitle[b-6d1xl3rq0a] {
    border-bottom: 1px solid rgba(40, 62, 99, 1);
    justify-content: start;
    gap: 11px;
}

    .userDashboardNew .lateVehiclesListTableOrderTitle img[b-6d1xl3rq0a] {
    }

    .userDashboardNew .lateVehiclesListTableOrderTitle p[b-6d1xl3rq0a] {
    }

.userDashboardNew .lateVehiclesListTableHeaderHead.lateOrderTitle[b-6d1xl3rq0a] {
    justify-content: start;
    gap: 10px;
    border-bottom: 1px solid rgba(40, 62, 99, 1);
}

.userDashboardNew .lateVehiclesListTableHeaderHead > div[b-6d1xl3rq0a] {
    display: flex;
    align-items: center;
    justify-content: start;
    margin-inline: 27px 38px;
    height: 50%;
}

    .userDashboardNew .lateVehiclesListTableHeaderHead > div img[b-6d1xl3rq0a] {
        margin-top: -3px;
    }

    .userDashboardNew .lateVehiclesListTableHeaderHead > div p[b-6d1xl3rq0a] {
        margin-bottom: 0;
        font-weight: 600;
        font-size: 14px;
    }

    .userDashboardNew .lateVehiclesListTableHeaderHead > div .Early[b-6d1xl3rq0a] {
        color: #096DDC;
    }

    .userDashboardNew .lateVehiclesListTableHeaderHead > div .Late[b-6d1xl3rq0a] {
        color: #FF8000;
    }

    .userDashboardNew .lateVehiclesListTableHeaderHead > div p[class='On Time'][b-6d1xl3rq0a] {
        color: #03C009;
    }

    .userDashboardNew .lateVehiclesListTableHeaderHead > div p[class='Very Late'][b-6d1xl3rq0a] {
        color: #FF1905;
    }

.userDashboardNew .lateVehiclesListTableHeaderHead-tableTitles[b-6d1xl3rq0a] {
}

    .userDashboardNew .lateVehiclesListTableHeaderHead-tableTitles div[b-6d1xl3rq0a] {
        color: #899CCB;
        font-size: var(--norma--font-xs);
        /*        padding-top: 7px;*/
        padding-inline-start: 4px;
    }

        .userDashboardNew .lateVehiclesListTableHeaderHead-tableTitles div.norma--prc-width-28[b-6d1xl3rq0a] {
            padding-inline-start: 42px;
        }
/*table*/
.userDashboardNew .lateVehiclesListTableWrap[b-6d1xl3rq0a] {
    overflow: auto;
    /* max-height: calc(100vh -(42px + 100px + 122px + 54px + 50px)); */
    max-height: calc(100vh - (60px + 54px + 193px));
    border-bottom: 1px solid rgba(40, 62, 99, 1);
    border-top: 1px solid rgba(40, 62, 99, 1);
    background: #283e63;
}

.userDashboardNew .lateVehiclesListTableRow[b-6d1xl3rq0a] {
    border-inline-start: #283e63;
    border-top: 1px solid #184D89;
    border-inline-end: 1px solid #184D89;
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
}

.userDashboardNew .lateVehiclesListTableVehiclePlateNoCell[b-6d1xl3rq0a] {
    background: var( --norma__neutral--dark-blue);
    width: 88px;
    min-width: 88px;
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    min-height: 60px;
}

    .userDashboardNew .lateVehiclesListTableVehiclePlateNoCell .plateNo[b-6d1xl3rq0a] {
        margin-top: 16px;
        margin-bottom: auto;
        position: sticky;
        top: 16px;
        text-align: center;
        width: 100%;
    }

        .userDashboardNew .lateVehiclesListTableVehiclePlateNoCell .plateNo img[b-6d1xl3rq0a] {
        }

        .userDashboardNew .lateVehiclesListTableVehiclePlateNoCell .plateNo p[b-6d1xl3rq0a] {
            color: #CED7DF;
            font-size: var(--norma--font-xs);
            margin-block-end: 8px;
            width: 100%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            padding-inline: 6px
        }

.userDashboardNew .lateVehiclesListTableVehicleRowCell--innerTable[b-6d1xl3rq0a] {
    background-color: #223051;
    flex-grow: 1;
    justify-content: stretch;
    padding: 8px 8px 8px 8px;
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    min-height: 77px;
/*    height: 115px;*/
    border-radius: 5px;
    border: 2px solid #0B235A;
    background: #1C376C;
    box-shadow: 0px 3px 15px 0px rgba(3, 10, 37, 0.75);
    margin: 0px 8px 8px 8px;
    width: calc(100% - 16px);
}

.userDashboardNew .lateVehiclesListOrderLoadingUnloadingWrapper[b-6d1xl3rq0a] {
    width: 100%;
}
/*loading*/
.userDashboardNew .lateVehiclesListTableOrderLoading[b-6d1xl3rq0a] {
    display: flex;
    height: 28px;
    align-items: center;
    border-radius: 5px;
    background: rgb(3 192 9 / 58%);
    padding: 6px;
    margin-bottom: 4px;
}

    .userDashboardNew .lateVehiclesListTableOrderLoading > div[b-6d1xl3rq0a] {
    }
/*ontime*/
.userDashboardNew .lateVehiclesListTableOrderLoading[b-6d1xl3rq0a], .lateVehiclesListTableOrderUnLoading[b-6d1xl3rq0a] {
    background: rgb(3 192 9 / 58%);
}

    .userDashboardNew .lateVehiclesListTableOrderLoading .lateVehiclesListTableOrderLoading--StatusCircle[b-6d1xl3rq0a], .lateVehiclesListTableOrderUnLoading .lateVehiclesListTableOrderUnLoading--StatusCircle[b-6d1xl3rq0a] {
        background: #03C009;
    }
    /*very late*/
    .userDashboardNew .lateVehiclesListTableOrderLoading.O--VeryLate[b-6d1xl3rq0a] {
        background: rgb(255 25 5 / 58%);
    }

        .userDashboardNew .lateVehiclesListTableOrderLoading.O--VeryLate .lateVehiclesListTableOrderLoading--StatusCircle[b-6d1xl3rq0a] {
            background: #FF1905
        }

    /*late*/
    .userDashboardNew .lateVehiclesListTableOrderLoading.O--Late[b-6d1xl3rq0a] {
        background: rgb(255 128 0 / 70%)
    }

        .userDashboardNew .lateVehiclesListTableOrderLoading.O--Late .lateVehiclesListTableOrderLoading--StatusCircle[b-6d1xl3rq0a] {
            background: #FF8000
        }
    /*early*/
    .userDashboardNew .lateVehiclesListTableOrderLoading.O--Early[b-6d1xl3rq0a] {
        background: rgb(9 109 220 / 58%)
    }

        .userDashboardNew .lateVehiclesListTableOrderLoading.O--Early .lateVehiclesListTableOrderLoading--StatusCircle[b-6d1xl3rq0a] {
            background: #096DDC
        }

    /*none*/
    .userDashboardNew .lateVehiclesListTableOrderLoading.O--None[b-6d1xl3rq0a] {
        background: #fff;
    }

        .userDashboardNew .lateVehiclesListTableOrderLoading.O--None .lateVehiclesListTableOrderLoading--Label[b-6d1xl3rq0a] {
            color: #fff;
        }

        .userDashboardNew .lateVehiclesListTableOrderLoading.O--None .lateVehiclesListTableOrderLoading--StatusCircle[b-6d1xl3rq0a] {
            background: #000 !important;
        }

        .userDashboardNew .lateVehiclesListTableOrderLoading.O--None div[b-6d1xl3rq0a] {
            color: #000;
        }

        .userDashboardNew .lateVehiclesListTableOrderLoading.O--None .lateVehiclesListTableOrderLoading--StatusCircle[b-6d1xl3rq0a] {
            background: #808080
        }

.userDashboardNew .lateVehiclesListTableOrderLoading--StatusCircle[b-6d1xl3rq0a] {
    min-width: 8.03px;
    min-height: 7px;
    background: white;
    border-radius: 3px;
}



.userDashboardNew .lateVehiclesListTableOrderLoading--Label[b-6d1xl3rq0a] {
    background: var(--norma__neutral--dark-blue);
    min-width: 17px;
    min-height: 17px;
    border-radius: 2px;
    text-align: center;
}

.userDashboardNew .lateVehiclesListTableOrderLoading > div[b-6d1xl3rq0a] {
    color: #E0E0DE;
    font-size: var(--norma--font-xs);
    padding-inline-end: 20px;
}
/*unloading*/
.userDashboardNew .lateVehiclesListTableOrderUnLoading[b-6d1xl3rq0a] {
    display: flex;
    height: 28px;
    align-items: center;
    border-radius: 5px;
    background: rgb(3 192 9 / 58%);
    padding: 6px;
    margin-bottom: 4px;
}

    .userDashboardNew .lateVehiclesListTableOrderUnLoading > div[b-6d1xl3rq0a] {
    }
    /*ontime*/
    .userDashboardNew .lateVehiclesListTableOrderUnLoading.O--OnTime[b-6d1xl3rq0a] {
        background: rgb(3 192 9 / 58%)
    }

        .userDashboardNew .lateVehiclesListTableOrderUnLoading.O--OnTime .lateVehiclesListTableOrderUnLoading--StatusCircle[b-6d1xl3rq0a] {
            background: #03C009
        }
    /*very late*/
    .userDashboardNew .lateVehiclesListTableOrderUnLoading.O--VeryLate[b-6d1xl3rq0a] {
        background: rgb(255 25 5 / 58%);
    }

        .userDashboardNew .lateVehiclesListTableOrderUnLoading.O--VeryLate .lateVehiclesListTableOrderUnLoading--StatusCircle[b-6d1xl3rq0a] {
            background: #FF1905
        }

    /*late*/
    .userDashboardNew .lateVehiclesListTableOrderUnLoading.O--Late[b-6d1xl3rq0a] {
        background: rgb(255 128 0 / 70%)
    }

        .userDashboardNew .lateVehiclesListTableOrderUnLoading.O--Late .lateVehiclesListTableOrderUnLoading--StatusCircle[b-6d1xl3rq0a] {
            background: #FF8000
        }
    /*early*/
    .userDashboardNew .lateVehiclesListTableOrderUnLoading.O--Early[b-6d1xl3rq0a] {
        background: rgb(9 109 220 / 58%)
    }

        .userDashboardNew .lateVehiclesListTableOrderUnLoading.O--Early .lateVehiclesListTableOrderUnLoading--StatusCircle[b-6d1xl3rq0a] {
            background: #096DDC
        }

/*none*/
    .userDashboardNew .lateVehiclesListTableOrderUnLoading.O--None[b-6d1xl3rq0a] {
        background: #fff;
    }

        .userDashboardNew .lateVehiclesListTableOrderUnLoading.O--None .lateVehiclesListTableOrderUnLoading--Label[b-6d1xl3rq0a] {
            color: #fff;
        }

        .userDashboardNew .lateVehiclesListTableOrderUnLoading.O--None .lateVehiclesListTableOrderUnLoading--StatusCircle[b-6d1xl3rq0a] {
            background: #000 !important;
        }

        .userDashboardNew .lateVehiclesListTableOrderUnLoading.O--None div[b-6d1xl3rq0a] {
            color: #000;
        }

        .userDashboardNew .lateVehiclesListTableOrderUnLoading.O--None .lateVehiclesListTableOrderUnLoading--StatusCircle[b-6d1xl3rq0a] {
            background: #808080
        }

   

.userDashboardNew .lateVehiclesListTableOrderUnLoading--StatusCircle[b-6d1xl3rq0a] {
    min-width: 8.03px;
    min-height: 7px;
    background: #03C009;
    border-radius: 3px;
}

    .userDashboardNew .lateVehiclesListTableOrderUnLoading--StatusCircle.O-VeryLate[b-6d1xl3rq0a] {
    }

.userDashboardNew .lateVehiclesListTableOrderUnLoading--Label[b-6d1xl3rq0a] {
    background: var(--norma__neutral--dark-blue);
    min-width: 17px;
    min-height: 17px;
    border-radius: 2px;
    text-align: center;
}

.userDashboardNew .lateVehiclesListTableOrderUnLoading > div[b-6d1xl3rq0a] {
    color: #E0E0DE;
    font-size: var(--norma--font-xs);
}

.userDashboardNew .gap-7[b-6d1xl3rq0a] {
    gap: 7px;
}

.userDashboardNew .preExecutionOrder[b-6d1xl3rq0a], .userDashboardNew .executionOrders[b-6d1xl3rq0a] {
    background: #144C97;
    /* padding: 8px; */
    margin: 7px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .userDashboardNew .executionOrders .executionTitle[b-6d1xl3rq0a] {
        color: #14E329;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        padding: 8px;
        width: 100%;
    }

    .userDashboardNew .preExecutionOrder .preExecutionTitle[b-6d1xl3rq0a] {
        color: #F98500;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        padding: 8px;
        width: 100%;
    }

.lateVehiclesListHeader[b-6d1xl3rq0a] {
    height: 65px;
    flex-shrink: 0;
    fill: #0C1B35;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 0px;
    border-start-start-radius: 5px;
    border-start-end-radius: 5px;
    border-end-end-radius: 0;
    border-end-start-radius: 0;
    position: relative;
    background: #0C1B35;
    backdrop-filter: blur(74px);
    -webkit-backdrop-filter: blur(74px);
}

.lateVehiclesListHeaderTitle[b-6d1xl3rq0a] {
    width: 88px;
    display: flex;
    align-items: center;
    justify-content: center
}



.lateVehiclesListTableHeader[b-6d1xl3rq0a] {
}

.lateVehiclesListTableHeaderTitle[b-6d1xl3rq0a] {
}

.lateVehiclesListTableHeaderHead[b-6d1xl3rq0a] {
}

    .lateVehiclesListTableHeaderHead > div img[b-6d1xl3rq0a] {
    }

    .lateVehiclesListTableHeaderHead > div p[b-6d1xl3rq0a] {
    }

.lateVehiclesListTableHeaderHead-tableTitles[b-6d1xl3rq0a] {
}

    .lateVehiclesListTableHeaderHead-tableTitles div[b-6d1xl3rq0a] {
    }
/*table*/
.lateVehiclesListTableWrap[b-6d1xl3rq0a] {
    overflow: auto;
    /* max-height: calc(100vh -(42px + 100px + 122px + 54px + 50px)); */
    max-height: calc(100vh - 300px);
    border-bottom: 4px solid #184D89;
    border-top: 4px solid #184D89;
    background: #283e63;
}

.lateVehiclesListTableRow[b-6d1xl3rq0a] {
    border-inline-start: 4px solid #184D89;
    border-top: 4px solid #184D89;
    border-inline-end: 4px solid #184D89;
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
}

.lateVehiclesListTableVehiclePlateNoCell[b-6d1xl3rq0a] {
    background: #243254;
    width: 123px;
    min-width: 123px;
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    min-height: 60px;
}

    .lateVehiclesListTableVehiclePlateNoCell .plateNo[b-6d1xl3rq0a] {
        margin-top: 4px;
        margin-bottom: auto;
        position: sticky;
        top: 4px;
        text-align: center;
    }

        .lateVehiclesListTableVehiclePlateNoCell .plateNo img[b-6d1xl3rq0a] {
        }

        .lateVehiclesListTableVehiclePlateNoCell .plateNo p[b-6d1xl3rq0a] {
        }

.lateVehiclesListTableVehicleRowCell--innerTable[b-6d1xl3rq0a] {
    background-color: rgba(24, 77, 137, 0.29);
    flex-grow: 1;
    justify-content: stretch;
    padding: 4px 0px 2px 14px;
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    min-height: 60px;
}

.lateVehiclesListOrderLoadingUnloadingWrapper[b-6d1xl3rq0a] {
}
/*loading*/
.lateVehiclesListTableOrderLoading[b-6d1xl3rq0a] {
}

    .lateVehiclesListTableOrderLoading > div[b-6d1xl3rq0a] {
    }

    .lateVehiclesListTableOrderLoading.O--VeryLate[b-6d1xl3rq0a] {
    }

.lateVehiclesListTableOrderLoading--StatusCircle[b-6d1xl3rq0a] {
}

    .lateVehiclesListTableOrderLoading--StatusCircle.O-VeryLate[b-6d1xl3rq0a] {
    }

.lateVehiclesListTableOrderLoading--Label[b-6d1xl3rq0a] {
}

.lateVehiclesListTableOrderLoading > div[b-6d1xl3rq0a] {
}
/*unloading*/
.lateVehiclesListTableOrderUnLoading[b-6d1xl3rq0a] {
}

    .lateVehiclesListTableOrderUnLoading > div[b-6d1xl3rq0a] {
    }

    .lateVehiclesListTableOrderUnLoading.O--VeryLate[b-6d1xl3rq0a] {
    }

.lateVehiclesListTableOrderUnLoading--StatusCircle[b-6d1xl3rq0a] {
}

    .lateVehiclesListTableOrderUnLoading--StatusCircle.O-VeryLate[b-6d1xl3rq0a] {
    }

.lateVehiclesListTableOrderUnLoading--Label[b-6d1xl3rq0a] {
}

.lateVehiclesListTableOrderUnLoading > div[b-6d1xl3rq0a] {
}

.w-100Minus-88[b-6d1xl3rq0a] {
    width: calc(100% - 88px)
}

.userNewDashboard-lateOrdersContainer[b-6d1xl3rq0a] {
    margin-bottom: 4px;
}

.userNewDashboard-lateOrdersContainer.onTime[b-6d1xl3rq0a] {
    background: rgba(12, 168, 40, 1);
}

.userNewDashboard-lateOrdersContainer.Late[b-6d1xl3rq0a] {
    background: rgba(208, 118, 33, 1);
}

.userNewDashboard-lateOrdersContainer.veryLate[b-6d1xl3rq0a] {
    background: rgba(208, 37, 36, 1);
}

.userNewDashboard-lateOrdersContainer.Early[b-6d1xl3rq0a] {
    background: rgba(16, 103, 204, 1);
}

    .userNewDashboard-lateOrdersContainer.none[b-6d1xl3rq0a] {
        background: #fff;
    }

    .userNewDashboard-lateOrdersContainer:not(.none) .stop-content[b-6d1xl3rq0a] {
        color: #fff;
    }

    .userNewDashboard-lateOrdersContainer.none .stop-content[b-6d1xl3rq0a] {
        color: #000;
    }



    .userNewDashboard-lateOrdersContainer .toggle-button[b-6d1xl3rq0a] {
        background: none;
        border: none;
        cursor: pointer;
        transform: scale(1.25);
        transition: transform 0.3s ease;
        border-radius: 5px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0px !important;
        width: 20px;
        height: 20px;
    }

    .userNewDashboard-lateOrdersContainer:not(.none) .toggle-button[b-6d1xl3rq0a] {
        border: 1px solid #fff;
    }

    .userNewDashboard-lateOrdersContainer.none .toggle-button[b-6d1xl3rq0a] {
        border: 1px solid #000;
    }

        .userNewDashboard-lateOrdersContainer .icon[b-6d1xl3rq0a]::before {
            content: '+';
            display: inline-block;
            transition: transform 0.3s ease, content 0.3s ease;
        }

    .userNewDashboard-lateOrdersContainer:not(.none) .expanded[b-6d1xl3rq0a]::before {
        content: '-';
        color: #fff;
        transform: rotate(180deg);
        padding-top: 1px;
    }

    .userNewDashboard-lateOrdersContainer.none .expanded[b-6d1xl3rq0a]::before {
        content: '-';
        color: #000;
        transform: rotate(180deg);
        padding-top: 1px;
    }

    .userNewDashboard-lateOrdersContainer:not(.none) .collapsed[b-6d1xl3rq0a]::before {
        content: '+';
        color: #fff;
        transform: rotate(0deg);
    }

    .userNewDashboard-lateOrdersContainer.none .collapsed[b-6d1xl3rq0a]::before {
        content: '+';
        color: #000;
        transform: rotate(0deg);
    }

    .userNewDashboard-lateOrdersContainer .content[b-6d1xl3rq0a] {
        max-height: 0;
        overflow: hidden;
        padding-top: 0;
        transition: max-height 0.4s ease-out;
    }
/* _content/NormaLiveUI/Pages/UserDashboardNew/OrdersNew/OrdersNewComponent.razor.rz.scp.css */
.userDashboardNew .dashboardOrders[b-mv0io1slr2] {
    /*    display: flex;
    align-items: stretch;
    justify-content: space-between;
    overflow: hidden;
    height: 110px;
    width: 50%;
    background: #20223F;
    border: 3px solid #20223F;
    box-shadow: 0px 3px 15px #00000029;*/
    display: flex;
    /*margin-block-end: 10px;*/
    width: 28%;
}

    /* title */
    .userDashboardNew .dashboardOrders .title[b-mv0io1slr2] {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        height: 100%;
        padding: 8px 14px 8px 14px;
        padding: 12px;
        /* background: rgb(24, 77, 137); */
        /* border: 3px solid rgb(24, 77, 137); */
        width: 18%;
    }

        .userDashboardNew .dashboardOrders .title img[b-mv0io1slr2] {
            /* margin-inline-end: 8px; */
            width: 15px;
            height: 15px;
            margin-inline-end: 5px;
            margin-inline-end: 8px;
            margin-block-end: 5px;
            width: 24px;
            height: 28px;
            display: block;
        }

        .userDashboardNew .dashboardOrders .title h3[b-mv0io1slr2] {
            margin: 0px;
            color: #CED7DF;
            /* font-size: 16px; */
            font-weight: 600;
            /* margin-bottom: 16px; */
            margin-bottom: 10px;
            font-size: 13px;
        }

        .userDashboardNew .dashboardOrders .title p[b-mv0io1slr2] {
            margin: 0px;
            color: #FAFAFA;
            /* font-size: 16px; */
            font-weight: 400;
            font-size: 13px;
        }

            .userDashboardNew .dashboardOrders .title p span[b-mv0io1slr2] {
                padding-inline-end: 5px;
                font-weight: 800;
                font-size: 22px;
                font-weight: bold;
            }

    .userDashboardNew .dashboardOrders .graphAndOrdersInPersentage[b-mv0io1slr2] {
        display: flex;
        align-items: center;
        flex-grow: 1;
        padding: 0px 5px;
        background: rgb(7 7 35 / 50%);
    }
    /*  ordersProgress */
    .userDashboardNew .dashboardOrders .ordersProgress[b-mv0io1slr2] {
        /*background: #184D89;*/
        /* padding: 2px 12px 12px 45px; */
        /*flex-grow: 1;
        display: flex;
        padding: 8px 8px 8px 16px;*/
        width: 100%;
        /* height: 110px; */
        border-radius: 0px;
        /* padding: 16px 20px; */
        /* margin-bottom: 10px; */
        display: flex;
        align-items: stretch;
        justify-content: space-between;
        /*height: 90px;*/
        /*margin-bottom: 6px;*/
        /*padding: 13px;*/
        box-shadow: 0px 3px 15px #00000029;
        background: rgb(24, 77, 137);
        border: 3px solid rgb(24, 77, 137);
    }

        /* graph */
        .userDashboardNew .dashboardOrders .ordersProgress .graph[b-mv0io1slr2] {
            /* height: 123px;
    width: 123px; */
            /* margin-inline-end: 40px; */
            width: 81px;
            height: 81px;
            /*margin-inline-end: 16px;*/
        }

        /* ordersProgressCounteAndPercentage */
        .userDashboardNew .dashboardOrders .ordersProgress .ordersProgressCounteAndPercentage[b-mv0io1slr2] {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: flex-start;
            flex-grow: 1;
            /* margin-inline-end: 45px; */
            padding-top: 10px;
            margin-inline-end: 16px;
        }

            .userDashboardNew .dashboardOrders .ordersProgress .ordersProgressCounteAndPercentage .order[b-mv0io1slr2] {
                display: flex;
                align-items: baseline;
                width: 100%;
                justify-content: space-between;
            }



                .userDashboardNew .dashboardOrders .ordersProgress .ordersProgressCounteAndPercentage .order .type[b-mv0io1slr2] {
                    width: 80px;
                    font-weight: 600;
                    color: #CED7DF;
                    /* font-size: 18px; */
                    margin: 0px;
                    display: flex;
                    align-items: center;
                    margin-inline-end: 12px;
                    font-size: 13px;
                }

                    .userDashboardNew .dashboardOrders .ordersProgress .ordersProgressCounteAndPercentage .order .type img[b-mv0io1slr2] {
                        margin-inline-end: 5px;
                        width: 9px;
                        height: 9px;
                    }

                .userDashboardNew .dashboardOrders .ordersProgress .ordersProgressCounteAndPercentage .order .counte[b-mv0io1slr2] {
                    /* font-size: 32px; */
                    font-weight: 800;
                    margin: 0px;
                    /*width: 100px;
                    font-size: 18px;*/
                    width: 40px;
                    font-size: 12px;
                }



                .userDashboardNew .dashboardOrders .ordersProgress .ordersProgressCounteAndPercentage .order .percentage[b-mv0io1slr2] {
                    /* margin: 0px 0px 0px auto; */
                    margin: 0px;
                    width: 60px;
                    text-align: right;
                    font-size: 13px;
                }

                .userDashboardNew .dashboardOrders .ordersProgress .ordersProgressCounteAndPercentage .order.veryLate .counte[b-mv0io1slr2],
                .userDashboardNew .dashboardOrders .ordersProgress .ordersProgressCounteAndPercentage .order.veryLate .percentage[b-mv0io1slr2] {
                    color: #FF1905;
                }

                .userDashboardNew .dashboardOrders .ordersProgress .ordersProgressCounteAndPercentage .order.late .counte[b-mv0io1slr2],
                .userDashboardNew .dashboardOrders .ordersProgress .ordersProgressCounteAndPercentage .order.late .percentage[b-mv0io1slr2] {
                    color: #FF8000;
                }

                .userDashboardNew .dashboardOrders .ordersProgress .ordersProgressCounteAndPercentage .order.onTime .counte[b-mv0io1slr2],
                .userDashboardNew .dashboardOrders .ordersProgress .ordersProgressCounteAndPercentage .order.onTime .percentage[b-mv0io1slr2] {
                    color: #03C009;
                }

                .userDashboardNew .dashboardOrders .ordersProgress .ordersProgressCounteAndPercentage .order.early .counte[b-mv0io1slr2],
                .userDashboardNew .dashboardOrders .ordersProgress .ordersProgressCounteAndPercentage .order.early .percentage[b-mv0io1slr2] {
                    color: #096DDC;
                }
    /*doneAndServingOrders*/
    .userDashboardNew .dashboardOrders .doneAndServingOrders[b-mv0io1slr2] {
        display: flex;
        justify-content: space-around;
        align-items: flex-start;
        padding: 3px 0px 0px;
        flex-direction: column;
        width: 38%;
        flex-shrink: 0;
        /* border: 1px solid #184D89; */
        background: #243254;
    }
    /* dashboardDoneOrders */
    .userDashboardNew .dashboardOrders .dashboardDoneOrders[b-mv0io1slr2] {
        display: flex;
        /* align-items: center; */
        /* justify-content: space-between; */
        /* box-shadow: 0px 3px 6px rgb(0 0 0 / 16%); */
        /* border-radius: 12px; */
        /* background-color: rgba(0, 136, 68, 1); */
        /* padding: 12px; */
        /* margin-top: 10px; */
        /* width: 220px; */
        /* height: 34px; */
        display: flex;
        justify-content: flex-start;
        align-items: center;
        font-size: 13px;
        color: #8898AA;
        width: 100%;
        padding: 8px 14px 8px 14px;
        border-bottom: 1px solid #20223F;
    }

        .userDashboardNew .dashboardOrders .dashboardDoneOrders h4[b-mv0io1slr2] {
            margin: 0px;
            display: flex;
            align-items: center;
            /* font-size: 16px; */
            font-weight: 400;
            /*color: #F4F8FB;*/
            font-size: 13px;
        }

            .userDashboardNew .dashboardOrders .dashboardDoneOrders h4 img[b-mv0io1slr2] {
                margin-inline-end: 12px;
                width: 19px;
                height: 19px;
            }

            .userDashboardNew .dashboardOrders .dashboardDoneOrders h4 strong[b-mv0io1slr2] {
                font-weight: 800;
                padding-inline-end: 5px;
            }

        .userDashboardNew .dashboardOrders .dashboardDoneOrders p.percentage[b-mv0io1slr2] {
            /*margin: 0px;
            font-weight: 600;
            color: #FAFAFA;
            font-size: 13px;*/
            padding-inline-start: 5px;
            color: #F5F5F5;
            font-size: 22px;
            font-weight: bold;
            display: block;
            flex-grow: 1;
            text-align: end;
            margin: 0px;
        }



            .userDashboardNew .dashboardOrders .dashboardDoneOrders p.percentage span.doneOrders[b-mv0io1slr2] {
                color: #008844;
                margin: 0px;
                width: 80px;
                text-align: right;
                font-size: 13px;
                font-weight: normal;
            }

    /* dashboardServingOrders */

    .userDashboardNew .dashboardOrders .dashboardServingOrders[b-mv0io1slr2] {
        display: flex;
        /* align-items: center; */
        /* justify-content: space-between; */
        /* box-shadow: 0px 3px 6px rgb(0 0 0 / 16%); */
        /* border-radius: 12px; */
        /* background-color: rgba(0, 136, 68, 1); */
        /* padding: 12px; */
        /* margin-top: 10px; */
        /* width: 220px; */
        /* height: 34px; */
        display: flex;
        justify-content: flex-start;
        align-items: center;
        font-size: 13px;
        color: #8898AA;
        width: 100%;
        padding: 8px 14px 8px 14px;
    }

        .userDashboardNew .dashboardOrders .dashboardServingOrders h4[b-mv0io1slr2] {
            margin: 0px;
            display: flex;
            align-items: center;
            /* font-size: 16px; */
            font-weight: 400;
            /*color: #F4F8FB;*/
            font-size: 13px;
        }

            .userDashboardNew .dashboardOrders .dashboardServingOrders h4 img[b-mv0io1slr2] {
                margin-inline-end: 12px;
                width: 19px;
                height: 19px;
            }

            .userDashboardNew .dashboardOrders .dashboardServingOrders h4 strong[b-mv0io1slr2] {
                font-weight: 800;
                padding-inline-end: 5px;
            }

        .userDashboardNew .dashboardOrders .dashboardServingOrders p.percentage[b-mv0io1slr2] {
            /*margin: 0px;
            font-weight: 600;
            color: #FAFAFA;
            font-size: 13px;*/
            padding-inline-start: 5px;
            color: #F5F5F5;
            font-size: 22px;
            font-weight: bold;
            display: block;
            flex-grow: 1;
            text-align: end;
            margin: 0px;
        }

            .userDashboardNew .dashboardOrders .dashboardServingOrders p.percentage span.servingOrders[b-mv0io1slr2] {
                color: #cd03ff;
                margin: 0px;
                width: 80px;
                text-align: right;
                font-size: 13px;
                font-weight: normal;
            }

    .userDashboardNew .dashboardOrders .rz-legend-right[b-mv0io1slr2] {
        display: none;
    }

    .userDashboardNew .dashboardOrders .rz-chart[b-mv0io1slr2] {
        position: relative;
        height: 190px;
        margin-inline-end: 15px;
        margin-top: -50px;
        margin-inline-start: 0px;
    }
/* #region ==> routes dashboard*/
/* routesAndLocations */
/*.userDashboardNew .dashboardRoutes .routesAndLocations {
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    padding: 0px 0px 0px;
    flex-direction: column;
    width: 40%;
    flex-shrink: 0;*/
    /*border: 1px solid #184D89;*/
    /*background: #20223F;
    border-inline-end: 1px solid #8898aa0f;
    height: 100%;
}

    .userDashboardNew .dashboardRoutes .routesAndLocations .routes {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        font-size: 13px;
        color: #8898AA;
        width: 100%;
        border-bottom: 1px solid #20223F;
        padding: 2px 6px 2px 6px;*/
        /* box-shadow: 0px 3px 15px #00000029; */
        /*border-bottom: 1px solid #8898aa0f;
        height: 50%;
    }

        .userDashboardNew .dashboardRoutes .routesAndLocations .routes img {
            width: 19px;
            height: 19px;
            margin-inline-end: 8px;
            display: block;
        }

        .userDashboardNew .dashboardRoutes .routesAndLocations .routes span {
            padding-inline-start: 1px;
            margin-top: 5px;
            color: #F5F5F5;
            font-size: 22px;
            font-weight: bold;
            display: block;
            flex-grow: 1;
            text-align: center;
        }

        .userDashboardNew .dashboardRoutes .routesAndLocations .routes div span {
            font-size: 12px;
            font-weight: 200;
            color: #8898AA;
        }

    .userDashboardNew .dashboardRoutes .routesAndLocations .locations {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        color: #F5F5F5;
        font-weight: 500;
        font-size: 13px;
        color: #8898AA;
        width: 100%;
        padding: 2px 6px 2px 8px;
        height: 50%;
    }

        .userDashboardNew .dashboardRoutes .routesAndLocations .locations img {
            width: 13px;
            height: 19px;
            margin-inline-end: 5px;
        }

        .userDashboardNew .dashboardRoutes .routesAndLocations .locations span {
            padding-inline-start: 1px;
            color: #F5F5F5;
            font-size: 22px;
            font-weight: bold;
            display: block;
            flex-grow: 1;
            text-align: center;
            margin-top: 5px
        }

        .userDashboardNew .dashboardRoutes .routesAndLocations .locations div span {
            font-size: 12px;
            font-weight: 200;
            color: #8898AA;
        }*/
/*doneAndServingOrders*/
/*.userDashboardNew .dashboardRoutes .doneAndServingOrders {
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    padding: 0px 0px 0px;
    flex-direction: column;
    width: 60%;
    flex-shrink: 0;*/
    /* border: 1px solid #184D89; */
    /*background: #20223F;
    height: 100%;
}*/
/* dashboardDoneOrders */
/*.userDashboardNew .dashboardRoutes .dashboardDoneOrders {
    display: flex;*/
    /* align-items: center; */
    /* justify-content: space-between; */
    /* box-shadow: 0px 3px 6px rgb(0 0 0 / 16%); */
    /* border-radius: 12px; */
    /* background-color: rgba(0, 136, 68, 1); */
    /* padding: 12px; */
    /* margin-top: 10px; */
    /* width: 220px; */
    /* height: 34px; */
    /*display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 13px;
    color: #8898AA;
    width: 100%;
    padding: 2px 6px 2px 6px;
    border-bottom: 1px solid #8898aa0f;
    height: 50%;
}

    .userDashboardNew .dashboardRoutes .dashboardDoneOrders h4 {
        margin: 0px;
        display: flex;
        align-items: self-start;*/
        /* font-size: 16px; */
        /*font-weight: 400;*/
        /*color: #F4F8FB;*/
        /*font-size: 12px;
        width: 66%;
        position: relative;
    }

        .userDashboardNew .dashboardRoutes .dashboardDoneOrders h4 > span {
            display: flex;
            flex-direction: column;
        }

            .userDashboardNew .dashboardRoutes .dashboardDoneOrders h4 > span:nth-of-type(1) {
                width: 78%
            }

            .userDashboardNew .dashboardRoutes .dashboardDoneOrders h4 > span:nth-of-type(2) {
                color: #FAFAFA;
                font-size: 21px;
                font-weight: bold;
                position: absolute;
                top: 0;
                inset-inline-end: 0;
                text-align: end;
            }

        .userDashboardNew .dashboardRoutes .dashboardDoneOrders h4 p {
        }

        .userDashboardNew .dashboardRoutes .dashboardDoneOrders h4 img {
            margin-inline-end: 12px;
            width: 19px;
            height: 19px;
            margin-bottom: 5px;
        }

        .userDashboardNew .dashboardRoutes .dashboardDoneOrders h4 strong {
            font-weight: 800;
            padding-inline-end: 5px;
        }

    .userDashboardNew .dashboardRoutes .dashboardDoneOrders p.percentage {*/
        /*margin: 0px;
            font-weight: 600;
            color: #FAFAFA;
            font-size: 13px;*/
        /*padding-inline-start: 5px;
        color: #F5F5F5;
        font-size: 22px;
        font-weight: bold;
        display: block;
        flex-grow: 1;
        text-align: end;
        margin: 0px;
    }



        .userDashboardNew .dashboardRoutes .dashboardDoneOrders p.percentage span.doneOrders {
            color: #FF1905;
            margin: 0px;
            width: 80px;
            text-align: right;
            font-size: 12px;
            font-weight: normal;
        }*/

/* dashboardServingOrders */

/*.userDashboardNew .dashboardRoutes .dashboardServingOrders {
    display: flex;*/
    /* align-items: center; */
    /* justify-content: space-between; */
    /* box-shadow: 0px 3px 6px rgb(0 0 0 / 16%); */
    /* border-radius: 12px; */
    /* background-color: rgba(0, 136, 68, 1); */
    /* padding: 12px; */
    /* margin-top: 10px; */
    /* width: 220px; */
    /* height: 34px; */
    /*display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 13px;
    color: #8898AA;
    width: 100%;
    padding: 2px 6px 2px 6px;
    height: 50%;
}

    .userDashboardNew .dashboardRoutes .dashboardServingOrders h4 {
        margin: 0px;
        display: flex;
        align-items: flex-start;*/
        /* font-size: 16px; */
        /*font-weight: 400;*/
        /*color: #F4F8FB;*/
        /*font-size: 12px;
        width: 64%;
        position: relative;
    }


        .userDashboardNew .dashboardRoutes .dashboardServingOrders h4 > span {
            display: flex;
            flex-direction: column;
        }

            .userDashboardNew .dashboardRoutes .dashboardServingOrders h4 > span:nth-of-type(1) {
                width: 78%
            }

            .userDashboardNew .dashboardRoutes .dashboardServingOrders h4 > span:nth-of-type(2) {
                color: #FAFAFA;
                font-size: 21px;
                font-weight: bold;
                position: absolute;
                top: 0;
                inset-inline-end: 0;
                text-align: end;
            }

        .userDashboardNew .dashboardRoutes .dashboardServingOrders h4 img {
            margin-inline-end: 12px;
            width: 19px;
            height: 19px;
            margin-bottom: 5px;
        }

        .userDashboardNew .dashboardRoutes .dashboardServingOrders h4 strong {
            font-weight: 800;
            padding-inline-end: 5px;
        }

    .userDashboardNew .dashboardRoutes .dashboardServingOrders p.percentage {*/
        /*margin: 0px;
            font-weight: 600;
            color: #FAFAFA;
            font-size: 13px;*/
        /*padding-inline-start: 5px;
        color: #F5F5F5;
        font-size: 22px;
        font-weight: bold;
        display: block;
        flex-grow: 1;
        text-align: end;
        margin: 0px;
    }

        .userDashboardNew .dashboardRoutes .dashboardServingOrders p.percentage span.servingOrders {
            color: #FF8000;
            margin: 0px;
            width: 80px;
            text-align: right;
            font-size: 12px;
            font-weight: normal;
        }

.userDashboardNew .dashboardRoutes {
    width: 24%;
    display: flex;
    align-items: self-start;
}*/
/* #endregion */
/* #region => dashboardDrivers*/
/*.userDashboardNew .dashboardDrivers {
    width: 20%;
}

    .userDashboardNew .dashboardDrivers .dashboardDriversKPI {
        width: 100%;
        border-radius: 0px;
        display: flex;
        align-items: stretch;
        justify-content: space-between;
        box-shadow: 0px 3px 15px #00000029;
        background: rgb(24, 77, 137);
        border: 3px solid rgb(24, 77, 137);
    }

    .userDashboardNew .dashboardDrivers .title {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        height: 100%;
        padding: 8px 14px 8px 14px;
        padding: 12px;
        width: 24%;
    }

        .userDashboardNew .dashboardDrivers .title img {
            width: 15px;
            height: 15px;
            margin-inline-end: 5px;
            margin-inline-end: 8px;
            margin-block-end: 5px;
            width: 24px;
            height: 28px;
            display: block;
        }

        .userDashboardNew .dashboardDrivers .title h3 {
            margin: 0px;
            color: #CED7DF;
            font-weight: 600;
            margin-bottom: 10px;
            font-size: 13px;
        }

        .userDashboardNew .dashboardDrivers .title p {
            margin: 0px;
            color: #FAFAFA;
            font-weight: 400;
            font-size: 13px;
        }

            .userDashboardNew .dashboardDrivers .title p span {
                padding-inline-end: 5px;
                font-weight: 800;
                font-size: 22px;
                font-weight: bold;
            }

    .userDashboardNew .dashboardDrivers .dashboardDriversKPIWaitingBusy {
        display: flex;
        align-items: start;
        flex-direction: column;
        flex-grow: 1;
        padding: 0px 5px;
        background: rgb(7 7 35 / 50%);
        padding: 15px 19px;
    }

    .userDashboardNew .dashboardDrivers .dashboardDriversKPIBusy {
        display: flex;
        justify-content: start;
        width: 100%;
        gap: 12px;
        align-items: center;
    }

        .userDashboardNew .dashboardDrivers .dashboardDriversKPIBusy img {
        }

        .userDashboardNew .dashboardDrivers .dashboardDriversKPIBusy .busyText {
            color: #CED7DF;
            font-size: 11px;
            width: 48%;
        }

        .userDashboardNew .dashboardDrivers .dashboardDriversKPIBusy .busyCount {
            width:32%;
            text-align: end;
            color: #FF1905;
            font-size: 17px;
        }
    .userDashboardNew .dashboardDrivers .dashboardDriversKPIWaiting {
        display: flex;
        justify-content: start;
        width: 100%;
        gap: 12px;
        align-items: center;
    }
    .userDashboardNew .dashboardDrivers .dashboardDriversKPIWaiting img {
    }

        .userDashboardNew .dashboardDrivers .dashboardDriversKPIWaiting .waitingText {
            color: #CED7DF;
            font-size: 11px;
            width: 48%;
        }

        .userDashboardNew .dashboardDrivers .dashboardDriversKPIWaiting .waitingCount {
            width: 32%;
            text-align: end;
            color: #DCC14E;
            font-size: 17px;
        }*/
/* #endregion */
.OrderKpiWrapCard .OrderInPercentage.progressInPercentage[b-mv0io1slr2]{
    padding-top:0 !important
}
/* _content/NormaLiveUI/Pages/UserDashboardNew/RoutesNewComponent.razor.rz.scp.css */
.dashboardRoutes[b-6tkdudu666] {
    
}
.RoutesKPISCards[b-6tkdudu666] {
    width: 100%;
    margin-inline-start: 0;
    overflow: hidden;
    border-radius: 20px;
    background: #182E55;
    /*    background: linear-gradient(95deg, #0C1B35 24.54%, rgba(43, 81, 148, 0.50) 82.08%, rgba(26, 31, 55, 0.50) 124.62%);*/
    backdrop-filter: blur(60px);
    margin: 5px 0 2px 0;
    height: 94px;
    display: flex;
    align-items: center;
}
.routesCard[b-6tkdudu666], .locationsCard[b-6tkdudu666] {
    background: linear-gradient(95.05deg, rgba(12, 27, 53, 0.75) -3.46%, rgba(43, 81, 148, 0.375) 82.08%, rgba(26, 31, 55, 0.375) 124.62%);
    border-radius: 12px;
    height: 80px !important;
    padding-inline: 8px;
    margin-block: 0.5rem;
    margin-inline-end: 0.75rem;
    min-width: 104px;
    padding-block: .5rem !important;
}
.title[b-6tkdudu666] {
    color: #A0AEC0;
    font-size: 12px;
    font-weight: 600;
}
.count[b-6tkdudu666] {
  align-items:center;
  justify-content:space-between;
}
    .count span[b-6tkdudu666] {
        color: rgba(255, 255, 255, 1);
        font-size: 12px;
        font-weight: 400;
    }
.count img[b-6tkdudu666]{
    width:45px;
    max-width:45px;
    height:42px
}
/* _content/NormaLiveUI/Pages/UserDashboardNew/UserDashboardNewComponent.razor.rz.scp.css */
.userDashboardNew[b-iaysf1x0q1] {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    color: #fff;
    background: rgba(40, 62, 99, 1);
    box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.16);
    height: calc(100vh - 54px);
    /*padding: 16px;*/
}

    /* leftSectionCentralizedDashboard */
    .userDashboardNew .leftSection[b-iaysf1x0q1] {
        width: calc(40% - 20px);
        margin-inline-end: 20px;
    }

    /* rightSectionCentralizedDashboard */
    .userDashboardNew .rightSection[b-iaysf1x0q1] {
        width: 60%;
    }
.vehiclesAndOrdersContainer[b-iaysf1x0q1]{
    display: flex;
}
.dashboardFilter[b-iaysf1x0q1] {
    /*background-color: rgba(0, 0, 0, 0.37);*/
    padding: 8px;
    background: #283E63;
}

    .dashboardFilter .dashboardFilterTitle[b-iaysf1x0q1] {
        color: #FFFFFF;
        font-size: 11px;
        text-transform: uppercase;
        font-weight: 500;
        padding: 0px 27px 8px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.18);
        margin-bottom: 14px;
        display: none;
    }

    .dashboardFilter .dashboardFilterForm[b-iaysf1x0q1] {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding: 0px 27px 0px;
    }

        .dashboardFilter .dashboardFilterForm .dashboardFilterFormGrp[b-iaysf1x0q1] {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: space-between;
            position: relative;
            margin-inline-end: 12px;
        }

            .dashboardFilter .dashboardFilterForm .dashboardFilterFormGrp:last-of-type[b-iaysf1x0q1] {
                margin-inline-end: 0px !important;
            }

            .dashboardFilter .dashboardFilterForm .dashboardFilterFormGrp label[b-iaysf1x0q1] {
                color: #8AA1AF;
                font-size: 10px;
                font-weight: 400;
                margin-bottom: 4px;
                text-transform:uppercase
            }

            .dashboardFilter .dashboardFilterForm .dashboardFilterFormGrp input[b-iaysf1x0q1] {
                border-radius: 2px;
                border: 1px solid rgba(154, 175, 213, 0.74);
                background-color: rgba(16, 25, 42, 0.74);
                width: 250px;
                height: 34px;
                color: rgba(151, 151, 151, 1);
                padding: 5px 10px;
                font-size: 13px;
            }

    .dashboardFilter [b-iaysf1x0q1]::-webkit-calendar-picker-indicator {
        background-image: url(../../images/UserDashboard/calendar-icon.svg);
        background-position: center;
    }

    .dashboardFilter .dashboardFilterForm .dashboardFilterFormGrp select[b-iaysf1x0q1] {
        border-radius: 2px;
        border: 1px solid rgba(154, 175, 213, 0.74);
        background-color: rgba(16, 25, 42, 0.74);
        /* background-color: #121D2F; */
        width: 250px;
        height: 28px;
        color: rgba(151, 151, 151, 1);
        padding: 5px 10px;
        appearance: none;
        /* position: relative; */
        font-size: 13px;
    }

    .dashboardFilter .dashboardFilterForm .dashboardFilterFormGrp.selectFormGrp[b-iaysf1x0q1]::after {
        content: "";
        position: absolute;
        background-image: url(../../images/UserDashboard/dropdown-icon.svg);
        width: 7px;
        height: 4px;
        inset-inline-end: 13px;
        bottom: 12px;
        /* z-index: 9; */
    }

    .dashboardFilter .dashboardFilterForm .dashboardFilterFormGrp option[b-iaysf1x0q1] {
        /* background-color:rgba(16, 25, 42, 0.74); */
    }

    .dashboardFilter .dashboardFilterForm .buttonsContainer[b-iaysf1x0q1] {
        display: flex;
        margin-inline-start: auto;
        margin-inline-end: 0px;
        align-self: flex-end;
    }

    .dashboardFilter .dashboardFilterForm .submitBtn[b-iaysf1x0q1] {
        width: 94px;
        height: 32px;
        background: #30C86D;
        border-radius: 3px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #FFFFFF;
        font-size: 12px;
        font-weight: 500;
        border: none;
        outline: none;
        align-self: flex-end;
        margin-inline-start: auto;
        /*margin-inline-end: 0px;*/
        margin-inline-start: 12px;
    }

    .dashboardFilter .dashboardFilterForm .clearBtn[b-iaysf1x0q1] {
        width: 94px;
        height: 32px;
        background: #ffffff;
        border-radius: 3px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #184d89;
        ;
        font-size: 12px;
        font-weight: 500;
        border: none;
        outline: none;
        align-self: flex-end;
        margin-inline-start: auto;
        /*margin-inline-end: 0px;*/
        margin-inline-start: 12px;
    }
.userDashboardVehiclesKPIS[b-iaysf1x0q1] {
    width: 40% !important;
    min-width: 596px;
    padding-block: 0;
    padding-inline-end: 0.75rem;
}
.userDashboardOrdersKPIS[b-iaysf1x0q1] {
    width: 40% !important;
    min-width: 635px;
    padding-block: 0;
    padding-inline-end: 0.75rem;
}
.userDashboardDriversKPIS[b-iaysf1x0q1] {
    width: 10% !important;
    min-width: 400px;
    padding-block: 0;
    padding-inline-end: 0.75rem;
}
.userDashboardRoutesAndLocationsKPIS[b-iaysf1x0q1] {
    width: 10% !important;
    min-width: 435px;
    padding-block: 0;
    padding-inline-end: 0.75rem;
}

.owl-nav[b-iaysf1x0q1]{
    display:block !important
}
/* _content/NormaLiveUI/Pages/UserDashboardNew/VehiclesNew/VehiclesNewComponent.razor.rz.scp.css */
.userDashboardNew .dashboardVehicles[b-5zvgqatr1x] {
    display: flex;
    /*margin-block-end: 10px;*/
    width: 28%;
}

    /* routesAndLocations */
    .userDashboardNew .dashboardVehicles .routesAndLocations[b-5zvgqatr1x] {
        display: flex;
        justify-content: space-around;
        align-items: flex-start;
        padding: 3px 0px 0px;
        flex-direction: column;
        width: 38%;
        flex-shrink: 0;
        /*border: 1px solid #184D89;*/
        background: #243254;
    }

        .userDashboardNew .dashboardVehicles .routesAndLocations .routes[b-5zvgqatr1x] {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            font-size: 13px;
            color: #8898AA;
            width: 100%;
            border-bottom: 1px solid #20223F;
            padding: 8px 14px 8px 14px;
        }

            .userDashboardNew .dashboardVehicles .routesAndLocations .routes img[b-5zvgqatr1x] {
                width: 19px;
                height: 19px;
                margin-inline-end: 8px;
            }

            .userDashboardNew .dashboardVehicles .routesAndLocations .routes span[b-5zvgqatr1x] {
                padding-inline-start: 5px;
                color: #F5F5F5;
                font-size: 22px;
                font-weight: bold;
                display: block;
                flex-grow: 1;
                text-align: end;
            }

        .userDashboardNew .dashboardVehicles .routesAndLocations .locations[b-5zvgqatr1x] {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            color: #F5F5F5;
            font-weight: 500;
            font-size: 13px;
            color: #8898AA;
            width: 100%;
            padding: 8px 14px 8px 14px;
        }

            .userDashboardNew .dashboardVehicles .routesAndLocations .locations img[b-5zvgqatr1x] {
                width: 13px;
                height: 19px;
                margin-inline-end: 5px;
            }

            .userDashboardNew .dashboardVehicles .routesAndLocations .locations span[b-5zvgqatr1x] {
                padding-inline-start: 5px;
                color: #F5F5F5;
                font-size: 22px;
                font-weight: bold;
                display: block;
                flex-grow: 1;
                text-align: end;
            }

    /* vehiclesProgress */
    .userDashboardNew .dashboardVehicles .vehiclesProgress[b-5zvgqatr1x] {
        width: 100%;
        /* height: 110px; */
        background: rgb(24, 77, 137);
        border: 3px solid rgb(24, 77, 137);
        border-radius: 0px;
        /* padding: 16px 20px; */
        /* margin-bottom: 10px; */
        display: flex;
        align-items: stretch;
        justify-content: space-between;
        /*height: 90px;*/
        /*margin-bottom: 6px;*/
        /*padding: 13px;*/
        box-shadow: 0px 3px 15px #00000029;
    }

        .userDashboardNew .dashboardVehicles .vehiclesProgress .title[b-5zvgqatr1x] {
            display: flex;
            align-items: flex-start;
            flex-direction: column;
            padding: 12px;
        }

            .userDashboardNew .dashboardVehicles .vehiclesProgress .title img[b-5zvgqatr1x] {
                margin-inline-end: 8px;
                margin-block-end: 5px;
                width: 24px;
                height: 28px;
                display: block;
            }

            .userDashboardNew .dashboardVehicles .vehiclesProgress .title h3[b-5zvgqatr1x] {
                margin: 0px;
                color: #FAFAFA;
                /* font-size: 16px; */
                font-weight: 600;
                font-size: 13px;
                margin-block-end: 8px
            }

            .userDashboardNew .dashboardVehicles .vehiclesProgress .title .totalNo[b-5zvgqatr1x] {
                font-size: 22px;
                font-weight: bold;
                padding-inline-start: 3px;
            }

            .userDashboardNew .dashboardVehicles .vehiclesProgress .title .vehiclesInPersentage.progressInPercentage[b-5zvgqatr1x] {
                flex-direction: column;
                justify-content: space-between;
                align-items: flex-start;
            }

        .userDashboardNew .dashboardVehicles .vehiclesProgress .ProgressBarAndVehiclesInPersentage[b-5zvgqatr1x] {
            display: flex;
            align-items: center;
            flex-grow: 1;
            padding: 0px 5px;
            background: rgb(7 7 35 / 50%);
            /* opacity: 0.5; */
            gap: 4%;
        }

        .userDashboardNew .dashboardVehicles .vehiclesProgress .progressBarContainer[b-5zvgqatr1x] {
            flex-grow: 1;
            /*padding-inline-start: 100px;*/
            /*  padding:  0px 22px;*/
            opacity: 1;
        }

            .userDashboardNew .dashboardVehicles .vehiclesProgress .progressBarContainer .progress[b-5zvgqatr1x] {
                width: 100%;
                height: 8px;
                border-radius: 65px;
                margin-bottom: 5px;
            }


                .userDashboardNew .dashboardVehicles .vehiclesProgress .progressBarContainer .progress .veryLateBG[b-5zvgqatr1x] {
                    background: #ff1905;
                }

                .userDashboardNew .dashboardVehicles .vehiclesProgress .progressBarContainer .progress .lateBG[b-5zvgqatr1x] {
                    background: #ff8000;
                }

                .userDashboardNew .dashboardVehicles .vehiclesProgress .progressBarContainer .progress .onTimeBG[b-5zvgqatr1x] {
                    background: #03c009;
                }

        .userDashboardNew .dashboardVehicles .vehiclesProgress .progressInPercentage[b-5zvgqatr1x] {
            /*width: 100%;*/
            display: flex;
            align-items: center;
            justify-content: flex-start;
            font-weight: 500;
            font-size: 13px;
            margin-bottom: 5px;
            flex-direction: column;
            padding-inline-start: 15px;
            opacity: 1;
        }

            .userDashboardNew .dashboardVehicles .vehiclesProgress .progressInPercentage .veryLatePercentage[b-5zvgqatr1x],
            .userDashboardNew .dashboardVehicles .vehiclesProgress .progressInNumbers .veryLatePercentage[b-5zvgqatr1x] {
                color: #ff1905;
            }

            .userDashboardNew .dashboardVehicles .vehiclesProgress .progressInPercentage .latePercentage[b-5zvgqatr1x],
            .userDashboardNew .dashboardVehicles .vehiclesProgress .progressInNumbers .latePercentage[b-5zvgqatr1x] {
                color: #ff8000;
            }

            .userDashboardNew .dashboardVehicles .vehiclesProgress .progressInPercentage .onTimePercentage[b-5zvgqatr1x],
            .userDashboardNew .dashboardVehicles .vehiclesProgress .progressInNumbers .onTimePercentage[b-5zvgqatr1x] {
                color: #03c009;
            }

            .userDashboardNew .dashboardVehicles .vehiclesProgress .progressInPercentage .earlyPercentage[b-5zvgqatr1x],
            .userDashboardNew .dashboardVehicles .vehiclesProgress .progressInNumbers .earlyPercentage[b-5zvgqatr1x] {
                color: #096DDC;
            }

        .userDashboardNew .dashboardVehicles .vehiclesProgress .progressBarContainer .progressInNumbers[b-5zvgqatr1x] {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: flex-start;
            font-weight: 800;
            font-size: 18px;
        }

            .userDashboardNew .dashboardVehicles .vehiclesProgress .progressBarContainer .progressInNumbers > div:nth-of-type(even)[b-5zvgqatr1x] {
                position: relative;
            }

                .userDashboardNew .dashboardVehicles .vehiclesProgress .progressBarContainer .progressInNumbers > div:nth-of-type(even) span[b-5zvgqatr1x] {
                    position: absolute;
                    top: -60px;
                    inset-inline-start: -6px;
                }

            .userDashboardNew .dashboardVehicles .vehiclesProgress .progressBarContainer .progressInNumbers > div:nth-last-of-type(1)[b-5zvgqatr1x] {
                display: flex;
                align-items: center;
                justify-content: flex-end;
            }

            .userDashboardNew .dashboardVehicles .vehiclesProgress .progressBarContainer .progressInNumbers .onTimePercentage .totalNo[b-5zvgqatr1x] {
                color: #f5f5f5;
                font-size: 21px;
            }
/* _content/NormaLiveUI/Shared/Layout/ManualPlanningLayout.razor.rz.scp.css */
.page[b-5mzq5zdcpz] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.main[b-5mzq5zdcpz] {
    flex: 1;
}

.sidebar[b-5mzq5zdcpz] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-5mzq5zdcpz] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-5mzq5zdcpz]  a, .top-row .btn-link[b-5mzq5zdcpz] {
        white-space: nowrap;
        margin-inline-start: 1.5rem;
    }

    .top-row a:first-child[b-5mzq5zdcpz] {
        overflow: hidden;
        text-overflow: clip;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-5mzq5zdcpz] {
        display: none;
    }

    .top-row.auth[b-5mzq5zdcpz] {
        justify-content: space-between;
    }

    .top-row a[b-5mzq5zdcpz], .top-row .btn-link[b-5mzq5zdcpz] {
        margin-inline-start: 0;
    }
}

@media (min-width: 641px) {
    .page[b-5mzq5zdcpz] {
        flex-direction: row;
    }

    .sidebar[b-5mzq5zdcpz] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-5mzq5zdcpz] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .main > div[b-5mzq5zdcpz] {
        padding-inline-start: 2rem !important;
        padding-inline-end: 1.5rem !important;
    }
}
/* _content/NormaLiveUI/Shared/LogisticSuiteSideBar.razor.rz.scp.css */
.wrapper[b-p6ymzbayfl] {
    display: flex;
    align-items: stretch;
}

.appSideBar[b-p6ymzbayfl] {
    min-width: 70px;
    max-width: 70px;
    color: rgb(255, 255, 255);
    transition: all 0.3s ease 0s;
    background: #232c4c;
    position: fixed;
    bottom: 0;
    top: 52px;
    height: calc(100% - 52px) !important;
    box-shadow: 5px 20px 20px -5px black;
    z-index: 200000000;
}

.appSideBar a[b-p6ymzbayfl], .appSideBar a:hover[b-p6ymzbayfl], .appSideBar a:focus[b-p6ymzbayfl] {
    color: inherit;
    width: 100% !important;
    margin: 0px !important;
}

.appSideBar.active[b-p6ymzbayfl] {
    width: 250px;
    min-width: 250px;
}

.appSideBar .sidebar-header[b-p6ymzbayfl] {
    padding: 20px;
    background: rgb(109, 127, 204);
}

.appSideBar ul.components[b-p6ymzbayfl] {
    padding: 20px 0px;
}

.appSideBar ul p[b-p6ymzbayfl] {
    color: rgb(255, 255, 255);
    padding: 10px;
}

.appSideBar ul li a[b-p6ymzbayfl] {
    padding: 0px;
    display: block;
    color: #FFFFFF;
    font-size: 12px;
    border-bottom: 0px !important;
}

.appSideBar ul li a div[b-p6ymzbayfl] {
    height: 24px;
    margin: 0px 8px;
    width: 24px !important;
    margin-inline-end: 22px;
    text-align: center;
}

.appSideBar.opened ul li a div[b-p6ymzbayfl] {
    margin-inline-end: 10px;
}

.appSideBar ul li a div img[b-p6ymzbayfl] {
    /* width: 100%; */
    /* height: 100%; */
    object-fit: contain;
}

.appSideBar ul li a:hover[b-p6ymzbayfl] {
    color: rgb(255, 255, 255);
    text-decoration: none;
}

.appSideBar ul li.active > a[b-p6ymzbayfl], aside a[aria-expanded="true"][b-p6ymzbayfl] {
    color: #FFFFFF;
}

aside a[data-toggle="collapse"][b-p6ymzbayfl] {
    position: relative;
}

aside a[aria-expanded="false"][b-p6ymzbayfl]::before, aside a[aria-expanded="true"][b-p6ymzbayfl]::before {
    content: "";
    display: block;
    position: absolute;
    inset-inline-end: 4px;
    width: 20px;
    height: 20px;
    background: url("../images/expand.svg");
    transform: rotate(270deg);
    top: 36%;
}

aside a[aria-expanded="true"][b-p6ymzbayfl]::before {
    background: url("../images/unexpand.svg");
    transform: rotate(180deg);
}

aside ul ul a[b-p6ymzbayfl] {
    font-size: 0.9em !important;
    padding-inline-start: 30px !important;
}

aside ul.CTAs[b-p6ymzbayfl] {
    padding: 20px;
}

aside ul.CTAs a[b-p6ymzbayfl] {
    text-align: center;
    display: block;
    border-radius: 5px;
    margin-bottom: 5px;
    font-size: 0.9em !important;
}

aside a.download[b-p6ymzbayfl] {
    background: rgb(255, 255, 255);
    color: rgb(115, 134, 213);
}

aside a.article[b-p6ymzbayfl], aside a.article:hover[b-p6ymzbayfl] {
    color: rgb(255, 255, 255) !important;
}

.appSideBar ul li.active > a[b-p6ymzbayfl], aside.appSideBar .menu ul > li > a[b-p6ymzbayfl] {
    padding-inline-start: 0px;
}

#content[b-p6ymzbayfl] {
    padding: 20px;
    min-height: 100vh;
    transition: all 0.3s ease 0s;
}

@media (max-width: 768px) {
    .appSideBar[b-p6ymzbayfl] {
        margin-inline-start: -70px;
    }

    .appSideBar.active[b-p6ymzbayfl] {
        margin-inline-start: 0px;
    }

    /*.appSideBarCollapse span {*/
    /*    display: none;*/
    /*}*/

    aside.appSideBar.opened[b-p6ymzbayfl] {
        width: 70px;
        min-width: 70px;
        margin-inline-start: 0;
        position: fixed;
        bottom: 0;
        top: 52px;
        height: calc(100% - 52px) !important;
        box-shadow: 5px 20px 20px -5px black;
    }

    header.appHeader.norma--main-layout-header-wrap.opened .toggleNavButtonWrap[b-p6ymzbayfl] {
        width: 70px;
        min-width: 71px;
    }

    .appSideBar.opened ul li a > span[b-p6ymzbayfl] {
        display: none !important;
    }
}

aside.appSideBar .menu ul li[b-p6ymzbayfl] {
    min-height: 52px;
    flex-direction: column;
    padding: 0px;
    height: auto;
    margin-inline: 7px;
    width: calc(100% - 14px);
    margin-bottom: 4px;
}

aside.appSideBar .menu ul[b-p6ymzbayfl] {
    width: 100%;
}

aside.appSideBar .menu ul li a[b-p6ymzbayfl] {
    justify-content: center;
}

aside.appSideBar .menu ul li.active > a[b-p6ymzbayfl], aside.appSideBar .menu ul li:hover > a[b-p6ymzbayfl] {
    background: rgb(218 255 231 / 26%);
    border-radius: var(--norma--border-raduis-sm);
    /* margin-inline: 4px; */
}

aside.appSideBar .menu ul li ul li.active > a[b-p6ymzbayfl] {
    border: 1px solid #36B765;
    border-bottom: 1px solid #36B765 !important;
    border-inline-start: 5px solid #36B765 !important;
}

.appHeader .openedtoggleicon[b-p6ymzbayfl] {
    display: none;
}

.appHeader.opened .defaulttoggleicon[b-p6ymzbayfl] {
    display: none;
}

.appHeader.opened .openedtoggleicon[b-p6ymzbayfl] {
    display: block;
}

.appSideBar ul li a > span[b-p6ymzbayfl] {
    display: none;
}

.appSideBar.opened ul li a > span[b-p6ymzbayfl] {
    display: block;
    font-size: 12px;
}

aside.appSideBar .menu ul li.active[b-p6ymzbayfl], aside.appSideBar .menu ul li:hover[b-p6ymzbayfl] {
    background: none !important;
    /* background: #eef5fe1c !important; */
}

aside.appSideBar .menu ul li > ul li > a[b-p6ymzbayfl] {
    padding-inline-start: 6px !important;
    height: 32px;
    min-height: 32px;
    background: #eef5fe1c;
    border-radius: var(--norma--border-raduis-sm);
}

aside.appSideBar .menu ul li > ul li[b-p6ymzbayfl] {
    padding-inline-start: 3px !important;
    padding-inline-end: 0px;
    height: 32px;
    min-height: 32px;
    margin-block: 16px;
}

aside.appSideBar .menu ul li > ul li > a div[b-p6ymzbayfl] {
    margin: 0;
    margin-inline-end: 8px;
}

aside.appSideBar.opened .menu ul li a[b-p6ymzbayfl] {
    justify-content: start;
    font-size: 12px
}

.appSideBar > nav > ul > li:not(:has(ul)) a div[b-p6ymzbayfl] {
    margin-inline-end: 0;
    margin-inline-start: 0;
}

.appSideBar.opened > nav > ul > li:not(:has(ul)) a div[b-p6ymzbayfl] {
    margin-inline-start: 8px;
    margin-inline-end: 10px;
}

.appSideBar > nav > ul > li:not(:has(ul)).active[b-p6ymzbayfl]::after {
    background: var(--norma-primary--1);
    height: 52px !important;
}

aside.appSideBar .menu ul#sidebarAccordion li.active[b-p6ymzbayfl]::after{
    display: none;
}



/* _content/NormaLiveUI/Shared/MainLayout.razor.rz.scp.css */
.page[b-xperbg97nq] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.main[b-xperbg97nq] {
    flex: 1;
}

.sidebar[b-xperbg97nq] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-xperbg97nq] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-xperbg97nq]  a, .top-row .btn-link[b-xperbg97nq] {
        white-space: nowrap;
        margin-inline-start: 1.5rem;
    }

    .top-row a:first-child[b-xperbg97nq] {
        overflow: hidden;
        text-overflow: clip;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-xperbg97nq] {
        display: none;
    }

    .top-row.auth[b-xperbg97nq] {
        justify-content: space-between;
    }

    .top-row a[b-xperbg97nq], .top-row .btn-link[b-xperbg97nq] {
        margin-inline-start: 0;
    }
}

@media (min-width: 641px) {
    .page[b-xperbg97nq] {
        flex-direction: row;
    }

    .sidebar[b-xperbg97nq] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-xperbg97nq] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .main > div[b-xperbg97nq] {
        padding-inline-start: 2rem !important;
        padding-inline-end: 1.5rem !important;
    }
}
/* _content/NormaLiveUI/Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-dzewa3uzeu] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-dzewa3uzeu] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-dzewa3uzeu] {
    font-size: 1.1rem;
}

.oi[b-dzewa3uzeu] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-dzewa3uzeu] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-dzewa3uzeu] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-dzewa3uzeu] {
        padding-bottom: 1rem;
    }

    .nav-item[b-dzewa3uzeu]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-dzewa3uzeu]  a.active {
    background-color: rgba(255,255,255,0.25);
    color: white;
}

.nav-item[b-dzewa3uzeu]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler[b-dzewa3uzeu] {
        display: none;
    }

    .collapse[b-dzewa3uzeu] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}