.kPIs .runningVehicleKPI {
    height: 32px;
    background: transparent;
}

    .kPIs .runningVehicleKPI .KPICardBody {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        flex-grow: 1;
    }

        .kPIs .runningVehicleKPI .KPICardBody .KPICardBodyTitle {
            display: flex;
            justify-content: start;
            align-items: center;
            gap: 8px;
        }

            .kPIs .runningVehicleKPI .KPICardBody .KPICardBodyTitle p {
                font-size: 11px;
                text-transform: uppercase;
                margin: 0px;
                color: rgb(255, 255, 255);
            }

            .kPIs .runningVehicleKPI .KPICardBody .KPICardBodyTitle span {
                font-weight: 600;
                font-size: 9px;
                color: rgb(255, 255, 255);
                background: none;
                width: auto;
                height: auto;
                padding-inline-end: 10px;
                display: block;
                padding-block: 0;
            }

        .kPIs .runningVehicleKPI .KPICardBody .KPICardBodyDetails {
            display: flex;
            justify-content: space-between;
        }

            .kPIs .runningVehicleKPI .KPICardBody .KPICardBodyDetails div {
                display: flex;
                align-items: baseline;
            }

                .kPIs .runningVehicleKPI .KPICardBody .KPICardBodyDetails div span {
                    font-size: 16px;
                    font-family: Poppins, sans-serif;
                    padding-inline-end: 4px;
                }

                    .kPIs .runningVehicleKPI .KPICardBody .KPICardBodyDetails div span.redCount {
                        color: rgb(255, 58, 41);
                    }

                    .kPIs .runningVehicleKPI .KPICardBody .KPICardBodyDetails div span.yellowCount {
                        color: rgb(255, 128, 0);
                    }

                    .kPIs .runningVehicleKPI .KPICardBody .KPICardBodyDetails div span.greenCount {
                        color: rgb(23, 206, 31);
                    }

                .kPIs .runningVehicleKPI .KPICardBody .KPICardBodyDetails div p {
                    margin: 0px;
                    color: rgb(26, 127, 213);
                    font-size: 9px;
                    font-weight: 600;
                }

    .kPIs .runningVehicleKPI .KPIFilterationButtons .button.veryLate {
        width: 105px;
    }

    .kPIs .runningVehicleKPI .KPIFilterationButtons .button {
        width: auto;
        gap: 2px;
        max-width: 106px;
        min-width: 72px;
    }

        .kPIs .runningVehicleKPI .KPIFilterationButtons .button .count {
            display: block;
            min-width: 16px;
            max-width: 20px;
            overflow: hidden;
            text-overflow: clip;
            white-space: nowrap;
            text-align: start;
        }

.kPIs .KPICard.runningVehicleKPI .KPIFilterationButtons .button.all {
    width: 55px;
    align-items: center;
}
