/* GRAY */
.dashboard.gray {
    background-color: #ebebeb;
    border-bottom-color: #a1a1a1;
}

.dashboard.gray i {
    color: #a1a1a1;
}

.dashboard.gray .dashboard-icon div.icon i {
    background-color: #a1a1a1;
    color: white;
}

/* BLUE */
.dashboard.blue {
    background-color: #c8e6fa;
    border-bottom-color: #0e62d6;
}

.dashboard.blue i  {
    color: #0e62d6;
}

.dashboard.blue .dashboard-icon div.icon i {
    background-color: #0e62d6;
    color: white;
}

.dashboard.blue .dashboard-icon div.commands i {
    color: #0e62d6;
}

/* VIOLET */
.dashboard.violet {
    background-color: #c9d4fe;
    border-bottom-color: #4f46e5;
}

.dashboard.violet i  {
    color: #4f46e5;
}

.dashboard.violet .dashboard-icon div.icon i {
    background-color: #4f46e5;
    color: white;
}

.dashboard.violet .dashboard-icon div.commands i {
    color: #4f46e5;
}

/* RED */
.dashboard.red {
    background-color: #fed4d4;
    border-bottom-color: #dc2626;
}

.dashboard.red i {
    color: #dc2626;
}

.dashboard.red .dashboard-icon div.icon i {
    background-color: #dc2626;
    color: white;
}

.dashboard.red .dashboard-icon div.commands i {
    color: #dc2626;
}

/* GREEN */
.dashboard.green {
    background-color: #b8f5d8;
    border-bottom-color: #059669;
}

.dashboard.green i {
    color: #059669;
}

.dashboard.green .dashboard-icon div.icon i {
    background-color: #059669;
    color: white;
}

.dashboard.green .dashboard-icon div.commands i {
    color: #059669;
}

/* ORANGE */
.dashboard.orange {
    background-color: #fdeca9;
    border-bottom-color: #d97706;
}

.dashboard.orange i {
    color: #d97706;
}

.dashboard.orange .dashboard-icon div.icon i {
    background-color: #d97706;
    color: white;
}

.dashboard.orange .dashboard-icon div.commands i {
    color: #d97706;
}