.div-header {
    box-shadow: 0px 1px 3px 3px var(--color-gray5);
    border-radius: 1rem;
    padding: 1rem;
    margin: 1rem;
}

.div-footer {
    box-shadow: 0px 1px 3px 3px var(--color-gray5);
    border-radius: 1rem;
    max-width: -webkit-fill-available;
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-right: 1rem;
    padding-left: 1rem;
    margin: 1rem;
}

.card {
    border-radius: 1rem;
    background-color: var(--color-white);
}

.card-header {
    background-color: transparent;
    padding: 1rem;
    border: none;
}

p.text-small {
    margin-bottom:.25rem;
}

@media only screen and (min-width:768px) {
    .table-responsive {
        margin: 0px 16px 15px 16px;
    }
}

@media only screen and (max-width:767px) {
    .paddingx {
        padding: 0px 5px;
    }
}