body {
    font-size: .81rem;
    /* background-image: url(../images/bgdot.svg);
    background-image: url(../images/bgdot.svg),linear-gradient(120deg,#d6f3fd,#f8e3ff);*/
    background: #f0f5f9;
    padding: 24px 0;
}
.crdbx {
    background: #fff;
    border-radius: .5rem;
    box-shadow: 0 2px 12px rgba(22,74,133,.1);
}
    .crdbx .crdhead {
        border: 1px solid rgba(0,0,0,0.1);
        padding: .35rem .5rem;
        font-size: .875rem;
        font-weight: 600;
        border-top-left-radius: .5rem;
        border-top-right-radius: .5rem;
        background: linear-gradient(10deg,#1daefd,#01d895);
        color: #fff;
    }
.table-dtc tr th, .table-dtc tr td {
    padding: .375rem .7rem;
}
.tblwrap {
    overflow-x: auto;
    max-width: 100%;
}
.tblview {
    margin-bottom: 0;
    border-collapse: separate;
    border-spacing: 0;
}
    .tblview tr th, .tblview tr td {
        border-right: 1px solid rgba(0,0,0,0.1);
        border-bottom: 1px solid rgba(0,0,0,0.1);
        padding:.45rem 1rem;
    }
        .tblview tr th:first-child, .tblview tr td:first-child {
            border-left: 1px solid rgba(0,0,0,0.1);
        }
.tblview tr:last-child td:first-child {
    border-bottom-left-radius: 1rem;
}
    .tblview tr:last-child td:last-child {
        border-bottom-right-radius: 1rem;
    }
    .tblview tr th {
        background: #ebeff4;
        font-weight: 500;
        padding: .375rem .75rem;
    }
.footer {
    font-size: .725rem;
    padding: .5rem 0;
    background: #fff;
}