3 * From https://github.com/danielfarrell/bootstrap-combobox
10 display: inline-table;
12 .combobox-container:before,
13 .combobox-container:after {
17 .combobox-container:after {
20 .combobox-container input,
21 .combobox-container .uneditable-input {
22 -webkit-border-radius: 0 3px 3px 0;
23 -moz-border-radius: 0 3px 3px 0;
24 border-radius: 0 3px 3px 0;
26 .combobox-container input:focus,
27 .combobox-container .uneditable-input:focus {
31 .combobox-container .uneditable-input {
32 border-left-color: @gray-light;
34 .combobox-container .add-on {
36 display: inline-block;
39 height: inherit !important;
45 text-shadow: 0 1px 0 @body-bg;
46 background-color: @well-bg;
47 border: 1px solid @gray-light;
48 -webkit-border-radius: 3px 0 0 3px;
49 -moz-border-radius: 3px 0 0 3px;
50 border-radius: 3px 0 0 3px;
53 .combobox-container .active {
54 background-color: @brand-primary; //#3875d7;
57 .combobox-container input,
58 .combobox-container .uneditable-input {
60 -webkit-border-radius: 3px 0 0 3px;
61 -moz-border-radius: 3px 0 0 3px;
62 border-radius: 3px 0 0 3px;
64 .combobox-container .uneditable-input {
65 border-left-color: @gray-lighter;
66 border-right-color: @gray-light;
68 .combobox-container .add-on {
71 -webkit-border-radius: 0 3px 3px 0;
72 -moz-border-radius: 0 3px 3px 0;
73 border-radius: 0 3px 3px 0;
75 .combobox-container input:first-child {
78 .combobox-container input:first-child + .add-on {
81 .combobox-container select {
82 display: inline-block;
88 text-indent: -99999px;
91 .form-search .combobox-container,
92 .form-inline .combobox-container {
93 display: inline-block;
97 .form-search .combobox-container .add-on,
98 .form-inline .combobox-container .add-on {
99 vertical-align: middle;
101 .combobox-selected .combobox-clear {
102 display: inline-block;
104 .combobox-selected .caret {
114 filter: alpha(opacity=30);
116 .dropdown:hover .combobox-clear,
117 .open.dropdown .combobox-clear {
119 filter: alpha(opacity=100);
121 .btn .combobox-clear {
125 .btn:hover .combobox-clear,
126 .open.btn-group .combobox-clear {
128 filter: alpha(opacity=100);
134 .control-group.error .combobox-container .add-on {
135 color: @brand-danger; //#B94A48;
136 border-color: @brand-danger; //#B94A48;
138 .control-group.error .combobox-container .caret {
139 border-top-color: @brand-danger; //#B94A48;
141 .control-group.warning .combobox-container .add-on {
142 color: @brand-warning; //#C09853;
143 border-color: @brand-warning; //#C09853;
145 .control-group.warning .combobox-container .caret {
146 border-top-color: @brand-warning; //#C09853;
148 .control-group.success .combobox-container .add-on {
149 color: @brand-success; //#468847;
150 border-color: @brand-success; //#468847;
152 .control-group.success .combobox-container .caret {
153 border-top-color: @brand-success; //#468847;
155 .btn .combobox-clear [class^="icon-"] {
158 .combobox-container .dropdown-menu {
161 border: 1px solid @brand-primary; //#66afe9;
166 .roo-select2-container .dropdown-menu {
167 border: 1px solid @brand-primary; //#5897fb;
170 .dropdown-menu .active {
171 background: @brand-primary; //#3875d7;
175 .dropdown-menu .active label{
179 .dropdown-menu .roo-select2-result {
180 padding: 3px 7px 4px;
184 -webkit-touch-callout: none;
185 -webkit-user-select: none;
186 -moz-user-select: none;
187 -ms-user-select: none;
191 .roo-select2-container,
192 .roo-select2-choices .roo-select2-search-field{
195 .roo-select2-container .x-combo-noedit {
197 background-color: @body-bg;
200 .roo-select2-container .x-combo-noedit[disabled] {
202 background-color: @gray-lighter;
206 .roo-combobox-tickable .roo-select2-choices {
208 background-image: none;
211 .roo-combobox-tickable .roo-select2-result label {
214 /* zindex of dialogs is 10000++ so dropdowns have to be higher... */
217 z-index: 20002 !important;
220 .dropdown-menu .checkbox label {
224 .roo-select2-container-multi .dropdown-menu .roo-select2-result .checkbox {
228 .dropdown-menu .roo-select2-result .checkbox {
233 .roo-select2-container .input-group-addon {
235 border: 1px solid @input-border;
239 .roo-select2-container .roo-removable {
243 .roo-select2-container .roo-removable .roo-combo-removable-btn {
250 .roo-select2-container .has-feedback .roo-combo-removable-btn {
258 .roo-select2-container .roo-removable.has-feedback .roo-combo-removable-btn {
265 .roo-select2-container .roo-removable.has-feedback.input-group .roo-combo-removable-btn {
273 .roo-select2-container.input-group .has-feedback .roo-combo-removable-btn {
280 .has-warning .roo-select2-container-multi {
281 border: 1px solid @brand-warning; //#8a6d3b;