//	=================
//    	Imports
//	=================

@import '../../../assets/base/color_variables';   	// Color Variables
@import '../../../assets/base/fonticons';   			// Fonticons Variables
@import '../../../assets/base/urls';   				// URLS Variables
@import '../../../assets/base/utilities_variables';  // Utilities Variables

table {
	border-collapse: collapse;
	margin-bottom: 3em;
	width: 100%;
	background: $white;
	color: $color_76;
}
td {
	padding: 0.75em 1.5em;
	text-align: $align-left;
}
th {
	padding: 0.75em 1.5em;
	text-align: $align-left;
	background-color: $color_86;
	border-bottom: $solid $b-width-1 $white;
	font-weight: 600;
	color: $white;
	white-space: nowrap;
}
td.err {
	background-color: $color_499;
	color: $white;
	font-size: 0.75em;
	text-align: $align-center;
	line-height: 1;
	border-radius: $br-4;
}
tbody {
	th {
		background-color: $white;
		color: $black;
		border-color: $white;
	}
	tr {
		&:nth-child(2n-1) {
			background-color: $white;
			transition: all .125s ease-in-out;
		}
		&:hover {
			background-color: $color_164;
			box-shadow: $shadow-44;
			color: $color_57;
		}
	}
}
/* For appearance */
.sticky-wrap {
	overflow-x: auto;
	overflow-y: hidden;
	position: $pos-rel;
	margin: 3em $m-0;
	width: 100%;
	.sticky-thead {
		opacity: 0;
		position: $pos-abs;
		top: 0;
		left: 0;
		transition: all .125s ease-in-out;
		z-index: 50;
		width: auto;
		box-shadow: $shadow-45;
		z-index: 100;
		width: 100% !important;
	}
	.sticky-col {
		opacity: 0;
		position: $pos-abs;
		top: 0;
		left: 0;
		transition: all .125s ease-in-out;
		z-index: 50;
		width: auto;
	}
	.sticky-intersect {
		opacity: 0;
		position: $pos-abs;
		top: 0;
		left: 0;
		transition: all .125s ease-in-out;
		z-index: 50;
		width: auto;
		opacity: 1;
		z-index: 150;
	}
	td {
		box-sizing: border-box;
	}
	th {
		box-sizing: border-box;
	}
}
/* Not needed for sticky header/column functionality */
td.user-name {
	text-transform: $transform-capital;
}
.sticky-wrap.overflow-y {
	overflow-y: auto;
	max-height: 50vh;
}