/***********************************************************************************************************************************/
/* TABLE ***************************************************************************************************************************/
/***********************************************************************************************************************************/

.tableview{
	width: 100%;
	vertical-align: middle;
	border-radius: 8px;
}

/** common *************************************************************************************************************************/
.tableview-row > td,
.tableview-row > th{
	border-style: solid;
	border-color: #ae9b8c;
	height: 40px;
}

/** thead **************************************************************************************************************************/
.tableview-row > th{
	background: #fdfff0;
	border-width: 0 0 2px 0;
	color: #82685b;
}
.body--ltr .tableview thead .tableview-row:nth-of-type(1) th:first-child,
.body--rtl .tableview thead .tableview-row:nth-of-type(1) th:last-child{
	border-radius: 8px 0 0 0;
}
.body--ltr .tableview thead .tableview-row:nth-of-type(1) th:last-child,
.body--rtl .tableview thead .tableview-row:nth-of-type(1) th:first-child{
	border-radius: 0 8px 0 0;
}

/** row ****************************************************************************************************************************/
.tableview-row:nth-of-type(odd) > td{
	background: #f2efcf;
}
.tableview-row:nth-of-type(even) > td{
	background: #fdfff0;
}
.tableview-row:nth-of-type(even) img.bg--primary,
.tableview-row:nth-of-type(even) .pix.bg--primary::after{
	background: #f2efcf;
}
.body--ltr .tableview tbody .tableview-row:last-child td:first-child,
.body--rtl .tableview tbody .tableview-row:last-child td:last-child{
	border-radius: 0 0 0 8px;
}
.body--ltr .tableview tbody .tableview-row:last-child td:last-child,
.body--rtl .tableview tbody .tableview-row:last-child td:first-child{
	border-radius: 0 0 8px 0;
}

/** cell **************************************************************************************************************************/
.tableview-row > td{
	border-width: 0;
}

/** link **************************************************************************************************************************/
.tableview td a{
	font-weight: bold;
	color: #3d251b;
}
.tableview td a:hover{
	text-decoration: none;
}
.tableview td > .ui-image-avatar{
	margin-top: 10px;
	margin-bottom: 10px;
}