/**
 * Dynamic data table – Product Selection (field type 12) in horizontal-scrollable rows.
 * Scoped via .table-product-select-field on the panel (dynamicdataconfigurationtablefield.xhtml, id eq 12).
 */

.horizontal-scrollable .table-product-select-field .form-control-wrapper,
.horizontal-scrollable .table-product-select-field .chosen-container,
.horizontal-scrollable .chosen-container.table-product-select {
	width: auto !important;
	min-width: 280px;
	max-width: 320px;
}

.horizontal-scrollable .table-product-select-field .chosen-container .chosen-results,
.horizontal-scrollable .chosen-container.table-product-select .chosen-results {
	width: auto;
	min-width: 280px;
	max-width: 400px;
	overflow-x: hidden;
	white-space: normal;
}

.horizontal-scrollable .table-product-select-field .chosen-container .chosen-results li,
.horizontal-scrollable .chosen-container.table-product-select .chosen-results li {
	white-space: normal;
	word-wrap: break-word;
}