.table-list .item {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.table-list .item.head {
	font-weight: 700;
	border-bottom: 1px solid #fff;
}
.table-list .item span {
	padding: 12px;
}
.table-list .item_date {
	flex: 0 0 120px;
    text-align: center;
}
.test-history .item_date,
.subscriptions .item_date.created_at {
	flex: 0 0 80px;
}
.test-history .item:not(.head) .item_date,
.subscriptions .item:not(.head) .item_date.created_at {
	font-size: 14px;
	line-height: 14px;
}
.subscriptions .item_date.created_at i {
	display: none;
}
.table-list .item_points {
	flex: 0 0 96px;
	text-align: center;
}
.table-list .item_percentage {
	flex: 0 0 66px;
	text-align: center;
}
.table-list .item_actions {
	flex: 0 0 140px;
	text-align: right;
}
.table-list .item_actions .btn + .btn {
	margin-left: 10px;
}
.table-list .item_chapter {
	flex: 1;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;
}
.table-list .item_chapter i {
	color: #bdbdbd;
}
.table-list .item_date_arrow {
	display: none;
	background-image: url('/assets/images/icon-arrow-right-white.svg');
    background-size: auto 18px;
    background-repeat: no-repeat;
    background-position: center center;
}
.table-list .item_status {
	flex: 0 0 220px;
	text-align: right;
}
.table-list .item_status b {
	font-weight: 700;
}
.table-list .item_name {
	flex: 1;
    font-weight: 700;
}

@media only screen and (max-width: 768px) {
	.table-list .item {
		flex-wrap: wrap;
		border-bottom: 1px solid #4c4c4c;
	}
	.table-list .item.head {
		display: none;
	}
	.table-list .item span {
		box-sizing: border-box;
	}
	.table-list .item_date {
		flex: 0 0 45%;
		text-align: right;
	}
	.test-history .item_date {
		flex: 1;
		order: 1;
		text-align: left;
	}
	.table-list .item_date.end {
		text-align: left;
	}
	.table-list .item_date_arrow {
		display: flex;
		flex: 0 0 10%;
	}
	.table-list .item_name {
	    flex: 0 0 100%;
	    text-align: center;
	}
	.table-list .item_status {
		flex: 0 0 100%;
		text-align: center;
	}
	.table-list .item_chapter {
	    flex: 0 0 100%;
	    overflow: visible;
	    white-space: normal;
	    text-align: center;
	    order: 4;
	}
	.table-list .item_points {
		flex: 0;
		text-align: right;
		margin-left: auto;
		order: 2;
	}
	.table-list .item_percentage {
		text-align: right;
		order: 3;
	}
	.table-list .item_actions {
		flex: 0 0 100%;
		text-align: center;
		order: 5;
	}
	.table-list .item_actions a {
		width: 40%;
		padding: 8px;
	}
	.chapters-list.table-list .item_percentage {
		order: 5;
		flex: 1;
		text-align: center;
		padding: 0 12px;
	}
	.subscriptions .item_date.created_at {
		flex: 1;
		text-align: center;
		order: 2;
	}
	.subscriptions .item_date.created_at i {
		display: inline;
	}
}