/* wc.ui.table.scss */
// This is the core of the table CSS. The other CSS files are used for functional images and other items which are less
// likely to be implementation specific
@import 'table_vars';
@import 'mixins-common';

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

// fix the layout of tables where column width is applied
.wc_table_fix {
	table-layout: fixed;
}

th,
td {
	padding: $table-cell-padding;
	text-align: $preferred-alignment;
	vertical-align: top;
}

.wc_table_rowexp_container,
.wc_table_sel_wrapper {
	// text-align: center;
	vertical-align: text-top;
}

// differentiate the th from the td with these functional classes
//scss-lint:disable QualifyingElement
th.wc_table_rowexp_container,
th.wc_table_sel_wrapper { // reset the vertical alignment of th with these classes
	vertical-align: inherit;
}

.wc_table_colauto {
	width: 0.5rem; // actually anything small but more than zero.
}
