/*
 * Responsive Tables plugin 2.2.1
 * Ryan Wells 
 * Copyright 2019, Ryan Wells (https://ryanwells.com)
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
*/

/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.23, autoprefixer: v9.7.3) */
@media only screen and (max-width: 800px) {
    /* change media query width to suit needs */
    /* force table markup to behave like divs */
    .jrt table,
    .jrt thead,
    .jrt tbody,
    .jrt th,
    .jrt td,
    .jrt tr {
        display: block;
        text-align: left;
    }
        /* hide table headers (but not display: none;, for accessibility) */
        .jrt thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

    .jrt tr {
        border: 0;
    }

    .jrt td {
        /* behave  like a "row" */
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border: none;
        border-bottom: 1px solid #eee;
        font-weight: normal;
        border-right: 0 !important;
    }

        .jrt td:before {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            width: 100%;
            max-width: 45%;
            padding-right: 6px;
            font-weight: bold;
        }
}