/* 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__only__check {
	display:none;
}

table th { 
	font-weight: bold; 
}
table td, 
table th { 
	padding: 9px 10px; 
	text-align: left; 
}
.before-table-wrapper {
	display:none;
}

/* Mobile */
@media only screen and (max-width: 767px) {
	
	.before-table-wrapper {
		display:block;
	}
	#mobile__only__check {
		display:block; height:0; margin:0; padding:0; border:0;
	}

	table.responsive { 
		margin-bottom: 0; 
	}
	
	.pinned { 
		position: absolute; 
		left: 0; 
		top: 0; 
		background: #fff; 
		width: 35%; 
		width:85px;
		
		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%; 
	}
	.pinned table th, 
	.pinned table td { 
		white-space: nowrap; 
	}
	.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:after { 
		display:block;
		content: 'Table is scrollable sideways.';
		padding-top:.5em;
	}
	div.table-wrapper div.scrollable { 
		margin-left: 35%; 
		margin-left: 85px; 
	}
	
	div.table-wrapper div.scrollable { 
		overflow: scroll; 
		overflow-y: hidden; 
	}	
	
	table.responsive td, 
	table.responsive th { 
		position: relative; 
		white-space: nowrap; 
		overflow: hidden; 
	}
	table.responsive th:first-child, 
	table.responsive td:first-child, 
	table.responsive.pinned td { 
		ppdisplay: none; 
		ppbackground:red;
	}
	
	
}