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

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

#tabel_stocuri td, #tabel_stocuri th {
	padding: 9px 10px;
}

#modal_oferte_articol_comanda td, #modal_oferte_articol_comanda th {
	padding: 0px 10px;
}

/*
#tabel_comenzi_content td, #tabel_comenzi_content th,
#tabel_oferte_content td, #tabel_oferte_content th {
	padding: 0px 10px;
}
*/

/* Mobile */
@media only screen and (max-width: 1300px) {
	
	table.responsive { margin-bottom: 0; }
	.comanda .pinned{width: 25%;}
	
	.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%; }
	.pinned table th, .pinned table td { white-space: nowrap; }
	.pinned td:last-child { border-bottom: 0; }
	
	div.table-wrapper { position: relative; overflow: hidden; border-right: 1px solid #ccc; }
	div.table-wrapper div.scrollable { 
		margin-left: 35%; 
	}
	.comanda div.table-wrapper div.scrollable { margin-left: 25%; }
	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 td:first-child, 
	table.responsive th:last-child, table.responsive td:last-child, table.responsive td:last-child,  
	table.responsive.pinned td { display: none; }
	
	
	#tabel_comenzi table.responsive th:last-child, #tabel_comenzi table.responsive td:last-child, 
	#tabel_oferte table.responsive th:last-child, #tabel_oferte table.responsive td:last-child {
		display: table-cell;
	}
	
}

@media only screen and (max-width: 1700px) {
	
	#tabel_comenzi table.responsive { margin-bottom: 0; }
	#tabel_comenzi .comanda .pinned{width: 25%;}
	
	#tabel_comenzi .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; 
	}
	#tabel_comenzi .pinned table { border-right: none; border-left: none; width: 100%; }
	#tabel_comenzi .pinned table th, #tabel_comenzi .pinned table td { white-space: nowrap; }
	#tabel_comenzi .pinned td:last-child { border-bottom: 0; }
	
	#tabel_comenzi div.table-wrapper { position: relative; overflow: hidden; border-right: 1px solid #ccc; }
	#tabel_comenzi div.table-wrapper div.scrollable { 
		margin-left: 35%; 
	}
	#tabel_comenzi .comanda div.table-wrapper div.scrollable { margin-left: 25%; }
	#tabel_comenzi div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }	
	
	#tabel_comenzi table.responsive td, 
	#tabel_comenzi table.responsive th { position: relative; white-space: nowrap; overflow: hidden; }
	#tabel_comenzi table.responsive th:first-child, 
	#tabel_comenzi table.responsive td:first-child, 
	#tabel_comenzi table.responsive th:last-child, 
	#tabel_comenzi table.responsive td:last-child,  
	#tabel_comenzi table.responsive.pinned td { display: none; }
	
	#tabel_comenzi table.responsive th:last-child, 
	#tabel_comenzi table.responsive td:last-child
	{
		display: table-cell;
	}
}


@media (max-width: 700px) {
	.streamlined {
		width: 100%;
		margin: auto;
	}

	.pinned {
		width: 50%; 
	}

	div.table-wrapper div.scrollable { 
		margin-left: 50%; 
	}
}

.streamlined .ui-combobox {
	min-width: 375px;
}

.streamlined {
	min-width: 500px;
}

.combo_solo {
	min-width: 100%;
	min-height: 500px;
	background-color: rgb(205, 205, 205);
}

.mb-streamlined {
	width: 100% !important;
	min-width: 0%;
	margin: 0;
	margin-left: 0 !important;
}

#back_to_sel_part {
	padding: 7px;
	border-radius: 7px;
}