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 /* -- carousel.css ---- */
 638 .clear {
 639     clear: both;
 640 }
 641
 642 .carousel-bullets {
 643     height: 17px;
 644     bottom: 20px;
 645     width: 100%;
 646     text-align: center;
 647
 648     z-index: 1000;
 649     position: absolute;
 650     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 651     -moz-opacity: 1;
 652     -khtml-opacity: 1;
 653     opacity: 1;
 654     -webkit-transition: opacity 0.2s ease-out;
 655     -moz-transition: opacity 0.2s ease-out;
 656     -o-transition: opacity 0.2s ease-out;
 657     -ms-transition: opacity 0.2s ease-out;
 658     -webkit-transform: translateZ(5px);
 659 }
 660
 661 .carousel-bullets > .bullet {
 662     cursor: pointer;
 663     position: relative !important;
 664     background: rgba(0, 0, 0, 0.5) !important;
 665     -webkit-border-radius: 10px;
 666     border-radius: 10px;
 667     -webkit-box-shadow: none;
 668     -moz-box-shadow: none;
 669     box-shadow: none;
 670     width: 6px !important;
 671     height: 6px !important;
 672     border: 5px solid rgba(0, 0, 0, 0) !important;
 673     display: inline-block;
 674     margin-right: 2px !important;
 675     margin-bottom: 0px !important;
 676     -webkit-transition: background-color 0.2s, border-color 0.2s;
 677     -moz-transition: background-color 0.2s, border-color 0.2s;
 678     -o-transition: background-color 0.2s, border-color 0.2s;
 679     -ms-transition: background-color 0.2s, border-color 0.2s;
 680     transition: background-color 0.2s, border-color 0.2s;
 681     float:none !important;
 682     box-sizing:content-box;
 683     -moz-box-sizing:content-box;
 684     -webkit-box-sizing:content-box;
 685 }
 686
 687 .carousel-bullets > .bullet:hover,
 688 .carousel-bullets > .bullet.selected {
 689     -webkit-box-shadow: none;
 690     -moz-box-shadow: none;
 691     box-shadow: none;
 692     background: rgba(255, 255, 255, 1) !important;
 693     width: 6px !important;
 694     height: 6px !important;
 695     border: 5px solid rgba(0, 0, 0, 1) !important;
 696 }
 697 /* -- checkbox.css ---- */
 698 /*
 699  *
 700  * From https://github.com/flatlogic/awesome-bootstrap-checkbox
 701  *
 702  */
 703 .checkbox label {
 704     display: inline-block;
 705     position: relative;
 706     padding-left: 5px;
 707     -webkit-touch-callout: none;
 708     -webkit-user-select: none;
 709     -khtml-user-select: none;
 710     -moz-user-select: none;
 711     -ms-user-select: none;
 712     user-select: none;
 713 }
 714 .checkbox label::before {
 715     content: "";
 716     display: inline-block;
 717     position: absolute;
 718     width: 17px;
 719     height: 17px;
 720     left: 0;
 721     margin-left: -20px;
 722     border: 1px solid #cccccc;
 723     border-radius: 3px;
 724     background-color: #fff;
 725     -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
 726     -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
 727     transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
 728 .checkbox label::after {
 729     display: inline-block;
 730     position: absolute;
 731     width: 16px;
 732     height: 16px;
 733     left: 0;
 734     top: 0;
 735     margin-left: -20px;
 736     padding-left: 3px;
 737     padding-top: 1px;
 738     font-size: 11px;
 739     color: #555555; }
 740 .checkbox input[type="checkbox"] {
 741     display: none; }
 742 .checkbox input[type="checkbox"]:checked + label::after {
 743     font-family: 'FontAwesome';
 744     content: "\f00c"; }
 745 .checkbox input[type="checkbox"]:disabled + label {
 746     opacity: 0.65; }
 747 .checkbox input[type="checkbox"]:disabled + label::before {
 748     background-color: #eeeeee;
 749     cursor: not-allowed; }
 750 .checkbox.checkbox-circle label::before {
 751     border-radius: 50%; }
 752
 753 .checkbox-primary input[type="checkbox"]:checked + label::before {
 754     background-color: #428bca;
 755     border-color: #428bca; }
 756 .checkbox-primary input[type="checkbox"]:checked + label::after {
 757     color: #fff; }
 758
 759 .checkbox-danger input[type="checkbox"]:checked + label::before {
 760     background-color: #d9534f;
 761     border-color: #d9534f; }
 762 .checkbox-danger input[type="checkbox"]:checked + label::after {
 763     color: #fff; }
 764
 765 .checkbox-info input[type="checkbox"]:checked + label::before {
 766     background-color: #5bc0de;
 767     border-color: #5bc0de; }
 768 .checkbox-info input[type="checkbox"]:checked + label::after {
 769     color: #fff; }
 770
 771 .checkbox-warning input[type="checkbox"]:checked + label::before {
 772     background-color: #f0ad4e;
 773     border-color: #f0ad4e; }
 774 .checkbox-warning input[type="checkbox"]:checked + label::after {
 775     color: #fff; }
 776
 777 .checkbox-success input[type="checkbox"]:checked + label::before {
 778     background-color: #5cb85c;
 779     border-color: #5cb85c; }
 780 .checkbox-success input[type="checkbox"]:checked + label::after {
 781     color: #fff; }
 782
 783 /* before is the outer cicle */
 784 /* after is the inner circle.. */
 785
 786
 787
 788 .radio label {
 789     display: inline-block;
 790     position: relative;
 791     padding-left: 5px; }
 792 .radio label::before {
 793     content: "";
 794     display: inline-block;
 795     position: absolute;
 796     width: 17px;
 797     height: 17px;
 798     left: 0;
 799     margin-left: -20px;
 800     border: 1px solid #cccccc;
 801     border-radius: 50%;
 802     background-color: #fff;
 803     -webkit-transition: border 0.15s ease-in-out;
 804     -o-transition: border 0.15s ease-in-out;
 805     transition: border 0.15s ease-in-out; }
 806 .radio label::after {
 807     display: inline-block;
 808     position: absolute;
 809     content: " ";
 810     width: 11px;
 811     height: 11px;
 812     left: 3px;
 813     top: 3px;
 814     margin-left: -20px;
 815     border-radius: 50%;
 816     background-color: #fff;
 817     -webkit-transform: scale(0, 0);
 818     -ms-transform: scale(0, 0);
 819     -o-transform: scale(0, 0);
 820     transform: scale(0, 0);
 821     -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
 822     -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
 823     -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
 824     transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
 825     }
 826 .radio input[type="radio"] {
 827     display: none;
 828 }
 829 .radio input[type="radio"]:checked + label::after {
 830     -webkit-transform: scale(1, 1);
 831     -ms-transform: scale(1, 1);
 832     -o-transform: scale(1, 1);
 833     transform: scale(1, 1);
 834     background-color: #555555;
 835 }
 836 .radio input[type="radio"]:disabled + label {
 837     opacity: 0.65; }
 838 .radio input[type="radio"]:disabled + label::before {
 839     cursor: not-allowed; }
 840
 841 .radio-primary input[type="radio"] + label::after {
 842     background-color: #fff; }
 843 .radio-primary input[type="radio"]:checked + label::before {
 844     border-color: #428bca; }
 845 .radio-primary input[type="radio"]:checked + label::after {
 846     background-color: #428bca; }
 847
 848 .radio-danger input[type="radio"] + label::after {
 849     background-color: #d9534f; }
 850 .radio-danger input[type="radio"]:checked + label::before {
 851     border-color: #d9534f; }
 852 .radio-danger input[type="radio"]:checked + label::after {
 853     background-color: #d9534f; }
 854
 855
 856
 857 .radio-info input[type="radio"] + label::after {
 858     background-color: #fff;
 859 }
 860 .radio-info input[type="radio"]:checked + label::before {
 861     border-color: #5bc0de; }
 862 .radio-info input[type="radio"]:checked + label::after {
 863     background-color: #5bc0de; }
 864
 865 .radio-warning input[type="radio"] + label::after {
 866     background-color: #fff; }
 867 .radio-warning input[type="radio"]:checked + label::before {
 868     border-color: #f0ad4e; }
 869 .radio-warning input[type="radio"]:checked + label::after {
 870     background-color: #f0ad4e; }
 871
 872 .radio-success input[type="radio"] + label::after {
 873     background-color: #fff; }
 874 .radio-success input[type="radio"]:checked + label::before {
 875     border-color: #5cb85c; }
 876 .radio-success input[type="radio"]:checked + label::after {
 877     background-color: #5cb85c; }
 878
 879 .checkbox.checkbox-inline,
 880 .radio.radio-inline {
 881     margin-top: 0;
 882 }
 883 /* -- combobox.css ---- */
 884 /*
 885  *
 886  * From https://github.com/danielfarrell/bootstrap-combobox
 887  *
 888  */
 889
 890 .combobox-container {
 891   margin-bottom: 5px;
 892   *zoom: 1;
 893   display: inline-table;
 894 }
 895 .combobox-container:before,
 896 .combobox-container:after {
 897   display: table;
 898   content: "";
 899 }
 900 .combobox-container:after {
 901   /* clear: both; */
 902 }
 903 .combobox-container input,
 904 .combobox-container .uneditable-input {
 905   -webkit-border-radius: 0 3px 3px 0;
 906   -moz-border-radius: 0 3px 3px 0;
 907   border-radius: 0 3px 3px 0;
 908 }
 909 .combobox-container input:focus,
 910 .combobox-container .uneditable-input:focus {
 911   position: relative;
 912   z-index: 2;
 913 }
 914 .combobox-container .uneditable-input {
 915   border-left-color: #ccc;
 916 }
 917 .combobox-container .add-on {
 918   float: left;
 919   display: inline-block;
 920   width: auto;
 921   min-width: 16px;
 922   height: inherit !important;
 923   margin-right: -1px;
 924   padding: 4px 5px;
 925   font-weight: normal;
 926   color: #999999;
 927   text-align: center;
 928   text-shadow: 0 1px 0 #ffffff;
 929   background-color: #f5f5f5;
 930   border: 1px solid #ccc;
 931   -webkit-border-radius: 3px 0 0 3px;
 932   -moz-border-radius: 3px 0 0 3px;
 933   border-radius: 3px 0 0 3px;
 934
 935 }
 936 .combobox-container .active {
 937   background-color: #3875d7;
 938   color: #fff;
 939 }
 940 .combobox-container input,
 941 .combobox-container .uneditable-input {
 942   float: left;
 943   -webkit-border-radius: 3px 0 0 3px;
 944   -moz-border-radius: 3px 0 0 3px;
 945   border-radius: 3px 0 0 3px;
 946 }
 947 .combobox-container .uneditable-input {
 948   border-left-color: #eee;
 949   border-right-color: #ccc;
 950 }
 951 .combobox-container .add-on {
 952   margin-right: 0;
 953   margin-left: -1px;
 954   -webkit-border-radius: 0 3px 3px 0;
 955   -moz-border-radius: 0 3px 3px 0;
 956   border-radius: 0 3px 3px 0;
 957 }
 958 .combobox-container input:first-child {
 959   *margin-left: -160px;
 960 }
 961 .combobox-container input:first-child + .add-on {
 962   *margin-left: -21px;
 963 }
 964 .combobox-container select {
 965   display: inline-block;
 966   width: 0;
 967   height: 0;
 968   border: 0;
 969   padding: 0;
 970   margin: 0;
 971   text-indent: -99999px;
 972   *text-indent: 0;
 973 }
 974 .form-search .combobox-container,
 975 .form-inline .combobox-container {
 976   display: inline-block;
 977   margin-bottom: 0;
 978   vertical-align: top;
 979 }
 980 .form-search .combobox-container .add-on,
 981 .form-inline .combobox-container .add-on {
 982   vertical-align: middle;
 983 }
 984 .combobox-selected .combobox-clear {
 985   display: inline-block;
 986 }
 987 .combobox-selected .caret {
 988   display: none;
 989 }
 990 .combobox-clear {
 991   display: none;
 992   width: 14px;
 993   height: 14px;
 994   line-height: 14px;
 995   vertical-align: top;
 996   opacity: 0.3;
 997   filter: alpha(opacity=30);
 998 }
 999 .dropdown:hover .combobox-clear,
1000 .open.dropdown .combobox-clear {
1001   opacity: 1;
1002   filter: alpha(opacity=100);
1003 }
1004 .btn .combobox-clear {
1005   margin-top: 1px;
1006   margin-left: 1px;
1007 }
1008 .btn:hover .combobox-clear,
1009 .open.btn-group .combobox-clear {
1010   opacity: 1;
1011   filter: alpha(opacity=100);
1012 }
1013 .typeahead-long {
1014   max-height: 300px;
1015   overflow-y: auto;
1016 }
1017 .control-group.error .combobox-container .add-on {
1018   color: #B94A48;
1019   border-color: #B94A48;
1020 }
1021 .control-group.error .combobox-container .caret {
1022   border-top-color: #B94A48;
1023 }
1024 .control-group.warning .combobox-container .add-on {
1025   color: #C09853;
1026   border-color: #C09853;
1027 }
1028 .control-group.warning .combobox-container .caret {
1029   border-top-color: #C09853;
1030 }
1031 .control-group.success .combobox-container .add-on {
1032   color: #468847;
1033   border-color: #468847;
1034 }
1035 .control-group.success .combobox-container .caret {
1036   border-top-color: #468847;
1037 }
1038 .btn .combobox-clear [class^="icon-"] {
1039   line-height: 1.4em;
1040 }
1041 .combobox-container .dropdown-menu {
1042     border-radius: 0;
1043     padding: 0;
1044     border: 1px solid #66afe9;
1045     border-top: none;
1046
1047 }
1048
1049 .select2-container .dropdown-menu {
1050     border: 1px solid #5897fb;
1051 }
1052
1053 .dropdown-menu .active {
1054     background: #3875d7;
1055     color: #fff;
1056 }
1057
1058 .dropdown-menu .active label{
1059     color: #fff;
1060 }
1061
1062 .dropdown-menu .select2-result {
1063     padding: 3px 7px 4px;
1064     margin: 0;
1065     cursor: pointer;
1066     min-height: 1em;
1067     -webkit-touch-callout: none;
1068     -webkit-user-select: none;
1069     -moz-user-select: none;
1070     -ms-user-select: none;
1071     user-select: none;
1072 }
1073
1074 .select2-container,
1075 .select2-choices .select2-search-field{
1076     width: 100%
1077 }
1078 .select2-container .x-combo-noedit {
1079    cursor: pointer;
1080    background-color: #fff;
1081
1082 }
1083 .select2-container .x-combo-noedit[disabled] {
1084    cursor: not-allowed;
1085    background-color: #eee;
1086
1087 }
1088
1089 .roo-combobox-tickable .select2-choices {
1090    border: none;
1091    background-image: none;
1092 }
1093
1094 .roo-combobox-tickable .select2-result label {
1095     width: 100%;
1096 }
1097
1098 .dropdown-menu {
1099   z-index: 10002 !important;
1100 }
1101
1102 .dropdown-menu .checkbox label {
1103     width: 100%;
1104 }
1105
1106 .select2-container-multi .dropdown-menu .select2-result .checkbox {
1107     margin-top: 0px;
1108     margin-bottom: 0px;
1109 }
1110 .dropdown-menu .select2-result .checkbox {
1111     margin-top: 3px;
1112     margin-bottom: 3px;
1113 }
1114
1115 .select2-container .input-group-addon {
1116     padding: 6px 12px;
1117     border: 1px solid #ccc;
1118     border-left: 0px;
1119 }
1120
1121 .select2-container .roo-removable {
1122     position: relative;
1123 }
1124
1125 .select2-container .roo-removable .roo-combo-removable-btn {
1126     position: absolute;
1127     right: 10px;
1128     z-index: 2;
1129     top: 5px;
1130 }
1131 /*
1132 .select2-container .roo-removable.has-feedback .roo-combo-removable-btn {
1133     position: absolute;
1134     right: 40px;
1135     z-index: 2;
1136     top: 5px;
1137 }
1138
1139 .select2-container .roo-removable.has-feedback.input-group .roo-combo-removable-btn {
1140     position: absolute;
1141     right: 70px;
1142     z-index: 2;
1143     top: 5px;
1144 }
1145
1146
1147 .select2-container.input-group .has-feedback .roo-combo-removable-btn {
1148     position: absolute;
1149     right: 35px;
1150     z-index: 2;
1151     top: 5px;
1152 }*/
1153
1154 .has-warning .select2-container-multi {
1155     border: 1px solid #8a6d3b;
1156 }
1157 /* -- datepicker.css ---- */
1158 /*!
1159  * Datepicker for Bootstrap
1160  *
1161  * Copyright 2012 Stefan Petre
1162  * Improvements by Andrew Rowls
1163  * Licensed under the Apache License v2.0
1164  * http://www.apache.org/licenses/LICENSE-2.0
1165  *
1166  */
1167 .datepicker {
1168   padding: 8px 12px;
1169   margin-top: 1px;
1170   -webkit-border-radius: 4px;
1171   -moz-border-radius: 4px;
1172   border-radius: 4px;
1173   direction: ltr;
1174   font-size: 13px;
1175   /*.dow {
1176                 border-top: 1px solid #ddd !important;
1177         }*/
1178
1179 }
1180 .datepicker-inline {
1181   width: 220px;
1182 }
1183 .datepicker.datepicker-rtl {
1184   direction: rtl;
1185 }
1186 .datepicker.datepicker-rtl table tr td span {
1187   float: right;
1188 }
1189 .datepicker-dropdown {
1190   top: 0;
1191   left: 0;
1192 }
1193 /*.datepicker-dropdown:before {
1194   content: '';
1195   display: inline-block;
1196   border-left: 7px solid transparent;
1197   border-right: 7px solid transparent;
1198   border-bottom: 7px solid #ccc;
1199   border-bottom-color: rgba(0, 0, 0, 0.2);
1200   position: absolute;
1201   top: -7px;
1202   left: 6px;
1203 }
1204 .datepicker-dropdown:after {
1205   content: '';
1206   display: inline-block;
1207   border-left: 6px solid transparent;
1208   border-right: 6px solid transparent;
1209   border-bottom: 6px solid #ffffff;
1210   position: absolute;
1211   top: -6px;
1212   left: 7px;
1213 }*/
1214
1215 .datepicker-dropdown.bottom:before {
1216   content: '';
1217   display: inline-block;
1218   border-left: 7px solid transparent;
1219   border-right: 7px solid transparent;
1220   border-bottom: 7px solid #ccc;
1221   border-bottom-color: rgba(0, 0, 0, 0.2);
1222   position: absolute;
1223   top: -7px;
1224   left: 7px;
1225 }
1226 .datepicker-dropdown.bottom:after {
1227   content: '';
1228   display: inline-block;
1229   border-left: 6px solid transparent;
1230   border-right: 6px solid transparent;
1231   border-bottom: 6px solid white;
1232   position: absolute;
1233   top: -6px;
1234   left: 8px;
1235 }
1236 .datepicker-dropdown.top:before {
1237   content: '';
1238   display: inline-block;
1239   border-left: 7px solid transparent;
1240   border-right: 7px solid transparent;
1241   border-top: 7px solid #ccc;
1242   border-top-color: rgba(0, 0, 0, 0.2);
1243   position: absolute;
1244   bottom: -7px;
1245   left: 6px;
1246 }
1247
1248 .datepicker-dropdown.top:after {
1249   content: '';
1250   display: inline-block;
1251   border-left: 6px solid transparent;
1252   border-right: 6px solid transparent;
1253   border-top: 6px solid white;
1254   position: absolute;
1255   bottom: -6px;
1256   left: 7px;
1257 }
1258
1259 .datepicker-dropdown.bottom-right:before {
1260   content: '';
1261   display: inline-block;
1262   border-left: 7px solid transparent;
1263   border-right: 7px solid transparent;
1264   border-bottom: 7px solid #ccc;
1265   border-bottom-color: rgba(0, 0, 0, 0.2);
1266   position: absolute;
1267   top: -7px;
1268   left: 7px;
1269 }
1270 .datepicker-dropdown.bottom-right:after {
1271   content: '';
1272   display: inline-block;
1273   border-left: 6px solid transparent;
1274   border-right: 6px solid transparent;
1275   border-bottom: 6px solid white;
1276   position: absolute;
1277   top: -6px;
1278   left: 8px;
1279 }
1280
1281 .datepicker-dropdown.bottom-left:before {
1282   content: '';
1283   display: inline-block;
1284   border-left: 7px solid transparent;
1285   border-right: 7px solid transparent;
1286   border-bottom: 7px solid #ccc;
1287   border-bottom-color: rgba(0, 0, 0, 0.2);
1288   position: absolute;
1289   top: -7px;
1290   left: 260px;
1291 }
1292 .datepicker-dropdown.bottom-left:after {
1293   content: '';
1294   display: inline-block;
1295   border-left: 6px solid transparent;
1296   border-right: 6px solid transparent;
1297   border-bottom: 6px solid white;
1298   position: absolute;
1299   top: -6px;
1300   left: 261px;
1301 }
1302
1303 .datepicker-dropdown.top-right:before {
1304   content: '';
1305   display: inline-block;
1306   border-left: 7px solid transparent;
1307   border-right: 7px solid transparent;
1308   border-top: 7px solid #ccc;
1309   border-top-color: rgba(0, 0, 0, 0.2);
1310   position: absolute;
1311   bottom: -7px;
1312   left: 6px;
1313 }
1314
1315 .datepicker-dropdown.top-right:after {
1316   content: '';
1317   display: inline-block;
1318   border-left: 6px solid transparent;
1319   border-right: 6px solid transparent;
1320   border-top: 6px solid white;
1321   position: absolute;
1322   bottom: -6px;
1323   left: 7px;
1324 }
1325
1326 .datepicker-dropdown.top-left:before {
1327   content: '';
1328   display: inline-block;
1329   border-left: 7px solid transparent;
1330   border-right: 7px solid transparent;
1331   border-top: 7px solid #ccc;
1332   border-top-color: rgba(0, 0, 0, 0.2);
1333   position: absolute;
1334   bottom: -7px;
1335   left: 260px;
1336 }
1337
1338 .datepicker-dropdown.top-left:after {
1339   content: '';
1340   display: inline-block;
1341   border-left: 6px solid transparent;
1342   border-right: 6px solid transparent;
1343   border-top: 6px solid white;
1344   position: absolute;
1345   bottom: -6px;
1346   left: 261px;
1347 }
1348
1349 .datepicker > div {
1350   display: none;
1351 }
1352 .datepicker.days div.datepicker-days {
1353   display: block;
1354 }
1355 .datepicker.months div.datepicker-months {
1356   display: block;
1357 }
1358 .datepicker.years div.datepicker-years {
1359   display: block;
1360 }
1361 .datepicker table {
1362   margin: 0;
1363 }
1364 .datepicker td,
1365 .datepicker th {
1366   text-align: center;
1367   width: 20px;
1368   height: 20px;
1369   -webkit-border-radius: 4px;
1370   -moz-border-radius: 4px;
1371   border-radius: 4px;
1372   border: none;
1373 }
1374 .table-striped .datepicker table tr td,
1375 .table-striped .datepicker table tr th {
1376   background-color: transparent;
1377 }
1378 .datepicker table tr td.day:hover {
1379   background: #eeeeee;
1380   cursor: pointer;
1381 }
1382 .datepicker table tr td.old,
1383 .datepicker table tr td.new {
1384   color: #999999;
1385 }
1386 .datepicker table tr td.disabled,
1387 .datepicker table tr td.disabled:hover {
1388   background: none;
1389   color: #999999;
1390   cursor: default;
1391 }
1392 .datepicker table tr td.today,
1393 .datepicker table tr td.today:hover,
1394 .datepicker table tr td.today.disabled,
1395 .datepicker table tr td.today.disabled:hover {
1396   background-color: #fde19a;
1397   background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
1398   background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
1399   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
1400   background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
1401   background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
1402   background-image: linear-gradient(top, #fdd49a, #fdf59a);
1403   background-repeat: repeat-x;
1404   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
1405   border-color: #fdf59a #fdf59a #fbed50;
1406   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1407   filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
1408 }
1409 .datepicker table tr td.today:hover,
1410 .datepicker table tr td.today:hover:hover,
1411 .datepicker table tr td.today.disabled:hover,
1412 .datepicker table tr td.today.disabled:hover:hover,
1413 .datepicker table tr td.today:active,
1414 .datepicker table tr td.today:hover:active,
1415 .datepicker table tr td.today.disabled:active,
1416 .datepicker table tr td.today.disabled:hover:active,
1417 .datepicker table tr td.today.active,
1418 .datepicker table tr td.today:hover.active,
1419 .datepicker table tr td.today.disabled.active,
1420 .datepicker table tr td.today.disabled:hover.active,
1421 .datepicker table tr td.today.disabled,
1422 .datepicker table tr td.today:hover.disabled,
1423 .datepicker table tr td.today.disabled.disabled,
1424 .datepicker table tr td.today.disabled:hover.disabled,
1425 .datepicker table tr td.today[disabled],
1426 .datepicker table tr td.today:hover[disabled],
1427 .datepicker table tr td.today.disabled[disabled],
1428 .datepicker table tr td.today.disabled:hover[disabled] {
1429   background-color: #fdf59a;
1430 }
1431 .datepicker table tr td.today:active,
1432 .datepicker table tr td.today:hover:active,
1433 .datepicker table tr td.today.disabled:active,
1434 .datepicker table tr td.today.disabled:hover:active,
1435 .datepicker table tr td.today.active,
1436 .datepicker table tr td.today:hover.active,
1437 .datepicker table tr td.today.disabled.active,
1438 .datepicker table tr td.today.disabled:hover.active {
1439   background-color: #fbf069 \9;
1440 }
1441 .datepicker table tr td.active,
1442 .datepicker table tr td.active:hover,
1443 .datepicker table tr td.active.disabled,
1444 .datepicker table tr td.active.disabled:hover {
1445   background-color: #006dcc;
1446   background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
1447   background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
1448   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
1449   background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
1450   background-image: -o-linear-gradient(top, #0088cc, #0044cc);
1451   background-image: linear-gradient(top, #0088cc, #0044cc);
1452   background-repeat: repeat-x;
1453   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
1454   border-color: #0044cc #0044cc #002a80;
1455   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1456   filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
1457   color: #fff;
1458   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1459 }
1460 .datepicker table tr td.active:hover,
1461 .datepicker table tr td.active:hover:hover,
1462 .datepicker table tr td.active.disabled:hover,
1463 .datepicker table tr td.active.disabled:hover:hover,
1464 .datepicker table tr td.active:active,
1465 .datepicker table tr td.active:hover:active,
1466 .datepicker table tr td.active.disabled:active,
1467 .datepicker table tr td.active.disabled:hover:active,
1468 .datepicker table tr td.active.active,
1469 .datepicker table tr td.active:hover.active,
1470 .datepicker table tr td.active.disabled.active,
1471 .datepicker table tr td.active.disabled:hover.active,
1472 .datepicker table tr td.active.disabled,
1473 .datepicker table tr td.active:hover.disabled,
1474 .datepicker table tr td.active.disabled.disabled,
1475 .datepicker table tr td.active.disabled:hover.disabled,
1476 .datepicker table tr td.active[disabled],
1477 .datepicker table tr td.active:hover[disabled],
1478 .datepicker table tr td.active.disabled[disabled],
1479 .datepicker table tr td.active.disabled:hover[disabled] {
1480   background-color: #0044cc;
1481 }
1482 .datepicker table tr td.active:active,
1483 .datepicker table tr td.active:hover:active,
1484 .datepicker table tr td.active.disabled:active,
1485 .datepicker table tr td.active.disabled:hover:active,
1486 .datepicker table tr td.active.active,
1487 .datepicker table tr td.active:hover.active,
1488 .datepicker table tr td.active.disabled.active,
1489 .datepicker table tr td.active.disabled:hover.active {
1490   background-color: #003399 \9;
1491 }
1492 .datepicker table tr td span {
1493   display: block;
1494   width: 23%;
1495   height: 54px;
1496   line-height: 54px;
1497   float: left;
1498   margin: 1%;
1499   cursor: pointer;
1500   -webkit-border-radius: 4px;
1501   -moz-border-radius: 4px;
1502   border-radius: 4px;
1503 }
1504 .datepicker table tr td span:hover {
1505   background: #eeeeee;
1506 }
1507 .datepicker table tr td span.disabled,
1508 .datepicker table tr td span.disabled:hover {
1509   background: none;
1510   color: #999999;
1511   cursor: default;
1512 }
1513 .datepicker table tr td span.active,
1514 .datepicker table tr td span.active:hover,
1515 .datepicker table tr td span.active.disabled,
1516 .datepicker table tr td span.active.disabled:hover {
1517   background-color: #006dcc;
1518   background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
1519   background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
1520   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
1521   background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
1522   background-image: -o-linear-gradient(top, #0088cc, #0044cc);
1523   background-image: linear-gradient(top, #0088cc, #0044cc);
1524   background-repeat: repeat-x;
1525   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
1526   border-color: #0044cc #0044cc #002a80;
1527   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1528   filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
1529   color: #fff;
1530   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1531 }
1532 .datepicker table tr td span.active:hover,
1533 .datepicker table tr td span.active:hover:hover,
1534 .datepicker table tr td span.active.disabled:hover,
1535 .datepicker table tr td span.active.disabled:hover:hover,
1536 .datepicker table tr td span.active:active,
1537 .datepicker table tr td span.active:hover:active,
1538 .datepicker table tr td span.active.disabled:active,
1539 .datepicker table tr td span.active.disabled:hover:active,
1540 .datepicker table tr td span.active.active,
1541 .datepicker table tr td span.active:hover.active,
1542 .datepicker table tr td span.active.disabled.active,
1543 .datepicker table tr td span.active.disabled:hover.active,
1544 .datepicker table tr td span.active.disabled,
1545 .datepicker table tr td span.active:hover.disabled,
1546 .datepicker table tr td span.active.disabled.disabled,
1547 .datepicker table tr td span.active.disabled:hover.disabled,
1548 .datepicker table tr td span.active[disabled],
1549 .datepicker table tr td span.active:hover[disabled],
1550 .datepicker table tr td span.active.disabled[disabled],
1551 .datepicker table tr td span.active.disabled:hover[disabled] {
1552   background-color: #0044cc;
1553 }
1554 .datepicker table tr td span.active:active,
1555 .datepicker table tr td span.active:hover:active,
1556 .datepicker table tr td span.active.disabled:active,
1557 .datepicker table tr td span.active.disabled:hover:active,
1558 .datepicker table tr td span.active.active,
1559 .datepicker table tr td span.active:hover.active,
1560 .datepicker table tr td span.active.disabled.active,
1561 .datepicker table tr td span.active.disabled:hover.active {
1562   background-color: #003399 \9;
1563 }
1564 .datepicker table tr td span.old {
1565   color: #999999;
1566 }
1567 .datepicker th.switch {
1568   width: 145px;
1569 }
1570 .datepicker thead tr:first-child th,
1571 .datepicker tfoot tr:first-child th {
1572   cursor: pointer;
1573 }
1574 .datepicker thead tr:first-child th:hover,
1575 .datepicker tfoot tr:first-child th:hover {
1576   background: #eeeeee;
1577 }
1578 .datepicker .cw {
1579   font-size: 10px;
1580   width: 12px;
1581   padding: 0 2px 0 5px;
1582   vertical-align: middle;
1583 }
1584 .datepicker thead tr:first-child th.cw {
1585   cursor: default;
1586   background-color: transparent;
1587 }
1588 .input-append.date .add-on i,
1589 .input-prepend.date .add-on i {
1590   display: block;
1591   cursor: pointer;
1592   width: 16px;
1593   height: 16px;
1594 }
1595
1596 .datepicker .datepicker-time td span {
1597     display: block;
1598     width: 47px;
1599     height: 54px;
1600     line-height: 54px;
1601     float: left;
1602     margin: 2px;
1603     cursor: pointer;
1604     border-radius: 4px;
1605 }
1606
1607 .datepicker .datepicker-time td span.timepicker-hour,
1608 .datepicker .datepicker-time td span.timepicker-minute {
1609   width: 100%;
1610   font-weight: bold;
1611   font-size: 1.2em;
1612 }
1613
1614 /* -- document-manager.css ---- */
1615
1616 .roo-document-manager-selector { // it must use visibility, display is not working on old safari...
1617     visibility: hidden;
1618     height: 0px;
1619 }
1620
1621 .roo-document-manager-uploader,
1622 .roo-document-manager-loading,
1623 .roo-document-manager-preview {
1624     position: relative;
1625     float: left;
1626     width: 25%;
1627     padding-left: 5px;
1628     height: 100px;
1629     max-height: 100px;
1630     margin-top: 10px;
1631 }
1632
1633 .roo-document-manager-preview.wide {
1634     width: 50%;
1635 }
1636
1637 .roo-document-manager-thumb,
1638 .roo-document-manager-upload-btn {
1639     width : 100%;
1640     height: 100px;
1641     line-height: 100px;
1642     max-height: 100px;
1643     border: 1px solid #ccc;
1644     -webkit-box-shadow: 1px 0px 5px 0px rgba(128,128,128,0.75);
1645     -moz-box-shadow: 1px 0px 5px 0px rgba(128,128,128,0.75);
1646     box-shadow: 1px 0px 5px 0px rgba(128,128,128,0.75);
1647 }
1648
1649 .roo-document-manager-thumb > i.fa,
1650 .roo-document-manager-upload-btn > i.fa {
1651     width: 100%;
1652     line-height: 98px;
1653     text-align: center;
1654     vertical-align: middle;
1655     color: #808080;
1656     font-size: 2.5em;
1657 }
1658
1659 .roo-document-manager-thumb > i.fa {
1660     font-size: 2.5em;
1661 }
1662
1663 .roo-document-manager-thumb > img {
1664     width: 100%;
1665     max-height: 100%;
1666     text-align: center;
1667     vertical-align: middle;
1668 }
1669
1670 .roo-document-manager-preview > .close {
1671     position: absolute;
1672     top: 0px;
1673     right: 3px;
1674     font-size: 20px;
1675     opacity: 1;
1676 }
1677
1678 .roo-document-manager-preview > .close:hover {
1679     color: #333;
1680 }
1681
1682 /*
1683 * sm
1684 */
1685
1686 @media (min-width: 768px) {
1687     .roo-document-manager-uploader,
1688     .roo-document-manager-loading,
1689     .roo-document-manager-preview {
1690         height: 200px;
1691         max-height: 200px;
1692     }
1693
1694     .roo-document-manager-thumb,
1695     .roo-document-manager-upload-btn {
1696         line-height: 200px;
1697         height: 200px;
1698         max-height: 200px;
1699     }
1700
1701     .roo-document-manager-thumb > i.fa,
1702     .roo-document-manager-upload-btn > i.fa {
1703         line-height: 198px;
1704     }
1705
1706 }
1707
1708 /*
1709 * md
1710 */
1711
1712 @media (min-width: 992px) {
1713     .roo-document-manager-uploader,
1714     .roo-document-manager-loading,
1715     .roo-document-manager-preview {
1716         width: 8.33333333%;
1717         height: 80px;
1718         max-height: 80px;
1719     }
1720
1721     .roo-document-manager-preview.wide {
1722         width: 16.66666666%;
1723     }
1724
1725     .roo-document-manager-thumb,
1726     .roo-document-manager-upload-btn {
1727         line-height: 80px;
1728         height: 80px;
1729         max-height: 80px;
1730     }
1731
1732     .roo-document-manager-thumb > i.fa,
1733     .roo-document-manager-upload-btn > i.fa {
1734         line-height: 78px;
1735     }
1736
1737 }
1738
1739
1740 /*
1741 * lg
1742 */
1743
1744 @media (min-width: 1200px) {
1745     .roo-document-manager-uploader,
1746     .roo-document-manager-loading,
1747     .roo-document-manager-preview {
1748         width: 8.33333333%;
1749         height: 100px;
1750         max-height: 100px;
1751     }
1752
1753     .roo-document-manager-preview.wide {
1754         width: 16.66666666%;
1755     }
1756
1757     .roo-document-manager-thumb,
1758     .roo-document-manager-upload-btn {
1759         line-height: 100px;
1760         height: 100px;
1761         max-height: 100px;
1762     }
1763
1764     .roo-document-manager-thumb > i.fa,
1765     .roo-document-manager-upload-btn > i.fa {
1766         line-height: 98px;
1767     }
1768
1769 }
1770
1771 /* -- document-viewer.css ---- */
1772
1773 .document-viewer-dialog .modal-dialog {
1774     margin: 0px auto;
1775 }
1776
1777 .document-viewer-dialog .modal-header,
1778 .document-viewer-dialog .modal-footer {
1779     padding-top: 5px;
1780     padding-bottom: 5px;
1781 }
1782
1783 .document-viewer-dialog .modal-body {
1784     padding: 0px;
1785 }
1786
1787 .roo-document-viewer-body {
1788     background-color: #fff;
1789     width: 100%;
1790     height: 450px;
1791     max-height: 450px;
1792     position: relative;
1793     overflow: hidden;
1794     cursor:move;
1795 }
1796
1797 .roo-document-viewer-body .roo-document-viewer-thumb {
1798     position: absolute;
1799     width: 80%;
1800     height: 80%;
1801     top: 50%;
1802     left: 50%;
1803     transform: translate(-50%, -50%);
1804     box-sizing: border-box;
1805     border: 1px solid rgb(102, 102, 102);
1806     box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
1807     text-align: center;
1808     vertical-align: middle;
1809 }
1810
1811 .roo-document-viewer-body .roo-document-viewer-image{
1812     width: 100%;
1813     max-height: 100%;
1814 }
1815
1816 .roo-document-viewer-btn-group button {
1817     background-color: black;
1818     color: white;
1819     border-color: #333;
1820 }
1821
1822
1823 /* -- dropdown.css ---- */
1824 .dropdown-submenu:hover > a,
1825 .dropdown-submenu:focus > a {
1826   color: #ffffff;
1827   text-decoration: none;
1828   background-color: #0081c2;
1829   background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
1830   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
1831   background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
1832   background-image: -o-linear-gradient(top, #0088cc, #0077b3);
1833   background-image: linear-gradient(to bottom, #0088cc, #0077b3);
1834   background-repeat: repeat-x;
1835   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
1836 }
1837
1838 .dropdown-submenu {
1839   position: relative;
1840 }
1841
1842 .dropdown-submenu > .dropdown-menu {
1843   top: 0;
1844   left: 100%;
1845   margin-top: -6px;
1846   margin-left: -1px;
1847   -webkit-border-radius: 0 6px 6px 6px;
1848      -moz-border-radius: 0 6px 6px 6px;
1849           border-radius: 0 6px 6px 6px;
1850 }
1851
1852 .dropdown-submenu:hover > .dropdown-menu {
1853   display: block;
1854 }
1855
1856 .dropup .dropdown-submenu > .dropdown-menu {
1857   top: auto;
1858   bottom: 0;
1859   margin-top: 0;
1860   margin-bottom: -2px;
1861   -webkit-border-radius: 5px 5px 5px 0;
1862      -moz-border-radius: 5px 5px 5px 0;
1863           border-radius: 5px 5px 5px 0;
1864 }
1865
1866 .dropup .dropdown-menu {
1867     -webkit-animation-name: inherit;
1868 }
1869
1870 .dropdown-submenu > a:after {
1871   display: block;
1872   float: right;
1873   width: 0;
1874   height: 0;
1875   margin-top: 5px;
1876   margin-right: -10px;
1877   border-color: transparent;
1878   border-left-color: #cccccc;
1879   border-style: solid;
1880   border-width: 5px 0 5px 5px;
1881   content: " ";
1882 }
1883
1884 .dropdown-submenu:hover > a:after {
1885   border-left-color: #ffffff;
1886 }
1887
1888 .dropdown-submenu.pull-left {
1889   float: none !important;
1890 }
1891
1892 .dropdown-submenu.pull-left > .dropdown-menu {
1893   left: 0;
1894   margin-left: 1px;
1895   -webkit-border-radius: 6px 0 6px 6px;
1896      -moz-border-radius: 6px 0 6px 6px;
1897           border-radius: 6px 0 6px 6px;
1898 }
1899
1900 .dropdown-button > i {
1901     margin-right: 10px;
1902 }
1903
1904 /* -- input.css ---- */
1905 div.input-group.has-feedback > .form-control-feedback {
1906     right: 30px;
1907 }
1908
1909 /* -- label-pill.css ---- */
1910 .label-pill {
1911     padding-right: .6em;
1912     padding-left: .6em;
1913     border-radius: 10rem;
1914 }
1915
1916 /* -- list-group.css ---- */
1917 a.list-group-item, button.list-group-item {
1918     width: 100%;
1919     color: #555;
1920     text-align: inherit;
1921 }
1922 /* -- mask.css ---- */
1923 .roo-el-mask
1924 {
1925         z-index:20000;
1926     position:absolute;
1927     top:0;
1928     left:0;
1929     -moz-opacity: 0.5;
1930     opacity:.50;
1931     filter: alpha(opacity=50);
1932     background-color:#CCC;
1933     width:100%;
1934     height:100%;
1935     zoom:1;
1936 }
1937 .roo-el-mask-msg
1938 {
1939    position: absolute;
1940     z-index:20000;
1941     /*border: 4px double #557; */
1942     background-color: #fff;
1943     padding: 0px 30px;
1944     background-image: url('../images/ux/lightbox/loading.gif');
1945     background-repeat: no-repeat;
1946     border: 10px solid white;
1947     border-radius: 20px
1948
1949 }
1950
1951 .roo-el-mask-msg div
1952 {
1953    font-family: 'Source Sans Pro', sans-serif;
1954     font-size: 24px;
1955     font-weight: 500;
1956     z-index:20001;
1957     padding:4px 15px;
1958     color: #557;
1959
1960 }
1961 .x-body-masked
1962 {
1963         overflow:hidden !important;
1964 }
1965 .x-body-masked select,.ext-masked object,.ext-masked embed
1966 {
1967     visibility:hidden;
1968 }
1969 .x-dlg-mask
1970 {
1971     z-index:10000;
1972     display:none;
1973     position:absolute;
1974     top:0;
1975     left:0;
1976     -moz-opacity: 0.5;
1977     opacity:.50;
1978     filter: alpha(opacity=50);
1979     background-color:#CCC;
1980 }
1981
1982 /* -- modal.css ---- */
1983 /*
1984     Document   : modal
1985     Created on : Apr 23, 2014, 11:24:28 AM
1986     Author     : edward
1987     Description:
1988         Purpose of the stylesheet follows.
1989 */
1990
1991
1992 .modal-md-1,
1993 .modal-md-2,
1994 .modal-md-3,
1995 .modal-md-4,
1996 .modal-md-5,
1997 .modal-md-6,
1998 .modal-md-7,
1999 .modal-md-8,
2000 .modal-md-9,
2001 .modal-md-10,
2002 .modal-md-11,
2003 .modal-md-12 {
2004   float: left;
2005 }
2006
2007 .modal-md-12 .modal-dialog {
2008   width: 100%;
2009   margin: 30 auto;
2010 }
2011 .modal-md-11 .modal-dialog {
2012   width: 91.66666666666666%;
2013   margin: 30 auto;
2014 }
2015 .modal-md-10 .modal-dialog {
2016   width: 83.33333333333334%;
2017   margin: 30 auto;
2018 }
2019 .modal-md-9 .modal-dialog {
2020   width: 75%;
2021   margin: 30 auto;
2022 }
2023 .modal-md-8 .modal-dialog {
2024   width: 66.66666666666666%;
2025   margin: 30 auto;
2026 }
2027 .modal-md-7 .modal-dialog {
2028   width: 58.333333333333336%;
2029   margin: 30 auto;
2030 }
2031 .modal-md-6 .modal-dialog {
2032   width: 50%;
2033   margin: 30 auto;
2034 }
2035 .modal-md-5 .modal-dialog {
2036   width: 41.66666666666667%;
2037   margin: 30 auto;
2038 }
2039 .modal-md-4 .modal-dialog {
2040   width: 33.33333333333333%;
2041   margin: 30 auto;
2042 }
2043 .modal-md-3 .modal-dialog {
2044   width: 25%;
2045   margin: 30 auto;
2046 }
2047 .modal-md-2 .modal-dialog {
2048   width: 16.666666666666664%;
2049   margin: 30 auto;
2050 }
2051 .modal-md-1 .modal-dialog {
2052   width: 8.333333333333332%;
2053   margin: 30 auto;
2054 }
2055
2056
2057 @media (max-width: 568px) {
2058     .modal-footer .btn+.btn {
2059             margin-left:0px;
2060             margin-top:5px;
2061     }
2062 }
2063
2064 /* -- nav-progress-bar.css ---- */
2065
2066 .roo-navigation-bar-group,
2067 .roo-navigation-top-bar,
2068 .roo-navigation-bullets-bar,
2069 .roo-navigation-bottom-bar {
2070     width: 100%;
2071     float: left;
2072 }
2073
2074 .roo-navigation-bar-text > span {
2075     text-transform: uppercase;
2076     width: 90%;
2077     display: inline-block;
2078 }
2079
2080
2081 .roo-navigation-bar-text {
2082     float: left;
2083     line-height: 24px;
2084     height: 100%;
2085     min-height: 24px;
2086     text-align: center;
2087     position: relative;
2088 }
2089
2090 .roo-navigation-bar {
2091     counter-reset: step;
2092     text-align: center;
2093     padding: 0px;
2094     overflow: hidden;
2095     margin: 0px;
2096 }
2097
2098 .roo-navigation-bar .roo-navigation-bar-item {
2099     list-style-type: none;
2100     color: rgb(0,0,0);
2101     text-transform: uppercase;
2102     font-size: 14px;
2103     float: left;
2104     position: relative;
2105 }
2106
2107 .roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon:before {
2108     counter-increment: step;
2109     width: 25px;
2110     line-height: 25px;
2111     display: block;
2112     color: white;
2113     background: #337ab7;
2114     border-radius: 5px;
2115     font-weight: bold;
2116     cursor: pointer;
2117 }
2118
2119 .roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon.step-number:before {
2120     content: counter(step);
2121 }
2122
2123 .roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon:after {
2124     content: '';
2125     width: 100%;
2126     height: 5px;
2127     background: #337ab7;
2128     position: absolute;
2129     top: 10px;
2130     z-index: -1;
2131 }
2132
2133 .roo-navigation-bar .roo-navigation-bar-item:last-child > .roo-navigation-bar-item-icon:after {
2134     content: none;
2135 }
2136
2137 .roo-navigation-bar .roo-navigation-bar-item.active .roo-navigation-bar-item-icon:before {
2138     background: #aa0000;
2139     color: white;
2140 }
2141
2142 .roo-navigation-bar .roo-navigation-bar-item.disabled .roo-navigation-bar-item-icon:before {
2143     background: #999999;
2144     color: white;
2145     cursor: not-allowed;
2146 }
2147
2148 .roo-navigation-bar .roo-navigation-bar-item.active .roo-navigation-bar-item-icon:before {
2149     cursor: default;
2150 }
2151
2152 .roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon {
2153     font: normal normal normal 14px/1 FontAwesome;
2154     display: inline-block;
2155
2156 }
2157
2158 @media (min-width: 768px) {
2159     .roo-navigation-bar .roo-navigation-bar-item.xs-icon > .roo-navigation-bar-item-icon:before {
2160         content: counter(step);
2161     }
2162
2163 }
2164
2165 @media (min-width: 992px) {
2166     .roo-navigation-bar .roo-navigation-bar-item.xs-icon > .roo-navigation-bar-item-icon:before,
2167     .roo-navigation-bar .roo-navigation-bar-item.sm-icon > .roo-navigation-bar-item-icon:before {
2168         content: counter(step);
2169     }
2170 }
2171
2172 @media (min-width: 1200px) {
2173     .roo-navigation-bar .roo-navigation-bar-item.xs-icon > .roo-navigation-bar-item-icon:before,
2174     .roo-navigation-bar .roo-navigation-bar-item.sm-icon > .roo-navigation-bar-item-icon:before,
2175     .roo-navigation-bar .roo-navigation-bar-item.md-icon > .roo-navigation-bar-item-icon:before {
2176         content: counter(step);
2177     }
2178 }
2179
2180 /* -- numberbox.css ---- */
2181 .roo-numberbox{
2182         background-color: #00c0ef !important;
2183         border: 10px solid black;
2184 }
2185
2186 .roo-numberbox h{
2187         font-size: 24px;
2188 }
2189
2190 /* -- pull-xs-right.css ---- */
2191 .pull-xs-right {
2192     float: right!important;
2193 }
2194 /* -- select2.css ---- */
2195 /*
2196 Version: 3.4.8 Timestamp: Thu May  1 09:50:32 EDT 2014
2197 */
2198 .select2-container {
2199     margin: 0;
2200     position: relative;
2201     /*display: inline-block;*/
2202     /* inline-block for ie7 */
2203     zoom: 1;
2204     *display: inline;
2205     vertical-align: middle;
2206 }
2207
2208 .select2-container,
2209 .select2-drop,
2210 .select2-search,
2211 .select2-search input {
2212   /*
2213     Force border-box so that % widths fit the parent
2214     container without overlap because of margin/padding.
2215     More Info : http://www.quirksmode.org/css/box.html
2216   */
2217   -webkit-box-sizing: border-box; /* webkit */
2218      -moz-box-sizing: border-box; /* firefox */
2219           box-sizing: border-box; /* css3 */
2220 }
2221
2222 .select2-container .select2-choice {
2223     display: block;
2224     height: 26px;
2225     padding: 0 0 0 8px;
2226     overflow: hidden;
2227     position: relative;
2228
2229     border: 1px solid #aaa;
2230     white-space: nowrap;
2231     line-height: 26px;
2232     color: #444;
2233     text-decoration: none;
2234
2235     border-radius: 4px;
2236
2237     background-clip: padding-box;
2238
2239     -webkit-touch-callout: none;
2240       -webkit-user-select: none;
2241          -moz-user-select: none;
2242           -ms-user-select: none;
2243               user-select: none;
2244
2245     background-color: #fff;
2246     background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
2247     background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
2248     background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
2249     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
2250     background-image: linear-gradient(to top, #eee 0%, #fff 50%);
2251 }
2252
2253 .select2-container.select2-drop-above .select2-choice {
2254     border-bottom-color: #aaa;
2255
2256     border-radius: 0 0 4px 4px;
2257
2258     background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, #fff));
2259     background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%);
2260     background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%);
2261     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
2262     background-image: linear-gradient(to bottom, #eee 0%, #fff 90%);
2263 }
2264
2265 .select2-container.select2-allowclear .select2-choice .select2-chosen {
2266     margin-right: 42px;
2267 }
2268
2269 .select2-container .select2-choice > .select2-chosen {
2270     margin-right: 26px;
2271     display: block;
2272     overflow: hidden;
2273
2274     white-space: nowrap;
2275
2276     text-overflow: ellipsis;
2277     float: none;
2278     width: auto;
2279 }
2280
2281 .select2-container .select2-choice abbr {
2282     display: none;
2283     width: 12px;
2284     height: 12px;
2285     position: absolute;
2286     right: 24px;
2287     top: 8px;
2288
2289     font-size: 1px;
2290     text-decoration: none;
2291
2292     border: 0;
2293     background: url('../images/select2/select2.png') right top no-repeat;
2294     cursor: pointer;
2295     outline: 0;
2296 }
2297
2298 .select2-container.select2-allowclear .select2-choice abbr {
2299     display: inline-block;
2300 }
2301
2302 .select2-container .select2-choice abbr:hover {
2303     background-position: right -11px;
2304     cursor: pointer;
2305 }
2306
2307 .select2-drop-mask {
2308     border: 0;
2309     margin: 0;
2310     padding: 0;
2311     position: fixed;
2312     left: 0;
2313     top: 0;
2314     min-height: 100%;
2315     min-width: 100%;
2316     height: auto;
2317     width: auto;
2318     opacity: 0;
2319     z-index: 9998;
2320     /* styles required for IE to work */
2321     background-color: #fff;
2322     filter: alpha(opacity=0);
2323 }
2324
2325 .select2-drop {
2326     width: 100%;
2327     margin-top: -1px;
2328     position: absolute;
2329     z-index: 9999;
2330     top: 100%;
2331
2332     background: #fff;
2333     color: #000;
2334     border: 1px solid #aaa;
2335     border-top: 0;
2336
2337     border-radius: 0 0 4px 4px;
2338
2339     -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
2340             box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
2341 }
2342
2343 .select2-drop.select2-drop-above {
2344     margin-top: 1px;
2345     border-top: 1px solid #aaa;
2346     border-bottom: 0;
2347
2348     border-radius: 4px 4px 0 0;
2349
2350     -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
2351             box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
2352 }
2353
2354 .select2-drop-active {
2355     border: 1px solid #5897fb;
2356     border-top: none;
2357 }
2358
2359 .select2-drop.select2-drop-above.select2-drop-active {
2360     border-top: 1px solid #5897fb;
2361 }
2362
2363 .select2-drop-auto-width {
2364     border-top: 1px solid #aaa;
2365     width: auto;
2366 }
2367
2368 .select2-drop-auto-width .select2-search {
2369     padding-top: 4px;
2370 }
2371
2372 .select2-container .select2-choice .select2-arrow {
2373     display: inline-block;
2374     width: 18px;
2375     height: 100%;
2376     position: absolute;
2377     right: 0;
2378     top: 0;
2379
2380     border-left: 1px solid #aaa;
2381     border-radius: 0 4px 4px 0;
2382
2383     background-clip: padding-box;
2384
2385     background: #ccc;
2386     background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
2387     background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
2388     background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
2389     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0);
2390     background-image: linear-gradient(to top, #ccc 0%, #eee 60%);
2391 }
2392
2393 .select2-container .select2-choice .select2-arrow b {
2394     display: block;
2395     width: 100%;
2396     height: 100%;
2397     background: url('../images/select2/select2.png') no-repeat 0 1px;
2398 }
2399
2400 .select2-search {
2401     display: inline-block;
2402     width: 100%;
2403     min-height: 26px;
2404     margin: 0;
2405     padding-left: 4px;
2406     padding-right: 4px;
2407
2408     position: relative;
2409     z-index: 10000;
2410
2411     white-space: nowrap;
2412 }
2413
2414 .select2-search input {
2415     width: 100%;
2416     height: auto !important;
2417     min-height: 26px;
2418     padding: 4px 20px 4px 5px;
2419     margin: 0;
2420
2421     outline: 0;
2422     font-family: sans-serif;
2423     font-size: 1em;
2424
2425     border: 1px solid #aaa;
2426     border-radius: 0;
2427
2428     -webkit-box-shadow: none;
2429             box-shadow: none;
2430
2431     background: #fff url('../images/select2/select2.png') no-repeat 100% -22px;
2432     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));
2433     background: url('../images/select2/select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
2434     background: url('../images/select2/select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
2435     background: url('../images/select2/select2.png') no-repeat 100% -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
2436 }
2437
2438 .select2-drop.select2-drop-above .select2-search input {
2439     margin-top: 4px;
2440 }
2441
2442 .select2-search input.select2-active {
2443     background: #fff url('../images/select2/select2-spinner.gif') no-repeat 100%;
2444     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));
2445     background: url('../images/select2/select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
2446     background: url('../images/select2/select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
2447     background: url('../images/select2/select2-spinner.gif') no-repeat 100%, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
2448 }
2449
2450 .select2-container-active .select2-choice,
2451 .select2-container-active .select2-choices {
2452     border: 1px solid #5897fb;
2453     outline: none;
2454
2455     -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
2456             box-shadow: 0 0 5px rgba(0, 0, 0, .3);
2457 }
2458
2459 .select2-dropdown-open .select2-choice {
2460     border-bottom-color: transparent;
2461     -webkit-box-shadow: 0 1px 0 #fff inset;
2462             box-shadow: 0 1px 0 #fff inset;
2463
2464     border-bottom-left-radius: 0;
2465     border-bottom-right-radius: 0;
2466
2467     background-color: #eee;
2468     background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #eee));
2469     background-image: -webkit-linear-gradient(center bottom, #fff 0%, #eee 50%);
2470     background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%);
2471     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
2472     background-image: linear-gradient(to top, #fff 0%, #eee 50%);
2473 }
2474
2475 .select2-dropdown-open.select2-drop-above .select2-choice,
2476 .select2-dropdown-open.select2-drop-above .select2-choices {
2477     border: 1px solid #5897fb;
2478     border-top-color: transparent;
2479
2480     background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #eee));
2481     background-image: -webkit-linear-gradient(center top, #fff 0%, #eee 50%);
2482     background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%);
2483     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
2484     background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
2485 }
2486
2487 .select2-dropdown-open .select2-choice .select2-arrow {
2488     background: transparent;
2489     border-left: none;
2490     filter: none;
2491 }
2492 .select2-dropdown-open .select2-choice .select2-arrow b {
2493     background-position: -18px 1px;
2494 }
2495
2496 .select2-hidden-accessible {
2497     border: 0;
2498     clip: rect(0 0 0 0);
2499     height: 1px;
2500     margin: -1px;
2501     overflow: hidden;
2502     padding: 0;
2503     position: absolute;
2504     width: 1px;
2505 }
2506
2507 /* results */
2508 .select2-results {
2509     max-height: 200px;
2510     padding: 0 0 0 4px;
2511     margin: 4px 4px 4px 0;
2512     position: relative;
2513     overflow-x: hidden;
2514     overflow-y: auto;
2515     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
2516 }
2517
2518 .select2-results ul.select2-result-sub {
2519     margin: 0;
2520     padding-left: 0;
2521 }
2522
2523 .select2-results li {
2524     list-style: none;
2525     display: list-item;
2526     background-image: none;
2527 }
2528
2529 .select2-results li.select2-result-with-children > .select2-result-label {
2530     font-weight: bold;
2531 }
2532
2533 .select2-results .select2-result-label {
2534     padding: 3px 7px 4px;
2535     margin: 0;
2536     cursor: pointer;
2537
2538     min-height: 1em;
2539
2540     -webkit-touch-callout: none;
2541       -webkit-user-select: none;
2542          -moz-user-select: none;
2543           -ms-user-select: none;
2544               user-select: none;
2545 }
2546
2547 .select2-results-dept-1 .select2-result-label { padding-left: 20px }
2548 .select2-results-dept-2 .select2-result-label { padding-left: 40px }
2549 .select2-results-dept-3 .select2-result-label { padding-left: 60px }
2550 .select2-results-dept-4 .select2-result-label { padding-left: 80px }
2551 .select2-results-dept-5 .select2-result-label { padding-left: 100px }
2552 .select2-results-dept-6 .select2-result-label { padding-left: 110px }
2553 .select2-results-dept-7 .select2-result-label { padding-left: 120px }
2554
2555 .select2-results .select2-highlighted {
2556     background: #3875d7;
2557     color: #fff;
2558 }
2559
2560 .select2-results li em {
2561     background: #feffde;
2562     font-style: normal;
2563 }
2564
2565 .select2-results .select2-highlighted em {
2566     background: transparent;
2567 }
2568
2569 .select2-results .select2-highlighted ul {
2570     background: #fff;
2571     color: #000;
2572 }
2573
2574
2575 .select2-results .select2-no-results,
2576 .select2-results .select2-searching,
2577 .select2-results .select2-selection-limit {
2578     background: #f4f4f4;
2579     display: list-item;
2580     padding-left: 5px;
2581 }
2582
2583 /*
2584 disabled look for disabled choices in the results dropdown
2585 */
2586 .select2-results .select2-disabled.select2-highlighted {
2587     color: #666;
2588     background: #f4f4f4;
2589     display: list-item;
2590     cursor: default;
2591 }
2592 .select2-results .select2-disabled {
2593   background: #f4f4f4;
2594   display: list-item;
2595   cursor: default;
2596 }
2597
2598 .select2-results .select2-selected {
2599     display: none;
2600 }
2601
2602 .select2-more-results.select2-active {
2603     background: #f4f4f4 url('../images/select2/select2-spinner.gif') no-repeat 100%;
2604 }
2605
2606 .select2-more-results {
2607     background: #f4f4f4;
2608     display: list-item;
2609 }
2610
2611 /* disabled styles */
2612
2613 .select2-container.select2-container-disabled .select2-choice {
2614     background-color: #f4f4f4;
2615     background-image: none;
2616     border: 1px solid #ddd;
2617     cursor: default;
2618 }
2619
2620 .select2-container.select2-container-disabled .select2-choice .select2-arrow {
2621     background-color: #f4f4f4;
2622     background-image: none;
2623     border-left: 0;
2624 }
2625
2626 .select2-container.select2-container-disabled .select2-choice abbr {
2627     display: none;
2628 }
2629
2630
2631 /* multiselect */
2632
2633 .select2-container-multi .select2-choices {
2634     height: auto !important;
2635     height: 1%;
2636     margin: 0;
2637     padding: 0;
2638     /*position: relative;*/
2639     border: 1px solid #aaa;
2640     cursor: text;
2641     overflow: hidden;
2642     background-color: #fff;
2643     background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
2644     background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
2645     background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
2646     background-image: linear-gradient(to bottom, #eee 1%, #fff 15%);
2647 }
2648
2649 .select2-locked {
2650   padding: 3px 5px 3px 5px !important;
2651 }
2652
2653 .select2-container-multi .select2-choices {
2654     min-height: 26px;
2655 }
2656
2657 .select2-container-multi.select2-container-active .select2-choices {
2658     border: 1px solid #5897fb;
2659     outline: none;
2660
2661     -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
2662             box-shadow: 0 0 5px rgba(0, 0, 0, .3);
2663 }
2664 .select2-container-multi .select2-choices li {
2665     float: left;
2666     list-style: none;
2667 }
2668 html[dir="rtl"] .select2-container-multi .select2-choices li
2669 {
2670     float: right;
2671 }
2672 .select2-container-multi .select2-choices .select2-search-field {
2673     margin: 0;
2674     padding: 0;
2675     white-space: nowrap;
2676 }
2677
2678 .select2-container-multi .select2-choices .select2-search-field input {
2679     padding: 5px;
2680     margin: 1px 0;
2681
2682     font-family: sans-serif;
2683     font-size: 100%;
2684     color: #666;
2685     outline: 0;
2686     border: 0;
2687     -webkit-box-shadow: none;
2688             box-shadow: none;
2689     background: transparent !important;
2690 }
2691
2692 .select2-container-multi .select2-choices .select2-search-field input.select2-active {
2693     background: #fff url('../images/select2/select2-spinner.gif') no-repeat 100% !important;
2694 }
2695
2696 .select2-default {
2697     color: #999 !important;
2698 }
2699
2700 .select2-container-multi .select2-choices .select2-search-choice {
2701     padding: 3px 5px 3px 18px;
2702     margin: 3px 0 3px 5px;
2703     position: relative;
2704
2705     line-height: 13px;
2706     color: #333;
2707     cursor: default;
2708     border: 1px solid #aaaaaa;
2709
2710     border-radius: 3px;
2711
2712     -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
2713             box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
2714
2715     background-clip: padding-box;
2716
2717     -webkit-touch-callout: none;
2718       -webkit-user-select: none;
2719          -moz-user-select: none;
2720           -ms-user-select: none;
2721               user-select: none;
2722
2723     background-color: #e4e4e4;
2724     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
2725     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));
2726     background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
2727     background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
2728     background-image: linear-gradient(to top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
2729 }
2730 html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice
2731 {
2732     margin-left: 0;
2733     margin-right: 5px;
2734 }
2735 .select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
2736     cursor: default;
2737 }
2738 .select2-container-multi .select2-choices .select2-search-choice-focus {
2739     background: #d4d4d4;
2740 }
2741
2742 .select2-search-choice-close {
2743     display: block;
2744     width: 12px;
2745     height: 13px;
2746     position: absolute;
2747     right: 3px;
2748     top: 4px;
2749
2750     font-size: 1px;
2751     outline: none;
2752     background: url('../images/select2/select2.png') right top no-repeat;
2753 }
2754 html[dir="rtl"] .select2-search-choice-close {
2755     right: auto;
2756     left: 3px;
2757 }
2758
2759 .select2-container-multi .select2-search-choice-close {
2760     left: 3px;
2761 }
2762
2763 .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
2764   background-position: right -11px;
2765 }
2766 .select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
2767     background-position: right -11px;
2768 }
2769
2770 /* disabled styles */
2771 .select2-container-multi.select2-container-disabled .select2-choices {
2772     background-color: #f4f4f4;
2773     background-image: none;
2774     border: 1px solid #ddd;
2775     cursor: default;
2776 }
2777
2778 .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
2779     padding: 3px 5px 3px 5px;
2780     border: 1px solid #ddd;
2781     background-image: none;
2782     background-color: #f4f4f4;
2783 }
2784
2785 .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {    display: none;
2786     background: none;
2787 }
2788 /* end multiselect */
2789
2790
2791 .select2-result-selectable .select2-match,
2792 .select2-result-unselectable .select2-match {
2793     text-decoration: underline;
2794 }
2795
2796 .select2-offscreen, .select2-offscreen:focus {
2797     clip: rect(0 0 0 0) !important;
2798     width: 1px !important;
2799     height: 1px !important;
2800     border: 0 !important;
2801     margin: 0 !important;
2802     padding: 0 !important;
2803     overflow: hidden !important;
2804     position: absolute !important;
2805     outline: 0 !important;
2806     left: 0px !important;
2807     top: 0px !important;
2808 }
2809
2810 .select2-display-none {
2811     display: none;
2812 }
2813
2814 .select2-measure-scrollbar {
2815     position: absolute;
2816     top: -10000px;
2817     left: -10000px;
2818     width: 100px;
2819     height: 100px;
2820     overflow: scroll;
2821 }
2822
2823 /* Retina-ize icons */
2824
2825 @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx)  {
2826     .select2-search input,
2827     .select2-search-choice-close,
2828     .select2-container .select2-choice abbr,
2829     .select2-container .select2-choice .select2-arrow b {
2830         background-image: url('../images/select2/select2x2.png') !important;
2831         background-repeat: no-repeat !important;
2832         background-size: 60px 40px !important;
2833     }
2834
2835     .select2-search input {
2836         background-position: 100% -21px !important;
2837     }
2838 }
2839
2840 .has-error .select2-choices {
2841     border-color: #a94442;
2842     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
2843     box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
2844 }
2845 /* -- sidebar-nav.css ---- */
2846 .sidebar {
2847     margin-bottom: 5px;
2848 }
2849
2850 .sidebar .sidebar-menu {
2851     list-style: none;
2852     margin: 0;
2853     padding: 0;
2854 }
2855
2856 .sidebar .sidebar-menu > li {
2857     margin: 0;
2858     padding: 0;
2859     border-bottom: 1px solid #ccc;
2860     background-color: #eee;
2861 }
2862
2863 .sidebar .sidebar-menu > li > a {
2864     padding: 12px 5px 12px 15px;
2865     display: block;
2866     color: #333;
2867 }
2868
2869 .sidebar .sidebar-menu > li > a > .fa,
2870 .sidebar .sidebar-menu > li > a > .glyphicon,
2871 .sidebar .sidebar-menu > li > a > .ion {
2872     width: 20px;
2873 }
2874
2875 .sidebar .sidebar-menu li:hover,
2876 .sidebar .sidebar-menu li:focus,
2877 .sidebar .sidebar-menu li:active
2878 {
2879     background-color: #fff;
2880 }
2881
2882 .sidebar .sidebar-menu li:hover a,
2883 .sidebar .sidebar-menu li:focus a,
2884 .sidebar .sidebar-menu li:active a
2885 {
2886     color: #000;
2887 }
2888
2889 .sidebar .sidebar-menu li.active {
2890   color: #fff;
2891   background-color: #337ab7;
2892   border-color: #2e6da4;
2893 }
2894
2895 .sidebar .sidebar-menu li.active:hover,
2896 .sidebar .sidebar-menu li.active:focus,
2897 .sidebar .sidebar-menu li.active.focus
2898 {
2899     color: #fff;
2900     background-color: #204d74;
2901     border-color: #122b40;
2902 }
2903
2904 .sidebar .sidebar-menu li.active  a {
2905     color: #fff;
2906 }
2907
2908 .sidebar .sidebar-menu li.disabled {
2909   color: #ccc;
2910   background-color: #fff;
2911   border-color: #ccc;
2912 }
2913
2914 .sidebar .sidebar-menu li.disabled a {
2915     color: #ccc;
2916     cursor: default;
2917 }
2918
2919 .sidebar .sidebar-menu li.danger,
2920 .sidebar .sidebar-menu li.danger.active {
2921   color: #fff;
2922   background-color: #d9534f;
2923   border-color: #d43f3a;
2924 }
2925
2926 .sidebar .sidebar-menu li.danger:hover,
2927 .sidebar .sidebar-menu li.danger:focus,
2928 .sidebar .sidebar-menu li.danger.active:focus
2929 {
2930     color: #fff;
2931     background-color: #c9302c;
2932     border-color: #ac2925;
2933     border-bottom: 1px solid #ac2925;
2934 }
2935
2936 .sidebar .sidebar-menu li.danger a,
2937 .sidebar .sidebar-menu li.danger.active a{
2938     color: #fff;
2939 }
2940
2941
2942 .badge-default {
2943     background-color: #777;
2944     color: #fff;
2945 }
2946
2947 .badge-primary {
2948     background-color: #337ab7;
2949     color: #fff;
2950 }
2951
2952 .badge-success {
2953     background-color: #5cb85c;
2954     color: #fff;
2955 }
2956
2957 .badge-info {
2958     background-color: #5bc0de;
2959     color: #fff;
2960 }
2961
2962 .badge-warning {
2963     background-color: #f0ad4e;
2964     color: #fff;
2965 }
2966
2967 .badge-danger {
2968     background-color: #d9534f;
2969     color: #fff;
2970 }
2971
2972 .sidebar .sidebar-menu > li.active .badge-info {
2973     background-color: #fff;
2974     color: #5bc0de;
2975 }
2976 /* -- sticky-footer.css ---- */
2977 /*html, */
2978
2979
2980
2981 /* Sticky footer styles
2982 -------------------------------------------------- */
2983 html.bootstrap-sticky {
2984   position: relative;
2985   min-height: 100%;
2986 }
2987 html.bootstrap-sticky body {
2988   /* Margin bottom by footer height */
2989   margin-bottom: 60px;
2990 }
2991 .bootstrap-sticky-footer {
2992   position: absolute;
2993   bottom: 0;
2994   width: 100%;
2995   /* Set the fixed height of the footer here */
2996   height: 60px;
2997   background-color: #f5f5f5;
2998 }
2999
3000
3001
3002 /* Lastly, apply responsive CSS fixes as necessary */
3003 @media (max-width: 767px) {
3004     .bootstrap-sticky-footer {
3005         margin-left: -20px;
3006         margin-right: -20px;
3007         padding-left: 20px;
3008         padding-right: 20px;
3009     }
3010 }
3011
3012
3013
3014 /* -- table.css ---- */
3015 /* paging toolbar */
3016
3017 .pagination .x-paging-position span {
3018     padding-top:3px; padding-bottom:3px;
3019 }
3020 .pagination .x-paging-position span  input {
3021     margin: 0 3px;
3022 }
3023
3024 .navbar .pagination>li>span {
3025     min-height:34px;
3026 }
3027
3028 .navbar .pagination {
3029     margin: 0;
3030 }
3031
3032
3033 /* these are technicall adminlte related */
3034 .skin-blue  .navbar .pagination > li > a:active,
3035 .skin-blue  .navbar .pagination > li > a:focus,
3036 .skin-blue .navbar .pagination>li>a {
3037     background-color: #428bca;
3038
3039 }
3040 .skin-blue  .navbar .pagination > li > a:hover
3041 {
3042    background-color:  rgb(221, 221, 221);
3043 }
3044 .skin-blue table .navbar {
3045     background-color: #fff;
3046
3047 }
3048 .skin-blue .navbar .pagination>li.disabled >a{
3049     background-color: rgb(221, 221, 221);
3050 }
3051 .skin-blue table .navbar {
3052     margin-bottom: 0;
3053     min-height: 0;
3054 }
3055
3056 .table .sortable {
3057     cursor: pointer;
3058 }
3059
3060
3061 /* -- tweaks.css ---- */
3062 .navbar-left .input-group[class*="col-"] {
3063     float:left;
3064 }
3065
3066 .ellipsis {
3067     overflow: hidden;
3068     text-overflow: ellipsis;
3069     display: -webkit-box;
3070     -webkit-line-clamp: 3;
3071     -webkit-box-orient: vertical;
3072 }
3073
3074 .sw-child-headline {
3075     display: inline-block;
3076     width: auto;
3077 }
3078
3079 .box-input-label {
3080     width: 100%;
3081     display: inline-block;
3082     font-weight: bold;
3083 }
3084
3085 .box-label {
3086     margin-left: 5px;
3087     cursor: pointer;
3088 }
3089 /* needed as menu ontop of form does not work */
3090 .input-group .form-control {
3091
3092     z-index: 1;
3093 }
3094
3095 /* admin-lte - messes with checkbox and radio.. */
3096 .checkbox, .radio {
3097     padding-left: 15px!important;
3098 }
3099 /* paging toolbar */
3100
3101 .pagination .x-paging-position span {
3102     padding-top:3px; padding-bottom:3px;
3103 }
3104 .pagination .x-paging-position span  input {
3105     margin: 0 3px;
3106 }
3107 /* -- upload-cropbox.css ---- */
3108
3109 .roo-upload-cropbox-selector { // it must use visibility, display is not working on old safari...
3110     visibility: hidden;
3111     height: 0px;
3112 }
3113
3114 .roo-upload-cropbox-dialog .modal-header,
3115 .roo-upload-cropbox-dialog .modal-footer {
3116     padding-top: 5px;
3117     padding-bottom: 5px;
3118 }
3119
3120 .roo-upload-cropbox-body {
3121     background-color: #fff;
3122     border: 1px solid #e3e3e3;
3123     width: 100%;
3124     height: 450px;
3125     max-height: 450px;
3126     position: relative;
3127     overflow: hidden;
3128     cursor:move;
3129 }
3130
3131 .roo-upload-cropbox-preview {
3132     position: absolute;
3133     top: 0px;
3134     left: 0px;
3135     text-align: center;
3136     margin: 0px;
3137     padding: 0px;
3138     border: none;
3139 }
3140
3141 .roo-upload-cropbox-body .roo-upload-cropbox-thumb {
3142     position: absolute;
3143 /*    top: 50%;
3144     left: 50%;
3145     transform: translate(-50%, -50%);*/
3146     box-sizing: border-box;
3147     border: 1px solid rgb(102, 102, 102);
3148     box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
3149     background: none repeat scroll 0% 0% transparent;
3150 }
3151
3152 .roo-upload-cropbox-body .roo-upload-cropbox-empty-notify {
3153     height: 100%;
3154     background-color: rgba(0, 0, 0, 0.5);
3155     color: white;
3156     font-weight: bold;
3157     font-size: 24px;
3158     text-align: center;
3159     padding-top: 50px;
3160     font-style: italic;
3161 }
3162
3163 .roo-upload-cropbox-btn-group button {
3164     background-color: black;
3165     color: white;
3166     border-color: #333;
3167 }
3168
3169 .roo-upload-cropbox-error-notify {
3170     border-radius: 0px;
3171     text-align: center;
3172     padding: 0px !important;
3173     margin: 0px !important;
3174     position: absolute;
3175     top: 0;
3176     left: 0;
3177 }
3178