/* 
	Generic Styling, for Desktops/Laptops 
	*/
table.tableresponsive {
	width: 100%;
	border-collapse: collapse;
	background-color: white;
	border: none;
}

table.tableresponsive .field_module.nominativo {
    width: 100%;
    position: relative;
    text-align: left;
    border: 1px solid #999;
    background: #ebebe4;
    font-size: 14px;
    border-radius: 0px;
    padding: 10px;
    margin-bottom: 0px;
    font-weight: normal;
}

.tableresponsive tr:nth-of-type(odd) {
	background: #f2f2f2;
}
.tableresponsive th {
	background: #262626;
	color: white;
	font-weight: normal;
	font-size: 15px;
}
.tableresponsive.sottotabella th {
	background: #262626;
	color: white;
	border: none;
	text-align: left;
	font-size: 14px;
	padding: 5px 10px;
}
.descrizione .tableresponsive.sottotabella th {
	background: #FFFFFF;
	color: #262626;
	border: none;
	text-align: left;
	font-size: 13px;
	width: 119px;
	padding: 5px 10px;
}
.tableresponsive .field_module {
	padding: 5px;
	background: #FFFFFF;
	font-size: 14px;
	float: inherit;
	width: 40px;
	color: #262626;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 5px;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	-moz-border-radius: 2px;
	text-align: center;
	border: 1px solid #ccc;
	border-radius: 0px;
}
.tableresponsive td, .tableresponsive th {
	padding: 10px;
	border-bottom: 1px solid #dadada;
	border-top: none;
	border-right: none;
	border-left: none;
	text-align: left;
	line-height: 20px;
}
.tableresponsive th {
}
.tableresponsive td {
	color: #262626;
}
.tableresponsive a {
	color: #262626;
}


 td.descr {
	max-width:300px;
}



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

     td.descr {
	max-width: 100%;
}

.center {
	text-align: left !important;
}
.tabelle_carrello.sottotabella .btn {
	margin-bottom: 10px;
	float: inherit;
	padding: 5px 10px;
	font-size: 15px;
	width: inherit;
	position: absolute;
	margin-left: 49px;
}
.tabelle_carrello.sottotabella td, .tabelle_carrello.sottotabella th {
	min-height: 41px;
}
.tabelle_carrello tr td img {
}
table.tableresponsive, .tableresponsive thead, .tableresponsive tbody, .tableresponsive th, .tableresponsive td, .tableresponsive tr {
	display: block;
}
.tableresponsive th {
	display: none !important;
}
table.tableresponsive {
	border: 1px solid #ccc;
	border-bottom: none;
}
.tableresponsive thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
.tableresponsive tr {
	border-bottom: 2px solid #ccc;
}
.tableresponsive.sottotabella tr {
	border-bottom: 1px solid #ccc;
}
.tableresponsive td {
	border: none;
	border-bottom: 1px solid #f7f7f7;
	position: relative;
	padding-left: 40% !important;
}
.tableresponsive.dettaglioforum td {
	border: none;
	border-bottom: 1px solid #f7f7f7;
	position: relative;
	padding-top: 33px;
	padding-left: 10px;
}
.tableresponsive td:before {
	position: absolute;
	top: 6px;
	left: 6px;
	width: 30%;
	padding-right: 10px;
	white-space: nowrap;
	color: black;
}
.tableresponsive.sottotabella td:before {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 37%;
	padding-right: 0px;
	white-space: nowrap;
	background-color: #262626;
	color: white;
	padding: 10px;
}
.tableresponsive.dettaglioforum td:before {
	position: absolute;
	top: 8px;
	left: 10px;
	width: 100%;
	padding-right: 10px;
	white-space: nowrap;
	color: black;
	font-size: 17px;
}

.tableresponsive .field_module {
	background: #f8f8f8;
	font-size: 12px;
	float: inherit;
	width: 40px;
	color: rgb(0, 111, 160);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 0px;
	font-family: 'Lato', sans-serif;
	font-weight: 500;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-align: center;
	border: 1px solid #dadada;
	margin-left: 0px;
	position: absolute;
	padding: 5px 10px;
}
.tabelle_carrello .btn {
	display: block;
	width: 100%;
}
.prezzo_totale {
	font-size: 20px;
	padding: 4px;
}
.riepilogo_tabella .tableresponsive td, .riepilogo_tabella .tableresponsive th {
	padding: 10px;
	min-height: 41px;
}
}