﻿/* #region => dashboardDrivers*/
.userDashboard .dashboardDrivers {
    width: 20%;
}

    .userDashboard .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);
    }

    .userDashboard .dashboardDrivers .title {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        height: 100%;
        padding: 8px 14px 8px 14px;
        padding: 12px;
        width: 24%;
    }

        .userDashboard .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;
        }

        .userDashboard .dashboardDrivers .title h3 {
            margin: 0px;
            color: #CED7DF;
            font-weight: 600;
            margin-bottom: 10px;
            font-size: 13px;
        }

        .userDashboard .dashboardDrivers .title p {
            margin: 0px;
            color: #FAFAFA;
            font-weight: 400;
            font-size: 13px;
        }

            .userDashboard .dashboardDrivers .title p span {
                padding-inline-end: 5px;
                font-weight: 800;
                font-size: 22px;
                font-weight: bold;
            }

    .userDashboard .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;
    }

    .userDashboard .dashboardDrivers .dashboardDriversKPIBusy {
        display: flex;
        justify-content: start;
        width: 100%;
        gap: 12px;
        align-items: center;
    }

        .userDashboard .dashboardDrivers .dashboardDriversKPIBusy img {
        }

        .userDashboard .dashboardDrivers .dashboardDriversKPIBusy .busyText {
            color: #CED7DF;
            font-size: 11px;
            width: 48%;
        }

        .userDashboard .dashboardDrivers .dashboardDriversKPIBusy .busyCount {
            width: 32%;
            text-align: end;
            color: #FF1905;
            font-size: 17px;
        }

    .userDashboard .dashboardDrivers .dashboardDriversKPIWaiting {
        display: flex;
        justify-content: start;
        width: 100%;
        gap: 12px;
        align-items: center;
    }

        .userDashboard .dashboardDrivers .dashboardDriversKPIWaiting img {
        }

        .userDashboard .dashboardDrivers .dashboardDriversKPIWaiting .waitingText {
            color: #CED7DF;
            font-size: 11px;
            width: 48%;
        }

        .userDashboard .dashboardDrivers .dashboardDriversKPIWaiting .waitingCount {
            width: 32%;
            text-align: end;
            color: #DCC14E;
            font-size: 17px;
        }
/* #endregion */
