.table{
	
	font-size:0.9375rem;
	margin-bottom:1.5rem;
	
	.grid-padding-x{margin:0;}
	
	.table__row{
		border-bottom:solid 1px $light-gray;
		padding:0.5rem 0;
	}
	
	.table__row[article-row]:hover{
		background-color:rgba($light-gray,0.25);
	}
	
	.table__header{
		background:$secondary-color;
		border:none;
		font-weight:bold;
		@include border-radius(0.375rem 0.375rem 0 0);
		a{color:$black;}
	}
	
	
	
	.table__row--inactive{
		color:$medium-gray;
		a{color:$medium-gray;}
		
		.table__row-status--active{color:$light-gray;}
		
	}
	.cell{padding:0 0.75rem;}
	
	.cell__row-number{
		color:$medium-gray;	
	}
	
	.cell__row-price{
		text-align:right;
	}
	
	.cell__trash{
		i{color:$medium-gray;}
	}
	
	.cell__to-cart{
		button{cursor:pointer;color:$medium-gray;}
		button:hover i{color:$primary-color;}
	}
	.cell__child{
		position:relative;
		&::before{content:"";padding-right:1rem;}
	//	&::after{content:"";height:1.5rem;border-left:solid 1px $light-gray; position:absolute;left:1rem;}
	}
	
	
	.sort-column__asc,
	.sort-column__desc,
	.sort-column:hover
	{
	
		&::after{
			content:"";
			height:1rem;width:0;display:inline-block;
			background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96'%3E%3Cpath d='M48 77L3 32h90L48 77z'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;
			background-size:100% auto;
			padding-right:0.75rem;
			margin-left:0.25rem;
			vertical-align:middle;
			transform: rotate(0);
			opacity:0.25;
			@include animate();
		}
	}
	
	.sort-column__asc:hover,
	.sort-column__desc{
		
		&::after{
			transform: rotate(180deg);
		}
	}
	
}

.table__cart{
	.cell__row-number{color:$primary-color;}
	
}


.pagination{
	.current{padding:0;}
	.current a{color:$white;}
}