/* TABLE */
.table {
	max-width: 100%;
	width: 100%;
	border-spacing: 0;
	border-collapse: separate;
	font-size: .8rem;
}
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
	vertical-align: middle;
	padding: 10px 20px 10px 0;
	border-bottom: 1px solid #ddd;
}
.table > thead > tr > th {
	vertical-align: bottom;
	text-align: left;
	border-bottom: 1px solid #ddd;
}
.table > tfoot > tr > th {
	vertical-align: bottom;
	text-align: left;
}
.table > tbody > tr:hover {
	background-color: #f9f9f9;
}
.table th {
	vertical-align: bottom;
	text-align: left;
}
.table th a {
	text-decoration: none;
	color: inherit;
	padding-right: 20px;
	white-space: nowrap;
}
.table > tbody > tr:hover {
	background-color: rgba(0,0,0,.03);
}
.table > tbody > tr.venduto {
	color: #f34336;
}

.table > thead th {
	position: relative;
}
.table > thead th::before,
.table > thead th::after {
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	right: 20px;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	opacity: 0.2;
}
.table > thead th::before {
	border-top: 4px solid #000;
	bottom: 14px;
}
.table > thead th::after {
	border-bottom: 4px solid #000;
	border-top: 4px solid transparent;
	top: 10px;
}

@media (max-width: 767px) {
	.table-wrap {
		overflow-y: scroll;
	}
	.table > thead th::before,
	.table > thead th::after {
		content: none;
	}
	.table > tbody > tr > td {
		white-space: nowrap;
	}
	.table > tbody > tr:nth-child(even) {
		background-color: rgba(0,0,0,.03);
	}

}