/***********************************************************************************************************************************
/***********************************************************************************************************************************
########    ###    ########  ##       ######## 
   ##      ## ##   ##     ## ##       ##       
   ##     ##   ##  ##     ## ##       ##       
   ##    ##     ## ########  ##       ######   
   ##    ######### ##     ## ##       ##       
   ##    ##     ## ##     ## ##       ##       
   ##    ##     ## ########  ######## ######## 
/***********************************************************************************************************************************/
/***********************************************************************************************************************************/

table.table{
	border-collapse: collapse;
}
.table__row th{
	color: #82685B;
	border-bottom: 2px solid #AF9C8C;
	font-size: 13px;
	font-weight: bold;
	height: 40px;
}

/** MODIFIER : LINK--TABLE *********************************************************************************************************/
/***********************************************************************************************************************************/

.link--table{
	display: inline-block;
	text-transform: uppercase;
	color: #82685B;
	font-size: 12px;
	font-weight: bold;
}
.link--table::after{
	background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2FkNWI1MCIgZD0ibTM1LjAzNzYzNjYgMjEuNjQyOTc3NGMxLjI4MzE1MTIgMS4zMDE3NDc2IDEuMjgzMTUxMiAzLjQxMjI5NzYgMCA0LjcxNDA0NTJsLTE2LjQyODU3MTUgMTYuNjY2NjY2N2MtMS4yODMxNTEyIDEuMzAxNzQ3Ni0zLjM2MzU1MDQgMS4zMDE3NDc2LTQuNjQ2NzAxNyAwLTEuMjgzMTUxMi0xLjMwMTc0NzctMS4yODMxNTEyLTMuNDEyMjk3NiAwLTQuNzE0MDQ1MmwxNC4xMDUyMjA2LTE0LjMwOTY0NDEtMTQuMTA1MjIwNi0xNC4zMDk2NDQwNmMtMS4yODMxNTEyLTEuMzAxNzQ3NjQtMS4yODMxNTEyLTMuNDEyMjk3NTcgMC00LjcxNDA0NTIxIDEuMjgzMTUxMy0xLjMwMTc0NzY0IDMuMzYzNTUwNS0xLjMwMTc0NzY0IDQuNjQ2NzAxNyAweiIvPjwvc3ZnPg==");
	content: "";
	display: inline-block;
	height: 12px;
	position: relative;
	margin: 0 5px;
	top: 2px;
	width: 12px;
}
.body--rtl .link--table::after{
	transform: scaleX(-1);
}
.link--table,
.link--table:hover{
	text-decoration: none;
}

/** MODIFIER : TABLE--S ************************************************************************************************************/
/***********************************************************************************************************************************/

.table--s td{
	height: 40px;
}

/** MODIFIER : TABLE--M ************************************************************************************************************/
/***********************************************************************************************************************************/

.table--m td{
	height: 60px;
}

/** MODIFIER : TABLE--STRIPED ******************************************************************************************************/
/***********************************************************************************************************************************/

.table--striped .table__row td:first-child {
	border-radius: 4px 0 0 4px;
}
.table--striped .table__row td:last-child {
	border-radius: 0 4px 4px 0;
}
.table--striped .table__row:nth-child(even) td {
	background: #F2EFCF;
}

/** MODIFIER : TABLE--BORDERED *****************************************************************************************************/
/***********************************************************************************************************************************/

.table--bordered .table__row:not(:last-child) td {
	border-bottom: 1px solid #F2EFCF;
}


/***********************************************************************************************************************************
/***********************************************************************************************************************************
########    ###    ########  ##       ######## ##     ## #### ######## ##      ## 
   ##      ## ##   ##     ## ##       ##       ##     ##  ##  ##       ##  ##  ## 
   ##     ##   ##  ##     ## ##       ##       ##     ##  ##  ##       ##  ##  ## 
   ##    ##     ## ########  ##       ######   ##     ##  ##  ######   ##  ##  ## 
   ##    ######### ##     ## ##       ##        ##   ##   ##  ##       ##  ##  ## 
   ##    ##     ## ##     ## ##       ##         ## ##    ##  ##       ##  ##  ## 
   ##    ##     ## ########  ######## ########    ###    #### ########  ###  ###  
/***********************************************************************************************************************************/
/***********************************************************************************************************************************/

.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;
}

/***********************************************************************************************************************************/
/* TOGGLE TABLE V5  ************************************************************************************************************************/
/***********************************************************************************************************************************/
.tableview.extensibletableview tfoot a {
	display:block;
	width:100%;
	height:32px;
	text-align: center;
	text-decoration: none;
	position: relative;
}
.tableview.extensibletableview tfoot a:after,
.tableview.extensibletableview tfoot a:before {
	content: "";
	display: block;
	position: absolute;
	left: 420px;
	transform: translate(-50%, -50%);
	z-index: -1;
}
.tableview.extensibletableview tfoot a:after{
	background-image: url('data:image/svg+xml,<svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg"><path d="m26.3570226 35.0376366c-1.3017476 1.2831512-3.4122976 1.2831512-4.7140452 0l-16.66666667-16.4285715c-1.30174764-1.2831512-1.30174764-3.3635504 0-4.6467017 1.30174764-1.2831512 3.41229757-1.2831512 4.71404521 0l14.30964406 14.1052206 14.3096441-14.1052206c1.3017476-1.2831512 3.4122975-1.2831512 4.7140452 0 1.3017476 1.2831513 1.3017476 3.3635505 0 4.6467017z" fill="%23ad5b50"/></svg>');
	background-repeat: no-repeat;
	background-size: 32px;
	top: 10px;
	width: 32px;
	height: 32px;
}
.tableview.extensibletableview tfoot a:before{
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-color: #FDFFF0;
}