/**
			 * Responsive tables with text-shadow
			 * Pros: No markup changes, works with normal table markup, no content duplication
			 * Cons: Need to know max number of rows, doesn't work with all styles
			 */
			
			@media (max-width: 600px) {
				.responsive tr,.responsive td,.responsive th, .responsive thead, .responsive tbody, table.responsive {
					display: block;
				}
			
				td[data-title]:before {
	     		content: attr(data-title) ":\00A0";
		      font-weight: bold;
		     	/*margin-right:5%;*/
		     	text-indent: 0px;
    			float: left;
    			width:80px;
		    }	
			
				table.responsive {
					display: flex;
					overflow: hidden;
				}

				.responsive tr:nth-child(even) {
				    background:rgba(0,0,0,0.1);
						color:#000;
				}
				
					.responsive tr {
						margin: 4px;
					}
			
				.responsive thead {
					display:none;
					/*	--cols: 5;
						--height: calc(1.67em * var(--cols));
						text-shadow: 0 calc(var(--height) * 0.586),
						0 calc(var(--height) * (0.586 * 2)), 
						0 calc(var(--height) * (0.586 * 3)),
						0 calc(var(--height) * (0.586 * 4));  extra shadows are still ok 
						
						width:50%;*/
					}
					
					
					.responsive tbody {
						width:100%;
					}
			
					.responsive th {
						text-align: left !important;
					}

					.responsive td:not(:first-child) {
						border-top: none;
					}
					
					.responsive td {
						text-align: left !important;
						text-indent: 0px;
						
					}	
					
					.responsive td.opzioni {
						text-align: center !important;
					}	
			}
			
			/* Just styling after this */
			.responsive body {
				/*font: 150%/1.6 Helvetica Neue, sans-serif;*/
			}
			
			table.responsive {
				border-spacing: 0;
				border-collapse: collapse;
			}
			
				/*.responsive td,.responsive th {
					padding: 0 .3em;
					white-space: nowrap;
				}*/
			
				.responsive td {
					border: 1px solid rgba(0,0,0,.1);
				}