git.roojs.org Git - roojs1/blob - css-bootstrap/roojs-bootstrap-debug.css

   1
   2 /* -- calendar.css ---- */
   3 /*!
   4  * FullCalendar v1.6.4 Stylesheet
   5  * Docs & License: http://arshaw.com/fullcalendar/
   6  * (c) 2013 Adam Shaw
   7  *
   8  * When taken - was MIT licence (18/Feb/2014)
   9  */
  10
  11
  12 .fc {
  13         direction: ltr;
  14         text-align: left;
  15     margin: 0;
  16
  17         font-family: Lucida Sans,Arial,sans-serif;
  18
  19
  20
  21         }
  22
  23 .fc table {
  24         border-collapse: collapse;
  25         border-spacing: 0;
  26         }
  27
  28 html .fc,
  29 .fc table {
  30         font-size: 1em;
  31         }
  32
  33 .fc td,
  34 .fc th {
  35         padding: 0;
  36         vertical-align: top;
  37      -moz-user-select: -moz-none;
  38     -khtml-user-select: none;
  39     -webkit-user-select: none;
  40     -o-user-select: none;
  41     user-select: none;
  42         }
  43
  44
  45
  46 /* Header
  47 ------------------------------------------------------------------------*/
  48
  49 .fc-header td {
  50         white-space: nowrap;
  51         }
  52
  53 .fc-header-left {
  54         width: 25%;
  55         text-align: left;
  56         }
  57
  58 .fc-header-center {
  59         text-align: center;
  60         }
  61
  62 .fc-header-right {
  63         width: 25%;
  64         text-align: right;
  65         }
  66
  67 .fc-header-title {
  68         display: inline-block;
  69         vertical-align: top;
  70         }
  71
  72 .fc-header-title h2 {
  73         margin-top: 0;
  74         white-space: nowrap;
  75     font-size: 1.5em;
  76     font-family: Lucida Sans,Arial,sans-serif;
  77     font-weight: bold;
  78     line-height: normal;;
  79         margin:0;
  80         }
  81
  82 .fc .fc-header-space {
  83         padding-left: 10px;
  84         }
  85
  86 .fc-header .fc-button {
  87         margin-bottom: 1em;
  88         vertical-align: top;
  89         }
  90
  91 /* buttons edges butting together */
  92
  93 .fc-header .fc-button {
  94         margin-right: -1px;
  95         }
  96
  97 .fc-header .fc-corner-right,  /* non-theme */
  98 .fc-header .ui-corner-right { /* theme */
  99         margin-right: 0; /* back to normal */
 100         }
 101
 102 /* button layering (for border precedence) */
 103
 104 .fc-header .fc-state-hover,
 105 .fc-header .ui-state-hover {
 106         z-index: 2;
 107         }
 108
 109 .fc-header .fc-state-down {
 110         z-index: 3;
 111         }
 112
 113 .fc-header .fc-state-active,
 114 .fc-header .ui-state-active {
 115         z-index: 4;
 116         }
 117
 118
 119
 120 /* Content
 121 ------------------------------------------------------------------------*/
 122
 123 .fc-content {
 124         clear: both;
 125         zoom: 1; /* for IE7, gives accurate coordinates for [un]freezeContentHeight */
 126         }
 127
 128 .fc-view {
 129         width: 100%;
 130         overflow: hidden;
 131         }
 132
 133
 134
 135 /* Cell Styles
 136 ------------------------------------------------------------------------*/
 137
 138 .fc-widget-header,    /* <th>, usually */
 139 .fc-widget-content {  /* <td>, usually */
 140         border: 1px solid #ddd;
 141         }
 142
 143 .fc-state-highlight { /* <td> today cell */ /* TODO: add .fc-today to <th> */
 144         background: #fcf8e3;
 145         }
 146
 147 .fc-cell-overlay { /* semi-transparent rectangle while dragging */
 148         background: #bce8f1;
 149         opacity: .3;
 150         filter: alpha(opacity=30); /* for IE */
 151         }
 152
 153
 154
 155 /* Buttons
 156 ------------------------------------------------------------------------*/
 157
 158 .fc-button {
 159         position: relative;
 160         display: inline-block;
 161         padding: 0 .6em;
 162         overflow: hidden;
 163         height: 1.9em;
 164         line-height: 1.9em;
 165         white-space: nowrap;
 166         cursor: pointer;
 167         }
 168
 169 .fc-state-default { /* non-theme */
 170         border: 1px solid;
 171         }
 172
 173 .fc-state-default.fc-corner-left { /* non-theme */
 174         border-top-left-radius: 4px;
 175         border-bottom-left-radius: 4px;
 176         }
 177
 178 .fc-state-default.fc-corner-right { /* non-theme */
 179         border-top-right-radius: 4px;
 180         border-bottom-right-radius: 4px;
 181         }
 182
 183 /*
 184         Our default prev/next buttons use HTML entities like &lsaquo; &rsaquo; &laquo; &raquo;
 185         and we'll try to make them look good cross-browser.
 186 */
 187
 188 .fc-text-arrow {
 189         margin: 0 .1em;
 190         font-size: 2em;
 191         font-family: "Courier New", Courier, monospace;
 192         vertical-align: baseline; /* for IE7 */
 193         }
 194
 195 .fc-button-prev .fc-text-arrow,
 196 .fc-button-next .fc-text-arrow { /* for &lsaquo; &rsaquo; */
 197         font-weight: bold;
 198         }
 199
 200 /* icon (for jquery ui) */
 201
 202 .fc-button .fc-icon-wrap {
 203         position: relative;
 204         float: left;
 205         top: 50%;
 206         }
 207
 208 .fc-button .ui-icon {
 209         position: relative;
 210         float: left;
 211         margin-top: -50%;
 212         *margin-top: 0;
 213         *top: -50%;
 214         }
 215
 216 /*
 217   button states
 218   borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
 219 */
 220
 221 .fc-state-default {
 222         background-color: #f5f5f5;
 223         background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
 224         background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
 225         background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
 226         background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
 227         background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
 228         background-repeat: repeat-x;
 229         border-color: #e6e6e6 #e6e6e6 #bfbfbf;
 230         border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 231         color: #333;
 232         text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
 233         box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
 234         }
 235
 236 .fc-state-hover,
 237 .fc-state-down,
 238 .fc-state-active,
 239 .fc-state-disabled {
 240         color: #333333;
 241         background-color: #e6e6e6;
 242         }
 243
 244 .fc-state-hover {
 245         color: #333333;
 246         text-decoration: none;
 247         background-position: 0 -15px;
 248         -webkit-transition: background-position 0.1s linear;
 249            -moz-transition: background-position 0.1s linear;
 250              -o-transition: background-position 0.1s linear;
 251                 transition: background-position 0.1s linear;
 252         }
 253
 254 .fc-state-down,
 255 .fc-state-active {
 256         background-color: #cccccc;
 257         background-image: none;
 258         outline: 0;
 259         box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
 260         }
 261
 262 .fc-state-disabled {
 263         cursor: default;
 264         background-image: none;
 265         opacity: 0.65;
 266         filter: alpha(opacity=65);
 267         box-shadow: none;
 268         }
 269
 270
 271
 272 /* Global Event Styles
 273 ------------------------------------------------------------------------*/
 274
 275 .fc-event-container > * {
 276         z-index: 8;
 277         }
 278
 279 .fc-event-container > .ui-draggable-dragging,
 280 .fc-event-container > .ui-resizable-resizing {
 281         z-index: 9;
 282         }
 283
 284 .fc-event {
 285         border: 1px solid #3a87ad; /* default BORDER color */
 286         background-color: #3a87ad; /* default BACKGROUND color */
 287         color: #fff;               /* default TEXT color */
 288         font-size: .85em;
 289         cursor: default;
 290         }
 291
 292 a.fc-event {
 293         text-decoration: none;
 294         }
 295
 296 a.fc-event,
 297 .fc-event-draggable {
 298         cursor: pointer;
 299         }
 300
 301 .fc-rtl .fc-event {
 302         text-align: right;
 303         }
 304
 305 .fc-event-inner {
 306         width: 100%;
 307         height: 100%;
 308         overflow: hidden;
 309         }
 310
 311 .fc-event-time,
 312 .fc-event-title {
 313         padding: 0 1px;
 314         overflow: hidden;
 315         white-space: nowrap;
 316         }
 317
 318 .fc .ui-resizable-handle {
 319         display: block;
 320         position: absolute;
 321         z-index: 99999;
 322         overflow: hidden; /* hacky spaces (IE6/7) */
 323         font-size: 300%;  /* */
 324         line-height: 50%; /* */
 325         }
 326
 327
 328
 329 /* Horizontal Events
 330 ------------------------------------------------------------------------*/
 331
 332 .fc-event-hori {
 333         border-width: 1px 0;
 334         margin-bottom: 1px;
 335         }
 336
 337 .fc-ltr .fc-event-hori.fc-event-start,
 338 .fc-rtl .fc-event-hori.fc-event-end {
 339         border-left-width: 1px;
 340         border-top-left-radius: 3px;
 341         border-bottom-left-radius: 3px;
 342         }
 343
 344 .fc-ltr .fc-event-hori.fc-event-end,
 345 .fc-rtl .fc-event-hori.fc-event-start {
 346         border-right-width: 1px;
 347         border-top-right-radius: 3px;
 348         border-bottom-right-radius: 3px;
 349         }
 350
 351 /* resizable */
 352
 353 .fc-event-hori .ui-resizable-e {
 354         top: 0           !important; /* importants override pre jquery ui 1.7 styles */
 355         right: -3px      !important;
 356         width: 7px       !important;
 357         height: 100%     !important;
 358         cursor: e-resize;
 359         }
 360
 361 .fc-event-hori .ui-resizable-w {
 362         top: 0           !important;
 363         left: -3px       !important;
 364         width: 7px       !important;
 365         height: 100%     !important;
 366         cursor: w-resize;
 367         }
 368
 369 .fc-event-hori .ui-resizable-handle {
 370         _padding-bottom: 14px; /* IE6 had 0 height */
 371         }
 372
 373
 374
 375 /* Reusable Separate-border Table
 376 ------------------------------------------------------------*/
 377
 378 table.fc-border-separate {
 379         border-collapse: separate;
 380         }
 381
 382 .fc-border-separate th,
 383 .fc-border-separate td {
 384         border-width: 1px 0 0 1px;
 385         }
 386
 387 .fc-border-separate th.fc-last,
 388 .fc-border-separate td.fc-last {
 389         border-right-width: 1px;
 390         }
 391
 392 .fc-border-separate tr.fc-last th,
 393 .fc-border-separate tr.fc-last td {
 394         border-bottom-width: 1px;
 395         }
 396
 397 .fc-border-separate tbody tr.fc-first td,
 398 .fc-border-separate tbody tr.fc-first th {
 399         border-top-width: 0;
 400         }
 401
 402
 403
 404 /* Month View, Basic Week View, Basic Day View
 405 ------------------------------------------------------------------------*/
 406
 407 .fc-grid th {
 408         text-align: center;
 409         }
 410
 411 .fc .fc-week-number {
 412         width: 22px;
 413         text-align: center;
 414         }
 415
 416 .fc .fc-week-number div {
 417         padding: 0 2px;
 418         }
 419
 420 .fc-grid .fc-day-number {
 421         float: right;
 422         padding: 0 2px;
 423         }
 424
 425 .fc-grid .fc-other-month .fc-day-number {
 426         opacity: 0.3;
 427         filter: alpha(opacity=30); /* for IE */
 428         /* opacity with small font can sometimes look too faded
 429            might want to set the 'color' property instead
 430            making day-numbers bold also fixes the problem */
 431         }
 432
 433 .fc-grid .fc-day-content {
 434         clear: both;
 435         padding: 2px 2px 1px; /* distance between events and day edges */
 436         }
 437
 438 /* event styles */
 439
 440 .fc-grid .fc-event-time {
 441         font-weight: bold;
 442         }
 443
 444 /* right-to-left */
 445
 446 .fc-rtl .fc-grid .fc-day-number {
 447         float: left;
 448         }
 449
 450 .fc-rtl .fc-grid .fc-event-time {
 451         float: right;
 452         }
 453
 454
 455
 456 /* Agenda Week View, Agenda Day View
 457 ------------------------------------------------------------------------*/
 458
 459 .fc-agenda table {
 460         border-collapse: separate;
 461         }
 462
 463 .fc-agenda-days th {
 464         text-align: center;
 465         }
 466
 467 .fc-agenda .fc-agenda-axis {
 468         width: 50px;
 469         padding: 0 4px;
 470         vertical-align: middle;
 471         text-align: right;
 472         white-space: nowrap;
 473         font-weight: normal;
 474         }
 475
 476 .fc-agenda .fc-week-number {
 477         font-weight: bold;
 478         }
 479
 480 .fc-agenda .fc-day-content {
 481         padding: 2px 2px 1px;
 482         }
 483
 484 /* make axis border take precedence */
 485
 486 .fc-agenda-days .fc-agenda-axis {
 487         border-right-width: 1px;
 488         }
 489
 490 .fc-agenda-days .fc-col0 {
 491         border-left-width: 0;
 492         }
 493
 494 /* all-day area */
 495
 496 .fc-agenda-allday th {
 497         border-width: 0 1px;
 498         }
 499
 500 .fc-agenda-allday .fc-day-content {
 501         min-height: 34px; /* TODO: doesnt work well in quirksmode */
 502         _height: 34px;
 503         }
 504
 505 /* divider (between all-day and slots) */
 506
 507 .fc-agenda-divider-inner {
 508         height: 2px;
 509         overflow: hidden;
 510         }
 511
 512 .fc-widget-header .fc-agenda-divider-inner {
 513         background: #eee;
 514         }
 515
 516 /* slot rows */
 517
 518 .fc-agenda-slots th {
 519         border-width: 1px 1px 0;
 520         }
 521
 522 .fc-agenda-slots td {
 523         border-width: 1px 0 0;
 524         background: none;
 525         }
 526
 527 .fc-agenda-slots td div {
 528         height: 20px;
 529         }
 530
 531 .fc-agenda-slots tr.fc-slot0 th,
 532 .fc-agenda-slots tr.fc-slot0 td {
 533         border-top-width: 0;
 534         }
 535
 536 .fc-agenda-slots tr.fc-minor th,
 537 .fc-agenda-slots tr.fc-minor td {
 538         border-top-style: dotted;
 539         }
 540
 541 .fc-agenda-slots tr.fc-minor th.ui-widget-header {
 542         *border-top-style: solid; /* doesn't work with background in IE6/7 */
 543         }
 544
 545
 546
 547 /* Vertical Events
 548 ------------------------------------------------------------------------*/
 549
 550 .fc-event-vert {
 551         border-width: 0 1px;
 552         }
 553
 554 .fc-event-vert.fc-event-start {
 555         border-top-width: 1px;
 556         border-top-left-radius: 3px;
 557         border-top-right-radius: 3px;
 558         }
 559
 560 .fc-event-vert.fc-event-end {
 561         border-bottom-width: 1px;
 562         border-bottom-left-radius: 3px;
 563         border-bottom-right-radius: 3px;
 564         }
 565
 566 .fc-event-vert .fc-event-time {
 567         white-space: nowrap;
 568         font-size: 10px;
 569         }
 570
 571 .fc-event-vert .fc-event-inner {
 572         position: relative;
 573         z-index: 2;
 574         }
 575
 576 .fc-event-vert .fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay  */
 577         position: absolute;
 578         z-index: 1;
 579         top: 0;
 580         left: 0;
 581         width: 100%;
 582         height: 100%;
 583         background: #fff;
 584         opacity: .25;
 585         filter: alpha(opacity=25);
 586         }
 587
 588 .fc .ui-draggable-dragging .fc-event-bg, /* TODO: something nicer like .fc-opacity */
 589 .fc-select-helper .fc-event-bg {
 590         display: none\9; /* for IE6/7/8. nested opacity filters while dragging don't work */
 591         }
 592
 593 /* resizable */
 594
 595 .fc-event-vert .ui-resizable-s {
 596         bottom: 0        !important; /* importants override pre jquery ui 1.7 styles */
 597         width: 100%      !important;
 598         height: 8px      !important;
 599         overflow: hidden !important;
 600         line-height: 8px !important;
 601         font-size: 11px  !important;
 602         font-family: monospace;
 603         text-align: center;
 604         cursor: s-resize;
 605         }
 606
 607 .fc-agenda .ui-resizable-resizing { /* TODO: better selector */
 608         _overflow: hidden;
 609         }
 610
 611
 612
 613 /* -- checkbox.css ---- */
 614 /*
 615  *
 616  * From https://github.com/flatlogic/awesome-bootstrap-checkbox
 617  *
 618  */
 619 .checkbox label {
 620     display: inline-block;
 621     position: relative;
 622     padding-left: 5px;
 623     -webkit-touch-callout: none;
 624     -webkit-user-select: none;
 625     -khtml-user-select: none;
 626     -moz-user-select: none;
 627     -ms-user-select: none;
 628     user-select: none;
 629 }
 630 .checkbox label::before {
 631     content: "";
 632     display: inline-block;
 633     position: absolute;
 634     width: 17px;
 635     height: 17px;
 636     left: 0;
 637     margin-left: -20px;
 638     border: 1px solid #cccccc;
 639     border-radius: 3px;
 640     background-color: #fff;
 641     -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
 642     -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
 643     transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
 644 .checkbox label::after {
 645     display: inline-block;
 646     position: absolute;
 647     width: 16px;
 648     height: 16px;
 649     left: 0;
 650     top: 0;
 651     margin-left: -20px;
 652     padding-left: 3px;
 653     padding-top: 1px;
 654     font-size: 11px;
 655     color: #555555; }
 656 .checkbox input[type="checkbox"] {
 657     display: none; }
 658 .checkbox input[type="checkbox"]:checked + label::after {
 659     font-family: 'FontAwesome';
 660     content: "\f00c"; }
 661 .checkbox input[type="checkbox"]:disabled + label {
 662     opacity: 0.65; }
 663 .checkbox input[type="checkbox"]:disabled + label::before {
 664     background-color: #eeeeee;
 665     cursor: not-allowed; }
 666 .checkbox.checkbox-circle label::before {
 667     border-radius: 50%; }
 668
 669 .checkbox-primary input[type="checkbox"]:checked + label::before {
 670     background-color: #428bca;
 671     border-color: #428bca; }
 672 .checkbox-primary input[type="checkbox"]:checked + label::after {
 673     color: #fff; }
 674
 675 .checkbox-danger input[type="checkbox"]:checked + label::before {
 676     background-color: #d9534f;
 677     border-color: #d9534f; }
 678 .checkbox-danger input[type="checkbox"]:checked + label::after {
 679     color: #fff; }
 680
 681 .checkbox-info input[type="checkbox"]:checked + label::before {
 682     background-color: #5bc0de;
 683     border-color: #5bc0de; }
 684 .checkbox-info input[type="checkbox"]:checked + label::after {
 685     color: #fff; }
 686
 687 .checkbox-warning input[type="checkbox"]:checked + label::before {
 688     background-color: #f0ad4e;
 689     border-color: #f0ad4e; }
 690 .checkbox-warning input[type="checkbox"]:checked + label::after {
 691     color: #fff; }
 692
 693 .checkbox-success input[type="checkbox"]:checked + label::before {
 694     background-color: #5cb85c;
 695     border-color: #5cb85c; }
 696 .checkbox-success input[type="checkbox"]:checked + label::after {
 697     color: #fff; }
 698
 699 .radio label {
 700     display: inline-block;
 701     position: relative;
 702     padding-left: 5px; }
 703 .radio label::before {
 704     content: "";
 705     display: inline-block;
 706     position: absolute;
 707     width: 17px;
 708     height: 17px;
 709     left: 0;
 710     margin-left: -20px;
 711     border: 1px solid #cccccc;
 712     border-radius: 50%;
 713     background-color: #fff;
 714     -webkit-transition: border 0.15s ease-in-out;
 715     -o-transition: border 0.15s ease-in-out;
 716     transition: border 0.15s ease-in-out; }
 717 .radio label::after {
 718     display: inline-block;
 719     position: absolute;
 720     content: " ";
 721     width: 11px;
 722     height: 11px;
 723     left: 3px;
 724     top: 3px;
 725     margin-left: -20px;
 726     border-radius: 50%;
 727     background-color: #555555;
 728     -webkit-transform: scale(0, 0);
 729     -ms-transform: scale(0, 0);
 730     -o-transform: scale(0, 0);
 731     transform: scale(0, 0);
 732     -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
 733     -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
 734     -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
 735     transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
 736 .radio input[type="radio"] {
 737     display: none; }
 738 .radio input[type="radio"]:checked + label::after {
 739     -webkit-transform: scale(1, 1);
 740     -ms-transform: scale(1, 1);
 741     -o-transform: scale(1, 1);
 742     transform: scale(1, 1); }
 743 .radio input[type="radio"]:disabled + label {
 744     opacity: 0.65; }
 745 .radio input[type="radio"]:disabled + label::before {
 746     cursor: not-allowed; }
 747
 748 .radio-primary input[type="radio"] + label::after {
 749     background-color: #428bca; }
 750 .radio-primary input[type="radio"]:checked + label::before {
 751     border-color: #428bca; }
 752 .radio-primary input[type="radio"]:checked + label::after {
 753     background-color: #428bca; }
 754
 755 .radio-danger input[type="radio"] + label::after {
 756     background-color: #d9534f; }
 757 .radio-danger input[type="radio"]:checked + label::before {
 758     border-color: #d9534f; }
 759 .radio-danger input[type="radio"]:checked + label::after {
 760     background-color: #d9534f; }
 761
 762 .radio-info input[type="radio"] + label::after {
 763     background-color: #5bc0de; }
 764 .radio-info input[type="radio"]:checked + label::before {
 765     border-color: #5bc0de; }
 766 .radio-info input[type="radio"]:checked + label::after {
 767     background-color: #5bc0de; }
 768
 769 .radio-warning input[type="radio"] + label::after {
 770     background-color: #f0ad4e; }
 771 .radio-warning input[type="radio"]:checked + label::before {
 772     border-color: #f0ad4e; }
 773 .radio-warning input[type="radio"]:checked + label::after {
 774     background-color: #f0ad4e; }
 775
 776 .radio-success input[type="radio"] + label::after {
 777     background-color: #5cb85c; }
 778 .radio-success input[type="radio"]:checked + label::before {
 779     border-color: #5cb85c; }
 780 .radio-success input[type="radio"]:checked + label::after {
 781     background-color: #5cb85c; }
 782 /* -- combobox.css ---- */
 783 // from https://github.com/danielfarrell/bootstrap-combobox
 784
 785
 786 .combobox-container {
 787   margin-bottom: 5px;
 788   *zoom: 1;
 789   display: inline-table;
 790 }
 791 .combobox-container:before,
 792 .combobox-container:after {
 793   display: table;
 794   content: "";
 795 }
 796 .combobox-container:after {
 797   /* clear: both; */
 798 }
 799 .combobox-container input,
 800 .combobox-container .uneditable-input {
 801   -webkit-border-radius: 0 3px 3px 0;
 802   -moz-border-radius: 0 3px 3px 0;
 803   border-radius: 0 3px 3px 0;
 804 }
 805 .combobox-container input:focus,
 806 .combobox-container .uneditable-input:focus {
 807   position: relative;
 808   z-index: 2;
 809 }
 810 .combobox-container .uneditable-input {
 811   border-left-color: #ccc;
 812 }
 813 .combobox-container .add-on {
 814   float: left;
 815   display: inline-block;
 816   width: auto;
 817   min-width: 16px;
 818   height: inherit !important;
 819   margin-right: -1px;
 820   padding: 4px 5px;
 821   font-weight: normal;
 822   color: #999999;
 823   text-align: center;
 824   text-shadow: 0 1px 0 #ffffff;
 825   background-color: #f5f5f5;
 826   border: 1px solid #ccc;
 827   -webkit-border-radius: 3px 0 0 3px;
 828   -moz-border-radius: 3px 0 0 3px;
 829   border-radius: 3px 0 0 3px;
 830
 831 }
 832 .combobox-container .active {
 833   background-color: #3875d7;
 834   color: #fff;
 835 }
 836 .combobox-container input,
 837 .combobox-container .uneditable-input {
 838   float: left;
 839   -webkit-border-radius: 3px 0 0 3px;
 840   -moz-border-radius: 3px 0 0 3px;
 841   border-radius: 3px 0 0 3px;
 842 }
 843 .combobox-container .uneditable-input {
 844   border-left-color: #eee;
 845   border-right-color: #ccc;
 846 }
 847 .combobox-container .add-on {
 848   margin-right: 0;
 849   margin-left: -1px;
 850   -webkit-border-radius: 0 3px 3px 0;
 851   -moz-border-radius: 0 3px 3px 0;
 852   border-radius: 0 3px 3px 0;
 853 }
 854 .combobox-container input:first-child {
 855   *margin-left: -160px;
 856 }
 857 .combobox-container input:first-child + .add-on {
 858   *margin-left: -21px;
 859 }
 860 .combobox-container select {
 861   display: inline-block;
 862   width: 0;
 863   height: 0;
 864   border: 0;
 865   padding: 0;
 866   margin: 0;
 867   text-indent: -99999px;
 868   *text-indent: 0;
 869 }
 870 .form-search .combobox-container,
 871 .form-inline .combobox-container {
 872   display: inline-block;
 873   margin-bottom: 0;
 874   vertical-align: top;
 875 }
 876 .form-search .combobox-container .add-on,
 877 .form-inline .combobox-container .add-on {
 878   vertical-align: middle;
 879 }
 880 .combobox-selected .combobox-clear {
 881   display: inline-block;
 882 }
 883 .combobox-selected .caret {
 884   display: none;
 885 }
 886 .combobox-clear {
 887   display: none;
 888   width: 14px;
 889   height: 14px;
 890   line-height: 14px;
 891   vertical-align: top;
 892   opacity: 0.3;
 893   filter: alpha(opacity=30);
 894 }
 895 .dropdown:hover .combobox-clear,
 896 .open.dropdown .combobox-clear {
 897   opacity: 1;
 898   filter: alpha(opacity=100);
 899 }
 900 .btn .combobox-clear {
 901   margin-top: 1px;
 902   margin-left: 1px;
 903 }
 904 .btn:hover .combobox-clear,
 905 .open.btn-group .combobox-clear {
 906   opacity: 1;
 907   filter: alpha(opacity=100);
 908 }
 909 .typeahead-long {
 910   max-height: 300px;
 911   overflow-y: auto;
 912 }
 913 .control-group.error .combobox-container .add-on {
 914   color: #B94A48;
 915   border-color: #B94A48;
 916 }
 917 .control-group.error .combobox-container .caret {
 918   border-top-color: #B94A48;
 919 }
 920 .control-group.warning .combobox-container .add-on {
 921   color: #C09853;
 922   border-color: #C09853;
 923 }
 924 .control-group.warning .combobox-container .caret {
 925   border-top-color: #C09853;
 926 }
 927 .control-group.success .combobox-container .add-on {
 928   color: #468847;
 929   border-color: #468847;
 930 }
 931 .control-group.success .combobox-container .caret {
 932   border-top-color: #468847;
 933 }
 934 .btn .combobox-clear [class^="icon-"] {
 935   line-height: 1.4em;
 936 }
 937 .combobox-container .dropdown-menu {
 938     border-radius: 0;
 939     padding: 0;
 940     border: 1px solid #66afe9;
 941     border-top: none;
 942
 943 }
 944
 945 .select2-container .dropdown-menu {
 946     border: 1px solid #5897fb;
 947 }
 948
 949 .dropdown-menu .active {
 950     background: #3875d7;
 951     color: #fff;
 952 }
 953
 954 .dropdown-menu .select2-result {
 955     padding: 3px 7px 4px;
 956     margin: 0;
 957     cursor: pointer;
 958     min-height: 1em;
 959     -webkit-touch-callout: none;
 960     -webkit-user-select: none;
 961     -moz-user-select: none;
 962     -ms-user-select: none;
 963     user-select: none;
 964 }
 965
 966 .select2-container,
 967 .select2-choices .select2-search-field{
 968     width: 100%
 969 }
 970 .select2-container .x-combo-noedit {
 971    cursor: pointer;
 972    background-color: #fff;
 973
 974 }
 975 .select2-container .x-combo-noedit[disabled] {
 976    cursor: not-allowed;
 977    background-color: #eee;
 978
 979 }
 980 /* -- datepicker.css ---- */
 981 /*!
 982  * Datepicker for Bootstrap
 983  *
 984  * Copyright 2012 Stefan Petre
 985  * Improvements by Andrew Rowls
 986  * Licensed under the Apache License v2.0
 987  * http://www.apache.org/licenses/LICENSE-2.0
 988  *
 989  */
 990 .datepicker {
 991   padding: 8px 12px;
 992   margin-top: 1px;
 993   -webkit-border-radius: 4px;
 994   -moz-border-radius: 4px;
 995   border-radius: 4px;
 996   direction: ltr;
 997   font-size: 13px;
 998   /*.dow {
 999                 border-top: 1px solid #ddd !important;
1000         }*/
1001
1002 }
1003 .datepicker-inline {
1004   width: 220px;
1005 }
1006 .datepicker.datepicker-rtl {
1007   direction: rtl;
1008 }
1009 .datepicker.datepicker-rtl table tr td span {
1010   float: right;
1011 }
1012 .datepicker-dropdown {
1013   top: 0;
1014   left: 0;
1015 }
1016 /*.datepicker-dropdown:before {
1017   content: '';
1018   display: inline-block;
1019   border-left: 7px solid transparent;
1020   border-right: 7px solid transparent;
1021   border-bottom: 7px solid #ccc;
1022   border-bottom-color: rgba(0, 0, 0, 0.2);
1023   position: absolute;
1024   top: -7px;
1025   left: 6px;
1026 }
1027 .datepicker-dropdown:after {
1028   content: '';
1029   display: inline-block;
1030   border-left: 6px solid transparent;
1031   border-right: 6px solid transparent;
1032   border-bottom: 6px solid #ffffff;
1033   position: absolute;
1034   top: -6px;
1035   left: 7px;
1036 }*/
1037
1038 .datepicker-dropdown.bottom:before {
1039   content: '';
1040   display: inline-block;
1041   border-left: 7px solid transparent;
1042   border-right: 7px solid transparent;
1043   border-bottom: 7px solid #ccc;
1044   border-bottom-color: rgba(0, 0, 0, 0.2);
1045   position: absolute;
1046   top: -7px;
1047   left: 7px;
1048 }
1049 .datepicker-dropdown.bottom:after {
1050   content: '';
1051   display: inline-block;
1052   border-left: 6px solid transparent;
1053   border-right: 6px solid transparent;
1054   border-bottom: 6px solid white;
1055   position: absolute;
1056   top: -6px;
1057   left: 8px;
1058 }
1059 .datepicker-dropdown.top:before {
1060   content: '';
1061   display: inline-block;
1062   border-left: 7px solid transparent;
1063   border-right: 7px solid transparent;
1064   border-top: 7px solid #ccc;
1065   border-top-color: rgba(0, 0, 0, 0.2);
1066   position: absolute;
1067   bottom: -7px;
1068   left: 6px;
1069 }
1070
1071 .datepicker-dropdown.top:after {
1072   content: '';
1073   display: inline-block;
1074   border-left: 6px solid transparent;
1075   border-right: 6px solid transparent;
1076   border-top: 6px solid white;
1077   position: absolute;
1078   bottom: -6px;
1079   left: 7px;
1080 }
1081
1082 .datepicker-dropdown.bottom-right:before {
1083   content: '';
1084   display: inline-block;
1085   border-left: 7px solid transparent;
1086   border-right: 7px solid transparent;
1087   border-bottom: 7px solid #ccc;
1088   border-bottom-color: rgba(0, 0, 0, 0.2);
1089   position: absolute;
1090   top: -7px;
1091   left: 7px;
1092 }
1093 .datepicker-dropdown.bottom-right:after {
1094   content: '';
1095   display: inline-block;
1096   border-left: 6px solid transparent;
1097   border-right: 6px solid transparent;
1098   border-bottom: 6px solid white;
1099   position: absolute;
1100   top: -6px;
1101   left: 8px;
1102 }
1103
1104 .datepicker-dropdown.bottom-left:before {
1105   content: '';
1106   display: inline-block;
1107   border-left: 7px solid transparent;
1108   border-right: 7px solid transparent;
1109   border-bottom: 7px solid #ccc;
1110   border-bottom-color: rgba(0, 0, 0, 0.2);
1111   position: absolute;
1112   top: -7px;
1113   left: 260px;
1114 }
1115 .datepicker-dropdown.bottom-left:after {
1116   content: '';
1117   display: inline-block;
1118   border-left: 6px solid transparent;
1119   border-right: 6px solid transparent;
1120   border-bottom: 6px solid white;
1121   position: absolute;
1122   top: -6px;
1123   left: 261px;
1124 }
1125
1126 .datepicker-dropdown.top-right:before {
1127   content: '';
1128   display: inline-block;
1129   border-left: 7px solid transparent;
1130   border-right: 7px solid transparent;
1131   border-top: 7px solid #ccc;
1132   border-top-color: rgba(0, 0, 0, 0.2);
1133   position: absolute;
1134   bottom: -7px;
1135   left: 6px;
1136 }
1137
1138 .datepicker-dropdown.top-right:after {
1139   content: '';
1140   display: inline-block;
1141   border-left: 6px solid transparent;
1142   border-right: 6px solid transparent;
1143   border-top: 6px solid white;
1144   position: absolute;
1145   bottom: -6px;
1146   left: 7px;
1147 }
1148
1149 .datepicker-dropdown.top-left:before {
1150   content: '';
1151   display: inline-block;
1152   border-left: 7px solid transparent;
1153   border-right: 7px solid transparent;
1154   border-top: 7px solid #ccc;
1155   border-top-color: rgba(0, 0, 0, 0.2);
1156   position: absolute;
1157   bottom: -7px;
1158   left: 260px;
1159 }
1160
1161 .datepicker-dropdown.top-left:after {
1162   content: '';
1163   display: inline-block;
1164   border-left: 6px solid transparent;
1165   border-right: 6px solid transparent;
1166   border-top: 6px solid white;
1167   position: absolute;
1168   bottom: -6px;
1169   left: 261px;
1170 }
1171
1172 .datepicker > div {
1173   display: none;
1174 }
1175 .datepicker.days div.datepicker-days {
1176   display: block;
1177 }
1178 .datepicker.months div.datepicker-months {
1179   display: block;
1180 }
1181 .datepicker.years div.datepicker-years {
1182   display: block;
1183 }
1184 .datepicker table {
1185   margin: 0;
1186 }
1187 .datepicker td,
1188 .datepicker th {
1189   text-align: center;
1190   width: 20px;
1191   height: 20px;
1192   -webkit-border-radius: 4px;
1193   -moz-border-radius: 4px;
1194   border-radius: 4px;
1195   border: none;
1196 }
1197 .table-striped .datepicker table tr td,
1198 .table-striped .datepicker table tr th {
1199   background-color: transparent;
1200 }
1201 .datepicker table tr td.day:hover {
1202   background: #eeeeee;
1203   cursor: pointer;
1204 }
1205 .datepicker table tr td.old,
1206 .datepicker table tr td.new {
1207   color: #999999;
1208 }
1209 .datepicker table tr td.disabled,
1210 .datepicker table tr td.disabled:hover {
1211   background: none;
1212   color: #999999;
1213   cursor: default;
1214 }
1215 .datepicker table tr td.today,
1216 .datepicker table tr td.today:hover,
1217 .datepicker table tr td.today.disabled,
1218 .datepicker table tr td.today.disabled:hover {
1219   background-color: #fde19a;
1220   background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
1221   background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
1222   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
1223   background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
1224   background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
1225   background-image: linear-gradient(top, #fdd49a, #fdf59a);
1226   background-repeat: repeat-x;
1227   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
1228   border-color: #fdf59a #fdf59a #fbed50;
1229   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1230   filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
1231 }
1232 .datepicker table tr td.today:hover,
1233 .datepicker table tr td.today:hover:hover,
1234 .datepicker table tr td.today.disabled:hover,
1235 .datepicker table tr td.today.disabled:hover:hover,
1236 .datepicker table tr td.today:active,
1237 .datepicker table tr td.today:hover:active,
1238 .datepicker table tr td.today.disabled:active,
1239 .datepicker table tr td.today.disabled:hover:active,
1240 .datepicker table tr td.today.active,
1241 .datepicker table tr td.today:hover.active,
1242 .datepicker table tr td.today.disabled.active,
1243 .datepicker table tr td.today.disabled:hover.active,
1244 .datepicker table tr td.today.disabled,
1245 .datepicker table tr td.today:hover.disabled,
1246 .datepicker table tr td.today.disabled.disabled,
1247 .datepicker table tr td.today.disabled:hover.disabled,
1248 .datepicker table tr td.today[disabled],
1249 .datepicker table tr td.today:hover[disabled],
1250 .datepicker table tr td.today.disabled[disabled],
1251 .datepicker table tr td.today.disabled:hover[disabled] {
1252   background-color: #fdf59a;
1253 }
1254 .datepicker table tr td.today:active,
1255 .datepicker table tr td.today:hover:active,
1256 .datepicker table tr td.today.disabled:active,
1257 .datepicker table tr td.today.disabled:hover:active,
1258 .datepicker table tr td.today.active,
1259 .datepicker table tr td.today:hover.active,
1260 .datepicker table tr td.today.disabled.active,
1261 .datepicker table tr td.today.disabled:hover.active {
1262   background-color: #fbf069 \9;
1263 }
1264 .datepicker table tr td.active,
1265 .datepicker table tr td.active:hover,
1266 .datepicker table tr td.active.disabled,
1267 .datepicker table tr td.active.disabled:hover {
1268   background-color: #006dcc;
1269   background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
1270   background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
1271   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
1272   background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
1273   background-image: -o-linear-gradient(top, #0088cc, #0044cc);
1274   background-image: linear-gradient(top, #0088cc, #0044cc);
1275   background-repeat: repeat-x;
1276   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
1277   border-color: #0044cc #0044cc #002a80;
1278   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1279   filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
1280   color: #fff;
1281   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1282 }
1283 .datepicker table tr td.active:hover,
1284 .datepicker table tr td.active:hover:hover,
1285 .datepicker table tr td.active.disabled:hover,
1286 .datepicker table tr td.active.disabled:hover:hover,
1287 .datepicker table tr td.active:active,
1288 .datepicker table tr td.active:hover:active,
1289 .datepicker table tr td.active.disabled:active,
1290 .datepicker table tr td.active.disabled:hover:active,
1291 .datepicker table tr td.active.active,
1292 .datepicker table tr td.active:hover.active,
1293 .datepicker table tr td.active.disabled.active,
1294 .datepicker table tr td.active.disabled:hover.active,
1295 .datepicker table tr td.active.disabled,
1296 .datepicker table tr td.active:hover.disabled,
1297 .datepicker table tr td.active.disabled.disabled,
1298 .datepicker table tr td.active.disabled:hover.disabled,
1299 .datepicker table tr td.active[disabled],
1300 .datepicker table tr td.active:hover[disabled],
1301 .datepicker table tr td.active.disabled[disabled],
1302 .datepicker table tr td.active.disabled:hover[disabled] {
1303   background-color: #0044cc;
1304 }
1305 .datepicker table tr td.active:active,
1306 .datepicker table tr td.active:hover:active,
1307 .datepicker table tr td.active.disabled:active,
1308 .datepicker table tr td.active.disabled:hover:active,
1309 .datepicker table tr td.active.active,
1310 .datepicker table tr td.active:hover.active,
1311 .datepicker table tr td.active.disabled.active,
1312 .datepicker table tr td.active.disabled:hover.active {
1313   background-color: #003399 \9;
1314 }
1315 .datepicker table tr td span {
1316   display: block;
1317   width: 23%;
1318   height: 54px;
1319   line-height: 54px;
1320   float: left;
1321   margin: 1%;
1322   cursor: pointer;
1323   -webkit-border-radius: 4px;
1324   -moz-border-radius: 4px;
1325   border-radius: 4px;
1326 }
1327 .datepicker table tr td span:hover {
1328   background: #eeeeee;
1329 }
1330 .datepicker table tr td span.disabled,
1331 .datepicker table tr td span.disabled:hover {
1332   background: none;
1333   color: #999999;
1334   cursor: default;
1335 }
1336 .datepicker table tr td span.active,
1337 .datepicker table tr td span.active:hover,
1338 .datepicker table tr td span.active.disabled,
1339 .datepicker table tr td span.active.disabled:hover {
1340   background-color: #006dcc;
1341   background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
1342   background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
1343   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
1344   background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
1345   background-image: -o-linear-gradient(top, #0088cc, #0044cc);
1346   background-image: linear-gradient(top, #0088cc, #0044cc);
1347   background-repeat: repeat-x;
1348   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
1349   border-color: #0044cc #0044cc #002a80;
1350   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1351   filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
1352   color: #fff;
1353   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1354 }
1355 .datepicker table tr td span.active:hover,
1356 .datepicker table tr td span.active:hover:hover,
1357 .datepicker table tr td span.active.disabled:hover,
1358 .datepicker table tr td span.active.disabled:hover:hover,
1359 .datepicker table tr td span.active:active,
1360 .datepicker table tr td span.active:hover:active,
1361 .datepicker table tr td span.active.disabled:active,
1362 .datepicker table tr td span.active.disabled:hover:active,
1363 .datepicker table tr td span.active.active,
1364 .datepicker table tr td span.active:hover.active,
1365 .datepicker table tr td span.active.disabled.active,
1366 .datepicker table tr td span.active.disabled:hover.active,
1367 .datepicker table tr td span.active.disabled,
1368 .datepicker table tr td span.active:hover.disabled,
1369 .datepicker table tr td span.active.disabled.disabled,
1370 .datepicker table tr td span.active.disabled:hover.disabled,
1371 .datepicker table tr td span.active[disabled],
1372 .datepicker table tr td span.active:hover[disabled],
1373 .datepicker table tr td span.active.disabled[disabled],
1374 .datepicker table tr td span.active.disabled:hover[disabled] {
1375   background-color: #0044cc;
1376 }
1377 .datepicker table tr td span.active:active,
1378 .datepicker table tr td span.active:hover:active,
1379 .datepicker table tr td span.active.disabled:active,
1380 .datepicker table tr td span.active.disabled:hover:active,
1381 .datepicker table tr td span.active.active,
1382 .datepicker table tr td span.active:hover.active,
1383 .datepicker table tr td span.active.disabled.active,
1384 .datepicker table tr td span.active.disabled:hover.active {
1385   background-color: #003399 \9;
1386 }
1387 .datepicker table tr td span.old {
1388   color: #999999;
1389 }
1390 .datepicker th.switch {
1391   width: 145px;
1392 }
1393 .datepicker thead tr:first-child th,
1394 .datepicker tfoot tr:first-child th {
1395   cursor: pointer;
1396 }
1397 .datepicker thead tr:first-child th:hover,
1398 .datepicker tfoot tr:first-child th:hover {
1399   background: #eeeeee;
1400 }
1401 .datepicker .cw {
1402   font-size: 10px;
1403   width: 12px;
1404   padding: 0 2px 0 5px;
1405   vertical-align: middle;
1406 }
1407 .datepicker thead tr:first-child th.cw {
1408   cursor: default;
1409   background-color: transparent;
1410 }
1411 .input-append.date .add-on i,
1412 .input-prepend.date .add-on i {
1413   display: block;
1414   cursor: pointer;
1415   width: 16px;
1416   height: 16px;
1417 }
1418
1419 .datepicker .datepicker-time td span {
1420     display: block;
1421     width: 47px;
1422     height: 54px;
1423     line-height: 54px;
1424     float: left;
1425     margin: 2px;
1426     cursor: pointer;
1427     border-radius: 4px;
1428 }
1429
1430 .datepicker .datepicker-time td span.timepicker-hour,
1431 .datepicker .datepicker-time td span.timepicker-minute {
1432   width: 100%;
1433   font-weight: bold;
1434   font-size: 1.2em;
1435 }
1436
1437
1438 /* -- dropdown.css ---- */
1439 .dropdown-submenu:hover > a,
1440 .dropdown-submenu:focus > a {
1441   color: #ffffff;
1442   text-decoration: none;
1443   background-color: #0081c2;
1444   background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
1445   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
1446   background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
1447   background-image: -o-linear-gradient(top, #0088cc, #0077b3);
1448   background-image: linear-gradient(to bottom, #0088cc, #0077b3);
1449   background-repeat: repeat-x;
1450   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
1451 }
1452
1453 .dropdown-submenu {
1454   position: relative;
1455 }
1456
1457 .dropdown-submenu > .dropdown-menu {
1458   top: 0;
1459   left: 100%;
1460   margin-top: -6px;
1461   margin-left: -1px;
1462   -webkit-border-radius: 0 6px 6px 6px;
1463      -moz-border-radius: 0 6px 6px 6px;
1464           border-radius: 0 6px 6px 6px;
1465 }
1466
1467 .dropdown-submenu:hover > .dropdown-menu {
1468   display: block;
1469 }
1470
1471 .dropup .dropdown-submenu > .dropdown-menu {
1472   top: auto;
1473   bottom: 0;
1474   margin-top: 0;
1475   margin-bottom: -2px;
1476   -webkit-border-radius: 5px 5px 5px 0;
1477      -moz-border-radius: 5px 5px 5px 0;
1478           border-radius: 5px 5px 5px 0;
1479 }
1480
1481 .dropup .dropdown-menu {
1482     -webkit-animation-name: inherit;
1483 }
1484
1485 .dropdown-submenu > a:after {
1486   display: block;
1487   float: right;
1488   width: 0;
1489   height: 0;
1490   margin-top: 5px;
1491   margin-right: -10px;
1492   border-color: transparent;
1493   border-left-color: #cccccc;
1494   border-style: solid;
1495   border-width: 5px 0 5px 5px;
1496   content: " ";
1497 }
1498
1499 .dropdown-submenu:hover > a:after {
1500   border-left-color: #ffffff;
1501 }
1502
1503 .dropdown-submenu.pull-left {
1504   float: none !important;
1505 }
1506
1507 .dropdown-submenu.pull-left > .dropdown-menu {
1508   left: 0;
1509   margin-left: 1px;
1510   -webkit-border-radius: 6px 0 6px 6px;
1511      -moz-border-radius: 6px 0 6px 6px;
1512           border-radius: 6px 0 6px 6px;
1513 }
1514
1515 .dropdown-button > i {
1516     margin-right: 10px;
1517 }
1518
1519 /* -- mask.css ---- */
1520 .roo-el-mask
1521 {
1522         z-index:20000;
1523     position:absolute;
1524     top:0;
1525     left:0;
1526     -moz-opacity: 0.5;
1527     opacity:.50;
1528     filter: alpha(opacity=50);
1529     background-color:#CCC;
1530     width:100%;
1531     height:100%;
1532     zoom:1;
1533 }
1534 .roo-el-mask-msg
1535 {
1536    position: absolute;
1537     z-index:20000;
1538     /*border: 4px double #557; */
1539     background-color: #fff;
1540     padding: 0px 30px;
1541     background-image: url('../images/ux/lightbox/loading.gif');
1542     background-repeat: no-repeat;
1543     border: 10px solid white;
1544     border-radius: 20px
1545
1546 }
1547
1548 .roo-el-mask-msg div
1549 {
1550    font-family: 'Source Sans Pro', sans-serif;
1551     font-size: 24px;
1552     font-weight: 500;
1553     z-index:20001;
1554     padding:4px 15px;
1555     color: #557;
1556
1557 }
1558 .x-body-masked
1559 {
1560         overflow:hidden !important;
1561 }
1562 .x-body-masked select,.ext-masked object,.ext-masked embed
1563 {
1564     visibility:hidden;
1565 }
1566 .x-dlg-mask
1567 {
1568     z-index:10000;
1569     display:none;
1570     position:absolute;
1571     top:0;
1572     left:0;
1573     -moz-opacity: 0.5;
1574     opacity:.50;
1575     filter: alpha(opacity=50);
1576     background-color:#CCC;
1577 }
1578
1579 /* -- modal.css ---- */
1580 /*
1581     Document   : modal
1582     Created on : Apr 23, 2014, 11:24:28 AM
1583     Author     : edward
1584     Description:
1585         Purpose of the stylesheet follows.
1586 */
1587
1588
1589 .modal-md-1,
1590 .modal-md-2,
1591 .modal-md-3,
1592 .modal-md-4,
1593 .modal-md-5,
1594 .modal-md-6,
1595 .modal-md-7,
1596 .modal-md-8,
1597 .modal-md-9,
1598 .modal-md-10,
1599 .modal-md-11,
1600 .modal-md-12 {
1601   float: left;
1602 }
1603
1604 .modal-md-12 .modal-dialog {
1605   width: 100%;
1606   margin: 30 auto;
1607 }
1608 .modal-md-11 .modal-dialog {
1609   width: 91.66666666666666%;
1610   margin: 30 auto;
1611 }
1612 .modal-md-10 .modal-dialog {
1613   width: 83.33333333333334%;
1614   margin: 30 auto;
1615 }
1616 .modal-md-9 .modal-dialog {
1617   width: 75%;
1618   margin: 30 auto;
1619 }
1620 .modal-md-8 .modal-dialog {
1621   width: 66.66666666666666%;
1622   margin: 30 auto;
1623 }
1624 .modal-md-7 .modal-dialog {
1625   width: 58.333333333333336%;
1626   margin: 30 auto;
1627 }
1628 .modal-md-6 .modal-dialog {
1629   width: 50%;
1630   margin: 30 auto;
1631 }
1632 .modal-md-5 .modal-dialog {
1633   width: 41.66666666666667%;
1634   margin: 30 auto;
1635 }
1636 .modal-md-4 .modal-dialog {
1637   width: 33.33333333333333%;
1638   margin: 30 auto;
1639 }
1640 .modal-md-3 .modal-dialog {
1641   width: 25%;
1642   margin: 30 auto;
1643 }
1644 .modal-md-2 .modal-dialog {
1645   width: 16.666666666666664%;
1646   margin: 30 auto;
1647 }
1648 .modal-md-1 .modal-dialog {
1649   width: 8.333333333333332%;
1650   margin: 30 auto;
1651 }
1652 /* -- numberbox.css ---- */
1653 .roo-numberbox{
1654         background-color: #00c0ef !important;
1655         border: 10px solid black;
1656 }
1657
1658 .roo-numberbox h{
1659         font-size: 24px;
1660 }
1661
1662 /* -- select2.css ---- */
1663 /*
1664 Version: 3.4.8 Timestamp: Thu May  1 09:50:32 EDT 2014
1665 */
1666 .select2-container {
1667     margin: 0;
1668     position: relative;
1669     /*display: inline-block;*/
1670     /* inline-block for ie7 */
1671     zoom: 1;
1672     *display: inline;
1673     vertical-align: middle;
1674 }
1675
1676 .select2-container,
1677 .select2-drop,
1678 .select2-search,
1679 .select2-search input {
1680   /*
1681     Force border-box so that % widths fit the parent
1682     container without overlap because of margin/padding.
1683     More Info : http://www.quirksmode.org/css/box.html
1684   */
1685   -webkit-box-sizing: border-box; /* webkit */
1686      -moz-box-sizing: border-box; /* firefox */
1687           box-sizing: border-box; /* css3 */
1688 }
1689
1690 .select2-container .select2-choice {
1691     display: block;
1692     height: 26px;
1693     padding: 0 0 0 8px;
1694     overflow: hidden;
1695     position: relative;
1696
1697     border: 1px solid #aaa;
1698     white-space: nowrap;
1699     line-height: 26px;
1700     color: #444;
1701     text-decoration: none;
1702
1703     border-radius: 4px;
1704
1705     background-clip: padding-box;
1706
1707     -webkit-touch-callout: none;
1708       -webkit-user-select: none;
1709          -moz-user-select: none;
1710           -ms-user-select: none;
1711               user-select: none;
1712
1713     background-color: #fff;
1714     background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
1715     background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
1716     background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
1717     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
1718     background-image: linear-gradient(to top, #eee 0%, #fff 50%);
1719 }
1720
1721 .select2-container.select2-drop-above .select2-choice {
1722     border-bottom-color: #aaa;
1723
1724     border-radius: 0 0 4px 4px;
1725
1726     background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, #fff));
1727     background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%);
1728     background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%);
1729     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
1730     background-image: linear-gradient(to bottom, #eee 0%, #fff 90%);
1731 }
1732
1733 .select2-container.select2-allowclear .select2-choice .select2-chosen {
1734     margin-right: 42px;
1735 }
1736
1737 .select2-container .select2-choice > .select2-chosen {
1738     margin-right: 26px;
1739     display: block;
1740     overflow: hidden;
1741
1742     white-space: nowrap;
1743
1744     text-overflow: ellipsis;
1745     float: none;
1746     width: auto;
1747 }
1748
1749 .select2-container .select2-choice abbr {
1750     display: none;
1751     width: 12px;
1752     height: 12px;
1753     position: absolute;
1754     right: 24px;
1755     top: 8px;
1756
1757     font-size: 1px;
1758     text-decoration: none;
1759
1760     border: 0;
1761     background: url('../images/select2/select2.png') right top no-repeat;
1762     cursor: pointer;
1763     outline: 0;
1764 }
1765
1766 .select2-container.select2-allowclear .select2-choice abbr {
1767     display: inline-block;
1768 }
1769
1770 .select2-container .select2-choice abbr:hover {
1771     background-position: right -11px;
1772     cursor: pointer;
1773 }
1774
1775 .select2-drop-mask {
1776     border: 0;
1777     margin: 0;
1778     padding: 0;
1779     position: fixed;
1780     left: 0;
1781     top: 0;
1782     min-height: 100%;
1783     min-width: 100%;
1784     height: auto;
1785     width: auto;
1786     opacity: 0;
1787     z-index: 9998;
1788     /* styles required for IE to work */
1789     background-color: #fff;
1790     filter: alpha(opacity=0);
1791 }
1792
1793 .select2-drop {
1794     width: 100%;
1795     margin-top: -1px;
1796     position: absolute;
1797     z-index: 9999;
1798     top: 100%;
1799
1800     background: #fff;
1801     color: #000;
1802     border: 1px solid #aaa;
1803     border-top: 0;
1804
1805     border-radius: 0 0 4px 4px;
1806
1807     -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
1808             box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
1809 }
1810
1811 .select2-drop.select2-drop-above {
1812     margin-top: 1px;
1813     border-top: 1px solid #aaa;
1814     border-bottom: 0;
1815
1816     border-radius: 4px 4px 0 0;
1817
1818     -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
1819             box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
1820 }
1821
1822 .select2-drop-active {
1823     border: 1px solid #5897fb;
1824     border-top: none;
1825 }
1826
1827 .select2-drop.select2-drop-above.select2-drop-active {
1828     border-top: 1px solid #5897fb;
1829 }
1830
1831 .select2-drop-auto-width {
1832     border-top: 1px solid #aaa;
1833     width: auto;
1834 }
1835
1836 .select2-drop-auto-width .select2-search {
1837     padding-top: 4px;
1838 }
1839
1840 .select2-container .select2-choice .select2-arrow {
1841     display: inline-block;
1842     width: 18px;
1843     height: 100%;
1844     position: absolute;
1845     right: 0;
1846     top: 0;
1847
1848     border-left: 1px solid #aaa;
1849     border-radius: 0 4px 4px 0;
1850
1851     background-clip: padding-box;
1852
1853     background: #ccc;
1854     background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
1855     background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
1856     background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
1857     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0);
1858     background-image: linear-gradient(to top, #ccc 0%, #eee 60%);
1859 }
1860
1861 .select2-container .select2-choice .select2-arrow b {
1862     display: block;
1863     width: 100%;
1864     height: 100%;
1865     background: url('../images/select2/select2.png') no-repeat 0 1px;
1866 }
1867
1868 .select2-search {
1869     display: inline-block;
1870     width: 100%;
1871     min-height: 26px;
1872     margin: 0;
1873     padding-left: 4px;
1874     padding-right: 4px;
1875
1876     position: relative;
1877     z-index: 10000;
1878
1879     white-space: nowrap;
1880 }
1881
1882 .select2-search input {
1883     width: 100%;
1884     height: auto !important;
1885     min-height: 26px;
1886     padding: 4px 20px 4px 5px;
1887     margin: 0;
1888
1889     outline: 0;
1890     font-family: sans-serif;
1891     font-size: 1em;
1892
1893     border: 1px solid #aaa;
1894     border-radius: 0;
1895
1896     -webkit-box-shadow: none;
1897             box-shadow: none;
1898
1899     background: #fff url('../images/select2/select2.png') no-repeat 100% -22px;
1900     background: url('../images/select2/select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
1901     background: url('../images/select2/select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
1902     background: url('../images/select2/select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
1903     background: url('../images/select2/select2.png') no-repeat 100% -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
1904 }
1905
1906 .select2-drop.select2-drop-above .select2-search input {
1907     margin-top: 4px;
1908 }
1909
1910 .select2-search input.select2-active {
1911     background: #fff url('../images/select2/select2-spinner.gif') no-repeat 100%;
1912     background: url('../images/select2/select2-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
1913     background: url('../images/select2/select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
1914     background: url('../images/select2/select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
1915     background: url('../images/select2/select2-spinner.gif') no-repeat 100%, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
1916 }
1917
1918 .select2-container-active .select2-choice,
1919 .select2-container-active .select2-choices {
1920     border: 1px solid #5897fb;
1921     outline: none;
1922
1923     -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
1924             box-shadow: 0 0 5px rgba(0, 0, 0, .3);
1925 }
1926
1927 .select2-dropdown-open .select2-choice {
1928     border-bottom-color: transparent;
1929     -webkit-box-shadow: 0 1px 0 #fff inset;
1930             box-shadow: 0 1px 0 #fff inset;
1931
1932     border-bottom-left-radius: 0;
1933     border-bottom-right-radius: 0;
1934
1935     background-color: #eee;
1936     background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #eee));
1937     background-image: -webkit-linear-gradient(center bottom, #fff 0%, #eee 50%);
1938     background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%);
1939     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
1940     background-image: linear-gradient(to top, #fff 0%, #eee 50%);
1941 }
1942
1943 .select2-dropdown-open.select2-drop-above .select2-choice,
1944 .select2-dropdown-open.select2-drop-above .select2-choices {
1945     border: 1px solid #5897fb;
1946     border-top-color: transparent;
1947
1948     background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #eee));
1949     background-image: -webkit-linear-gradient(center top, #fff 0%, #eee 50%);
1950     background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%);
1951     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
1952     background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
1953 }
1954
1955 .select2-dropdown-open .select2-choice .select2-arrow {
1956     background: transparent;
1957     border-left: none;
1958     filter: none;
1959 }
1960 .select2-dropdown-open .select2-choice .select2-arrow b {
1961     background-position: -18px 1px;
1962 }
1963
1964 .select2-hidden-accessible {
1965     border: 0;
1966     clip: rect(0 0 0 0);
1967     height: 1px;
1968     margin: -1px;
1969     overflow: hidden;
1970     padding: 0;
1971     position: absolute;
1972     width: 1px;
1973 }
1974
1975 /* results */
1976 .select2-results {
1977     max-height: 200px;
1978     padding: 0 0 0 4px;
1979     margin: 4px 4px 4px 0;
1980     position: relative;
1981     overflow-x: hidden;
1982     overflow-y: auto;
1983     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
1984 }
1985
1986 .select2-results ul.select2-result-sub {
1987     margin: 0;
1988     padding-left: 0;
1989 }
1990
1991 .select2-results li {
1992     list-style: none;
1993     display: list-item;
1994     background-image: none;
1995 }
1996
1997 .select2-results li.select2-result-with-children > .select2-result-label {
1998     font-weight: bold;
1999 }
2000
2001 .select2-results .select2-result-label {
2002     padding: 3px 7px 4px;
2003     margin: 0;
2004     cursor: pointer;
2005
2006     min-height: 1em;
2007
2008     -webkit-touch-callout: none;
2009       -webkit-user-select: none;
2010          -moz-user-select: none;
2011           -ms-user-select: none;
2012               user-select: none;
2013 }
2014
2015 .select2-results-dept-1 .select2-result-label { padding-left: 20px }
2016 .select2-results-dept-2 .select2-result-label { padding-left: 40px }
2017 .select2-results-dept-3 .select2-result-label { padding-left: 60px }
2018 .select2-results-dept-4 .select2-result-label { padding-left: 80px }
2019 .select2-results-dept-5 .select2-result-label { padding-left: 100px }
2020 .select2-results-dept-6 .select2-result-label { padding-left: 110px }
2021 .select2-results-dept-7 .select2-result-label { padding-left: 120px }
2022
2023 .select2-results .select2-highlighted {
2024     background: #3875d7;
2025     color: #fff;
2026 }
2027
2028 .select2-results li em {
2029     background: #feffde;
2030     font-style: normal;
2031 }
2032
2033 .select2-results .select2-highlighted em {
2034     background: transparent;
2035 }
2036
2037 .select2-results .select2-highlighted ul {
2038     background: #fff;
2039     color: #000;
2040 }
2041
2042
2043 .select2-results .select2-no-results,
2044 .select2-results .select2-searching,
2045 .select2-results .select2-selection-limit {
2046     background: #f4f4f4;
2047     display: list-item;
2048     padding-left: 5px;
2049 }
2050
2051 /*
2052 disabled look for disabled choices in the results dropdown
2053 */
2054 .select2-results .select2-disabled.select2-highlighted {
2055     color: #666;
2056     background: #f4f4f4;
2057     display: list-item;
2058     cursor: default;
2059 }
2060 .select2-results .select2-disabled {
2061   background: #f4f4f4;
2062   display: list-item;
2063   cursor: default;
2064 }
2065
2066 .select2-results .select2-selected {
2067     display: none;
2068 }
2069
2070 .select2-more-results.select2-active {
2071     background: #f4f4f4 url('../images/select2/select2-spinner.gif') no-repeat 100%;
2072 }
2073
2074 .select2-more-results {
2075     background: #f4f4f4;
2076     display: list-item;
2077 }
2078
2079 /* disabled styles */
2080
2081 .select2-container.select2-container-disabled .select2-choice {
2082     background-color: #f4f4f4;
2083     background-image: none;
2084     border: 1px solid #ddd;
2085     cursor: default;
2086 }
2087
2088 .select2-container.select2-container-disabled .select2-choice .select2-arrow {
2089     background-color: #f4f4f4;
2090     background-image: none;
2091     border-left: 0;
2092 }
2093
2094 .select2-container.select2-container-disabled .select2-choice abbr {
2095     display: none;
2096 }
2097
2098
2099 /* multiselect */
2100
2101 .select2-container-multi .select2-choices {
2102     height: auto !important;
2103     height: 1%;
2104     margin: 0;
2105     padding: 0;
2106     position: relative;
2107
2108     border: 1px solid #aaa;
2109     cursor: text;
2110     overflow: hidden;
2111
2112     background-color: #fff;
2113     background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
2114     background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
2115     background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
2116     background-image: linear-gradient(to bottom, #eee 1%, #fff 15%);
2117 }
2118
2119 .select2-locked {
2120   padding: 3px 5px 3px 5px !important;
2121 }
2122
2123 .select2-container-multi .select2-choices {
2124     min-height: 26px;
2125 }
2126
2127 .select2-container-multi.select2-container-active .select2-choices {
2128     border: 1px solid #5897fb;
2129     outline: none;
2130
2131     -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
2132             box-shadow: 0 0 5px rgba(0, 0, 0, .3);
2133 }
2134 .select2-container-multi .select2-choices li {
2135     float: left;
2136     list-style: none;
2137 }
2138 html[dir="rtl"] .select2-container-multi .select2-choices li
2139 {
2140     float: right;
2141 }
2142 .select2-container-multi .select2-choices .select2-search-field {
2143     margin: 0;
2144     padding: 0;
2145     white-space: nowrap;
2146 }
2147
2148 .select2-container-multi .select2-choices .select2-search-field input {
2149     padding: 5px;
2150     margin: 1px 0;
2151
2152     font-family: sans-serif;
2153     font-size: 100%;
2154     color: #666;
2155     outline: 0;
2156     border: 0;
2157     -webkit-box-shadow: none;
2158             box-shadow: none;
2159     background: transparent !important;
2160 }
2161
2162 .select2-container-multi .select2-choices .select2-search-field input.select2-active {
2163     background: #fff url('../images/select2/select2-spinner.gif') no-repeat 100% !important;
2164 }
2165
2166 .select2-default {
2167     color: #999 !important;
2168 }
2169
2170 .select2-container-multi .select2-choices .select2-search-choice {
2171     padding: 3px 5px 3px 18px;
2172     margin: 3px 0 3px 5px;
2173     position: relative;
2174
2175     line-height: 13px;
2176     color: #333;
2177     cursor: default;
2178     border: 1px solid #aaaaaa;
2179
2180     border-radius: 3px;
2181
2182     -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
2183             box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
2184
2185     background-clip: padding-box;
2186
2187     -webkit-touch-callout: none;
2188       -webkit-user-select: none;
2189          -moz-user-select: none;
2190           -ms-user-select: none;
2191               user-select: none;
2192
2193     background-color: #e4e4e4;
2194     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
2195     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));
2196     background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
2197     background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
2198     background-image: linear-gradient(to top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
2199 }
2200 html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice
2201 {
2202     margin-left: 0;
2203     margin-right: 5px;
2204 }
2205 .select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
2206     cursor: default;
2207 }
2208 .select2-container-multi .select2-choices .select2-search-choice-focus {
2209     background: #d4d4d4;
2210 }
2211
2212 .select2-search-choice-close {
2213     display: block;
2214     width: 12px;
2215     height: 13px;
2216     position: absolute;
2217     right: 3px;
2218     top: 4px;
2219
2220     font-size: 1px;
2221     outline: none;
2222     background: url('../images/select2/select2.png') right top no-repeat;
2223 }
2224 html[dir="rtl"] .select2-search-choice-close {
2225     right: auto;
2226     left: 3px;
2227 }
2228
2229 .select2-container-multi .select2-search-choice-close {
2230     left: 3px;
2231 }
2232
2233 .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
2234   background-position: right -11px;
2235 }
2236 .select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
2237     background-position: right -11px;
2238 }
2239
2240 /* disabled styles */
2241 .select2-container-multi.select2-container-disabled .select2-choices {
2242     background-color: #f4f4f4;
2243     background-image: none;
2244     border: 1px solid #ddd;
2245     cursor: default;
2246 }
2247
2248 .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
2249     padding: 3px 5px 3px 5px;
2250     border: 1px solid #ddd;
2251     background-image: none;
2252     background-color: #f4f4f4;
2253 }
2254
2255 .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {    display: none;
2256     background: none;
2257 }
2258 /* end multiselect */
2259
2260
2261 .select2-result-selectable .select2-match,
2262 .select2-result-unselectable .select2-match {
2263     text-decoration: underline;
2264 }
2265
2266 .select2-offscreen, .select2-offscreen:focus {
2267     clip: rect(0 0 0 0) !important;
2268     width: 1px !important;
2269     height: 1px !important;
2270     border: 0 !important;
2271     margin: 0 !important;
2272     padding: 0 !important;
2273     overflow: hidden !important;
2274     position: absolute !important;
2275     outline: 0 !important;
2276     left: 0px !important;
2277     top: 0px !important;
2278 }
2279
2280 .select2-display-none {
2281     display: none;
2282 }
2283
2284 .select2-measure-scrollbar {
2285     position: absolute;
2286     top: -10000px;
2287     left: -10000px;
2288     width: 100px;
2289     height: 100px;
2290     overflow: scroll;
2291 }
2292
2293 /* Retina-ize icons */
2294
2295 @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx)  {
2296     .select2-search input,
2297     .select2-search-choice-close,
2298     .select2-container .select2-choice abbr,
2299     .select2-container .select2-choice .select2-arrow b {
2300         background-image: url('../images/select2/select2x2.png') !important;
2301         background-repeat: no-repeat !important;
2302         background-size: 60px 40px !important;
2303     }
2304
2305     .select2-search input {
2306         background-position: 100% -21px !important;
2307     }
2308 }
2309
2310 /* -- sidebar-nav.css ---- */
2311
2312
2313  .sidebar .sidebar-menu .open  .treeview-menu {
2314         display:block;
2315 }
2316 /* -- sticky-footer.css ---- */
2317 /*html, */
2318
2319
2320 body.bootstrap-sticky {
2321     height: 100%;
2322   /* The html and body elements cannot have any padding or margin. */
2323 }
2324 /* Wrapper for page content to push down footer */
2325 .bootstrap-sticky-wrap {
2326     min-height: 100%;
2327     height: auto !important;
2328     height: 100%;
2329     /* Negative indent footer by it's height */
2330     margin: 0 auto -60px;
2331 }
2332
2333 /* Set the fixed height of the footer here */
2334 .bootstrap-sticky-push,
2335 .bootstrap-sticky-footer {
2336     height: 60px;
2337 }
2338 .bootstrap-sticky-footer {
2339     background-color: #eee;
2340 }
2341
2342 /* Lastly, apply responsive CSS fixes as necessary */
2343 @media (max-width: 767px) {
2344     .bootstrap-sticky-footer {
2345         margin-left: -20px;
2346         margin-right: -20px;
2347         padding-left: 20px;
2348         padding-right: 20px;
2349     }
2350 }
2351 /* -- table.css ---- */
2352 /* paging toolbar */
2353
2354 .pagination .x-paging-position span {
2355     padding-top:3px; padding-bottom:3px;
2356 }
2357 .pagination .x-paging-position span  input {
2358     margin: 0 3px;
2359 }
2360
2361 .navbar .pagination>li>span {
2362     min-height:34px;
2363 }
2364
2365 .navbar .pagination {
2366     margin: 0;
2367 }
2368
2369
2370 /* these are technicall adminlte related */
2371 .skin-blue  .navbar .pagination > li > a:active,
2372 .skin-blue  .navbar .pagination > li > a:focus,
2373 .skin-blue .navbar .pagination>li>a {
2374     background-color: #428bca;
2375
2376 }
2377 .skin-blue  .navbar .pagination > li > a:hover
2378 {
2379    background-color:  rgb(221, 221, 221);
2380 }
2381 .skin-blue table .navbar {
2382     background-color: #fff;
2383
2384 }
2385 .skin-blue .navbar .pagination>li.disabled >a{
2386     background-color: rgb(221, 221, 221);
2387 }
2388 .skin-blue table .navbar {
2389     margin-bottom: 0;
2390     min-height: 0;
2391 }
2392
2393 .table .sortable {
2394     cursor: pointer;
2395 }
2396
2397
2398 /* -- tweaks.css ---- */
2399 .navbar-left .input-group[class*="col-"] {
2400     float:left;
2401 }
2402
2403 .ellipsis {
2404     overflow: hidden;
2405     text-overflow: ellipsis;
2406     display: -webkit-box;
2407     -webkit-line-clamp: 3;
2408     -webkit-box-orient: vertical;
2409 }
2410
2411 .sw-child-headline {
2412     display: inline-block;
2413     width: auto;
2414 }
2415
2416 .box-input-label {
2417     width: 100%;
2418     display: inline-block;
2419     font-weight: bold;
2420 }
2421
2422 .box-label {
2423     margin-left: 5px;
2424     cursor: pointer;
2425 }
2426 /* needed as menu ontop of form does not work */
2427 .input-group .form-control {
2428
2429     z-index: 1;
2430 }
2431
2432 /* admin-lte - messes with checkbox and radio.. */
2433 .checkbox, .radio {
2434     padding-left: 15px!important;
2435 }
2436 /* paging toolbar */
2437
2438 .pagination .x-paging-position span {
2439     padding-top:3px; padding-bottom:3px;
2440 }
2441 .pagination .x-paging-position span  input {
2442     margin: 0 3px;
2443 }