.card .card-body .card-footer {
    margin-top: 15px;
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: -10px;
    padding-left: 15px;
    padding-right: 15px;
}

.modal-dialog {
    margin-top: 10%;
}
.td-limit {
    max-width: 80px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
table.dataTable thead th, table.dataTable thead td, table.dataTable tfoot th, table.dataTable tfoot td {
    text-align: right;
}
/* Image Set */

.h-image-p-h {
    overflow: hidden; /* Hides any excess image outside the holder */
    display: flex;
    justify-content: center; /* Centers the item horizontally */
    align-items: center; /* Centers the item vertically */
}

    .h-image-p-h .h-image-p-i {
        border: 3px solid white;
        -webkit-border-radius: 10px; /* For older versions of Safari, Chrome (no longer needed in most cases) */
        -moz-border-radius: 10px; /* For older versions of Firefox (no longer needed in most cases) */
        border-radius: 10px; /* Standard, for modern browsers */
        width: 95%; /* Full width of the holder */
        height: 95%; /* Height is automatically set to match width */
        aspect-ratio: 1 / 1; /* Forces the image to keep a 1:1 aspect ratio */
        object-fit: cover; /* Ensures image covers the holder, cropping if necessary */
        object-position: center; /* Centers the image */
        border-radius: inherit; /* Applies the same border-radius as the holder */
    }