.page-heading .h3,
.page-heading h3 {
    font-size: 16px
}

.card .card-body {
    padding: 10px
}

.card .card-title {
    padding: 16px 0 16px 8px !important;
    font-size: 16px !important;
}

h4 {
    font-size: 14px
}

.list-group-item {
    padding: 5px
}

.badge {
    margin-right: 10px;
    font-size: 10px;
    padding: 5px 8px;
    background-color: var(--bs-primary-dark)
}

.list-group-item :not(.badge) {
    font-size: 10px
}

h4.directivo {
    margin-top: .5rem !important
}

.swal2-html-container {
    padding: 0 !important;
}

.swal2-html-container table thead {
    position: -webkit-sticky;
    position: sticky;
    top: 0
}

.swal2-html-container table thead tr {
    text-transform: capitalize
}

.swal2-html-container table thead tr th,
.swal2-html-container table tbody tr td {
    padding: 5px
}

@media (min-width: 768px) {}

@media (min-width: 992px) {
    .page-heading .h3,
    .page-heading h3 {
        font-size: 18px
    }
    .card .card-body {
        padding: 12px
    }
    h4 {
        font-size: 16px
    }
    .list-group-item {
        padding: 5px
    }
    .badge {
        margin-right: 12px;
        font-size: 12px;
        padding: 5px 8px;
        background-color: var(--bs-primary-dark)
    }
    .list-group-item :not(.badge) {
        font-size: 12px
    }
    h4.directivo {
        margin-top: 8px !important
    }
    .swal2-html-container table thead tr th,
    .swal2-html-container table tbody tr td {
        padding: 5px
    }
    .dataTable-table,
    .table {
        font-size: 12px
    }
}