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