code.grnet.gr Git - flowspy/blob - static/js/select2/select2.css

   1 /*
   2 Version: 3.5.1 Timestamp: Tue Jul 22 18:58:56 EDT 2014
   3 */
   4 .select2-container {
   5     margin: 0;
   6     position: relative;
   7     display: inline-block;
   8     /* inline-block for ie7 */
   9     zoom: 1;
  10     *display: inline;
  11     vertical-align: middle;
  12 }
  13
  14 .select2-container,
  15 .select2-drop,
  16 .select2-search,
  17 .select2-search input {
  18   /*
  19     Force border-box so that % widths fit the parent
  20     container without overlap because of margin/padding.
  21     More Info : http://www.quirksmode.org/css/box.html
  22   */
  23   -webkit-box-sizing: border-box; /* webkit */
  24      -moz-box-sizing: border-box; /* firefox */
  25           box-sizing: border-box; /* css3 */
  26 }
  27
  28 .select2-container .select2-choice {
  29     display: block;
  30     height: 26px;
  31     padding: 0 0 0 8px;
  32     overflow: hidden;
  33     position: relative;
  34
  35     border: 1px solid #aaa;
  36     white-space: nowrap;
  37     line-height: 26px;
  38     color: #444;
  39     text-decoration: none;
  40
  41     border-radius: 4px;
  42
  43     background-clip: padding-box;
  44
  45     -webkit-touch-callout: none;
  46       -webkit-user-select: none;
  47          -moz-user-select: none;
  48           -ms-user-select: none;
  49               user-select: none;
  50
  51     background-color: #fff;
  52     background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
  53     background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
  54     background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
  55     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
  56     background-image: linear-gradient(to top, #eee 0%, #fff 50%);
  57 }
  58
  59 html[dir="rtl"] .select2-container .select2-choice {
  60     padding: 0 8px 0 0;
  61 }
  62
  63 .select2-container.select2-drop-above .select2-choice {
  64     border-bottom-color: #aaa;
  65
  66     border-radius: 0 0 4px 4px;
  67
  68     background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, #fff));
  69     background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%);
  70     background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%);
  71     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
  72     background-image: linear-gradient(to bottom, #eee 0%, #fff 90%);
  73 }
  74
  75 .select2-container.select2-allowclear .select2-choice .select2-chosen {
  76     margin-right: 42px;
  77 }
  78
  79 .select2-container .select2-choice > .select2-chosen {
  80     margin-right: 26px;
  81     display: block;
  82     overflow: hidden;
  83
  84     white-space: nowrap;
  85
  86     text-overflow: ellipsis;
  87     float: none;
  88     width: auto;
  89 }
  90
  91 html[dir="rtl"] .select2-container .select2-choice > .select2-chosen {
  92     margin-left: 26px;
  93     margin-right: 0;
  94 }
  95
  96 .select2-container .select2-choice abbr {
  97     display: none;
  98     width: 12px;
  99     height: 12px;
 100     position: absolute;
 101     right: 24px;
 102     top: 8px;
 103
 104     font-size: 1px;
 105     text-decoration: none;
 106
 107     border: 0;
 108     background: url('select2.png') right top no-repeat;
 109     cursor: pointer;
 110     outline: 0;
 111 }
 112
 113 .select2-container.select2-allowclear .select2-choice abbr {
 114     display: inline-block;
 115 }
 116
 117 .select2-container .select2-choice abbr:hover {
 118     background-position: right -11px;
 119     cursor: pointer;
 120 }
 121
 122 .select2-drop-mask {
 123     border: 0;
 124     margin: 0;
 125     padding: 0;
 126     position: fixed;
 127     left: 0;
 128     top: 0;
 129     min-height: 100%;
 130     min-width: 100%;
 131     height: auto;
 132     width: auto;
 133     opacity: 0;
 134     z-index: 9998;
 135     /* styles required for IE to work */
 136     background-color: #fff;
 137     filter: alpha(opacity=0);
 138 }
 139
 140 .select2-drop {
 141     width: 100%;
 142     margin-top: -1px;
 143     position: absolute;
 144     z-index: 9999;
 145     top: 100%;
 146
 147     background: #fff;
 148     color: #000;
 149     border: 1px solid #aaa;
 150     border-top: 0;
 151
 152     border-radius: 0 0 4px 4px;
 153
 154     -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
 155             box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
 156 }
 157
 158 .select2-drop.select2-drop-above {
 159     margin-top: 1px;
 160     border-top: 1px solid #aaa;
 161     border-bottom: 0;
 162
 163     border-radius: 4px 4px 0 0;
 164
 165     -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
 166             box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
 167 }
 168
 169 .select2-drop-active {
 170     border: 1px solid #5897fb;
 171     border-top: none;
 172 }
 173
 174 .select2-drop.select2-drop-above.select2-drop-active {
 175     border-top: 1px solid #5897fb;
 176 }
 177
 178 .select2-drop-auto-width {
 179     border-top: 1px solid #aaa;
 180     width: auto;
 181 }
 182
 183 .select2-drop-auto-width .select2-search {
 184     padding-top: 4px;
 185 }
 186
 187 .select2-container .select2-choice .select2-arrow {
 188     display: inline-block;
 189     width: 18px;
 190     height: 100%;
 191     position: absolute;
 192     right: 0;
 193     top: 0;
 194
 195     border-left: 1px solid #aaa;
 196     border-radius: 0 4px 4px 0;
 197
 198     background-clip: padding-box;
 199
 200     background: #ccc;
 201     background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
 202     background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
 203     background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
 204     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0);
 205     background-image: linear-gradient(to top, #ccc 0%, #eee 60%);
 206 }
 207
 208 html[dir="rtl"] .select2-container .select2-choice .select2-arrow {
 209     left: 0;
 210     right: auto;
 211
 212     border-left: none;
 213     border-right: 1px solid #aaa;
 214     border-radius: 4px 0 0 4px;
 215 }
 216
 217 .select2-container .select2-choice .select2-arrow b {
 218     display: block;
 219     width: 100%;
 220     height: 100%;
 221     background: url('select2.png') no-repeat 0 1px;
 222 }
 223
 224 html[dir="rtl"] .select2-container .select2-choice .select2-arrow b {
 225     background-position: 2px 1px;
 226 }
 227
 228 .select2-search {
 229     display: inline-block;
 230     width: 100%;
 231     min-height: 26px;
 232     margin: 0;
 233     padding-left: 4px;
 234     padding-right: 4px;
 235
 236     position: relative;
 237     z-index: 10000;
 238
 239     white-space: nowrap;
 240 }
 241
 242 .select2-search input {
 243     width: 100%;
 244     height: auto !important;
 245     min-height: 26px;
 246     padding: 4px 20px 4px 5px;
 247     margin: 0;
 248
 249     outline: 0;
 250     font-family: sans-serif;
 251     font-size: 1em;
 252
 253     border: 1px solid #aaa;
 254     border-radius: 0;
 255
 256     -webkit-box-shadow: none;
 257             box-shadow: none;
 258
 259     background: #fff url('select2.png') no-repeat 100% -22px;
 260     background: url('select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
 261     background: url('select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
 262     background: url('select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
 263     background: url('select2.png') no-repeat 100% -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
 264 }
 265
 266 html[dir="rtl"] .select2-search input {
 267     padding: 4px 5px 4px 20px;
 268
 269     background: #fff url('select2.png') no-repeat -37px -22px;
 270     background: url('select2.png') no-repeat -37px -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
 271     background: url('select2.png') no-repeat -37px -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
 272     background: url('select2.png') no-repeat -37px -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
 273     background: url('select2.png') no-repeat -37px -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
 274 }
 275
 276 .select2-drop.select2-drop-above .select2-search input {
 277     margin-top: 4px;
 278 }
 279
 280 .select2-search input.select2-active {
 281     background: #fff url('select2-spinner.gif') no-repeat 100%;
 282     background: url('select2-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
 283     background: url('select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
 284     background: url('select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
 285     background: url('select2-spinner.gif') no-repeat 100%, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
 286 }
 287
 288 .select2-container-active .select2-choice,
 289 .select2-container-active .select2-choices {
 290     border: 1px solid #5897fb;
 291     outline: none;
 292
 293     -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
 294             box-shadow: 0 0 5px rgba(0, 0, 0, .3);
 295 }
 296
 297 .select2-dropdown-open .select2-choice {
 298     border-bottom-color: transparent;
 299     -webkit-box-shadow: 0 1px 0 #fff inset;
 300             box-shadow: 0 1px 0 #fff inset;
 301
 302     border-bottom-left-radius: 0;
 303     border-bottom-right-radius: 0;
 304
 305     background-color: #eee;
 306     background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #eee));
 307     background-image: -webkit-linear-gradient(center bottom, #fff 0%, #eee 50%);
 308     background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%);
 309     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
 310     background-image: linear-gradient(to top, #fff 0%, #eee 50%);
 311 }
 312
 313 .select2-dropdown-open.select2-drop-above .select2-choice,
 314 .select2-dropdown-open.select2-drop-above .select2-choices {
 315     border: 1px solid #5897fb;
 316     border-top-color: transparent;
 317
 318     background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #eee));
 319     background-image: -webkit-linear-gradient(center top, #fff 0%, #eee 50%);
 320     background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%);
 321     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
 322     background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
 323 }
 324
 325 .select2-dropdown-open .select2-choice .select2-arrow {
 326     background: transparent;
 327     border-left: none;
 328     filter: none;
 329 }
 330 html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow {
 331     border-right: none;
 332 }
 333
 334 .select2-dropdown-open .select2-choice .select2-arrow b {
 335     background-position: -18px 1px;
 336 }
 337
 338 html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow b {
 339     background-position: -16px 1px;
 340 }
 341
 342 .select2-hidden-accessible {
 343     border: 0;
 344     clip: rect(0 0 0 0);
 345     height: 1px;
 346     margin: -1px;
 347     overflow: hidden;
 348     padding: 0;
 349     position: absolute;
 350     width: 1px;
 351 }
 352
 353 /* results */
 354 .select2-results {
 355     max-height: 200px;
 356     padding: 0 0 0 4px;
 357     margin: 4px 4px 4px 0;
 358     position: relative;
 359     overflow-x: hidden;
 360     overflow-y: auto;
 361     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 362 }
 363
 364 html[dir="rtl"] .select2-results {
 365     padding: 0 4px 0 0;
 366     margin: 4px 0 4px 4px;
 367 }
 368
 369 .select2-results ul.select2-result-sub {
 370     margin: 0;
 371     padding-left: 0;
 372 }
 373
 374 .select2-results li {
 375     list-style: none;
 376     display: list-item;
 377     background-image: none;
 378 }
 379
 380 .select2-results li.select2-result-with-children > .select2-result-label {
 381     font-weight: bold;
 382 }
 383
 384 .select2-results .select2-result-label {
 385     padding: 3px 7px 4px;
 386     margin: 0;
 387     cursor: pointer;
 388
 389     min-height: 1em;
 390
 391     -webkit-touch-callout: none;
 392       -webkit-user-select: none;
 393          -moz-user-select: none;
 394           -ms-user-select: none;
 395               user-select: none;
 396 }
 397
 398 .select2-results-dept-1 .select2-result-label { padding-left: 20px }
 399 .select2-results-dept-2 .select2-result-label { padding-left: 40px }
 400 .select2-results-dept-3 .select2-result-label { padding-left: 60px }
 401 .select2-results-dept-4 .select2-result-label { padding-left: 80px }
 402 .select2-results-dept-5 .select2-result-label { padding-left: 100px }
 403 .select2-results-dept-6 .select2-result-label { padding-left: 110px }
 404 .select2-results-dept-7 .select2-result-label { padding-left: 120px }
 405
 406 .select2-results .select2-highlighted {
 407     background: #3875d7;
 408     color: #fff;
 409 }
 410
 411 .select2-results li em {
 412     background: #feffde;
 413     font-style: normal;
 414 }
 415
 416 .select2-results .select2-highlighted em {
 417     background: transparent;
 418 }
 419
 420 .select2-results .select2-highlighted ul {
 421     background: #fff;
 422     color: #000;
 423 }
 424
 425 .select2-results .select2-no-results,
 426 .select2-results .select2-searching,
 427 .select2-results .select2-ajax-error,
 428 .select2-results .select2-selection-limit {
 429     background: #f4f4f4;
 430     display: list-item;
 431     padding-left: 5px;
 432 }
 433
 434 /*
 435 disabled look for disabled choices in the results dropdown
 436 */
 437 .select2-results .select2-disabled.select2-highlighted {
 438     color: #666;
 439     background: #f4f4f4;
 440     display: list-item;
 441     cursor: default;
 442 }
 443 .select2-results .select2-disabled {
 444   background: #f4f4f4;
 445   display: list-item;
 446   cursor: default;
 447 }
 448
 449 .select2-results .select2-selected {
 450     display: none;
 451 }
 452
 453 .select2-more-results.select2-active {
 454     background: #f4f4f4 url('select2-spinner.gif') no-repeat 100%;
 455 }
 456
 457 .select2-results .select2-ajax-error {
 458     background: rgba(255, 50, 50, .2);
 459 }
 460
 461 .select2-more-results {
 462     background: #f4f4f4;
 463     display: list-item;
 464 }
 465
 466 /* disabled styles */
 467
 468 .select2-container.select2-container-disabled .select2-choice {
 469     background-color: #f4f4f4;
 470     background-image: none;
 471     border: 1px solid #ddd;
 472     cursor: default;
 473 }
 474
 475 .select2-container.select2-container-disabled .select2-choice .select2-arrow {
 476     background-color: #f4f4f4;
 477     background-image: none;
 478     border-left: 0;
 479 }
 480
 481 .select2-container.select2-container-disabled .select2-choice abbr {
 482     display: none;
 483 }
 484
 485
 486 /* multiselect */
 487
 488 .select2-container-multi .select2-choices {
 489     height: auto !important;
 490     height: 1%;
 491     margin: 0;
 492     padding: 0 5px 0 0;
 493     position: relative;
 494
 495     border: 1px solid #aaa;
 496     cursor: text;
 497     overflow: hidden;
 498
 499     background-color: #fff;
 500     background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
 501     background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
 502     background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
 503     background-image: linear-gradient(to bottom, #eee 1%, #fff 15%);
 504 }
 505
 506 html[dir="rtl"] .select2-container-multi .select2-choices {
 507     padding: 0 0 0 5px;
 508 }
 509
 510 .select2-locked {
 511   padding: 3px 5px 3px 5px !important;
 512 }
 513
 514 .select2-container-multi .select2-choices {
 515     min-height: 26px;
 516 }
 517
 518 .select2-container-multi.select2-container-active .select2-choices {
 519     border: 1px solid #5897fb;
 520     outline: none;
 521
 522     -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
 523             box-shadow: 0 0 5px rgba(0, 0, 0, .3);
 524 }
 525 .select2-container-multi .select2-choices li {
 526     float: left;
 527     list-style: none;
 528 }
 529 html[dir="rtl"] .select2-container-multi .select2-choices li
 530 {
 531     float: right;
 532 }
 533 .select2-container-multi .select2-choices .select2-search-field {
 534     margin: 0;
 535     padding: 0;
 536     white-space: nowrap;
 537 }
 538
 539 .select2-container-multi .select2-choices .select2-search-field input {
 540     padding: 5px;
 541     margin: 1px 0;
 542
 543     font-family: sans-serif;
 544     font-size: 100%;
 545     color: #666;
 546     outline: 0;
 547     border: 0;
 548     -webkit-box-shadow: none;
 549             box-shadow: none;
 550     background: transparent !important;
 551 }
 552
 553 .select2-container-multi .select2-choices .select2-search-field input.select2-active {
 554     background: #fff url('select2-spinner.gif') no-repeat 100% !important;
 555 }
 556
 557 .select2-default {
 558     color: #999 !important;
 559 }
 560
 561 .select2-container-multi .select2-choices .select2-search-choice {
 562     padding: 3px 5px 3px 18px;
 563     margin: 3px 0 3px 5px;
 564     position: relative;
 565
 566     line-height: 13px;
 567     color: #333;
 568     cursor: default;
 569     border: 1px solid #aaaaaa;
 570
 571     border-radius: 3px;
 572
 573     -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
 574             box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
 575
 576     background-clip: padding-box;
 577
 578     -webkit-touch-callout: none;
 579       -webkit-user-select: none;
 580          -moz-user-select: none;
 581           -ms-user-select: none;
 582               user-select: none;
 583
 584     background-color: #e4e4e4;
 585     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
 586     background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
 587     background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
 588     background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
 589     background-image: linear-gradient(to top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
 590 }
 591 html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice
 592 {
 593     margin: 3px 5px 3px 0;
 594     padding: 3px 18px 3px 5px;
 595 }
 596 .select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
 597     cursor: default;
 598 }
 599 .select2-container-multi .select2-choices .select2-search-choice-focus {
 600     background: #d4d4d4;
 601 }
 602
 603 .select2-search-choice-close {
 604     display: block;
 605     width: 12px;
 606     height: 13px;
 607     position: absolute;
 608     right: 3px;
 609     top: 4px;
 610
 611     font-size: 1px;
 612     outline: none;
 613     background: url('select2.png') right top no-repeat;
 614 }
 615 html[dir="rtl"] .select2-search-choice-close {
 616     right: auto;
 617     left: 3px;
 618 }
 619
 620 .select2-container-multi .select2-search-choice-close {
 621     left: 3px;
 622 }
 623
 624 html[dir="rtl"] .select2-container-multi .select2-search-choice-close {
 625     left: auto;
 626     right: 2px;
 627 }
 628
 629 .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
 630   background-position: right -11px;
 631 }
 632 .select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
 633     background-position: right -11px;
 634 }
 635
 636 /* disabled styles */
 637 .select2-container-multi.select2-container-disabled .select2-choices {
 638     background-color: #f4f4f4;
 639     background-image: none;
 640     border: 1px solid #ddd;
 641     cursor: default;
 642 }
 643
 644 .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
 645     padding: 3px 5px 3px 5px;
 646     border: 1px solid #ddd;
 647     background-image: none;
 648     background-color: #f4f4f4;
 649 }
 650
 651 .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {    display: none;
 652     background: none;
 653 }
 654 /* end multiselect */
 655
 656
 657 .select2-result-selectable .select2-match,
 658 .select2-result-unselectable .select2-match {
 659     text-decoration: underline;
 660 }
 661
 662 .select2-offscreen, .select2-offscreen:focus {
 663     clip: rect(0 0 0 0) !important;
 664     width: 1px !important;
 665     height: 1px !important;
 666     border: 0 !important;
 667     margin: 0 !important;
 668     padding: 0 !important;
 669     overflow: hidden !important;
 670     position: absolute !important;
 671     outline: 0 !important;
 672     left: 0px !important;
 673     top: 0px !important;
 674 }
 675
 676 .select2-display-none {
 677     display: none;
 678 }
 679
 680 .select2-measure-scrollbar {
 681     position: absolute;
 682     top: -10000px;
 683     left: -10000px;
 684     width: 100px;
 685     height: 100px;
 686     overflow: scroll;
 687 }
 688
 689 /* Retina-ize icons */
 690
 691 @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx)  {
 692     .select2-search input,
 693     .select2-search-choice-close,
 694     .select2-container .select2-choice abbr,
 695     .select2-container .select2-choice .select2-arrow b {
 696         background-image: url('select2x2.png') !important;
 697         background-repeat: no-repeat !important;
 698         background-size: 60px 40px !important;
 699     }
 700
 701     .select2-search input {
 702         background-position: 100% -21px !important;
 703     }
 704 }