@import "./GrowingButton.css";

:host(:not([hidden])) {
	display: inline-block;
	width: 100%;
}

.ui5-table-root {
	position: relative;
	border-bottom: var(--ui5_table_bottom_border);
}

.ui5-table-root {
	width: 100%;
	height: 100%;
	display: flex;
	box-sizing: border-box;
}

.ui5-table-busy-indicator {
	flex-grow: 1;
}

table {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
}

.ui5-table-header-row-navigated {
	width: 0.1875rem;
	vertical-align: middle;
	/* Workaround for known issue with Firefox where table row or cell has position: relative;
	https://bugzilla.mozilla.org/show_bug.cgi?id=688556 */
	background-image: linear-gradient(180deg,
			var(--sapList_HeaderBackground) calc(100% - var(--ui5_table_header_row_border_width)),
			var(--ui5_table_header_row_border_bottom_color) calc(100% - var(--ui5_table_header_row_border_width)));
}

.ui5-table-header-row {
	color: var(--sapList_HeaderTextColor);
	height: var(--ui5_table_header_row_height);
	font-family: var(--sapFontFamily);
	font-size: var(--sapFontSize);
	font-weight: var(--ui5_table_header_row_font_weight);
	/* Workaround for known issue with Firefox where table row or cell has position: relative;
	https://bugzilla.mozilla.org/show_bug.cgi?id=688556 */
	background-image: linear-gradient(180deg,
			var(--sapList_HeaderBackground) calc(100% - var(--ui5_table_header_row_border_width)),
			var(--ui5_table_header_row_border_bottom_color) calc(100% - var(--ui5_table_header_row_border_width)));
}

.ui5-table-header-row:focus {
	outline: var(--ui5_table_header_row_outline_width) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
	outline-offset: calc(-1 * var(--ui5_table_focus_outline_offset));
}

tr {
	height: 3rem;
}

.ui5-table-no-data-row {
	display: flex;
	align-items: center;
	width: 100%;
	height: auto;
	justify-content: center;
	text-align: center;
	padding: 0.5rem 1rem;
	font-family: var(--sapFontFamily);
	font-size: 0.875rem;
	box-sizing: border-box;
	color: var(--sapTextColor);
	min-height: 3rem;
	background-color: var(--sapList_Background);
}

.ui5-table-end-row {
	height: 0px;
}

:host([busy]) .ui5-table-growing-row {
	opacity: 0.72;
}

:host .ui5-table-growing-row {
	border-bottom: var(--_ui5_table_load_more_border-bottom);
}

.ui5-table-select-all-column {
	width: var(--ui5_table_multiselect_column_width);
	text-align: center;
}

:host([sticky-column-header]) .ui5-table-header-row {
	position: sticky;
	top: 0;
	z-index: 98;
}

.ui5-table-focusarea {
	position: fixed;
}