4 * http://github.com/angular-ui/ui-select
5 * Version: 0.11.2 - 2015-03-17T04:08:46.478Z
10 /* Style when highlighting a search. */
11 .ui-select-highlight {
15 .ui-select-offscreen {
16 clip: rect(0 0 0 0) !important;
17 width: 1px !important;
18 height: 1px !important;
21 padding: 0 !important;
22 overflow: hidden !important;
23 position: absolute !important;
24 outline: 0 !important;
31 /* Mark invalid Select2 */
32 .ng-dirty.ng-invalid > a.select2-choice {
33 border-color: #D44950;
36 .select2-result-single {
40 .select2-locked > .select2-search-choice-close{
44 .select-locked > .ui-select-match-close{
48 body > .select2-container.open {
49 z-index: 9999; /* The z-index Select2 applies to the select2-drop */
54 /* Helper class to show styles when focus */
55 .selectize-input.selectize-focus{
56 border-color: #007FBB !important;
59 /* Fix input width for Selectize theme */
60 .selectize-control > .selectize-input > input {
64 /* Fix dropdown width for Selectize theme */
65 .selectize-control > .selectize-dropdown {
69 /* Mark invalid Selectize */
70 .ng-dirty.ng-invalid > div.selectize-input {
71 border-color: #D44950;
77 /* Helper class to show styles when focus */
80 background-color: #EBEBEB;
81 border-color: #ADADAD;
82 text-decoration: none;
83 outline: 5px auto -webkit-focus-ring-color;
85 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
88 .ui-select-bootstrap .ui-select-toggle {
92 .ui-select-bootstrap .ui-select-toggle > .caret {
100 /* Fix Bootstrap dropdown position when inside a input-group */
101 .input-group > .ui-select-bootstrap.dropdown {
102 /* Instead of relative */
106 .input-group > .ui-select-bootstrap > input.ui-select-search.form-control {
107 border-radius: 4px; /* FIXME hardcoded value :-/ */
108 border-top-right-radius: 0;
109 border-bottom-right-radius: 0;
112 .ui-select-bootstrap > .ui-select-match > .btn{
113 /* Instead of center because of .btn */
114 text-align: left !important;
117 .ui-select-bootstrap > .ui-select-match > .caret {
123 /* See Scrollable Menu with Bootstrap 3 http://stackoverflow.com/questions/19227496 */
124 .ui-select-bootstrap > .ui-select-choices {
132 body > .ui-select-bootstrap.open {
133 z-index: 1000; /* Standard Bootstrap dropdown z-index */
136 .ui-select-multiple.ui-select-bootstrap {
138 padding: 3px 3px 0 3px;
141 .ui-select-multiple.ui-select-bootstrap input.ui-select-search {
142 background-color: transparent !important; /* To prevent double background when disabled */
149 .ui-select-multiple.ui-select-bootstrap .ui-select-match .close {
154 .ui-select-multiple.ui-select-bootstrap .ui-select-match-item {
159 .ui-select-multiple .ui-select-match-item {
163 .ui-select-multiple .ui-select-match-item.dropping-before:before {
170 border-left: 1px solid #428bca;
173 .ui-select-multiple .ui-select-match-item.dropping-after:after {
180 border-right: 1px solid #428bca;
183 .ui-select-bootstrap .ui-select-choices-row>a {
188 line-height: 1.42857143;
193 .ui-select-bootstrap .ui-select-choices-row>a:hover, .ui-select-bootstrap .ui-select-choices-row>a:focus {
194 text-decoration: none;
196 background-color: #f5f5f5;
199 .ui-select-bootstrap .ui-select-choices-row.active>a {
201 text-decoration: none;
203 background-color: #428bca;
206 .ui-select-bootstrap .ui-select-choices-row.disabled>a,
207 .ui-select-bootstrap .ui-select-choices-row.active.disabled>a {
210 background-color: #fff;
213 /* fix hide/show angular animation */
214 .ui-select-match.ng-hide-add,
215 .ui-select-search.ng-hide-add {
216 display: none !important;
219 /* Mark invalid Bootstrap */
220 .ui-select-bootstrap.ng-dirty.ng-invalid > button.btn.ui-select-match {
221 border-color: #D44950;