.motor-dashboard-card { overflow: hidden; }
.motor-dashboard-header { background-color: #fff; }
.motor-dashboard-identity { min-width: 0; }
.motor-dashboard-identity .media-body { min-width: 0; }
.motor-dashboard-update { direction: rtl; white-space: nowrap; }
.motor-reading-grid { margin-right: -.25rem; margin-left: -.25rem; }
.motor-reading-grid > [class*="col"] { padding-right: .25rem; padding-left: .25rem; }
.motor-reading { min-height: 132px; background-color: #fff; transition: border-color .2s ease, box-shadow .2s ease; }
.motor-reading:hover { color: inherit; border-color: #c8d4e0 !important; box-shadow: 0 2px 8px rgba(42, 61, 83, .06); }
.motor-reading-title { display: -webkit-box; min-height: 34px; overflow: hidden; line-height: 1.55; white-space: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.motor-reading-current { min-height: 38px; }
.motor-reading-value { display: inline-block; max-width: 100%; overflow: hidden; font-size: 21px; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
.motor-reading-value-text { display: -webkit-box; font-size: 14px; line-height: 1.5; white-space: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.motor-reading-footer { min-height: 24px; }
.motor-reading-date { direction: ltr; font-size: 9px; white-space: nowrap; }
.dashboard-status-dot { width: 6px; height: 6px; margin-right: .25rem; border-radius: 50%; flex: 0 0 6px; }

@media (max-width: 991.98px) {
    #page-topbar .topbar-secondary-actions { display: none !important; }
    #page-topbar .navbar-header > .container-fluid { height: 100%; }
    #page-topbar .navbar-brand-box { padding-right: 1rem; }
}

@media (max-width: 575.98px) {
    .dashboard-page-title .page-title-box { padding: 12px 0; }
    .dashboard-page-title .page-title-right { display: none; }
    .motor-dashboard-header { align-items: flex-start !important; }
    .motor-dashboard-identity { width: 100%; }
    .motor-dashboard-meta { width: 100%; justify-content: space-between; }
    .motor-reading { min-height: 128px; padding: .45rem !important; }
    .motor-reading .avatar-xs, .motor-reading .avatar-title { width: 24px; min-width: 24px; height: 24px; }
    .motor-reading-value { font-size: 18px; }
    .motor-dashboard-update { font-size: 10px; }
}