/* Dashboard boxes */
.dashboard-box {
    border: 2px solid #ddd;
    /* Light grey border */
    border-radius: 15px;
    height: 200px;
    box-shadow: 0 8px 14px rgba(0, 0, 0, 0.1);
    text-decoration: none;
    color: inherit;
    background-color: #fff;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.dashboard-box:hover {
    transform: translateY(-10px);
    text-decoration: none;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.icon-box {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 25px;
    margin: 0 auto;
    margin-bottom: 15px;
    color: #fff;
}

/* 
        .dashboard-number {
            font-size: 28px;
            font-weight: bold;
            margin-bottom: 5px;
        } */

.dashboard-title {
    font-size: 20px;
}

/* Icon and Number Colors */
.bg-all-users {
    background-color: #007bff;
}

.bg-all-users .dashboard-number {
    color: #007bff;
}

.bg-active-users {
    background-color: #28a745;
}

.bg-active-users .dashboard-number {
    color: #28a745;
}

.bg-inactive-users {
    background-color: #ffc107;
}

.bg-inactive-users .dashboard-number {
    color: #ffc107;
}

.bg-expire-users {
    background-color: #dc3545;
}

.bg-expire-users .dashboard-number {
    color: #dc3545;
}

.bg-online-users {
    background-color: #17a2b8;
}

.bg-online-users .dashboard-number {
    color: #17a2b8;
}

.bg-offline-users {
    background-color: #6c757d;
}

.bg-offline-users .dashboard-number {
    color: #6c757d;
}