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

@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;
		border: 1px solid rgba(0,0,0,.06);
    }
	
    /* hide table headers (but not display: none;, for accessibility) */
    .jrt thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;		 
    }
	
	.jrt tr {
        border: 0px solid rgba(0,0,0,.03);
    }
    .jrt td {
        /* behave  like a "row" */
        position: relative;
        padding-left: 45%;
		text-align: left;
        font-weight: normal;
    }
    .jrt td:before {
        /* becomes the table header */
        position: absolute;
        /* top/left values mimic padding */
        top: 8px;
        /* mimic padding top */
        left: 2px;
        /* mimic padding left */
        width: 65%;
        text-align: left!important;
        font-weight: bold;
    }
	.jrt td:first-child {
		text-align: left;
	}	
}