body {
    background-color: #f5f6f8;
}

.navbar-brand {
    font-weight: 600;
}

.card-dashboard {
    transition: transform .15s ease, box-shadow .15s ease;
    text-decoration: none;
}

.card-dashboard:hover {
    transform: translateY(-2px);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.1);
}

table.table-app td, table.table-app th {
    vertical-align: middle;
}

@media (max-width: 576px) {
    .table-responsive-stack thead {
        display: none;
    }

    .table-responsive-stack tbody tr {
        display: block;
        margin-bottom: .75rem;
        border: 1px solid #dee2e6;
        border-radius: .375rem;
        padding: .5rem .75rem;
    }

    .table-responsive-stack tbody td {
        display: flex;
        justify-content: space-between;
        border: none;
        padding: .25rem 0;
    }

    .table-responsive-stack tbody td::before {
        content: attr(data-label);
        font-weight: 600;
        margin-right: .5rem;
    }
}