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;
201 .roo-select2-container .x-combo-noedit[disabled] {
203 background-color: $gray-lighter;
207 .roo-combobox-tickable .roo-select2-choices {
209 background-image: none;
212 .roo-combobox-tickable .roo-select2-result label {
215 /* zindex of dialogs is 10000++ so dropdowns have to be higher... */
218 z-index: 30002 !important;
221 .dropdown-menu .checkbox label {
225 .roo-select2-container-multi .dropdown-menu .roo-select2-result .checkbox {
229 .dropdown-menu .roo-select2-result .checkbox {
234 .roo-select2-container .input-group-addon {
236 border: 1px solid $input-border;
240 /* padding on navbars is different? */
241 .navbar .roo-select2-container .input-group-addon {
245 .roo-select2-container .dropdown-toggle::after {
249 .roo-select2-container .roo-removable {
253 .roo-select2-container .roo-removable .roo-combo-removable-btn {
260 .roo-select2-container .has-feedback .roo-combo-removable-btn {
267 .has-warning .roo-select2-container-multi {
268 border: 1px solid $brand-warning; //#8a6d3b;
275 .roo-select2-container.input-group > .form-control {