/*Body - Content*/
body{
	width: 100%;
	padding: 0;
	margin: 0;
	overflow-x: hidden;
}
a {
	cursor: pointer;
	color: #333;
}
a:hover{
	color: #333;
	text-decoration: none;
}
/*Button Color*/
.label-prez-prec {
	background-color: #003A6A;
}
.label-promo {
	background-color: #8e44ad;
}

/*SPM First Char Filter*/
#SPM_option li a{
	font-weight: bold;
}
#SPM_option li:nth-child(odd) {
    background: #f5f5f5;
}
#SPM_option li:nth-child(even) {
}

/*Measures Table*/
#measures table tbody{
	font-size: 13px;
}
table .header-fixed{
	width: 100%!important;
}
/*Labels*/
#measures table .label-warning{
	color: #000;
}

/************************************************************************************************************/
/*Risolve il Bug dell'aggiornamento maschera inserimento/modifica che rimpiccioliva il contenitore ad ogni 
  salvataggio/aggiornamento*/ 
/*Body*/
body{
	padding-right: 0px!important;
}
/*Bootbox*/
.bootbox.modal{
	overflow: hidden!important;
}
/************************************************************************************************************/

/*Cart*/
#cart-content #cart tbody{
	font-size: 13px;
}

/*Insert/Edit Mask: affiancamento dei filtri di ricerca con i menu a tendina*/
#measuresModal select,
#measuresModal .search-measures{
	width: 50%;
	max-width: 50%;
}
#measuresModal select,
#measuresModal .search-measures{
	float: left;
}
#measuresModal table td{
	vertical-align: middle;
	border: 0px;
}
#measuresModal .measure-title-cell{
	font-weight: bold;
}
#measuresModal .mobile-measure-title-cell{
	font-weight: bold;
	display: none;
}
#measuresModal #LAB[type=checkbox] {
	transform: scale(1.4);
}

/*
RESPONSIVE
*/
/* Table of Contents
==================================================
    #Base (1180 Grid)
    #Desktop (960 Grid)
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */
/* #Dekstop (960 Grid)
================================================== */
/* Note: Design for a width of 960px */

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

@media only screen and (min-width: 769px) and (max-width: 1040px) {

}

/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
}

/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
	/**************************************************************************************************************************/
	/*Table Ultra Responsive*/
	/* Force table to not be like tables anymore */
	#no-more-tables table,
	#no-more-tables thead,
	#no-more-tables tbody,
	#no-more-tables th,
	#no-more-tables td,
	#no-more-tables tr {
		display: block;
	}
	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	#no-more-tables tr { border: 1px solid #ccc; }
	#no-more-tables td {
		/* Behave like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		white-space: normal;
		text-align:left;
	}
	#no-more-tables td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
	/*
	Label the data
	*/
	#no-more-tables td:before { content: attr(data-title); }
	/**************************************************************************************************************************/
}

/*More Little*/
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	/*Input da Tastiera, Mouse*/
	#measuresModal input[type=text],
	#measuresModal input[type=number]{
		max-width: 300px;
	}
	/*Insert/Edit Mask: affiancamento dei filtri di ricerca con i menu a tendina*/
	#measuresModal select,
	#measuresModal .search-measures{
		width: 100%;
		max-width: 300px;
	}
	#measuresModal .measure-title-cell{
		display: none;
	}
	#measuresModal .mobile-measure-title-cell{
		display: block;
	}
	#measuresModal .search-measures{
		float: none;
	}
}

/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
}

/*iPad in landscape*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { 
}

/*iPad in portrait*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { 
}