.gv-table-view {
    table-layout: fixed;
    width: 100%
}

.gv-table-view th,.gv-table-view td {
    padding: .3em;
}

.gv-table-view th {
    padding: 1em;
    border-top: #ededed solid 1px;
    background-color: #f3f3f3;
}

.gv-table-view td {
    padding: 1.5em 1.2em;
    border-top: #ededed solid 1px;
    background-color: #ffffff;
}

.gv-table-view-content {
    table-layout: fixed
}

.gv-table-view-content th {
    width: 35%;
    vertical-align: top
}

a.gv-sort.gv-icon-caret-up-down {
    opacity: 0.5
}

a.gv-sort.gv-icon-caret-up-down:hover {
    opacity: 1
}

@media screen and (max-width: 575.98px) {
    .gv-table-view thead,.gv-table-view tfoot {
        display:none
    }

    .gv-table-view tr {
        display: block;
        position: relative;
        padding: 1.2em 0;
        overflow-x: auto
    }

    .gv-table-view tr:first-of-type {
        border-top: 1px solid #ccc
    }

    .gv-table-view tr td {
        display: table-row
    }

    .gv-table-view tr td:before {
        content: attr(data-label);
        font-weight: bold;
        display: table-cell;
        padding: 0.2em 0.6em 0.2em 0;
        text-align: right;
        width: 40%
    }

    .gv-table-view tr td:last-child:after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        border-bottom: 1px solid #ccc;
        width: 100%
    }
}
