ecomp-portal-FE/client/bower_components/ui-select/dist/select.css

   1 /*!
   2  * ui-select
   3  * http://github.com/angular-ui/ui-select
   4  * Version: 0.17.1 - 2016-05-16T19:31:33.034Z
   5  * License: MIT
   6  */
   7
   8
   9 /* Style when highlighting a search. */
  10 .ui-select-highlight {
  11   font-weight: bold;
  12 }
  13
  14 .ui-select-offscreen {
  15   clip: rect(0 0 0 0) !important;
  16   width: 1px !important;
  17   height: 1px !important;
  18   border: 0 !important;
  19   margin: 0 !important;
  20   padding: 0 !important;
  21   overflow: hidden !important;
  22   position: absolute !important;
  23   outline: 0 !important;
  24   left: 0px !important;
  25   top: 0px !important;
  26 }
  27
  28
  29 .ui-select-choices-row:hover {
  30   background-color: #f5f5f5;
  31 }
  32
  33 /* Select2 theme */
  34
  35 /* Mark invalid Select2 */
  36 .ng-dirty.ng-invalid > a.select2-choice {
  37     border-color: #D44950;
  38 }
  39
  40 .select2-result-single {
  41   padding-left: 0;
  42 }
  43
  44 .select2-locked > .select2-search-choice-close{
  45   display:none;
  46 }
  47
  48 .select-locked > .ui-select-match-close{
  49     display:none;
  50 }
  51
  52 body > .select2-container.open {
  53   z-index: 9999; /* The z-index Select2 applies to the select2-drop */
  54 }
  55
  56 /* Handle up direction Select2 */
  57 .ui-select-container[theme="select2"].direction-up .ui-select-match {
  58     border-radius: 4px; /* FIXME hardcoded value :-/ */
  59     border-top-left-radius: 0;
  60     border-top-right-radius: 0;
  61 }
  62 .ui-select-container[theme="select2"].direction-up .ui-select-dropdown {
  63     border-radius: 4px; /* FIXME hardcoded value :-/ */
  64     border-bottom-left-radius: 0;
  65     border-bottom-right-radius: 0;
  66
  67     border-top-width: 1px;  /* FIXME hardcoded value :-/ */
  68     border-top-style: solid;
  69
  70     box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25);
  71
  72     margin-top: -4px; /* FIXME hardcoded value :-/ */
  73 }
  74 .ui-select-container[theme="select2"].direction-up .ui-select-dropdown .select2-search {
  75     margin-top: 4px; /* FIXME hardcoded value :-/ */
  76 }
  77 .ui-select-container[theme="select2"].direction-up.select2-dropdown-open .ui-select-match {
  78     border-bottom-color: #5897fb;
  79 }
  80
  81 /* Selectize theme */
  82
  83 /* Helper class to show styles when focus */
  84 .selectize-input.selectize-focus{
  85   border-color: #007FBB !important;
  86 }
  87
  88 /* Fix input width for Selectize theme */
  89 .selectize-control > .selectize-input > input {
  90   width: 100%;
  91 }
  92
  93 /* Fix dropdown width for Selectize theme */
  94 .selectize-control > .selectize-dropdown {
  95   width: 100%;
  96 }
  97
  98 /* Mark invalid Selectize */
  99 .ng-dirty.ng-invalid > div.selectize-input {
 100     border-color: #D44950;
 101 }
 102
 103 /* Handle up direction Selectize */
 104 .ui-select-container[theme="selectize"].direction-up .ui-select-dropdown {
 105     box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25);
 106
 107     margin-top: -2px; /* FIXME hardcoded value :-/ */
 108 }
 109
 110 /* Bootstrap theme */
 111
 112 /* Helper class to show styles when focus */
 113 .btn-default-focus {
 114   color: #333;
 115   background-color: #EBEBEB;
 116   border-color: #ADADAD;
 117   text-decoration: none;
 118   outline: 5px auto -webkit-focus-ring-color;
 119   outline-offset: -2px;
 120   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
 121 }
 122
 123 .ui-select-bootstrap .ui-select-toggle {
 124   position: relative;
 125 }
 126
 127 .ui-select-bootstrap .ui-select-toggle > .caret {
 128   position: absolute;
 129   height: 10px;
 130   top: 50%;
 131   right: 10px;
 132   margin-top: -2px;
 133 }
 134
 135 /* Fix Bootstrap dropdown position when inside a input-group */
 136 .input-group > .ui-select-bootstrap.dropdown {
 137   /* Instead of relative */
 138   position: static;
 139 }
 140
 141 .input-group > .ui-select-bootstrap > input.ui-select-search.form-control {
 142   border-radius: 4px; /* FIXME hardcoded value :-/ */
 143   border-top-right-radius: 0;
 144   border-bottom-right-radius: 0;
 145 }
 146 .input-group > .ui-select-bootstrap > input.ui-select-search.form-control.direction-up {
 147   border-radius: 4px !important; /* FIXME hardcoded value :-/ */
 148   border-top-right-radius: 0 !important;
 149   border-bottom-right-radius: 0 !important;
 150 }
 151
 152 .ui-select-bootstrap > .ui-select-match > .btn{
 153   /* Instead of center because of .btn */
 154   text-align: left !important;
 155 }
 156
 157 .ui-select-bootstrap > .ui-select-match > .caret {
 158   position: absolute;
 159   top: 45%;
 160   right: 15px;
 161 }
 162
 163 /* See Scrollable Menu with Bootstrap 3 http://stackoverflow.com/questions/19227496 */
 164 .ui-select-bootstrap > .ui-select-choices ,.ui-select-bootstrap > .ui-select-no-choice {
 165   width: 100%;
 166   height: auto;
 167   max-height: 200px;
 168   overflow-x: hidden;
 169   margin-top: -1px;
 170 }
 171
 172 body > .ui-select-bootstrap.open {
 173   z-index: 1000; /* Standard Bootstrap dropdown z-index */
 174 }
 175
 176 .ui-select-multiple.ui-select-bootstrap {
 177   height: auto;
 178   padding: 3px 3px 0 3px;
 179 }
 180
 181 .ui-select-multiple.ui-select-bootstrap input.ui-select-search {
 182   background-color: transparent !important; /* To prevent double background when disabled */
 183   border: none;
 184   outline: none;
 185   height: 1.666666em;
 186   margin-bottom: 3px;
 187 }
 188
 189 .ui-select-multiple.ui-select-bootstrap .ui-select-match .close {
 190   font-size: 1.6em;
 191   line-height: 0.75;
 192 }
 193
 194 .ui-select-multiple.ui-select-bootstrap .ui-select-match-item {
 195   outline: 0;
 196   margin: 0 3px 3px 0;
 197 }
 198
 199 .ui-select-multiple .ui-select-match-item {
 200   position: relative;
 201 }
 202
 203 .ui-select-multiple .ui-select-match-item.dropping .ui-select-match-close {
 204   pointer-events: none;
 205 }
 206
 207 .ui-select-multiple:hover .ui-select-match-item.dropping-before:before {
 208   content: "";
 209   position: absolute;
 210   top: 0;
 211   right: 100%;
 212   height: 100%;
 213   margin-right: 2px;
 214   border-left: 1px solid #428bca;
 215 }
 216
 217 .ui-select-multiple:hover .ui-select-match-item.dropping-after:after {
 218   content: "";
 219   position: absolute;
 220   top: 0;
 221   left: 100%;
 222   height: 100%;
 223   margin-left: 2px;
 224   border-right: 1px solid #428bca;
 225 }
 226
 227 .ui-select-bootstrap .ui-select-choices-row>a {
 228     display: block;
 229     padding: 3px 20px;
 230     clear: both;
 231     font-weight: 400;
 232     line-height: 1.42857143;
 233     color: #333;
 234     white-space: nowrap;
 235 }
 236
 237 .ui-select-bootstrap .ui-select-choices-row>a:hover, .ui-select-bootstrap .ui-select-choices-row>a:focus {
 238     text-decoration: none;
 239     color: #262626;
 240     background-color: #f5f5f5;
 241 }
 242
 243 .ui-select-bootstrap .ui-select-choices-row.active>a {
 244     color: #fff;
 245     text-decoration: none;
 246     outline: 0;
 247     background-color: #428bca;
 248 }
 249
 250 .ui-select-bootstrap .ui-select-choices-row.disabled>a,
 251 .ui-select-bootstrap .ui-select-choices-row.active.disabled>a {
 252     color: #777;
 253     cursor: not-allowed;
 254     background-color: #fff;
 255 }
 256
 257 /* fix hide/show angular animation */
 258 .ui-select-match.ng-hide-add,
 259 .ui-select-search.ng-hide-add {
 260     display: none !important;
 261 }
 262
 263 /* Mark invalid Bootstrap */
 264 .ui-select-bootstrap.ng-dirty.ng-invalid > button.btn.ui-select-match {
 265     border-color: #D44950;
 266 }
 267
 268 /* Handle up direction Bootstrap */
 269 .ui-select-container[theme="bootstrap"].direction-up .ui-select-dropdown {
 270     box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25);
 271 }