/* Foundation v2.1.4 http://foundation.zurb.com */
/* Artfully masterminded by ZURB  */

@media only screen and (max-width: 1024px) {
		
	table.responsive-fixed-scroll { margin-bottom: 0; }
	
	.pinned { position: absolute; left: 0; top: 0; background: #fff; width: 35%; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
    .pinned {
        overflow: hidden; overflow-x: scroll; -webkit-overflow-scrolling: touch; z-index: 1;
    }
    .pinned > * {
        -webkit-transform: translateZ(0px);
    }
    .pinned::-webkit-scrollbar {
        height:12px;
    }
    .pinned::-webkit-scrollbar-track {
        box-shadow:0 0 2px rgba(0,0,0,0.15) inset;
        background:#f0f0f0;
    }
    .pinned::-webkit-scrollbar-thumb {
        border-radius:6px;
        background:#ccc;
    }

	.pinned table { border-right: none; border-left: none; width: 100%; }
	.pinned table th, .pinned table td { white-space: nowrap; }
	.pinned td:last-child { border-bottom: 0; }
	
	div.table-wrapper { position: relative; overflow: hidden; border-right: 1px solid #ccc; clear: both; }
	div.table-wrapper div.scrollable { margin-left: 35%; }
	div.table-wrapper div.scrollable {
        overflow: scroll; -webkit-overflow-scrolling: touch; z-index: 1; overflow-y: hidden;
    }
    div.table-wrapper div.scrollable > * {
        -webkit-transform: translateZ(0px);
    }
    div.table-wrapper div.scrollable::-webkit-scrollbar {
        height:12px;
    }
    div.table-wrapper div.scrollable::-webkit-scrollbar-track {
        box-shadow:0 0 2px rgba(0,0,0,0.15) inset;
        background:#f0f0f0;
    }
    div.table-wrapper div.scrollable::-webkit-scrollbar-thumb {
        border-radius:6px;
        background:#ccc;
    }

    table.responsive-fixed-scroll thead { display: table-header-group !important; }
    table.responsive-fixed-scroll tbody { display: table-row-group !important; }
	
	table.responsive-fixed-scroll td, table.responsive-fixed-scroll th { position: relative; white-space: nowrap; overflow: hidden; }
	table.responsive-fixed-scroll th:first-child, table.responsive-fixed-scroll td:first-child, table.responsive-fixed-scroll td:first-child, table.responsive-fixed-scroll.pinned td { display: none; }

    table.responsive-fixed-scroll thead tr, table.responsive-fixed-scroll tbody tr { float: none !important; }
}