﻿.fui-Table {
	border-collapse: separate;
	border-spacing: 0 15px;
}

.fui-Table .fui-TableBody .fui-TableRow .fui-TableCell {
	user-select: none;
}

.fui-Table .fui-TableBody .fui-TableRow .fui-TableCell:first-child {
	border-top-left-radius: 62.5rem;
	border-bottom-left-radius: 62.5rem;
	padding-left: 0.5rem;
}

.fui-Table .fui-TableBody .fui-TableRow .fui-TableCell:last-child {
	border-top-right-radius: 62.5rem;
	border-bottom-right-radius: 62.5rem;
	padding-right: 0.5rem;
}

.fui-Table .fui-TableBody .fui-TableRow {
	border: none;
}

.fui-TableHeader {
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	color: #555555;
	position: sticky;
	top: 0;
	z-index: 10;
	background-color: #F7F7F7;
}

.fui-Table .fui-TableHeader .fui-TableRow {
	border: none;
}

.fui-Table .fui-TableBody .fui-TableRow:nth-child(even) {
	background-color: white;
}

.fui-Table .fui-TableBody .fui-TableRow:nth-child(odd) {
	background-color: #F7F7F7;
}

.fui-Table.fui-Table-striped .fui-TableBody .fui-TableRow:nth-of-type(odd):hover {
	background-color: #142834;
	color: white;
}

.fui-Table.fui-Table-striped .fui-TableBody .fui-TableRow:nth-of-type(even):hover {
	background-color: #142834;
	color: white;
}

.fui-TableBody {
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	color: #14131D;
}

.fui-Table.fui-Table-striped .fui-TableBody .fui-TableRow:nth-of-type(odd).fui-TableRow-primary {
	background-color: #142834;
	color: white;
}

.fui-Table.fui-Table-striped .fui-TableBody .fui-TableRow:nth-of-type(even).fui-TableRow-primary {
	background-color: #142834;
	color: white;
}

.fui-Table.fui-Table-borderless .fui-TableBody .fui-TableRow {
	background: white;
}

.fui-Table td.fui-TableCell>.fui-Checkbox {
	--fui-Checkbox__indicator--color--hover: var(--rz-border-primary);
	--fui-Checkbox__indicator--backgroundColor--hover: var(--rz-primary-lighter);
	--fui-Checkbox__indicator--borderColor--hover: var(--rz-border-primary);
}

.fui-Table td.fui-TableCell>.fui-Checkbox .fui-Checkbox__input+.fui-Checkbox__indicator {
	transition:
		background-color 70ms var(--st-productive-entrance-easing),
		border-color 70ms var(--st-productive-entrance-easing),
		color 70ms var(--st-productive-entrance-easing);
}

.fui-Table td.fui-TableCell>.fui-Checkbox:hover .fui-Checkbox__input:not(:disabled):not(:checked)+.fui-Checkbox__indicator {
	color: var(--fui-Checkbox__indicator--color--hover);
	background-color: var(--fui-Checkbox__indicator--backgroundColor--hover);
	border-color: var(--fui-Checkbox__indicator--borderColor--hover, var(--colorNeutralStrokeAccessible));
}

.fui-Table td.fui-TableCell > .fui-Checkbox .fui-Checkbox__input:not(:disabled):active + .fui-Checkbox__indicator {
	background-color: var(--rz-primary-light) !important;
}