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

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/


/* -----------------------------------------
   Shared Styles
----------------------------------------- */


/* Mobile */
@media only screen and (max-width: 767px) {
	
	/*table.responsive { margin-bottom: 0; }*/
	
	.pinned {
		position: absolute;
		left: 0;
		top: 0;
		background: #fff;
		width: 35%;
		overflow: hidden;
		overflow-x: scroll; 
		border-right: 1px solid #ccc; 
		border-left: 1px solid #ccc;
	}
	.pinned table {
		border-right: none;
		border-left: none;
		width: 100%; 
		margin: 0;
	}
	
	.pinned table tr td,
	.scrollable table td{
		height: 50px;
		padding:0;
	}
	.pinned table tr:first-child td,
	.scrollable table tr:first-child td{
		height: 50px;
		padding:0;
	}
	
	.pinned td:last-child {
		border-bottom: 0;
	}
	
	div.table-wrapper {
		position: relative;
		margin-bottom: 20px;
		overflow: hidden;
		border-right: 1px solid #ccc;

	}
	div.table-wrapper div.scrollable {
		left: 35%;
		width : 65%;
	 	position: relative;
	 	overflow: scroll;
		overflow-y: hidden;
	}
	div.content-scrollable{
		width: 300%;
		
	}
	div.table-wrapper div.scrollable table {
		margin: 0;
	}

	
	table.responsive td, table.responsive th {
		position: relative;
	
		overflow: hidden;
	}
	table.responsive th:first-child,
	table.responsive td:first-child,
	table.responsive td:first-child,
	table.responsive.pinned td {
		display: none;
	}

	
}

/* -----------------------------------------
   Page Name 1
----------------------------------------- */




/* -----------------------------------------
   Page Name 2
----------------------------------------- */