/* =====================================================
   DASHBOARD KPI CARDS
===================================================== */

.dashboard-kpi-card {
    width: 100%;
    height: 100%;
    min-height: 110px;
}

.dashboard-kpi-card .card-body {
    height: 100%;
}

.dashboard-kpi-content {
    width: 100%;
    min-width: 0;
    height: 100%;
    align-items: center;
}

.dashboard-kpi-content .flex-1 {
    min-width: 0;
}

.dashboard-kpi-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dashboard-kpi-value {
    display: block;
    width: 100%;
    min-width: 0;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

    line-height: 1.5;
}

.dashboard-kpi-margin {
    white-space: nowrap;
}


/* =====================================================
   RESPONSIVE
===================================================== */

@media (max-width: 1024px) {

    .dashboard-kpi-card {
        min-height: 105px;
    }

}

@media (max-width: 640px) {

    .dashboard-kpi-card {
        min-height: 100px;
    }

}