.card-root-with-header-footer {
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.card-root-with-header-footer .p-card-header,
.card-root-with-header-footer .p-card-title,
.card-root-with-header-footer .p-card-subTitle,
.card-root-with-header-footer .p-card-footer {
    flex: 0 1 0;
}

.card-root-with-header-footer .p-card-body {
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
}

.card-root-with-header-footer .p-card-content {
    flex: 1 1 0;
    overflow: auto;
}

.card-root-with-header-footer .p-card-footer {
    width: 100%;
}