.expense-row {
    transition: background-color 0.2s;
}

.expense-row:hover {
    background-color: #f8f9fa;
}

.expense-row .dropdown-toggle::after {
    display: none;
}

.force-mobile .col-12 {
    width: 100% !important;
    flex: 0 0 100% !important;
}

.force-mobile .col-10 {
    width: 83.333333% !important;
    flex: 0 0 83.333333% !important;
}

.force-mobile .col-6 {
    width: 50% !important;
    flex: 0 0 50% !important;
}

.force-mobile .col-2 {
    width: 16.666667% !important;
    flex: 0 0 16.666667% !important;
}

.force-mobile .order-0 {
    order: 0 !important;
}

.force-mobile .order-1 {
    order: 1 !important;
}

.force-mobile .order-2 {
    order: 2 !important;
}

.force-mobile .order-3 {
    order: 3 !important;
}

.force-mobile .order-4 {
    order: 4 !important;
}

.force-mobile .text-start {
    text-align: left !important;
}

.force-mobile .text-end {
    text-align: right !important;
}

.force-mobile .text-center {
    text-align: center !important;
}

.force-mobile .mb-1 {
    margin-bottom: 0.25rem !important;
}

.force-mobile .mb-2 {
    margin-bottom: 0.5rem !important;
}

.force-mobile .border-md-0 {
    border: 1px solid #dee2e6 !important;
}

.color-circle {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: inline-block;
    background-color: #dee2e6;
}

.card-purple, .bg-purple, .text-bg-purple {
    --lte-card-variant-bg: #6f42c1;
    --lte-card-variant-bg-rgb: 111, 66, 193;
    --lte-card-variant-color: #fff;
    --lte-card-variant-color-rgb: 255, 255, 255;
}

.card-teal, .bg-teal, .text-bg-teal {
    --lte-card-variant-bg: #20c997;
    --lte-card-variant-bg-rgb: 32, 201, 151;
    --lte-card-variant-color: #fff;
    --lte-card-variant-color-rgb: 255, 255, 255;
}