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 /* -- mask.css ---- */
1905 .roo-el-mask
1906 {
1907         z-index:20000;
1908     position:absolute;
1909     top:0;
1910     left:0;
1911     -moz-opacity: 0.5;
1912     opacity:.50;
1913     filter: alpha(opacity=50);
1914     background-color:#CCC;
1915     width:100%;
1916     height:100%;
1917     zoom:1;
1918 }
1919 .roo-el-mask-msg
1920 {
1921    position: absolute;
1922     z-index:20000;
1923     /*border: 4px double #557; */
1924     background-color: #fff;
1925     padding: 0px 30px;
1926     background-image: url('../images/ux/lightbox/loading.gif');
1927     background-repeat: no-repeat;
1928     border: 10px solid white;
1929     border-radius: 20px
1930
1931 }
1932
1933 .roo-el-mask-msg div
1934 {
1935    font-family: 'Source Sans Pro', sans-serif;
1936     font-size: 24px;
1937     font-weight: 500;
1938     z-index:20001;
1939     padding:4px 15px;
1940     color: #557;
1941
1942 }
1943 .x-body-masked
1944 {
1945         overflow:hidden !important;
1946 }
1947 .x-body-masked select,.ext-masked object,.ext-masked embed
1948 {
1949     visibility:hidden;
1950 }
1951 .x-dlg-mask
1952 {
1953     z-index:10000;
1954     display:none;
1955     position:absolute;
1956     top:0;
1957     left:0;
1958     -moz-opacity: 0.5;
1959     opacity:.50;
1960     filter: alpha(opacity=50);
1961     background-color:#CCC;
1962 }
1963
1964 /* -- modal.css ---- */
1965 /*
1966     Document   : modal
1967     Created on : Apr 23, 2014, 11:24:28 AM
1968     Author     : edward
1969     Description:
1970         Purpose of the stylesheet follows.
1971 */
1972
1973
1974 .modal-md-1,
1975 .modal-md-2,
1976 .modal-md-3,
1977 .modal-md-4,
1978 .modal-md-5,
1979 .modal-md-6,
1980 .modal-md-7,
1981 .modal-md-8,
1982 .modal-md-9,
1983 .modal-md-10,
1984 .modal-md-11,
1985 .modal-md-12 {
1986   float: left;
1987 }
1988
1989 .modal-md-12 .modal-dialog {
1990   width: 100%;
1991   margin: 30 auto;
1992 }
1993 .modal-md-11 .modal-dialog {
1994   width: 91.66666666666666%;
1995   margin: 30 auto;
1996 }
1997 .modal-md-10 .modal-dialog {
1998   width: 83.33333333333334%;
1999   margin: 30 auto;
2000 }
2001 .modal-md-9 .modal-dialog {
2002   width: 75%;
2003   margin: 30 auto;
2004 }
2005 .modal-md-8 .modal-dialog {
2006   width: 66.66666666666666%;
2007   margin: 30 auto;
2008 }
2009 .modal-md-7 .modal-dialog {
2010   width: 58.333333333333336%;
2011   margin: 30 auto;
2012 }
2013 .modal-md-6 .modal-dialog {
2014   width: 50%;
2015   margin: 30 auto;
2016 }
2017 .modal-md-5 .modal-dialog {
2018   width: 41.66666666666667%;
2019   margin: 30 auto;
2020 }
2021 .modal-md-4 .modal-dialog {
2022   width: 33.33333333333333%;
2023   margin: 30 auto;
2024 }
2025 .modal-md-3 .modal-dialog {
2026   width: 25%;
2027   margin: 30 auto;
2028 }
2029 .modal-md-2 .modal-dialog {
2030   width: 16.666666666666664%;
2031   margin: 30 auto;
2032 }
2033 .modal-md-1 .modal-dialog {
2034   width: 8.333333333333332%;
2035   margin: 30 auto;
2036 }
2037 /* -- nav-progress-bar.css ---- */
2038
2039 .roo-navigation-bar-group,
2040 .roo-navigation-top-bar,
2041 .roo-navigation-bullets-bar,
2042 .roo-navigation-bottom-bar {
2043     width: 100%;
2044     float: left;
2045 }
2046
2047 .roo-navigation-bar-text > span {
2048     text-transform: uppercase;
2049     width: 90%;
2050     display: inline-block;
2051 }
2052
2053
2054 .roo-navigation-bar-text {
2055     float: left;
2056     line-height: 24px;
2057     height: 100%;
2058     min-height: 24px;
2059     text-align: center;
2060     position: relative;
2061 }
2062
2063 .roo-navigation-bar {
2064     counter-reset: step;
2065     text-align: center;
2066     padding: 0px;
2067     overflow: hidden;
2068     margin: 0px;
2069 }
2070
2071 .roo-navigation-bar .roo-navigation-bar-item {
2072     list-style-type: none;
2073     color: rgb(0,0,0);
2074     text-transform: uppercase;
2075     font-size: 14px;
2076     float: left;
2077     position: relative;
2078 }
2079
2080 .roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon:before {
2081     counter-increment: step;
2082     width: 25px;
2083     line-height: 25px;
2084     display: block;
2085     color: white;
2086     background: #337ab7;
2087     border-radius: 5px;
2088     font-weight: bold;
2089     cursor: pointer;
2090 }
2091
2092 .roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon.step-number:before {
2093     content: counter(step);
2094 }
2095
2096 .roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon:after {
2097     content: '';
2098     width: 100%;
2099     height: 5px;
2100     background: #337ab7;
2101     position: absolute;
2102     top: 10px;
2103     z-index: -1;
2104 }
2105
2106 .roo-navigation-bar .roo-navigation-bar-item:last-child > .roo-navigation-bar-item-icon:after {
2107     content: none;
2108 }
2109
2110 .roo-navigation-bar .roo-navigation-bar-item.active .roo-navigation-bar-item-icon:before {
2111     background: #aa0000;
2112     color: white;
2113 }
2114
2115 .roo-navigation-bar .roo-navigation-bar-item.disabled .roo-navigation-bar-item-icon:before {
2116     background: #999999;
2117     color: white;
2118     cursor: not-allowed;
2119 }
2120
2121 .roo-navigation-bar .roo-navigation-bar-item.active .roo-navigation-bar-item-icon:before {
2122     cursor: default;
2123 }
2124
2125 .roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon {
2126     font: normal normal normal 14px/1 FontAwesome;
2127     display: inline-block;
2128
2129 }
2130
2131 @media (min-width: 768px) {
2132     .roo-navigation-bar .roo-navigation-bar-item.xs-icon > .roo-navigation-bar-item-icon:before {
2133         content: counter(step);
2134     }
2135
2136 }
2137
2138 @media (min-width: 992px) {
2139     .roo-navigation-bar .roo-navigation-bar-item.xs-icon > .roo-navigation-bar-item-icon:before,
2140     .roo-navigation-bar .roo-navigation-bar-item.sm-icon > .roo-navigation-bar-item-icon:before {
2141         content: counter(step);
2142     }
2143 }
2144
2145 @media (min-width: 1200px) {
2146     .roo-navigation-bar .roo-navigation-bar-item.xs-icon > .roo-navigation-bar-item-icon:before,
2147     .roo-navigation-bar .roo-navigation-bar-item.sm-icon > .roo-navigation-bar-item-icon:before,
2148     .roo-navigation-bar .roo-navigation-bar-item.md-icon > .roo-navigation-bar-item-icon:before {
2149         content: counter(step);
2150     }
2151 }
2152
2153 /* -- numberbox.css ---- */
2154 .roo-numberbox{
2155         background-color: #00c0ef !important;
2156         border: 10px solid black;
2157 }
2158
2159 .roo-numberbox h{
2160         font-size: 24px;
2161 }
2162
2163 /* -- select2.css ---- */
2164 /*
2165 Version: 3.4.8 Timestamp: Thu May  1 09:50:32 EDT 2014
2166 */
2167 .select2-container {
2168     margin: 0;
2169     position: relative;
2170     /*display: inline-block;*/
2171     /* inline-block for ie7 */
2172     zoom: 1;
2173     *display: inline;
2174     vertical-align: middle;
2175 }
2176
2177 .select2-container,
2178 .select2-drop,
2179 .select2-search,
2180 .select2-search input {
2181   /*
2182     Force border-box so that % widths fit the parent
2183     container without overlap because of margin/padding.
2184     More Info : http://www.quirksmode.org/css/box.html
2185   */
2186   -webkit-box-sizing: border-box; /* webkit */
2187      -moz-box-sizing: border-box; /* firefox */
2188           box-sizing: border-box; /* css3 */
2189 }
2190
2191 .select2-container .select2-choice {
2192     display: block;
2193     height: 26px;
2194     padding: 0 0 0 8px;
2195     overflow: hidden;
2196     position: relative;
2197
2198     border: 1px solid #aaa;
2199     white-space: nowrap;
2200     line-height: 26px;
2201     color: #444;
2202     text-decoration: none;
2203
2204     border-radius: 4px;
2205
2206     background-clip: padding-box;
2207
2208     -webkit-touch-callout: none;
2209       -webkit-user-select: none;
2210          -moz-user-select: none;
2211           -ms-user-select: none;
2212               user-select: none;
2213
2214     background-color: #fff;
2215     background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
2216     background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
2217     background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
2218     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
2219     background-image: linear-gradient(to top, #eee 0%, #fff 50%);
2220 }
2221
2222 .select2-container.select2-drop-above .select2-choice {
2223     border-bottom-color: #aaa;
2224
2225     border-radius: 0 0 4px 4px;
2226
2227     background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, #fff));
2228     background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%);
2229     background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%);
2230     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
2231     background-image: linear-gradient(to bottom, #eee 0%, #fff 90%);
2232 }
2233
2234 .select2-container.select2-allowclear .select2-choice .select2-chosen {
2235     margin-right: 42px;
2236 }
2237
2238 .select2-container .select2-choice > .select2-chosen {
2239     margin-right: 26px;
2240     display: block;
2241     overflow: hidden;
2242
2243     white-space: nowrap;
2244
2245     text-overflow: ellipsis;
2246     float: none;
2247     width: auto;
2248 }
2249
2250 .select2-container .select2-choice abbr {
2251     display: none;
2252     width: 12px;
2253     height: 12px;
2254     position: absolute;
2255     right: 24px;
2256     top: 8px;
2257
2258     font-size: 1px;
2259     text-decoration: none;
2260
2261     border: 0;
2262     background: url('../images/select2/select2.png') right top no-repeat;
2263     cursor: pointer;
2264     outline: 0;
2265 }
2266
2267 .select2-container.select2-allowclear .select2-choice abbr {
2268     display: inline-block;
2269 }
2270
2271 .select2-container .select2-choice abbr:hover {
2272     background-position: right -11px;
2273     cursor: pointer;
2274 }
2275
2276 .select2-drop-mask {
2277     border: 0;
2278     margin: 0;
2279     padding: 0;
2280     position: fixed;
2281     left: 0;
2282     top: 0;
2283     min-height: 100%;
2284     min-width: 100%;
2285     height: auto;
2286     width: auto;
2287     opacity: 0;
2288     z-index: 9998;
2289     /* styles required for IE to work */
2290     background-color: #fff;
2291     filter: alpha(opacity=0);
2292 }
2293
2294 .select2-drop {
2295     width: 100%;
2296     margin-top: -1px;
2297     position: absolute;
2298     z-index: 9999;
2299     top: 100%;
2300
2301     background: #fff;
2302     color: #000;
2303     border: 1px solid #aaa;
2304     border-top: 0;
2305
2306     border-radius: 0 0 4px 4px;
2307
2308     -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
2309             box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
2310 }
2311
2312 .select2-drop.select2-drop-above {
2313     margin-top: 1px;
2314     border-top: 1px solid #aaa;
2315     border-bottom: 0;
2316
2317     border-radius: 4px 4px 0 0;
2318
2319     -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
2320             box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
2321 }
2322
2323 .select2-drop-active {
2324     border: 1px solid #5897fb;
2325     border-top: none;
2326 }
2327
2328 .select2-drop.select2-drop-above.select2-drop-active {
2329     border-top: 1px solid #5897fb;
2330 }
2331
2332 .select2-drop-auto-width {
2333     border-top: 1px solid #aaa;
2334     width: auto;
2335 }
2336
2337 .select2-drop-auto-width .select2-search {
2338     padding-top: 4px;
2339 }
2340
2341 .select2-container .select2-choice .select2-arrow {
2342     display: inline-block;
2343     width: 18px;
2344     height: 100%;
2345     position: absolute;
2346     right: 0;
2347     top: 0;
2348
2349     border-left: 1px solid #aaa;
2350     border-radius: 0 4px 4px 0;
2351
2352     background-clip: padding-box;
2353
2354     background: #ccc;
2355     background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
2356     background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
2357     background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
2358     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0);
2359     background-image: linear-gradient(to top, #ccc 0%, #eee 60%);
2360 }
2361
2362 .select2-container .select2-choice .select2-arrow b {
2363     display: block;
2364     width: 100%;
2365     height: 100%;
2366     background: url('../images/select2/select2.png') no-repeat 0 1px;
2367 }
2368
2369 .select2-search {
2370     display: inline-block;
2371     width: 100%;
2372     min-height: 26px;
2373     margin: 0;
2374     padding-left: 4px;
2375     padding-right: 4px;
2376
2377     position: relative;
2378     z-index: 10000;
2379
2380     white-space: nowrap;
2381 }
2382
2383 .select2-search input {
2384     width: 100%;
2385     height: auto !important;
2386     min-height: 26px;
2387     padding: 4px 20px 4px 5px;
2388     margin: 0;
2389
2390     outline: 0;
2391     font-family: sans-serif;
2392     font-size: 1em;
2393
2394     border: 1px solid #aaa;
2395     border-radius: 0;
2396
2397     -webkit-box-shadow: none;
2398             box-shadow: none;
2399
2400     background: #fff url('../images/select2/select2.png') no-repeat 100% -22px;
2401     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));
2402     background: url('../images/select2/select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
2403     background: url('../images/select2/select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
2404     background: url('../images/select2/select2.png') no-repeat 100% -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
2405 }
2406
2407 .select2-drop.select2-drop-above .select2-search input {
2408     margin-top: 4px;
2409 }
2410
2411 .select2-search input.select2-active {
2412     background: #fff url('../images/select2/select2-spinner.gif') no-repeat 100%;
2413     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));
2414     background: url('../images/select2/select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
2415     background: url('../images/select2/select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
2416     background: url('../images/select2/select2-spinner.gif') no-repeat 100%, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
2417 }
2418
2419 .select2-container-active .select2-choice,
2420 .select2-container-active .select2-choices {
2421     border: 1px solid #5897fb;
2422     outline: none;
2423
2424     -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
2425             box-shadow: 0 0 5px rgba(0, 0, 0, .3);
2426 }
2427
2428 .select2-dropdown-open .select2-choice {
2429     border-bottom-color: transparent;
2430     -webkit-box-shadow: 0 1px 0 #fff inset;
2431             box-shadow: 0 1px 0 #fff inset;
2432
2433     border-bottom-left-radius: 0;
2434     border-bottom-right-radius: 0;
2435
2436     background-color: #eee;
2437     background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #eee));
2438     background-image: -webkit-linear-gradient(center bottom, #fff 0%, #eee 50%);
2439     background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%);
2440     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
2441     background-image: linear-gradient(to top, #fff 0%, #eee 50%);
2442 }
2443
2444 .select2-dropdown-open.select2-drop-above .select2-choice,
2445 .select2-dropdown-open.select2-drop-above .select2-choices {
2446     border: 1px solid #5897fb;
2447     border-top-color: transparent;
2448
2449     background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #eee));
2450     background-image: -webkit-linear-gradient(center top, #fff 0%, #eee 50%);
2451     background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%);
2452     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
2453     background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
2454 }
2455
2456 .select2-dropdown-open .select2-choice .select2-arrow {
2457     background: transparent;
2458     border-left: none;
2459     filter: none;
2460 }
2461 .select2-dropdown-open .select2-choice .select2-arrow b {
2462     background-position: -18px 1px;
2463 }
2464
2465 .select2-hidden-accessible {
2466     border: 0;
2467     clip: rect(0 0 0 0);
2468     height: 1px;
2469     margin: -1px;
2470     overflow: hidden;
2471     padding: 0;
2472     position: absolute;
2473     width: 1px;
2474 }
2475
2476 /* results */
2477 .select2-results {
2478     max-height: 200px;
2479     padding: 0 0 0 4px;
2480     margin: 4px 4px 4px 0;
2481     position: relative;
2482     overflow-x: hidden;
2483     overflow-y: auto;
2484     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
2485 }
2486
2487 .select2-results ul.select2-result-sub {
2488     margin: 0;
2489     padding-left: 0;
2490 }
2491
2492 .select2-results li {
2493     list-style: none;
2494     display: list-item;
2495     background-image: none;
2496 }
2497
2498 .select2-results li.select2-result-with-children > .select2-result-label {
2499     font-weight: bold;
2500 }
2501
2502 .select2-results .select2-result-label {
2503     padding: 3px 7px 4px;
2504     margin: 0;
2505     cursor: pointer;
2506
2507     min-height: 1em;
2508
2509     -webkit-touch-callout: none;
2510       -webkit-user-select: none;
2511          -moz-user-select: none;
2512           -ms-user-select: none;
2513               user-select: none;
2514 }
2515
2516 .select2-results-dept-1 .select2-result-label { padding-left: 20px }
2517 .select2-results-dept-2 .select2-result-label { padding-left: 40px }
2518 .select2-results-dept-3 .select2-result-label { padding-left: 60px }
2519 .select2-results-dept-4 .select2-result-label { padding-left: 80px }
2520 .select2-results-dept-5 .select2-result-label { padding-left: 100px }
2521 .select2-results-dept-6 .select2-result-label { padding-left: 110px }
2522 .select2-results-dept-7 .select2-result-label { padding-left: 120px }
2523
2524 .select2-results .select2-highlighted {
2525     background: #3875d7;
2526     color: #fff;
2527 }
2528
2529 .select2-results li em {
2530     background: #feffde;
2531     font-style: normal;
2532 }
2533
2534 .select2-results .select2-highlighted em {
2535     background: transparent;
2536 }
2537
2538 .select2-results .select2-highlighted ul {
2539     background: #fff;
2540     color: #000;
2541 }
2542
2543
2544 .select2-results .select2-no-results,
2545 .select2-results .select2-searching,
2546 .select2-results .select2-selection-limit {
2547     background: #f4f4f4;
2548     display: list-item;
2549     padding-left: 5px;
2550 }
2551
2552 /*
2553 disabled look for disabled choices in the results dropdown
2554 */
2555 .select2-results .select2-disabled.select2-highlighted {
2556     color: #666;
2557     background: #f4f4f4;
2558     display: list-item;
2559     cursor: default;
2560 }
2561 .select2-results .select2-disabled {
2562   background: #f4f4f4;
2563   display: list-item;
2564   cursor: default;
2565 }
2566
2567 .select2-results .select2-selected {
2568     display: none;
2569 }
2570
2571 .select2-more-results.select2-active {
2572     background: #f4f4f4 url('../images/select2/select2-spinner.gif') no-repeat 100%;
2573 }
2574
2575 .select2-more-results {
2576     background: #f4f4f4;
2577     display: list-item;
2578 }
2579
2580 /* disabled styles */
2581
2582 .select2-container.select2-container-disabled .select2-choice {
2583     background-color: #f4f4f4;
2584     background-image: none;
2585     border: 1px solid #ddd;
2586     cursor: default;
2587 }
2588
2589 .select2-container.select2-container-disabled .select2-choice .select2-arrow {
2590     background-color: #f4f4f4;
2591     background-image: none;
2592     border-left: 0;
2593 }
2594
2595 .select2-container.select2-container-disabled .select2-choice abbr {
2596     display: none;
2597 }
2598
2599
2600 /* multiselect */
2601
2602 .select2-container-multi .select2-choices {
2603     height: auto !important;
2604     height: 1%;
2605     margin: 0;
2606     padding: 0;
2607     /*position: relative;*/
2608     border: 1px solid #aaa;
2609     cursor: text;
2610     overflow: hidden;
2611     background-color: #fff;
2612     background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
2613     background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
2614     background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
2615     background-image: linear-gradient(to bottom, #eee 1%, #fff 15%);
2616 }
2617
2618 .select2-locked {
2619   padding: 3px 5px 3px 5px !important;
2620 }
2621
2622 .select2-container-multi .select2-choices {
2623     min-height: 26px;
2624 }
2625
2626 .select2-container-multi.select2-container-active .select2-choices {
2627     border: 1px solid #5897fb;
2628     outline: none;
2629
2630     -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
2631             box-shadow: 0 0 5px rgba(0, 0, 0, .3);
2632 }
2633 .select2-container-multi .select2-choices li {
2634     float: left;
2635     list-style: none;
2636 }
2637 html[dir="rtl"] .select2-container-multi .select2-choices li
2638 {
2639     float: right;
2640 }
2641 .select2-container-multi .select2-choices .select2-search-field {
2642     margin: 0;
2643     padding: 0;
2644     white-space: nowrap;
2645 }
2646
2647 .select2-container-multi .select2-choices .select2-search-field input {
2648     padding: 5px;
2649     margin: 1px 0;
2650
2651     font-family: sans-serif;
2652     font-size: 100%;
2653     color: #666;
2654     outline: 0;
2655     border: 0;
2656     -webkit-box-shadow: none;
2657             box-shadow: none;
2658     background: transparent !important;
2659 }
2660
2661 .select2-container-multi .select2-choices .select2-search-field input.select2-active {
2662     background: #fff url('../images/select2/select2-spinner.gif') no-repeat 100% !important;
2663 }
2664
2665 .select2-default {
2666     color: #999 !important;
2667 }
2668
2669 .select2-container-multi .select2-choices .select2-search-choice {
2670     padding: 3px 5px 3px 18px;
2671     margin: 3px 0 3px 5px;
2672     position: relative;
2673
2674     line-height: 13px;
2675     color: #333;
2676     cursor: default;
2677     border: 1px solid #aaaaaa;
2678
2679     border-radius: 3px;
2680
2681     -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
2682             box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
2683
2684     background-clip: padding-box;
2685
2686     -webkit-touch-callout: none;
2687       -webkit-user-select: none;
2688          -moz-user-select: none;
2689           -ms-user-select: none;
2690               user-select: none;
2691
2692     background-color: #e4e4e4;
2693     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
2694     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));
2695     background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
2696     background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
2697     background-image: linear-gradient(to top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
2698 }
2699 html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice
2700 {
2701     margin-left: 0;
2702     margin-right: 5px;
2703 }
2704 .select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
2705     cursor: default;
2706 }
2707 .select2-container-multi .select2-choices .select2-search-choice-focus {
2708     background: #d4d4d4;
2709 }
2710
2711 .select2-search-choice-close {
2712     display: block;
2713     width: 12px;
2714     height: 13px;
2715     position: absolute;
2716     right: 3px;
2717     top: 4px;
2718
2719     font-size: 1px;
2720     outline: none;
2721     background: url('../images/select2/select2.png') right top no-repeat;
2722 }
2723 html[dir="rtl"] .select2-search-choice-close {
2724     right: auto;
2725     left: 3px;
2726 }
2727
2728 .select2-container-multi .select2-search-choice-close {
2729     left: 3px;
2730 }
2731
2732 .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
2733   background-position: right -11px;
2734 }
2735 .select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
2736     background-position: right -11px;
2737 }
2738
2739 /* disabled styles */
2740 .select2-container-multi.select2-container-disabled .select2-choices {
2741     background-color: #f4f4f4;
2742     background-image: none;
2743     border: 1px solid #ddd;
2744     cursor: default;
2745 }
2746
2747 .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
2748     padding: 3px 5px 3px 5px;
2749     border: 1px solid #ddd;
2750     background-image: none;
2751     background-color: #f4f4f4;
2752 }
2753
2754 .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {    display: none;
2755     background: none;
2756 }
2757 /* end multiselect */
2758
2759
2760 .select2-result-selectable .select2-match,
2761 .select2-result-unselectable .select2-match {
2762     text-decoration: underline;
2763 }
2764
2765 .select2-offscreen, .select2-offscreen:focus {
2766     clip: rect(0 0 0 0) !important;
2767     width: 1px !important;
2768     height: 1px !important;
2769     border: 0 !important;
2770     margin: 0 !important;
2771     padding: 0 !important;
2772     overflow: hidden !important;
2773     position: absolute !important;
2774     outline: 0 !important;
2775     left: 0px !important;
2776     top: 0px !important;
2777 }
2778
2779 .select2-display-none {
2780     display: none;
2781 }
2782
2783 .select2-measure-scrollbar {
2784     position: absolute;
2785     top: -10000px;
2786     left: -10000px;
2787     width: 100px;
2788     height: 100px;
2789     overflow: scroll;
2790 }
2791
2792 /* Retina-ize icons */
2793
2794 @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx)  {
2795     .select2-search input,
2796     .select2-search-choice-close,
2797     .select2-container .select2-choice abbr,
2798     .select2-container .select2-choice .select2-arrow b {
2799         background-image: url('../images/select2/select2x2.png') !important;
2800         background-repeat: no-repeat !important;
2801         background-size: 60px 40px !important;
2802     }
2803
2804     .select2-search input {
2805         background-position: 100% -21px !important;
2806     }
2807 }
2808
2809 .has-error .select2-choices {
2810     border-color: #a94442;
2811     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
2812     box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
2813 }
2814 /* -- sidebar-nav.css ---- */
2815 .sidebar {
2816     margin-bottom: 5px;
2817 }
2818
2819 .sidebar .sidebar-menu {
2820     list-style: none;
2821     margin: 0;
2822     padding: 0;
2823 }
2824
2825 .sidebar .sidebar-menu > li {
2826     margin: 0;
2827     padding: 0;
2828     border-bottom: 1px solid #ccc;
2829     background-color: #eee;
2830 }
2831
2832 .sidebar .sidebar-menu > li > a {
2833     padding: 12px 5px 12px 15px;
2834     display: block;
2835     color: #333;
2836 }
2837
2838 .sidebar .sidebar-menu > li > a > .fa,
2839 .sidebar .sidebar-menu > li > a > .glyphicon,
2840 .sidebar .sidebar-menu > li > a > .ion {
2841     width: 20px;
2842 }
2843
2844 .sidebar .sidebar-menu li:hover,
2845 .sidebar .sidebar-menu li:focus,
2846 .sidebar .sidebar-menu li:active
2847 {
2848     background-color: #fff;
2849 }
2850
2851 .sidebar .sidebar-menu li:hover a,
2852 .sidebar .sidebar-menu li:focus a,
2853 .sidebar .sidebar-menu li:active a
2854 {
2855     color: #000;
2856 }
2857
2858 .sidebar .sidebar-menu li.active {
2859   color: #fff;
2860   background-color: #337ab7;
2861   border-color: #2e6da4;
2862 }
2863
2864 .sidebar .sidebar-menu li.active:hover,
2865 .sidebar .sidebar-menu li.active:focus,
2866 .sidebar .sidebar-menu li.active.focus
2867 {
2868     color: #fff;
2869     background-color: #204d74;
2870     border-color: #122b40;
2871 }
2872
2873 .sidebar .sidebar-menu li.active  a {
2874     color: #fff;
2875 }
2876
2877 .sidebar .sidebar-menu li.disabled {
2878   color: #ccc;
2879   background-color: #fff;
2880   border-color: #ccc;
2881 }
2882
2883 .sidebar .sidebar-menu li.disabled a {
2884     color: #ccc;
2885     cursor: default;
2886 }
2887
2888 .sidebar .sidebar-menu li.danger,
2889 .sidebar .sidebar-menu li.danger.active {
2890   color: #fff;
2891   background-color: #d9534f;
2892   border-color: #d43f3a;
2893 }
2894
2895 .sidebar .sidebar-menu li.danger:hover,
2896 .sidebar .sidebar-menu li.danger:focus,
2897 .sidebar .sidebar-menu li.danger.active:focus
2898 {
2899     color: #fff;
2900     background-color: #c9302c;
2901     border-color: #ac2925;
2902     border-bottom: 1px solid #ac2925;
2903 }
2904
2905 .sidebar .sidebar-menu li.danger a,
2906 .sidebar .sidebar-menu li.danger.active a{
2907     color: #fff;
2908 }
2909
2910
2911 .badge-default {
2912     background-color: #777;
2913     color: #fff;
2914 }
2915
2916 .badge-primary {
2917     background-color: #337ab7;
2918     color: #fff;
2919 }
2920
2921 .badge-success {
2922     background-color: #5cb85c;
2923     color: #fff;
2924 }
2925
2926 .badge-info {
2927     background-color: #5bc0de;
2928     color: #fff;
2929 }
2930
2931 .badge-warning {
2932     background-color: #f0ad4e;
2933     color: #fff;
2934 }
2935
2936 .badge-danger {
2937     background-color: #d9534f;
2938     color: #fff;
2939 }
2940
2941 .sidebar .sidebar-menu > li.active .badge-info {
2942     background-color: #fff;
2943     color: #5bc0de;
2944 }
2945 /* -- sticky-footer.css ---- */
2946 /*html, */
2947
2948
2949
2950 /* Sticky footer styles
2951 -------------------------------------------------- */
2952 html.bootstrap-sticky {
2953   position: relative;
2954   min-height: 100%;
2955 }
2956 html.bootstrap-sticky body {
2957   /* Margin bottom by footer height */
2958   margin-bottom: 60px;
2959 }
2960 .bootstrap-sticky-footer {
2961   position: absolute;
2962   bottom: 0;
2963   width: 100%;
2964   /* Set the fixed height of the footer here */
2965   height: 60px;
2966   background-color: #f5f5f5;
2967 }
2968
2969
2970
2971 /* Lastly, apply responsive CSS fixes as necessary */
2972 @media (max-width: 767px) {
2973     .bootstrap-sticky-footer {
2974         margin-left: -20px;
2975         margin-right: -20px;
2976         padding-left: 20px;
2977         padding-right: 20px;
2978     }
2979 }
2980
2981
2982
2983 /* -- table.css ---- */
2984 /* paging toolbar */
2985
2986 .pagination .x-paging-position span {
2987     padding-top:3px; padding-bottom:3px;
2988 }
2989 .pagination .x-paging-position span  input {
2990     margin: 0 3px;
2991 }
2992
2993 .navbar .pagination>li>span {
2994     min-height:34px;
2995 }
2996
2997 .navbar .pagination {
2998     margin: 0;
2999 }
3000
3001
3002 /* these are technicall adminlte related */
3003 .skin-blue  .navbar .pagination > li > a:active,
3004 .skin-blue  .navbar .pagination > li > a:focus,
3005 .skin-blue .navbar .pagination>li>a {
3006     background-color: #428bca;
3007
3008 }
3009 .skin-blue  .navbar .pagination > li > a:hover
3010 {
3011    background-color:  rgb(221, 221, 221);
3012 }
3013 .skin-blue table .navbar {
3014     background-color: #fff;
3015
3016 }
3017 .skin-blue .navbar .pagination>li.disabled >a{
3018     background-color: rgb(221, 221, 221);
3019 }
3020 .skin-blue table .navbar {
3021     margin-bottom: 0;
3022     min-height: 0;
3023 }
3024
3025 .table .sortable {
3026     cursor: pointer;
3027 }
3028
3029
3030 /* -- tweaks.css ---- */
3031 .navbar-left .input-group[class*="col-"] {
3032     float:left;
3033 }
3034
3035 .ellipsis {
3036     overflow: hidden;
3037     text-overflow: ellipsis;
3038     display: -webkit-box;
3039     -webkit-line-clamp: 3;
3040     -webkit-box-orient: vertical;
3041 }
3042
3043 .sw-child-headline {
3044     display: inline-block;
3045     width: auto;
3046 }
3047
3048 .box-input-label {
3049     width: 100%;
3050     display: inline-block;
3051     font-weight: bold;
3052 }
3053
3054 .box-label {
3055     margin-left: 5px;
3056     cursor: pointer;
3057 }
3058 /* needed as menu ontop of form does not work */
3059 .input-group .form-control {
3060
3061     z-index: 1;
3062 }
3063
3064 /* admin-lte - messes with checkbox and radio.. */
3065 .checkbox, .radio {
3066     padding-left: 15px!important;
3067 }
3068 /* paging toolbar */
3069
3070 .pagination .x-paging-position span {
3071     padding-top:3px; padding-bottom:3px;
3072 }
3073 .pagination .x-paging-position span  input {
3074     margin: 0 3px;
3075 }
3076 /* -- upload-cropbox.css ---- */
3077
3078 .roo-upload-cropbox-selector { // it must use visibility, display is not working on old safari...
3079     visibility: hidden;
3080     height: 0px;
3081 }
3082
3083 .roo-upload-cropbox-dialog .modal-header,
3084 .roo-upload-cropbox-dialog .modal-footer {
3085     padding-top: 5px;
3086     padding-bottom: 5px;
3087 }
3088
3089 .roo-upload-cropbox-body {
3090     background-color: #fff;
3091     border: 1px solid #e3e3e3;
3092     width: 100%;
3093     height: 450px;
3094     max-height: 450px;
3095     position: relative;
3096     overflow: hidden;
3097     cursor:move;
3098 }
3099
3100 .roo-upload-cropbox-preview {
3101     position: absolute;
3102     top: 0px;
3103     left: 0px;
3104     text-align: center;
3105     margin: 0px;
3106     padding: 0px;
3107     border: none;
3108 }
3109
3110 .roo-upload-cropbox-body .roo-upload-cropbox-thumb {
3111     position: absolute;
3112 /*    top: 50%;
3113     left: 50%;
3114     transform: translate(-50%, -50%);*/
3115     box-sizing: border-box;
3116     border: 1px solid rgb(102, 102, 102);
3117     box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
3118     background: none repeat scroll 0% 0% transparent;
3119 }
3120
3121 .roo-upload-cropbox-body .roo-upload-cropbox-empty-notify {
3122     height: 100%;
3123     background-color: rgba(0, 0, 0, 0.5);
3124     color: white;
3125     font-weight: bold;
3126     font-size: 24px;
3127     text-align: center;
3128     padding-top: 50px;
3129     font-style: italic;
3130 }
3131
3132 .roo-upload-cropbox-btn-group button {
3133     background-color: black;
3134     color: white;
3135     border-color: #333;
3136 }
3137
3138 .roo-upload-cropbox-error-notify {
3139     border-radius: 0px;
3140     text-align: center;
3141     padding: 0px !important;
3142     margin: 0px !important;
3143     position: absolute;
3144     top: 0;
3145     left: 0;
3146 }
3147