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

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