/* TODO use bs base variables if possible */
@selectlist-horizontal-padding: 12px;
@selectlist-caret-width: 4px;

.selectlist {

	&.disabled {
		cursor: not-allowed;
	}

	.selected-label {
		overflow: hidden;	// helps with text flow on small screens
		min-width: 2em;
	}

	.dropdown-menu {
		min-width: inherit;
	}
	.btn.dropdown-toggle {
		text-align: left;
		padding-right: unit((2 * @selectlist-horizontal-padding + @selectlist-caret-width), px);

		.caret {
			.vertical-align();
			right: @selectlist-horizontal-padding;

		}
	}
}
