/* 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
----------------------------------------- */

.product-order-grid {background-image: url('../Images/Loading_icon.gif'); background-repeat: no-repeat; background-size: 150px;}
.product-order-grid.loaded {background-image: none;}
.product-order-grid form {opacity: 0;}
.product-order-grid.loaded form {opacity: 1}

table th { font-weight: bold; }
table td, table th {  text-align: left; }
table.responsive { margin-bottom: 0; }


.pinned { position: absolute; left: 0; top: 0; background: #fff; width: 23%; overflow: hidden; overflow-x: scroll;  border-right: 1px dotted #ccc;}
.pinned table { border-right: none; border-left: none; width: auto!important}
.product-detail-page .product-quick-details .product-order-grid table {width: auto!important}
th {white-space: nowrap; padding-left: 3px; padding-right: 3px;}
.pinned td:last-child { border-bottom: 0; }

div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px dotted #ccc; }
div.table-wrapper div.scrollable table { margin-left: 23%; }
div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }

.scrollright:before {
	content: 'More sizes to the right ⟶';
	display: block;
	padding-right: 5px;
	padding-bottom: 5px;
	width: 100%;
	font-size: .65em;
	text-align: right;
	font-style: italic;
	color: #999;
}

table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; }
.name {height: 82px;}

@media screen and (max-width: 768px) {
	.name {height: 106px}
	div.table-wrapper div.scrollable table { margin-left: 35%; }
	.pinned { position: absolute; left: 0; top: 0; background: #fff; width: 35%; overflow: hidden; overflow-x: scroll;  border-right: 1px dotted #ccc;}
}


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




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