.SVRtableHeaer {
    font-weight: bold;
    border: 1px solid #ccc;
    border-radius: 5px 5px 0 0;
    padding: 0.5rem;
    width: 100%;
}

.SVRtableFooter {
    font-weight: bold;
    border: 1px solid #ccc;
    border-radius: 0 0 5px 5px;
    padding: 0.5rem ;
    width: 100%;
}

.SVRtable {
    border: solid 1px #ccc;
    width: 100%;
    margin-bottom: 0.5rem;
}

    .SVRtable th {
        width: 10rem;
        white-space: nowrap;
        text-align: right;
        padding: 0.25rem;
        border: solid 1px #ccc;
    }

    .SVRtable td {
        padding: 0.25rem;
        border: solid 1px #ccc;
    }

.SVRtableWithFooter{
    margin-bottom:0;
}

@media screen and (max-width: 720px) {
    .SVRtableLastRow td:last-child {
        border-bottom: solid 1px #ccc;
        width: 100%;
    }

    .SVRtable th:not(.SVRtableNoResize) {
        text-align: left;
        border-bottom: none;
        display: block;
        width: 100%;
    }

    .SVRtable td:not(.SVRtableNoResize) {
        border-bottom: none;
        display: block;
        width: 100%;
    }
}