/* wc.ui.table.rowSelection.scss */
@import 'wc.ui.table.rowSelection_vars.scss';

// IE9 bug: in IE9 we have to reset the width of the selector cell to auto because when it is 1em the cell takes over
// all available space in the table, so in IE8 and below we have to reset it.
.wc_table_sel_wrapper {
	height: 1em;
	text-align: left;
	width: 0.25em;
}

[role='radio'] {
	> .wc_table_sel_wrapper:before {
		content: url('../images/radio.png');
	}

	&[aria-checked='true'] > .wc_table_sel_wrapper:before {
		content: url('../images/radio-s.png');
	}

	&[aria-disabled='true'] > .wc_table_sel_wrapper:before { //note: no selected disabled radio indicator
		content: url('../images/radio-d.png');
	}
}

[role='checkbox'] {
	> .wc_table_sel_wrapper:before {
		content: url('../images/checkbox.png');
	}

	&[aria-checked='true'] > .wc_table_sel_wrapper:before {
		content: url('../images/checkbox-s.png');
	}

	&[aria-disabled='true'] {
		> .wc_table_sel_wrapper:before {
			content: url('../images/checkbox-d.png');
		}

		&[aria-checked='true'] > .wc_table_sel_wrapper:before {
			content: url('../images/checkbox-s-d.png');
		}
	}
}
/* end wc.ui.table.rowSelection.scss */
