.app-content .container-fluid > .card,
.app-content .container-fluid > .row {
    margin-bottom: 1.25rem;
}
.app-content .card {
    margin-bottom: 1.25rem;
}
.app-content .row > [class*="col-"] > .card {
    margin-bottom: 0;
}
.app-content .card-header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 0.75rem;
}
.app-content .card-header .card-title {
    float: none;
    margin: 0;
}
.app-content .card-header .card-tools {
    float: none;
    margin-left: auto;
}
.app-content .form-label {
    margin-bottom: 0.35rem;
    font-weight: 500;
}
.app-content .form-control,
.app-content .form-select,
.app-content .btn,
.app-content .input-group-text,
.login-card-body .form-control,
.login-card-body .btn,
.login-card-body .input-group-text {
    min-height: 2rem;
    font-size: 0.875rem;
}
.app-content .btn-sm,
.app-content .form-control-sm,
.app-content .form-select-sm,
.app-content .input-group-sm > .form-control,
.app-content .input-group-sm > .btn,
.app-content .input-group-sm > .input-group-text {
    min-height: 2rem;
    font-size: 0.875rem;
}
.app-content .table {
    margin-bottom: 0;
}
.app-content .table td,
.app-content .table th {
    vertical-align: middle;
}
.app-content pre {
    font-size: 0.8125rem;
    margin-bottom: 0.75rem;
}
.app-content .dataTables_wrapper .dataTables_length,
.app-content .dataTables_wrapper .dataTables_filter,
.app-content .dataTables_wrapper .dataTables_info,
.app-content .dataTables_wrapper .dataTables_paginate {
    font-size: 0.875rem;
    margin-bottom: 0.75rem;
}
.app-content .dataTables_wrapper .dataTables_length select,
.app-content .dataTables_wrapper .dataTables_filter input {
    min-height: 2rem;
    font-size: 0.875rem;
    padding: 0.25rem 0.5rem;
}
.app-content .dataTables_wrapper .row {
    --bs-gutter-y: 0.5rem;
}
.app-content .card-footer {
    background: transparent;
    padding: 0.85rem 1.25rem 1.1rem;
}
.app-content .nav-pills .nav-link {
    padding: 0.35rem 0.85rem;
    font-size: 0.875rem;
}
.app-content .dl-row {
    display: grid;
    grid-template-columns: 10rem 1fr;
    gap: 0.35rem 1rem;
    padding: 0.45rem 0;
    border-bottom: 1px solid var(--bs-border-color);
    font-size: 0.875rem;
}
.app-content .dl-row:last-child {
    border-bottom: 0;
}
.app-content .lvs-equal > [class*="col-"] > .card,
.app-content .lvs-equal > [class*="col-"] > form,
.app-content .lvs-equal > [class*="col-"] > form > .card {
    height: 100%;
}
.app-content .card-body {
    min-width: 0;
}
.app-content .card-body > .table,
.app-content .dataTables_wrapper {
    width: 100% !important;
}
.app-content-header h3 {
    font-size: clamp(1.1rem, 2vw, 1.5rem);
}
@media (max-width: 575.98px) {
    .app-content .dl-row {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 767.98px) {
    .app-content-header .breadcrumb {
        float: none !important;
        margin-top: 0.5rem;
    }
    .app-content .card-header .card-tools {
        margin-left: 0;
        width: 100%;
    }
    .app-content .card-tools .input-group,
    .app-content .card-tools .form-select {
        width: 100% !important;
        max-width: 100%;
    }
    .app-header .input-group {
        max-width: 100%;
    }
}
