[Summary view] [Print] [Text view]

   1  /*!
   2  Chosen, a Select Box Enhancer for jQuery and Prototype
   3  by Patrick Filler for Harvest, http://getharvest.com
   4  
   5  Version 1.8.7
   6  Full source at https://github.com/harvesthq/chosen
   7  Copyright (c) 2011-2018 Harvest http://getharvest.com
   8  
   9  MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
  10  This file is generated by `grunt build`, do not edit it by hand.
  11  */
  12  
  13  /* @group Base */
  14  .chosen-container {
  15    position: relative;
  16    display: inline-block;
  17    vertical-align: middle;
  18    font-size: 13px;
  19    -webkit-user-select: none;
  20       -moz-user-select: none;
  21        -ms-user-select: none;
  22            user-select: none;
  23  }
  24  
  25  .chosen-container * {
  26    -webkit-box-sizing: border-box;
  27            box-sizing: border-box;
  28  }
  29  
  30  .chosen-container .chosen-drop {
  31    position: absolute;
  32    top: 100%;
  33    z-index: 1010;
  34    width: 100%;
  35    border: 1px solid #aaa;
  36    border-top: 0;
  37    background: #fff;
  38    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  39            box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  40    clip: rect(0, 0, 0, 0);
  41    -webkit-clip-path: inset(100% 100%);
  42            clip-path: inset(100% 100%);
  43  }
  44  
  45  .chosen-container.chosen-with-drop .chosen-drop {
  46    clip: auto;
  47    -webkit-clip-path: none;
  48            clip-path: none;
  49  }
  50  
  51  .chosen-container a {
  52    cursor: pointer;
  53  }
  54  
  55  .chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name {
  56    margin-right: 4px;
  57    overflow: hidden;
  58    white-space: nowrap;
  59    text-overflow: ellipsis;
  60    font-weight: normal;
  61    color: #999999;
  62  }
  63  
  64  .chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after {
  65    content: ":";
  66    padding-left: 2px;
  67    vertical-align: top;
  68  }
  69  
  70  /* @end */
  71  /* @group Single Chosen */
  72  .chosen-container-single .chosen-single {
  73    position: relative;
  74    display: block;
  75    overflow: hidden;
  76    padding: 0 0 0 8px;
  77    height: 25px;
  78    border: 1px solid #aaa;
  79    border-radius: 5px;
  80    background-color: #fff;
  81    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #fff), color-stop(50%, #f6f6f6), color-stop(52%, #eee), to(#f4f4f4));
  82    background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
  83    background-clip: padding-box;
  84    -webkit-box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  85            box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  86    color: #444;
  87    text-decoration: none;
  88    white-space: nowrap;
  89    line-height: 24px;
  90  }
  91  
  92  .chosen-container-single .chosen-default {
  93    color: #999;
  94  }
  95  
  96  .chosen-container-single .chosen-single span {
  97    display: block;
  98    overflow: hidden;
  99    margin-right: 26px;
 100    text-overflow: ellipsis;
 101    white-space: nowrap;
 102  }
 103  
 104  .chosen-container-single .chosen-single-with-deselect span {
 105    margin-right: 38px;
 106  }
 107  
 108  .chosen-container-single .chosen-single abbr {
 109    position: absolute;
 110    top: 6px;
 111    right: 26px;
 112    display: block;
 113    width: 12px;
 114    height: 12px;
 115    background: url("chosen-sprite.png") -42px 1px no-repeat;
 116    font-size: 1px;
 117  }
 118  
 119  .chosen-container-single .chosen-single abbr:hover {
 120    background-position: -42px -10px;
 121  }
 122  
 123  .chosen-container-single.chosen-disabled .chosen-single abbr:hover {
 124    background-position: -42px -10px;
 125  }
 126  
 127  .chosen-container-single .chosen-single div {
 128    position: absolute;
 129    top: 0;
 130    right: 0;
 131    display: block;
 132    width: 18px;
 133    height: 100%;
 134  }
 135  
 136  .chosen-container-single .chosen-single div b {
 137    display: block;
 138    width: 100%;
 139    height: 100%;
 140    background: url("chosen-sprite.png") no-repeat 0px 2px;
 141  }
 142  
 143  .chosen-container-single .chosen-search {
 144    position: relative;
 145    z-index: 1010;
 146    margin: 0;
 147    padding: 3px 4px;
 148    white-space: nowrap;
 149  }
 150  
 151  .chosen-container-single .chosen-search input[type="text"] {
 152    margin: 1px 0;
 153    padding: 4px 20px 4px 5px;
 154    width: 100%;
 155    height: auto;
 156    outline: 0;
 157    border: 1px solid #aaa;
 158    background: url("chosen-sprite.png") no-repeat 100% -20px;
 159    font-size: 1em;
 160    font-family: sans-serif;
 161    line-height: normal;
 162    border-radius: 0;
 163  }
 164  
 165  .chosen-container-single .chosen-drop {
 166    margin-top: -1px;
 167    border-radius: 0 0 4px 4px;
 168    background-clip: padding-box;
 169  }
 170  
 171  .chosen-container-single.chosen-container-single-nosearch .chosen-search {
 172    position: absolute;
 173    clip: rect(0, 0, 0, 0);
 174    -webkit-clip-path: inset(100% 100%);
 175            clip-path: inset(100% 100%);
 176  }
 177  
 178  /* @end */
 179  /* @group Results */
 180  .chosen-container .chosen-results {
 181    color: #444;
 182    position: relative;
 183    overflow-x: hidden;
 184    overflow-y: auto;
 185    margin: 0 4px 4px 0;
 186    padding: 0 0 0 4px;
 187    max-height: 240px;
 188    -webkit-overflow-scrolling: touch;
 189  }
 190  
 191  .chosen-container .chosen-results li {
 192    display: none;
 193    margin: 0;
 194    padding: 5px 6px;
 195    list-style: none;
 196    line-height: 15px;
 197    word-wrap: break-word;
 198    -webkit-touch-callout: none;
 199  }
 200  
 201  .chosen-container .chosen-results li.active-result {
 202    display: list-item;
 203    cursor: pointer;
 204  }
 205  
 206  .chosen-container .chosen-results li.disabled-result {
 207    display: list-item;
 208    color: #ccc;
 209    cursor: default;
 210  }
 211  
 212  .chosen-container .chosen-results li.highlighted {
 213    background-color: #3875d7;
 214    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
 215    background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
 216    color: #fff;
 217  }
 218  
 219  .chosen-container .chosen-results li.no-results {
 220    color: #777;
 221    display: list-item;
 222    background: #f4f4f4;
 223  }
 224  
 225  .chosen-container .chosen-results li.group-result {
 226    display: list-item;
 227    font-weight: bold;
 228    cursor: default;
 229  }
 230  
 231  .chosen-container .chosen-results li.group-option {
 232    padding-left: 15px;
 233  }
 234  
 235  .chosen-container .chosen-results li em {
 236    font-style: normal;
 237    text-decoration: underline;
 238  }
 239  
 240  /* @end */
 241  /* @group Multi Chosen */
 242  .chosen-container-multi .chosen-choices {
 243    position: relative;
 244    overflow: hidden;
 245    margin: 0;
 246    padding: 0 5px;
 247    width: 100%;
 248    height: auto;
 249    border: 1px solid #aaa;
 250    background-color: #fff;
 251    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #eee), color-stop(15%, #fff));
 252    background-image: linear-gradient(#eee 1%, #fff 15%);
 253    cursor: text;
 254  }
 255  
 256  .chosen-container-multi .chosen-choices li {
 257    float: left;
 258    list-style: none;
 259  }
 260  
 261  .chosen-container-multi .chosen-choices li.search-field {
 262    margin: 0;
 263    padding: 0;
 264    white-space: nowrap;
 265  }
 266  
 267  .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
 268    margin: 1px 0;
 269    padding: 0;
 270    height: 25px;
 271    outline: 0;
 272    border: 0 !important;
 273    background: transparent !important;
 274    -webkit-box-shadow: none;
 275            box-shadow: none;
 276    color: #999;
 277    font-size: 100%;
 278    font-family: sans-serif;
 279    line-height: normal;
 280    border-radius: 0;
 281    width: 25px;
 282  }
 283  
 284  .chosen-container-multi .chosen-choices li.search-choice {
 285    position: relative;
 286    margin: 3px 5px 3px 0;
 287    padding: 3px 20px 3px 5px;
 288    border: 1px solid #aaa;
 289    max-width: 100%;
 290    border-radius: 3px;
 291    background-color: #eeeeee;
 292    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
 293    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
 294    background-size: 100% 19px;
 295    background-repeat: repeat-x;
 296    background-clip: padding-box;
 297    -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
 298            box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
 299    color: #333;
 300    line-height: 13px;
 301    cursor: default;
 302  }
 303  
 304  .chosen-container-multi .chosen-choices li.search-choice span {
 305    word-wrap: break-word;
 306  }
 307  
 308  .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
 309    position: absolute;
 310    top: 4px;
 311    right: 3px;
 312    display: block;
 313    width: 12px;
 314    height: 12px;
 315    background: url("chosen-sprite.png") -42px 1px no-repeat;
 316    font-size: 1px;
 317  }
 318  
 319  .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
 320    background-position: -42px -10px;
 321  }
 322  
 323  .chosen-container-multi .chosen-choices li.search-choice-disabled {
 324    padding-right: 5px;
 325    border: 1px solid #ccc;
 326    background-color: #e4e4e4;
 327    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
 328    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
 329    color: #666;
 330  }
 331  
 332  .chosen-container-multi .chosen-choices li.search-choice-focus {
 333    background: #d4d4d4;
 334  }
 335  
 336  .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
 337    background-position: -42px -10px;
 338  }
 339  
 340  .chosen-container-multi .chosen-results {
 341    margin: 0;
 342    padding: 0;
 343  }
 344  
 345  .chosen-container-multi .chosen-drop .result-selected {
 346    display: list-item;
 347    color: #ccc;
 348    cursor: default;
 349  }
 350  
 351  /* @end */
 352  /* @group Active  */
 353  .chosen-container-active .chosen-single {
 354    border: 1px solid #5897fb;
 355    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
 356            box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
 357  }
 358  
 359  .chosen-container-active.chosen-with-drop .chosen-single {
 360    border: 1px solid #aaa;
 361    border-bottom-right-radius: 0;
 362    border-bottom-left-radius: 0;
 363    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #eee), color-stop(80%, #fff));
 364    background-image: linear-gradient(#eee 20%, #fff 80%);
 365    -webkit-box-shadow: 0 1px 0 #fff inset;
 366            box-shadow: 0 1px 0 #fff inset;
 367  }
 368  
 369  .chosen-container-active.chosen-with-drop .chosen-single div {
 370    border-left: none;
 371    background: transparent;
 372  }
 373  
 374  .chosen-container-active.chosen-with-drop .chosen-single div b {
 375    background-position: -18px 2px;
 376  }
 377  
 378  .chosen-container-active .chosen-choices {
 379    border: 1px solid #5897fb;
 380    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
 381            box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
 382  }
 383  
 384  .chosen-container-active .chosen-choices li.search-field input[type="text"] {
 385    color: #222 !important;
 386  }
 387  
 388  /* @end */
 389  /* @group Disabled Support */
 390  .chosen-disabled {
 391    opacity: 0.5 !important;
 392    cursor: default;
 393  }
 394  
 395  .chosen-disabled .chosen-single {
 396    cursor: default;
 397  }
 398  
 399  .chosen-disabled .chosen-choices .search-choice .search-choice-close {
 400    cursor: default;
 401  }
 402  
 403  /* @end */
 404  /* @group Right to Left */
 405  .chosen-rtl {
 406    text-align: right;
 407  }
 408  
 409  .chosen-rtl .chosen-single {
 410    overflow: visible;
 411    padding: 0 8px 0 0;
 412  }
 413  
 414  .chosen-rtl .chosen-single span {
 415    margin-right: 0;
 416    margin-left: 26px;
 417    direction: rtl;
 418  }
 419  
 420  .chosen-rtl .chosen-single-with-deselect span {
 421    margin-left: 38px;
 422  }
 423  
 424  .chosen-rtl .chosen-single div {
 425    right: auto;
 426    left: 3px;
 427  }
 428  
 429  .chosen-rtl .chosen-single abbr {
 430    right: auto;
 431    left: 26px;
 432  }
 433  
 434  .chosen-rtl .chosen-choices li {
 435    float: right;
 436  }
 437  
 438  .chosen-rtl .chosen-choices li.search-field input[type="text"] {
 439    direction: rtl;
 440  }
 441  
 442  .chosen-rtl .chosen-choices li.search-choice {
 443    margin: 3px 5px 3px 0;
 444    padding: 3px 5px 3px 19px;
 445  }
 446  
 447  .chosen-rtl .chosen-choices li.search-choice .search-choice-close {
 448    right: auto;
 449    left: 4px;
 450  }
 451  
 452  .chosen-rtl.chosen-container-single .chosen-results {
 453    margin: 0 0 4px 4px;
 454    padding: 0 4px 0 0;
 455  }
 456  
 457  .chosen-rtl .chosen-results li.group-option {
 458    padding-right: 15px;
 459    padding-left: 0;
 460  }
 461  
 462  .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
 463    border-right: none;
 464  }
 465  
 466  .chosen-rtl .chosen-search input[type="text"] {
 467    padding: 4px 5px 4px 20px;
 468    background: url("chosen-sprite.png") no-repeat -30px -20px;
 469    direction: rtl;
 470  }
 471  
 472  .chosen-rtl.chosen-container-single .chosen-single div b {
 473    background-position: 6px 2px;
 474  }
 475  
 476  .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
 477    background-position: -12px 2px;
 478  }
 479  
 480  /* @end */
 481  /* @group Retina compatibility */
 482  @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
 483    .chosen-rtl .chosen-search input[type="text"],
 484    .chosen-container-single .chosen-single abbr,
 485    .chosen-container-single .chosen-single div b,
 486    .chosen-container-single .chosen-search input[type="text"],
 487    .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
 488    .chosen-container .chosen-results-scroll-down span,
 489    .chosen-container .chosen-results-scroll-up span {
 490      background-image: url("[email protected]") !important;
 491      background-size: 52px 37px !important;
 492      background-repeat: no-repeat !important;
 493    }
 494  }
 495  
 496  /* @end */