@charset "utf-8";
/* CSS Document */

.tabello { height: auto; width: auto; }
.tabello .cell {
    border-bottom: 1.1px solid rgba(0, 0, 0, 0.08);
    color: rgba(0, 0, 0, 0.5);
    padding: 7px;
    vertical-align: middle;
    text-align: left;
}

.tabello {
	padding: 10px;
	font-size: 12px;
}

.tabello .th .cell {
    border-bottom: 1.1px solid rgba(0, 0, 0, 0.16);
    bottom: auto;
    color: rgba(0, 0, 0, 0.75);
    letter-spacing: 0.02em;
    vertical-align: middle;
	line-height: 18px;
}

.table .row:not(:first-child):hover {
	background:#FAFAFA;
}

.table .th a {
	color: rgba(0, 0, 0, 0.75);
}

a[order] {
	position:relative;
	display: inline-block;
	vertical-align:middle;
	padding: 0 15px 0 0;
	color:#3b78e7;
}

a[order]:after {
    border-bottom: 1.1px solid rgba(0, 0, 0, 0);
    border-right: 1.1px solid rgba(0, 0, 0, 0);
    content: "";
    display: block;
    height: 7px;
    right: 0;
	position: absolute;
    transform: rotateZ(45deg);
    transition: all 0.2s ease 0s;
    width: 7px;
	top: 30%;
}
a[order] svg { 
	display: none; 
}
a[order]:after {
    border-bottom-color: #3b78e7;
    border-right-color: #3b78e7;
}

a[order="asc"]:after {
    transform: rotateZ(-135deg);
	top: 45%;
	
}