:root{
	--color-background-table-thead: hsl(0,0%, 90%);
	--color-background-table-tbody: hsl(0, 0%, 95%);
	--color-background-table-tfoot: hsl(0,0%, 90%);
	--color-border-table: hsl(212, 12%, 21%);
	--color-border-thead: hsl(212, 12%, 21%);
	--color-border-tbody: hsl(212, 12%, 21%);
	--color-border-tfoot: hsl(212, 12%, 21%);
	--color-text-thead: hsl(220, 9%, 46%);
	--color-text-tfoot: hsl(220, 9%, 46%);
	--color-shadow-table: hsl(0, 0%, 15%);
	--positive: hsl(120, 100%, 20%);
	--negative: hsl(0, 100%, 35%);
}
body.dark-theme{
	--color-background-table-thead: hsl(220, 30%, 5%);
	--color-background-table-tbody: hsl(220, 30%, 15%);
	--color-background-table-tfoot: hsl(220, 30%, 5%);
	--color-border-table: hsl(212, 12%, 21%);
	--color-border-thead: hsl(212, 12%, 21%);
	--color-border-tbody: hsl(212, 12%, 21%);
	--color-border-tfoot: hsl(212, 12%, 21%);
	--color-text-thead: hsl(220, 50%, 80%);
	--color-text-tfoot: hsl(220, 50%, 80%);
	--color-shadow-table: hsl(0, 0%, 15%);
	--positive: hsl(120, 100%, 40%);
	--negative: hsl(0, 100%, 77%);
}

/*.trading-report{*/
/*	--positive: hsl(120, 100%, 40%);*/
/*	--negative: hsl(0, 100%, 77%);*/
/*}*/
.table--scroll{
	overflow-x: auto;
	-webkit-border-radius: .5rem;
	-moz-border-radius: .5rem;
	border-radius: .5rem;
}
table{

	border-color: var(--color-border-table);

	text-indent: 0;
	border-collapse: collapse;
	min-width: 100%;
	color: var(--color-text-primary);
}
.table--shadow{
	-webkit-box-shadow: 0 2px 3px 0 var(--color-shadow-table);
	-moz-box-shadow: 0 2px 3px 0 var(--color-shadow-table);
	box-shadow: 0 2px 3px 0 var(--color-shadow-table);
}
.table--rounded{
	overflow: hidden;
	-webkit-border-radius: .5rem;
	-moz-border-radius: .5rem;
	border-radius: .5rem;
}
.--center{
	text-align: center;
}
.--right{
	text-align: right;
}
.--positive{
	color: var(--positive);
}
.--negative{
	color: var(--negative);
}
thead{
	background-color: var(--color-background-table-thead);
	text-align: left;
}
thead th{
	color: var(--color-text-thead);
	letter-spacing: .05em;
	text-transform: uppercase;
	font-weight: 500;
	font-size: .75rem;
	line-height: 1rem;
	padding: .75rem;
	white-space: nowrap;
}
tbody{
	--tw-divide-y-reverse: 0;
	--tw-divide-opacity: 1;
	--tw-bg-opacity: 1;
	border-color: var(--color-border-tfoot);
	border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
	border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
	background-color: var(--color-background-table-tbody);
}
tbody td{
	padding: .5rem .75rem;
	white-space: nowrap;
}
/* table content components style*/
.table__icon{
	border-radius: 9999px;
	width: 2.5rem;
	height: 2.5rem;
}
.table__infos-user{
	align-items: center;
	display: flex;
}
.table__infos-group{
	margin-left: 1rem;
}
.table__infos-primary{
	--tw-text-opacity: 1;
	color: var(--color-text-primary);
	font-size: .875rem;
	line-height: 1.25rem;
}
.table__infos-secondary{
	--tw-text-opacity: 1;
	color: var(--color-text-secondary);
	font-size: .875rem;
	line-height: 1.25rem;
}
.table__user-status{
	--tw-text-opacity: 1;
	color: rgba(6, 95, 70, var(--tw-text-opacity));
	font-weight: 600;
	font-size: .75rem;
	line-height: 1.25rem;
	padding-left: .5rem;
	padding-right: .5rem;
	--tw-bg-opacity: 1;
	background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
	border-radius: 9999px;
	display: inline-flex;
}
.table__user-role{
	--tw-text-opacity: 1;
	color: rgba(107, 114, 128, var(--tw-text-opacity));
	font-size: .875rem;
	line-height: 1.25rem;
	white-space: nowrap;
}
.table__actions{
	font-weight: 500;
	font-size: .875rem;
	line-height: 1.25rem;
	text-align: right;
	padding: 1rem 1.5rem;
	white-space: nowrap;
}
.table__actions-link{
	--tw-text-opacity: 1;
	color: rgba(79, 70, 229, var(--tw-text-opacity));
	text-decoration: inherit;
}
tfoot{
	border-color: var(--color-border-tfoot);
	border-top-width: 1px;
	--tw-bg-opacity: 1;
	background-color: var(--color-background-table-tfoot);
}
tfoot td{
	--tw-text-opacity: 1;
	color: var(--color-text-tfoot);
	letter-spacing: .05em;
	text-transform: uppercase;
	font-weight: 800;
	font-size: .75rem;
	line-height: 1rem;
	text-align: left;
	padding: .75rem 1rem;
}