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

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2.elements .element table th


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

table th { font-weight: bold; }
table td, table th { padding: 9px 10px; text-align: left; }

.pinned { display:none; }

/* Mobile */

.table-wrapper:before {
	display:none;
}

@media only screen and (max-width: 1199px) {

	.table-wrapper:before {
		display:block;
		content:'Таблица. \AИспользуйте жесты, чтобы прокрутить содержимое столбцов таблицы влево или вправо';
		font-size:12px;
		font-style: italic;
		padding-bottom: 5px;
	}

	table[data-marker="responsive-init"] { margin-bottom: 0; }
	
	.pinned { display:block; position: absolute; left: 0; bottom: 0; background: #fff; width: 25%; 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-bottom: 1px solid #ccc; }
	div.table-wrapper div.scrollable table { margin-left: 25%; }
	div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; border-right: 1px solid #ccc; }
	
	table[data-marker="responsive-init"] td, table[data-marker="responsive-init"] th { /*position: relative;*/ white-space: nowrap; overflow: hidden; text-align: left !important; }
	table[data-marker="responsive-init"] td *, table[data-marker="responsive-init"] th * { text-align: left !important; }
	table[data-marker="responsive-init"] th:first-child, table[data-marker="responsive-init"] td:first-child, table[data-marker="responsive-init"] td:first-child, table[data-marker="responsive-init"].pinned td { display: none; }

}
/* [data-marker="responsive-init"] -> [data-marker="responsive-init"] */


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




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