/* CSS cho bảng sử dụng div */
.div-table {
	display: table;
	width: 100%;
	border-collapse: collapse;
	margin: 10px 0;
}

.div-table-row {
	display: table-row;
}

.div-table-cell {
	display: table-cell;
	padding: 5px;
	/*border: 1px solid #ddd;*/
	/*vertical-align: middle;*/
}

.div-table-header {
	display: table-header-group;
	background-color: #f5f5f5;
	font-weight: bold;
}

.div-table-body {
	display: table-row-group;
}

.div-table-footer {
	display: table-footer-group;
	background-color: #f0f0f0;
	font-weight: bold;
}

/* Tô màu xen kẽ cho các hàng */
.div-table-body .div-table-row:nth-child(even) {
	/*background-color: #f9f9f9;*/
}

.div-table-body .div-table-row:hover {
	background-color: #f0f8ff;
	transition: background-color 0.3s;
}

/* Responsive */
@media (max-width: 768px) {
	.responsive-left{
		text-align: left !important;
	}
	
	.responsive-hide {
		display: none !important;
	}
	
	.div-table {
		display: block;
	}
	
	.div-table-row {
		display: block;
		margin-bottom: 10px;
		/*border: 1px solid #ddd;*/
	}
	
	.div-table-cell {
		display: block;
		border: none;
		/*border-bottom: 1px solid #eee;*/
	}
	
	.div-table-cell:last-child {
		border-bottom: none;
	}
}