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

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


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

/* Mobile */
@media only screen and (max-width: 479px) {
	
	table.responsive { margin-bottom: 0; }
	
	.pinned { position: absolute; left: 0; top: 0; background: #fff; width: 92px; overflow: hidden; overflow-x: scroll;  }
	.pinned table { border-right: 1px solid #ccc; border-left: 1px solid #ccc; width: 100%; }

	.pinned td:last-child { border-bottom: 0; }
	
	div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden;}
	div.table-wrapper div.scrollable { margin-left: 93px; }
	div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }	
	
	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; }
	table.responsive .rowspan td:first-child{display: table-cell;vertical-align: middle;}
	div.scrollable::-webkit-scrollbar { width: 0 !important }
	div.scrollable.element { -ms-overflow-style: none; overflow: -moz-scrollbars-none; }
	.pinned .rowspan td:first-child{display: none;white-space:nowrap;}
	table.responsive tr:last-child td{border-bottom:none;}
	table.responsive tr td{white-space:nowrap;}
@media only screen and (max-width: 1200px) {

	table.responsive_2 { margin-bottom: 0; }

	.table_container .pinned { position: absolute; left: 0; top: 0; background: #fff; width: 161px; overflow: hidden; overflow-x: scroll;  }
	.table_container .pinned table { border-right: 1px solid #ccc; border-left: 1px solid #ccc; width: 100%; }

	.table_container .pinned td:last-child { border-bottom: 0; }

	.table_container div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden;}
	.table_container div.table-wrapper div.scrollable { margin-left: 160px; }
	.table_container div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }

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


}