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

   1 /*
   2 * Consider remove or merge these...
   3 */
   4 /*
   5  * CAUTION!
   6  * This CSS file is auto generated. Please edit the .less instead!
   7  */
   8 .alert {
   9   padding-left: 30px;
  10   margin-top: 20px;
  11   margin-left: 15px;
  12   position: relative;
  13 }
  14 .alert > .fa,
  15 .alert > .glyphicon {
  16   position: absolute;
  17   left: -15px;
  18   top: -15px;
  19   width: 35px;
  20   height: 35px;
  21   -webkit-border-radius: 50%;
  22   -moz-border-radius: 50%;
  23   border-radius: 50%;
  24   line-height: 35px;
  25   text-align: center;
  26   background: inherit;
  27   border: inherit;
  28 }
  29 /*!
  30  * FullCalendar v1.6.4 Stylesheet
  31  * Docs & License: http://arshaw.com/fullcalendar/
  32  * (c) 2013 Adam Shaw
  33  *
  34  * When taken - was MIT licence (18/Feb/2014)
  35  */
  36 .fc {
  37   direction: ltr;
  38   text-align: left;
  39   margin: 0;
  40   font-family: Lucida Sans, Arial, sans-serif;
  41 }
  42 .fc table {
  43   border-collapse: collapse;
  44   border-spacing: 0;
  45 }
  46 html .fc,
  47 .fc table {
  48   font-size: 1em;
  49 }
  50 .fc td,
  51 .fc th {
  52   padding: 0;
  53   vertical-align: top;
  54   -moz-user-select: -moz-none;
  55   -khtml-user-select: none;
  56   -webkit-user-select: none;
  57   -o-user-select: none;
  58   user-select: none;
  59 }
  60 /* Header
  61 ------------------------------------------------------------------------*/
  62 .fc-header td {
  63   white-space: nowrap;
  64 }
  65 .fc-header-left {
  66   width: 25%;
  67   text-align: left;
  68 }
  69 .fc-header-center {
  70   text-align: center;
  71 }
  72 .fc-header-right {
  73   width: 25%;
  74   text-align: right;
  75 }
  76 .fc-header-title {
  77   display: inline-block;
  78   vertical-align: top;
  79 }
  80 .fc-header-title h2 {
  81   margin-top: 0;
  82   white-space: nowrap;
  83   font-size: 1.5em;
  84   font-family: Lucida Sans, Arial, sans-serif;
  85   font-weight: bold;
  86   line-height: normal;
  87   margin: 0;
  88 }
  89 .fc .fc-header-space {
  90   padding-left: 10px;
  91 }
  92 .fc-header .fc-button {
  93   margin-bottom: 1em;
  94   vertical-align: top;
  95 }
  96 /* buttons edges butting together */
  97 .fc-header .fc-button {
  98   margin-right: -1px;
  99 }
 100 .fc-header .fc-corner-right,
 101 .fc-header .ui-corner-right {
 102   /* theme */
 103   margin-right: 0;
 104   /* back to normal */
 105 }
 106 /* button layering (for border precedence) */
 107 .fc-header .fc-state-hover,
 108 .fc-header .ui-state-hover {
 109   z-index: 2;
 110 }
 111 .fc-header .fc-state-down {
 112   z-index: 3;
 113 }
 114 .fc-header .fc-state-active,
 115 .fc-header .ui-state-active {
 116   z-index: 4;
 117 }
 118 /* Content
 119 ------------------------------------------------------------------------*/
 120 .fc-content {
 121   clear: both;
 122   zoom: 1;
 123   /* for IE7, gives accurate coordinates for [un]freezeContentHeight */
 124 }
 125 .fc-view {
 126   width: 100%;
 127   overflow: hidden;
 128 }
 129 /* Cell Styles
 130 ------------------------------------------------------------------------*/
 131 .fc-widget-header,
 132 .fc-widget-content {
 133   /* <td>, usually */
 134   border: 1px solid #777777;
 135 }
 136 .fc-state-highlight {
 137   /* <td> today cell */
 138   /* TODO: add .fc-today to <th> */
 139   background: #f0ad4e;
 140 }
 141 .fc-cell-overlay {
 142   /* semi-transparent rectangle while dragging */
 143   background: #5bc0de;
 144   opacity: .3;
 145   filter: alpha(opacity=30);
 146   /* for IE */
 147 }
 148 /* Buttons
 149 ------------------------------------------------------------------------*/
 150 .fc-button {
 151   position: relative;
 152   display: inline-block;
 153   padding: 0 .6em;
 154   overflow: hidden;
 155   height: 1.9em;
 156   line-height: 1.9em;
 157   white-space: nowrap;
 158   cursor: pointer;
 159 }
 160 .fc-state-default {
 161   /* non-theme */
 162   border: 1px solid;
 163 }
 164 .fc-state-default.fc-corner-left {
 165   /* non-theme */
 166   border-top-left-radius: 4px;
 167   border-bottom-left-radius: 4px;
 168 }
 169 .fc-state-default.fc-corner-right {
 170   /* non-theme */
 171   border-top-right-radius: 4px;
 172   border-bottom-right-radius: 4px;
 173 }
 174 /*
 175         Our default prev/next buttons use HTML entities like &lsaquo; &rsaquo; &laquo; &raquo;
 176         and we'll try to make them look good cross-browser.
 177 */
 178 .fc-text-arrow {
 179   margin: 0 .1em;
 180   font-size: 2em;
 181   font-family: "Courier New", Courier, monospace;
 182   vertical-align: baseline;
 183   /* for IE7 */
 184 }
 185 .fc-button-prev .fc-text-arrow,
 186 .fc-button-next .fc-text-arrow {
 187   /* for &lsaquo; &rsaquo; */
 188   font-weight: bold;
 189 }
 190 /* icon (for jquery ui) */
 191 .fc-button .fc-icon-wrap {
 192   position: relative;
 193   float: left;
 194   top: 50%;
 195 }
 196 .fc-button .ui-icon {
 197   position: relative;
 198   float: left;
 199   margin-top: -50%;
 200   *margin-top: 0;
 201   *top: -50%;
 202 }
 203 /*
 204   button states
 205   borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
 206 */
 207 .fc-state-default {
 208   background-color: #f5f5f5;
 209   background-image: -moz-linear-gradient(top, #ffffff, #777777);
 210   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#777777));
 211   background-image: -webkit-linear-gradient(top, #ffffff, #777777);
 212   background-image: -o-linear-gradient(top, #ffffff, #777777);
 213   background-image: linear-gradient(to bottom, #ffffff, #777777);
 214   background-repeat: repeat-x;
 215   border-color: #777777 #777777 #777777;
 216   border-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.5);
 217   color: #333333;
 218 }
 219 .fc-state-hover,
 220 .fc-state-down,
 221 .fc-state-active,
 222 .fc-state-disabled {
 223   color: #333333;
 224   background-color: #777777;
 225 }
 226 .fc-state-hover {
 227   color: #333333;
 228   text-decoration: none;
 229   background-position: 0 -15px;
 230   -webkit-transition: background-position 0.1s linear;
 231   -moz-transition: background-position 0.1s linear;
 232   -o-transition: background-position 0.1s linear;
 233   transition: background-position 0.1s linear;
 234 }
 235 .fc-state-down,
 236 .fc-state-active {
 237   background-color: #777777;
 238   background-image: none;
 239   outline: 0;
 240   box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2);
 241 }
 242 .fc-state-disabled {
 243   cursor: default;
 244   background-image: none;
 245   opacity: 0.65;
 246   filter: alpha(opacity=65);
 247   box-shadow: none;
 248 }
 249 /* Global Event Styles
 250 ------------------------------------------------------------------------*/
 251 .fc-event-container > * {
 252   z-index: 8;
 253 }
 254 .fc-event-container > .ui-draggable-dragging,
 255 .fc-event-container > .ui-resizable-resizing {
 256   z-index: 9;
 257 }
 258 .fc-event {
 259   border: 1px solid #337ab7;
 260   background-color: #337ab7;
 261   color: #ffffff;
 262   /* default TEXT color */
 263   font-size: .85em;
 264   cursor: default;
 265 }
 266 a.fc-event {
 267   text-decoration: none;
 268 }
 269 a.fc-event,
 270 .fc-event-draggable {
 271   cursor: pointer;
 272 }
 273 .fc-rtl .fc-event {
 274   text-align: right;
 275 }
 276 .fc-event-inner {
 277   width: 100%;
 278   height: 100%;
 279   overflow: hidden;
 280 }
 281 .fc-event-time,
 282 .fc-event-title {
 283   padding: 0 1px;
 284   overflow: hidden;
 285   white-space: nowrap;
 286 }
 287 .fc .ui-resizable-handle {
 288   display: block;
 289   position: absolute;
 290   z-index: 99999;
 291   overflow: hidden;
 292   /* hacky spaces (IE6/7) */
 293   font-size: 300%;
 294   /* */
 295   line-height: 50%;
 296   /* */
 297 }
 298 /* Horizontal Events
 299 ------------------------------------------------------------------------*/
 300 .fc-event-hori {
 301   border-width: 1px 0;
 302   margin-bottom: 1px;
 303 }
 304 .fc-ltr .fc-event-hori.fc-event-start,
 305 .fc-rtl .fc-event-hori.fc-event-end {
 306   border-left-width: 1px;
 307   border-top-left-radius: 3px;
 308   border-bottom-left-radius: 3px;
 309 }
 310 .fc-ltr .fc-event-hori.fc-event-end,
 311 .fc-rtl .fc-event-hori.fc-event-start {
 312   border-right-width: 1px;
 313   border-top-right-radius: 3px;
 314   border-bottom-right-radius: 3px;
 315 }
 316 /* resizable */
 317 .fc-event-hori .ui-resizable-e {
 318   top: 0 !important;
 319   /* importants override pre jquery ui 1.7 styles */
 320   right: -3px !important;
 321   width: 7px !important;
 322   height: 100% !important;
 323   cursor: e-resize;
 324 }
 325 .fc-event-hori .ui-resizable-w {
 326   top: 0 !important;
 327   left: -3px !important;
 328   width: 7px !important;
 329   height: 100% !important;
 330   cursor: w-resize;
 331 }
 332 .fc-event-hori .ui-resizable-handle {
 333   _padding-bottom: 14px;
 334   /* IE6 had 0 height */
 335 }
 336 /* Reusable Separate-border Table
 337 ------------------------------------------------------------*/
 338 table.fc-border-separate {
 339   border-collapse: separate;
 340 }
 341 .fc-border-separate th,
 342 .fc-border-separate td {
 343   border-width: 1px 0 0 1px;
 344 }
 345 .fc-border-separate th.fc-last,
 346 .fc-border-separate td.fc-last {
 347   border-right-width: 1px;
 348 }
 349 .fc-border-separate tr.fc-last th,
 350 .fc-border-separate tr.fc-last td {
 351   border-bottom-width: 1px;
 352 }
 353 .fc-border-separate tbody tr.fc-first td,
 354 .fc-border-separate tbody tr.fc-first th {
 355   border-top-width: 0;
 356 }
 357 /* Month View, Basic Week View, Basic Day View
 358 ------------------------------------------------------------------------*/
 359 .fc-grid th {
 360   text-align: center;
 361 }
 362 .fc .fc-week-number {
 363   width: 22px;
 364   text-align: center;
 365 }
 366 .fc .fc-week-number div {
 367   padding: 0 2px;
 368 }
 369 .fc-grid .fc-day-number {
 370   float: right;
 371   padding: 0 2px;
 372 }
 373 .fc-grid .fc-other-month .fc-day-number {
 374   opacity: 0.3;
 375   filter: alpha(opacity=30);
 376   /* for IE */
 377   /* opacity with small font can sometimes look too faded
 378        might want to set the 'color' property instead
 379        making day-numbers bold also fixes the problem */
 380 }
 381 .fc-grid .fc-day-content {
 382   clear: both;
 383   padding: 2px 2px 1px;
 384   /* distance between events and day edges */
 385 }
 386 /* event styles */
 387 .fc-grid .fc-event-time {
 388   font-weight: bold;
 389 }
 390 /* right-to-left */
 391 .fc-rtl .fc-grid .fc-day-number {
 392   float: left;
 393 }
 394 .fc-rtl .fc-grid .fc-event-time {
 395   float: right;
 396 }
 397 /* Agenda Week View, Agenda Day View
 398 ------------------------------------------------------------------------*/
 399 .fc-agenda table {
 400   border-collapse: separate;
 401 }
 402 .fc-agenda-days th {
 403   text-align: center;
 404 }
 405 .fc-agenda .fc-agenda-axis {
 406   width: 50px;
 407   padding: 0 4px;
 408   vertical-align: middle;
 409   text-align: right;
 410   white-space: nowrap;
 411   font-weight: normal;
 412 }
 413 .fc-agenda .fc-week-number {
 414   font-weight: bold;
 415 }
 416 .fc-agenda .fc-day-content {
 417   padding: 2px 2px 1px;
 418 }
 419 /* make axis border take precedence */
 420 .fc-agenda-days .fc-agenda-axis {
 421   border-right-width: 1px;
 422 }
 423 .fc-agenda-days .fc-col0 {
 424   border-left-width: 0;
 425 }
 426 /* all-day area */
 427 .fc-agenda-allday th {
 428   border-width: 0 1px;
 429 }
 430 .fc-agenda-allday .fc-day-content {
 431   min-height: 34px;
 432   /* TODO: doesnt work well in quirksmode */
 433   _height: 34px;
 434 }
 435 /* divider (between all-day and slots) */
 436 .fc-agenda-divider-inner {
 437   height: 2px;
 438   overflow: hidden;
 439 }
 440 .fc-widget-header .fc-agenda-divider-inner {
 441   background: #eeeeee;
 442 }
 443 /* slot rows */
 444 .fc-agenda-slots th {
 445   border-width: 1px 1px 0;
 446 }
 447 .fc-agenda-slots td {
 448   border-width: 1px 0 0;
 449   background: none;
 450 }
 451 .fc-agenda-slots td div {
 452   height: 20px;
 453 }
 454 .fc-agenda-slots tr.fc-slot0 th,
 455 .fc-agenda-slots tr.fc-slot0 td {
 456   border-top-width: 0;
 457 }
 458 .fc-agenda-slots tr.fc-minor th,
 459 .fc-agenda-slots tr.fc-minor td {
 460   border-top-style: dotted;
 461 }
 462 .fc-agenda-slots tr.fc-minor th.ui-widget-header {
 463   *border-top-style: solid;
 464   /* doesn't work with background in IE6/7 */
 465 }
 466 /* Vertical Events
 467 ------------------------------------------------------------------------*/
 468 .fc-event-vert {
 469   border-width: 0 1px;
 470 }
 471 .fc-event-vert.fc-event-start {
 472   border-top-width: 1px;
 473   border-top-left-radius: 3px;
 474   border-top-right-radius: 3px;
 475 }
 476 .fc-event-vert.fc-event-end {
 477   border-bottom-width: 1px;
 478   border-bottom-left-radius: 3px;
 479   border-bottom-right-radius: 3px;
 480 }
 481 .fc-event-vert .fc-event-time {
 482   white-space: nowrap;
 483   font-size: 10px;
 484 }
 485 .fc-event-vert .fc-event-inner {
 486   position: relative;
 487   z-index: 2;
 488 }
 489 .fc-event-vert .fc-event-bg {
 490   /* makes the event lighter w/ a semi-transparent overlay  */
 491   position: absolute;
 492   z-index: 1;
 493   top: 0;
 494   left: 0;
 495   width: 100%;
 496   height: 100%;
 497   background: #ffffff;
 498   opacity: .25;
 499   filter: alpha(opacity=25);
 500 }
 501 .fc .ui-draggable-dragging .fc-event-bg,
 502 .fc-select-helper .fc-event-bg {
 503   display: none\9;
 504   /* for IE6/7/8. nested opacity filters while dragging don't work */
 505 }
 506 /* resizable */
 507 .fc-event-vert .ui-resizable-s {
 508   bottom: 0 !important;
 509   /* importants override pre jquery ui 1.7 styles */
 510   width: 100% !important;
 511   height: 8px !important;
 512   overflow: hidden !important;
 513   line-height: 8px !important;
 514   font-size: 11px !important;
 515   font-family: monospace;
 516   text-align: center;
 517   cursor: s-resize;
 518 }
 519 .fc-agenda .ui-resizable-resizing {
 520   /* TODO: better selector */
 521   _overflow: hidden;
 522 }
 523 .clear {
 524   clear: both;
 525 }
 526 .carousel-bullets {
 527   height: 17px;
 528   bottom: 20px;
 529   width: 100%;
 530   text-align: center;
 531   z-index: 1000;
 532   position: absolute;
 533   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 534   -moz-opacity: 1;
 535   -khtml-opacity: 1;
 536   opacity: 1;
 537   -webkit-transition: opacity 0.2s ease-out;
 538   -moz-transition: opacity 0.2s ease-out;
 539   -o-transition: opacity 0.2s ease-out;
 540   -ms-transition: opacity 0.2s ease-out;
 541   -webkit-transform: translateZ(5px);
 542 }
 543 .carousel-bullets > .bullet {
 544   cursor: pointer;
 545   position: relative !important;
 546   background: rgba(0, 0, 0, 0.5) !important;
 547   -webkit-border-radius: 10px;
 548   border-radius: 10px;
 549   -webkit-box-shadow: none;
 550   -moz-box-shadow: none;
 551   box-shadow: none;
 552   width: 6px !important;
 553   height: 6px !important;
 554   border: 5px solid rgba(0, 0, 0, 0) !important;
 555   display: inline-block;
 556   margin-right: 2px !important;
 557   margin-bottom: 0px !important;
 558   -webkit-transition: background-color 0.2s, border-color 0.2s;
 559   -moz-transition: background-color 0.2s, border-color 0.2s;
 560   -o-transition: background-color 0.2s, border-color 0.2s;
 561   -ms-transition: background-color 0.2s, border-color 0.2s;
 562   transition: background-color 0.2s, border-color 0.2s;
 563   float: none !important;
 564   box-sizing: content-box;
 565   -moz-box-sizing: content-box;
 566   -webkit-box-sizing: content-box;
 567 }
 568 .carousel-bullets > .bullet:hover,
 569 .carousel-bullets > .bullet.selected {
 570   -webkit-box-shadow: none;
 571   -moz-box-shadow: none;
 572   box-shadow: none;
 573   background: #ffffff !important;
 574   width: 6px !important;
 575   height: 6px !important;
 576   border: 5px solid #000000 !important;
 577 }
 578 .carousel-inner > .carousel-arrow > .carousel-prev {
 579   position: absolute;
 580   display: block;
 581   top: 50%;
 582   color: #ffffff;
 583   z-index: 100;
 584   cursor: pointer;
 585   padding: 10px;
 586   margin-top: -22px;
 587   left: 0;
 588 }
 589 .carousel-inner > .carousel-arrow > .carousel-next {
 590   position: absolute;
 591   display: block;
 592   top: 50%;
 593   color: #ffffff;
 594   z-index: 100;
 595   cursor: pointer;
 596   padding: 10px;
 597   margin-top: -22px;
 598   right: 0;
 599 }
 600 .carousel-inner > .carousel-arrow > .carousel-prev > i,
 601 .carousel-inner > .carousel-arrow > .carousel-next > i {
 602   font-size: 24px;
 603 }
 604 .carousel-inner .tab-pane.clickable {
 605   cursor: pointer;
 606 }
 607 /*
 608  *
 609  * From https://github.com/flatlogic/awesome-bootstrap-checkbox
 610  *
 611  */
 612 .checkbox label {
 613   display: inline-block;
 614   position: relative;
 615   padding-left: 5px;
 616   -webkit-touch-callout: none;
 617   -webkit-user-select: none;
 618   -khtml-user-select: none;
 619   -moz-user-select: none;
 620   -ms-user-select: none;
 621   user-select: none;
 622 }
 623 .checkbox label::before {
 624   content: "";
 625   display: inline-block;
 626   position: absolute;
 627   width: 17px;
 628   height: 17px;
 629   left: 0;
 630   margin-left: -20px;
 631   border: 1px solid #777777;
 632   border-radius: 3px;
 633   background-color: #ffffff;
 634   -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
 635   -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
 636   transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
 637 }
 638 .checkbox label::after {
 639   display: inline-block;
 640   position: absolute;
 641   width: 16px;
 642   height: 16px;
 643   left: 0;
 644   top: 0;
 645   margin-left: -20px;
 646   padding-left: 3px;
 647   padding-top: 1px;
 648   font-size: 11px;
 649   color: #555555;
 650 }
 651 .checkbox input[type="checkbox"] {
 652   display: none;
 653 }
 654 .checkbox input[type="checkbox"]:checked + label::after {
 655   font-family: 'FontAwesome';
 656   content: "\f00c";
 657 }
 658 .checkbox input[type="checkbox"]:disabled + label {
 659   opacity: 0.65;
 660 }
 661 .checkbox input[type="checkbox"]:disabled + label::before {
 662   background-color: #eeeeee;
 663   cursor: not-allowed;
 664 }
 665 .checkbox.checkbox-circle label::before {
 666   border-radius: 50%;
 667 }
 668 .checkbox-primary input[type="checkbox"]:checked + label::before {
 669   background-color: #337ab7;
 670   border-color: #337ab7;
 671 }
 672 .checkbox-primary input[type="checkbox"]:checked + label::after {
 673   color: #ffffff;
 674 }
 675 .checkbox-danger input[type="checkbox"]:checked + label::before {
 676   background-color: #d9534f;
 677   border-color: #d9534f;
 678 }
 679 .checkbox-danger input[type="checkbox"]:checked + label::after {
 680   color: #ffffff;
 681 }
 682 .checkbox-info input[type="checkbox"]:checked + label::before {
 683   background-color: #5bc0de;
 684   border-color: #5bc0de;
 685 }
 686 .checkbox-info input[type="checkbox"]:checked + label::after {
 687   color: #ffffff;
 688 }
 689 .checkbox-warning input[type="checkbox"]:checked + label::before {
 690   background-color: #f0ad4e;
 691   border-color: #f0ad4e;
 692 }
 693 .checkbox-warning input[type="checkbox"]:checked + label::after {
 694   color: #ffffff;
 695 }
 696 .checkbox-success input[type="checkbox"]:checked + label::before {
 697   background-color: #5cb85c;
 698   border-color: #5cb85c;
 699 }
 700 .checkbox-success input[type="checkbox"]:checked + label::after {
 701   color: #ffffff;
 702 }
 703 /* before is the outer cicle */
 704 /* after is the inner circle.. */
 705 .radio label {
 706   display: inline-block;
 707   position: relative;
 708   padding-left: 5px;
 709 }
 710 .radio label::before {
 711   content: "";
 712   display: inline-block;
 713   position: absolute;
 714   width: 17px;
 715   height: 17px;
 716   left: 0;
 717   margin-left: -20px;
 718   border: 1px solid #777777;
 719   border-radius: 50%;
 720   background-color: #ffffff;
 721   -webkit-transition: border 0.15s ease-in-out;
 722   -o-transition: border 0.15s ease-in-out;
 723   transition: border 0.15s ease-in-out;
 724 }
 725 .radio label::after {
 726   display: inline-block;
 727   position: absolute;
 728   content: " ";
 729   width: 11px;
 730   height: 11px;
 731   left: 3px;
 732   top: 3px;
 733   margin-left: -20px;
 734   border-radius: 50%;
 735   background-color: #ffffff;
 736   -webkit-transform: scale(0, 0);
 737   -ms-transform: scale(0, 0);
 738   -o-transform: scale(0, 0);
 739   transform: scale(0, 0);
 740   -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
 741   -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
 742   -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
 743   transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
 744 }
 745 .radio input[type="radio"] {
 746   display: none;
 747 }
 748 .radio input[type="radio"]:checked + label::after {
 749   -webkit-transform: scale(1, 1);
 750   -ms-transform: scale(1, 1);
 751   -o-transform: scale(1, 1);
 752   transform: scale(1, 1);
 753   background-color: #555555;
 754 }
 755 .radio input[type="radio"]:disabled + label {
 756   opacity: 0.65;
 757 }
 758 .radio input[type="radio"]:disabled + label::before {
 759   cursor: not-allowed;
 760 }
 761 .radio-primary input[type="radio"] + label::after {
 762   background-color: #ffffff;
 763 }
 764 .radio-primary input[type="radio"]:checked + label::before {
 765   border-color: #337ab7;
 766 }
 767 .radio-primary input[type="radio"]:checked + label::after {
 768   background-color: #337ab7;
 769 }
 770 .radio-danger input[type="radio"] + label::after {
 771   background-color: #d9534f;
 772 }
 773 .radio-danger input[type="radio"]:checked + label::before {
 774   border-color: #d9534f;
 775 }
 776 .radio-danger input[type="radio"]:checked + label::after {
 777   background-color: #d9534f;
 778 }
 779 .radio-info input[type="radio"] + label::after {
 780   background-color: #ffffff;
 781 }
 782 .radio-info input[type="radio"]:checked + label::before {
 783   border-color: #5bc0de;
 784 }
 785 .radio-info input[type="radio"]:checked + label::after {
 786   background-color: #5bc0de;
 787 }
 788 .radio-warning input[type="radio"] + label::after {
 789   background-color: #ffffff;
 790 }
 791 .radio-warning input[type="radio"]:checked + label::before {
 792   border-color: #f0ad4e;
 793 }
 794 .radio-warning input[type="radio"]:checked + label::after {
 795   background-color: #f0ad4e;
 796 }
 797 .radio-success input[type="radio"] + label::after {
 798   background-color: #ffffff;
 799 }
 800 .radio-success input[type="radio"]:checked + label::before {
 801   border-color: #5cb85c;
 802 }
 803 .radio-success input[type="radio"]:checked + label::after {
 804   background-color: #5cb85c;
 805 }
 806 .checkbox.checkbox-inline,
 807 .radio.radio-inline {
 808   margin-top: 0;
 809 }
 810 /*
 811  *
 812  * From https://github.com/danielfarrell/bootstrap-combobox
 813  *
 814  */
 815 .combobox-container {
 816   margin-bottom: 5px;
 817   *zoom: 1;
 818   display: inline-table;
 819 }
 820 .combobox-container:before,
 821 .combobox-container:after {
 822   display: table;
 823   content: "";
 824 }
 825 .combobox-container:after {
 826   /* clear: both; */
 827 }
 828 .combobox-container input,
 829 .combobox-container .uneditable-input {
 830   -webkit-border-radius: 0 3px 3px 0;
 831   -moz-border-radius: 0 3px 3px 0;
 832   border-radius: 0 3px 3px 0;
 833 }
 834 .combobox-container input:focus,
 835 .combobox-container .uneditable-input:focus {
 836   position: relative;
 837   z-index: 2;
 838 }
 839 .combobox-container .uneditable-input {
 840   border-left-color: #777777;
 841 }
 842 .combobox-container .add-on {
 843   float: left;
 844   display: inline-block;
 845   width: auto;
 846   min-width: 16px;
 847   height: inherit !important;
 848   margin-right: -1px;
 849   padding: 4px 5px;
 850   font-weight: normal;
 851   color: #777777;
 852   text-align: center;
 853   text-shadow: 0 1px 0 #ffffff;
 854   background-color: #f5f5f5;
 855   border: 1px solid #777777;
 856   -webkit-border-radius: 3px 0 0 3px;
 857   -moz-border-radius: 3px 0 0 3px;
 858   border-radius: 3px 0 0 3px;
 859 }
 860 .combobox-container .active {
 861   background-color: #337ab7;
 862   color: #ffffff;
 863 }
 864 .combobox-container input,
 865 .combobox-container .uneditable-input {
 866   float: left;
 867   -webkit-border-radius: 3px 0 0 3px;
 868   -moz-border-radius: 3px 0 0 3px;
 869   border-radius: 3px 0 0 3px;
 870 }
 871 .combobox-container .uneditable-input {
 872   border-left-color: #eeeeee;
 873   border-right-color: #777777;
 874 }
 875 .combobox-container .add-on {
 876   margin-right: 0;
 877   margin-left: -1px;
 878   -webkit-border-radius: 0 3px 3px 0;
 879   -moz-border-radius: 0 3px 3px 0;
 880   border-radius: 0 3px 3px 0;
 881 }
 882 .combobox-container input:first-child {
 883   *margin-left: -160px;
 884 }
 885 .combobox-container input:first-child + .add-on {
 886   *margin-left: -21px;
 887 }
 888 .combobox-container select {
 889   display: inline-block;
 890   width: 0;
 891   height: 0;
 892   border: 0;
 893   padding: 0;
 894   margin: 0;
 895   text-indent: -99999px;
 896   *text-indent: 0;
 897 }
 898 .form-search .combobox-container,
 899 .form-inline .combobox-container {
 900   display: inline-block;
 901   margin-bottom: 0;
 902   vertical-align: top;
 903 }
 904 .form-search .combobox-container .add-on,
 905 .form-inline .combobox-container .add-on {
 906   vertical-align: middle;
 907 }
 908 .combobox-selected .combobox-clear {
 909   display: inline-block;
 910 }
 911 .combobox-selected .caret {
 912   display: none;
 913 }
 914 .combobox-clear {
 915   display: none;
 916   width: 14px;
 917   height: 14px;
 918   line-height: 14px;
 919   vertical-align: top;
 920   opacity: 0.3;
 921   filter: alpha(opacity=30);
 922 }
 923 .dropdown:hover .combobox-clear,
 924 .open.dropdown .combobox-clear {
 925   opacity: 1;
 926   filter: alpha(opacity=100);
 927 }
 928 .btn .combobox-clear {
 929   margin-top: 1px;
 930   margin-left: 1px;
 931 }
 932 .btn:hover .combobox-clear,
 933 .open.btn-group .combobox-clear {
 934   opacity: 1;
 935   filter: alpha(opacity=100);
 936 }
 937 .typeahead-long {
 938   max-height: 300px;
 939   overflow-y: auto;
 940 }
 941 .control-group.error .combobox-container .add-on {
 942   color: #d9534f;
 943   border-color: #d9534f;
 944 }
 945 .control-group.error .combobox-container .caret {
 946   border-top-color: #d9534f;
 947 }
 948 .control-group.warning .combobox-container .add-on {
 949   color: #f0ad4e;
 950   border-color: #f0ad4e;
 951 }
 952 .control-group.warning .combobox-container .caret {
 953   border-top-color: #f0ad4e;
 954 }
 955 .control-group.success .combobox-container .add-on {
 956   color: #5cb85c;
 957   border-color: #5cb85c;
 958 }
 959 .control-group.success .combobox-container .caret {
 960   border-top-color: #5cb85c;
 961 }
 962 .btn .combobox-clear [class^="icon-"] {
 963   line-height: 1.4em;
 964 }
 965 .combobox-container .dropdown-menu {
 966   border-radius: 0;
 967   padding: 0;
 968   border: 1px solid #337ab7;
 969   border-top: none;
 970 }
 971 .roo-select2-container .dropdown-menu {
 972   border: 1px solid #337ab7;
 973 }
 974 .dropdown-menu .active {
 975   background: #337ab7;
 976   color: #ffffff;
 977 }
 978 .dropdown-menu .active label {
 979   color: #ffffff;
 980 }
 981 .dropdown-menu .roo-select2-result {
 982   padding: 3px 7px 4px;
 983   margin: 0;
 984   cursor: pointer;
 985   min-height: 1em;
 986   -webkit-touch-callout: none;
 987   -webkit-user-select: none;
 988   -moz-user-select: none;
 989   -ms-user-select: none;
 990   user-select: none;
 991 }
 992 .roo-select2-container,
 993 .roo-select2-choices .roo-select2-search-field {
 994   width: 100%;
 995 }
 996 .roo-select2-container .x-combo-noedit {
 997   cursor: pointer;
 998   background-color: #ffffff;
 999 }
1000 .roo-select2-container .x-combo-noedit[disabled] {
1001   cursor: not-allowed;
1002   background-color: #eeeeee;
1003 }
1004 .roo-combobox-tickable .roo-select2-choices {
1005   border: none;
1006   background-image: none;
1007 }
1008 .roo-combobox-tickable .roo-select2-result label {
1009   width: 100%;
1010 }
1011 /* zindex of dialogs is 10000++ so dropdowns have to be higher... */
1012 .dropdown-menu {
1013   z-index: 20002 !important;
1014 }
1015 .dropdown-menu .checkbox label {
1016   width: 100%;
1017 }
1018 .roo-select2-container-multi .dropdown-menu .roo-select2-result .checkbox {
1019   margin-top: 0px;
1020   margin-bottom: 0px;
1021 }
1022 .dropdown-menu .roo-select2-result .checkbox {
1023   margin-top: 3px;
1024   margin-bottom: 3px;
1025 }
1026 .roo-select2-container .input-group-addon {
1027   padding: 6px 12px;
1028   border: 1px solid #cccccc;
1029   border-left: 0px;
1030 }
1031 .roo-select2-container .roo-removable {
1032   position: relative;
1033 }
1034 .roo-select2-container .roo-removable .roo-combo-removable-btn {
1035   position: absolute;
1036   right: 10px;
1037   z-index: 2;
1038   top: 5px;
1039 }
1040 .roo-select2-container .has-feedback .roo-combo-removable-btn {
1041   position: absolute;
1042   right: 35px;
1043   z-index: 2;
1044   top: 5px;
1045 }
1046 /*
1047 .roo-select2-container .roo-removable.has-feedback .roo-combo-removable-btn {
1048     position: absolute;
1049     right: 40px;
1050     z-index: 2;
1051     top: 5px;
1052 }
1053
1054 .roo-select2-container .roo-removable.has-feedback.input-group .roo-combo-removable-btn {
1055     position: absolute;
1056     right: 70px;
1057     z-index: 2;
1058     top: 5px;
1059 }
1060
1061
1062 .roo-select2-container.input-group .has-feedback .roo-combo-removable-btn {
1063     position: absolute;
1064     right: 35px;
1065     z-index: 2;
1066     top: 5px;
1067 }*/
1068 .has-warning .roo-select2-container-multi {
1069   border: 1px solid #f0ad4e;
1070 }
1071 .roo-ios-select {
1072   width: 100%;
1073 }
1074 /*!
1075  * Datepicker for Bootstrap
1076  *
1077  * Copyright 2012 Stefan Petre
1078  * Improvements by Andrew Rowls
1079  * Licensed under the Apache License v2.0
1080  * http://www.apache.org/licenses/LICENSE-2.0
1081  *
1082  */
1083 .datepicker {
1084   padding: 8px 12px;
1085   margin-top: 1px;
1086   -webkit-border-radius: 4px;
1087   -moz-border-radius: 4px;
1088   border-radius: 4px;
1089   direction: ltr;
1090   font-size: 13px;
1091   /*.dow {
1092                 border-top: 1px solid @gray-light !important;
1093         }*/
1094 }
1095 .datepicker-inline {
1096   width: 220px;
1097 }
1098 .datepicker.datepicker-rtl {
1099   direction: rtl;
1100 }
1101 .datepicker.datepicker-rtl table tr td span {
1102   float: right;
1103 }
1104 .datepicker-dropdown {
1105   top: 0;
1106   left: 0;
1107 }
1108 /*.datepicker-dropdown:before {
1109   content: '';
1110   display: inline-block;
1111   border-left: 7px solid transparent;
1112   border-right: 7px solid transparent;
1113   border-bottom: 7px solid @gray-light;
1114   border-bottom-color: @black-opacity-20;
1115   position: absolute;
1116   top: -7px;
1117   left: 6px;
1118 }
1119 .datepicker-dropdown:after {
1120   content: '';
1121   display: inline-block;
1122   border-left: 6px solid transparent;
1123   border-right: 6px solid transparent;
1124   border-bottom: 6px solid @body-bg;
1125   position: absolute;
1126   top: -6px;
1127   left: 7px;
1128 }*/
1129 .datepicker-dropdown.bottom:before {
1130   content: '';
1131   display: inline-block;
1132   border-left: 7px solid transparent;
1133   border-right: 7px solid transparent;
1134   border-bottom: 7px solid #777777;
1135   border-bottom-color: rgba(0, 0, 0, 0.2);
1136   position: absolute;
1137   top: -7px;
1138   left: 7px;
1139 }
1140 .datepicker-dropdown.bottom:after {
1141   content: '';
1142   display: inline-block;
1143   border-left: 6px solid transparent;
1144   border-right: 6px solid transparent;
1145   border-bottom: 6px solid #ffffff;
1146   position: absolute;
1147   top: -6px;
1148   left: 8px;
1149 }
1150 .datepicker-dropdown.top:before {
1151   content: '';
1152   display: inline-block;
1153   border-left: 7px solid transparent;
1154   border-right: 7px solid transparent;
1155   border-top: 7px solid #777777;
1156   border-bottom: 0;
1157   border-top-color: rgba(0, 0, 0, 0.2);
1158   position: absolute;
1159   bottom: -7px;
1160   left: 6px;
1161 }
1162 .datepicker-dropdown.top:after {
1163   content: '';
1164   display: inline-block;
1165   border-left: 6px solid transparent;
1166   border-right: 6px solid transparent;
1167   border-top: 6px solid #ffffff;
1168   border-bottom: 0;
1169   position: absolute;
1170   bottom: -6px;
1171   left: 7px;
1172 }
1173 .datepicker-dropdown.bottom-right:before {
1174   content: '';
1175   display: inline-block;
1176   border-left: 7px solid transparent;
1177   border-right: 7px solid transparent;
1178   border-bottom: 7px solid #777777;
1179   border-bottom-color: rgba(0, 0, 0, 0.2);
1180   position: absolute;
1181   top: -7px;
1182   left: 7px;
1183 }
1184 .datepicker-dropdown.bottom-right:after {
1185   content: '';
1186   display: inline-block;
1187   border-left: 6px solid transparent;
1188   border-right: 6px solid transparent;
1189   border-bottom: 6px solid #ffffff;
1190   position: absolute;
1191   top: -6px;
1192   left: 8px;
1193 }
1194 .datepicker-dropdown.bottom-left:before {
1195   content: '';
1196   display: inline-block;
1197   border-left: 7px solid transparent;
1198   border-right: 7px solid transparent;
1199   border-bottom: 7px solid #777777;
1200   border-bottom-color: rgba(0, 0, 0, 0.2);
1201   position: absolute;
1202   top: -7px;
1203   left: 260px;
1204 }
1205 .datepicker-dropdown.bottom-left:after {
1206   content: '';
1207   display: inline-block;
1208   border-left: 6px solid transparent;
1209   border-right: 6px solid transparent;
1210   border-bottom: 6px solid #ffffff;
1211   position: absolute;
1212   top: -6px;
1213   left: 261px;
1214 }
1215 .datepicker-dropdown.top-right:before {
1216   content: '';
1217   display: inline-block;
1218   border-left: 7px solid transparent;
1219   border-right: 7px solid transparent;
1220   border-top: 7px solid #777777;
1221   border-top-color: rgba(0, 0, 0, 0.2);
1222   position: absolute;
1223   bottom: -7px;
1224   left: 6px;
1225 }
1226 .datepicker-dropdown.top-right:after {
1227   content: '';
1228   display: inline-block;
1229   border-left: 6px solid transparent;
1230   border-right: 6px solid transparent;
1231   border-top: 6px solid #ffffff;
1232   position: absolute;
1233   bottom: -6px;
1234   left: 7px;
1235 }
1236 .datepicker-dropdown.top-left:before {
1237   content: '';
1238   display: inline-block;
1239   border-left: 7px solid transparent;
1240   border-right: 7px solid transparent;
1241   border-top: 7px solid #777777;
1242   border-top-color: rgba(0, 0, 0, 0.2);
1243   position: absolute;
1244   bottom: -7px;
1245   left: 260px;
1246 }
1247 .datepicker-dropdown.top-left:after {
1248   content: '';
1249   display: inline-block;
1250   border-left: 6px solid transparent;
1251   border-right: 6px solid transparent;
1252   border-top: 6px solid #ffffff;
1253   position: absolute;
1254   bottom: -6px;
1255   left: 261px;
1256 }
1257 .datepicker > div {
1258   display: none;
1259 }
1260 .datepicker.days div.datepicker-days {
1261   display: block;
1262 }
1263 .datepicker.months div.datepicker-months {
1264   display: block;
1265 }
1266 .datepicker.years div.datepicker-years {
1267   display: block;
1268 }
1269 .datepicker table {
1270   margin: 0;
1271 }
1272 .datepicker td,
1273 .datepicker th {
1274   text-align: center;
1275   width: 20px;
1276   height: 20px;
1277   -webkit-border-radius: 4px;
1278   -moz-border-radius: 4px;
1279   border-radius: 4px;
1280   border: none;
1281 }
1282 .table-striped .datepicker table tr td,
1283 .table-striped .datepicker table tr th {
1284   background-color: transparent;
1285 }
1286 .datepicker table tr td.day:hover {
1287   background: #eeeeee;
1288   cursor: pointer;
1289 }
1290 .datepicker table tr td.old,
1291 .datepicker table tr td.new {
1292   color: #777777;
1293 }
1294 .datepicker table tr td.disabled,
1295 .datepicker table tr td.disabled:hover {
1296   background: none;
1297   color: #777777;
1298   cursor: default;
1299 }
1300 .datepicker table tr td.today,
1301 .datepicker table tr td.today:hover,
1302 .datepicker table tr td.today.disabled,
1303 .datepicker table tr td.today.disabled:hover {
1304   background-color: #f0ad4e;
1305   background-image: -moz-linear-gradient(top, #f0ad4e, #f0ad4e);
1306   background-image: -ms-linear-gradient(top, #f0ad4e, #f0ad4e);
1307   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f0ad4e), to(#f0ad4e));
1308   background-image: -webkit-linear-gradient(top, #f0ad4e, #f0ad4e);
1309   background-image: -o-linear-gradient(top, #f0ad4e, #f0ad4e);
1310   background-image: linear-gradient(top, #f0ad4e, #f0ad4e);
1311   background-repeat: repeat-x;
1312   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@brand-warning', endColorstr='@brand-warning', GradientType=0);
1313   border-color: #f0ad4e #f0ad4e #f0ad4e;
1314   border-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.5);
1315   filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
1316 }
1317 .datepicker table tr td.today:hover,
1318 .datepicker table tr td.today:hover:hover,
1319 .datepicker table tr td.today.disabled:hover,
1320 .datepicker table tr td.today.disabled:hover:hover,
1321 .datepicker table tr td.today:active,
1322 .datepicker table tr td.today:hover:active,
1323 .datepicker table tr td.today.disabled:active,
1324 .datepicker table tr td.today.disabled:hover:active,
1325 .datepicker table tr td.today.active,
1326 .datepicker table tr td.today:hover.active,
1327 .datepicker table tr td.today.disabled.active,
1328 .datepicker table tr td.today.disabled:hover.active,
1329 .datepicker table tr td.today.disabled,
1330 .datepicker table tr td.today:hover.disabled,
1331 .datepicker table tr td.today.disabled.disabled,
1332 .datepicker table tr td.today.disabled:hover.disabled,
1333 .datepicker table tr td.today[disabled],
1334 .datepicker table tr td.today:hover[disabled],
1335 .datepicker table tr td.today.disabled[disabled],
1336 .datepicker table tr td.today.disabled:hover[disabled] {
1337   background-color: #f0ad4e;
1338 }
1339 .datepicker table tr td.today:active,
1340 .datepicker table tr td.today:hover:active,
1341 .datepicker table tr td.today.disabled:active,
1342 .datepicker table tr td.today.disabled:hover:active,
1343 .datepicker table tr td.today.active,
1344 .datepicker table tr td.today:hover.active,
1345 .datepicker table tr td.today.disabled.active,
1346 .datepicker table tr td.today.disabled:hover.active {
1347   background-color: #f0ad4e;
1348 }
1349 .datepicker table tr td.active,
1350 .datepicker table tr td.active:hover,
1351 .datepicker table tr td.active.disabled,
1352 .datepicker table tr td.active.disabled:hover {
1353   background-color: #337ab7;
1354   background-image: -moz-linear-gradient(top, #3c87c8, #337ab7);
1355   background-image: -ms-linear-gradient(top, #3c87c8, #337ab7);
1356   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3c87c8), to(#337ab7));
1357   background-image: -webkit-linear-gradient(top, #3c87c8, #337ab7);
1358   background-image: -o-linear-gradient(top, #3c87c8, #337ab7);
1359   background-image: linear-gradient(top, #3c87c8, #337ab7);
1360   background-repeat: repeat-x;
1361   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='lighten(@brand-primary, 5%)', endColorstr='@brand-primary', GradientType=0);
1362   border-color: #337ab7 #337ab7 #286090;
1363   border-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.5);
1364   filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
1365   color: #ffffff;
1366   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
1367 }
1368 .datepicker table tr td.active:hover,
1369 .datepicker table tr td.active:hover:hover,
1370 .datepicker table tr td.active.disabled:hover,
1371 .datepicker table tr td.active.disabled:hover:hover,
1372 .datepicker table tr td.active:active,
1373 .datepicker table tr td.active:hover:active,
1374 .datepicker table tr td.active.disabled:active,
1375 .datepicker table tr td.active.disabled:hover:active,
1376 .datepicker table tr td.active.active,
1377 .datepicker table tr td.active:hover.active,
1378 .datepicker table tr td.active.disabled.active,
1379 .datepicker table tr td.active.disabled:hover.active,
1380 .datepicker table tr td.active.disabled,
1381 .datepicker table tr td.active:hover.disabled,
1382 .datepicker table tr td.active.disabled.disabled,
1383 .datepicker table tr td.active.disabled:hover.disabled,
1384 .datepicker table tr td.active[disabled],
1385 .datepicker table tr td.active:hover[disabled],
1386 .datepicker table tr td.active.disabled[disabled],
1387 .datepicker table tr td.active.disabled:hover[disabled] {
1388   background-color: #337ab7;
1389 }
1390 .datepicker table tr td.active:active,
1391 .datepicker table tr td.active:hover:active,
1392 .datepicker table tr td.active.disabled:active,
1393 .datepicker table tr td.active.disabled:hover:active,
1394 .datepicker table tr td.active.active,
1395 .datepicker table tr td.active:hover.active,
1396 .datepicker table tr td.active.disabled.active,
1397 .datepicker table tr td.active.disabled:hover.active {
1398   background-color: #286090;
1399 }
1400 .datepicker table tr td span {
1401   display: block;
1402   width: 23%;
1403   height: 54px;
1404   line-height: 54px;
1405   float: left;
1406   margin: 1%;
1407   cursor: pointer;
1408   -webkit-border-radius: 4px;
1409   -moz-border-radius: 4px;
1410   border-radius: 4px;
1411 }
1412 .datepicker table tr td span:hover {
1413   background: #eeeeee;
1414 }
1415 .datepicker table tr td span.disabled,
1416 .datepicker table tr td span.disabled:hover {
1417   background: none;
1418   color: #777777;
1419   cursor: default;
1420 }
1421 .datepicker table tr td span.active,
1422 .datepicker table tr td span.active:hover,
1423 .datepicker table tr td span.active.disabled,
1424 .datepicker table tr td span.active.disabled:hover {
1425   background-color: #337ab7;
1426   background-image: -moz-linear-gradient(top, #3c87c8, #337ab7);
1427   background-image: -ms-linear-gradient(top, #3c87c8, #337ab7);
1428   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3c87c8), to(#337ab7));
1429   background-image: -webkit-linear-gradient(top, #3c87c8, #337ab7);
1430   background-image: -o-linear-gradient(top, #3c87c8, #337ab7);
1431   background-image: linear-gradient(top, #3c87c8, #337ab7);
1432   background-repeat: repeat-x;
1433   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='lighten(@brand-primary, 5%)', endColorstr='@brand-primary', GradientType=0);
1434   border-color: #337ab7 #337ab7 #286090;
1435   border-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.5);
1436   filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
1437   color: #ffffff;
1438   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
1439 }
1440 .datepicker table tr td span.active:hover,
1441 .datepicker table tr td span.active:hover:hover,
1442 .datepicker table tr td span.active.disabled:hover,
1443 .datepicker table tr td span.active.disabled:hover:hover,
1444 .datepicker table tr td span.active:active,
1445 .datepicker table tr td span.active:hover:active,
1446 .datepicker table tr td span.active.disabled:active,
1447 .datepicker table tr td span.active.disabled:hover:active,
1448 .datepicker table tr td span.active.active,
1449 .datepicker table tr td span.active:hover.active,
1450 .datepicker table tr td span.active.disabled.active,
1451 .datepicker table tr td span.active.disabled:hover.active,
1452 .datepicker table tr td span.active.disabled,
1453 .datepicker table tr td span.active:hover.disabled,
1454 .datepicker table tr td span.active.disabled.disabled,
1455 .datepicker table tr td span.active.disabled:hover.disabled,
1456 .datepicker table tr td span.active[disabled],
1457 .datepicker table tr td span.active:hover[disabled],
1458 .datepicker table tr td span.active.disabled[disabled],
1459 .datepicker table tr td span.active.disabled:hover[disabled] {
1460   background-color: #337ab7;
1461 }
1462 .datepicker table tr td span.active:active,
1463 .datepicker table tr td span.active:hover:active,
1464 .datepicker table tr td span.active.disabled:active,
1465 .datepicker table tr td span.active.disabled:hover:active,
1466 .datepicker table tr td span.active.active,
1467 .datepicker table tr td span.active:hover.active,
1468 .datepicker table tr td span.active.disabled.active,
1469 .datepicker table tr td span.active.disabled:hover.active {
1470   background-color: #286090;
1471 }
1472 .datepicker table tr td span.old {
1473   color: #777777;
1474 }
1475 .datepicker th.switch {
1476   width: 145px;
1477 }
1478 .datepicker thead tr:first-child th,
1479 .datepicker tfoot tr:first-child th {
1480   cursor: pointer;
1481 }
1482 .datepicker thead tr:first-child th:hover,
1483 .datepicker tfoot tr:first-child th:hover {
1484   background: #eeeeee;
1485 }
1486 .datepicker .cw {
1487   font-size: 10px;
1488   width: 12px;
1489   padding: 0 2px 0 5px;
1490   vertical-align: middle;
1491 }
1492 .datepicker thead tr:first-child th.cw {
1493   cursor: default;
1494   background-color: transparent;
1495 }
1496 .input-append.date .add-on i,
1497 .input-prepend.date .add-on i {
1498   display: block;
1499   cursor: pointer;
1500   width: 16px;
1501   height: 16px;
1502 }
1503 .datepicker .datepicker-time td span {
1504   display: block;
1505   width: 47px;
1506   height: 54px;
1507   line-height: 54px;
1508   float: left;
1509   margin: 2px;
1510   cursor: pointer;
1511   border-radius: 4px;
1512 }
1513 .datepicker .datepicker-time td span.timepicker-hour,
1514 .datepicker .datepicker-time td span.timepicker-minute {
1515   width: 100%;
1516   font-weight: bold;
1517   font-size: 1.2em;
1518 }
1519 .roo-document-manager-selector {
1520   visibility: hidden;
1521   height: 0px;
1522 }
1523 .roo-document-manager-uploader,
1524 .roo-document-manager-loading,
1525 .roo-document-manager-preview {
1526   position: relative;
1527   float: left;
1528   width: 25%;
1529   padding-left: 5px;
1530   height: 100px;
1531   max-height: 100px;
1532   margin-top: 10px;
1533 }
1534 .roo-document-manager-preview.wide {
1535   width: 50%;
1536 }
1537 .roo-document-manager-thumb,
1538 .roo-document-manager-upload-btn {
1539   width: 100%;
1540   height: 100px;
1541   line-height: 100px;
1542   max-height: 100px;
1543   border: 1px solid #eeeeee;
1544   -webkit-box-shadow: 1px 0px 5px 0px rgba(119, 119, 119, 0.75);
1545   -moz-box-shadow: 1px 0px 5px 0px rgba(119, 119, 119, 0.75);
1546   box-shadow: 1px 0px 5px 0px rgba(119, 119, 119, 0.75);
1547 }
1548 .roo-document-manager-thumb > i.fa,
1549 .roo-document-manager-upload-btn > i.fa {
1550   width: 100%;
1551   line-height: 98px;
1552   text-align: center;
1553   vertical-align: middle;
1554   color: #777777;
1555   font-size: 2.5em;
1556 }
1557 .roo-document-manager-thumb > i.fa {
1558   font-size: 2.5em;
1559 }
1560 .roo-document-manager-thumb > img {
1561   width: 100%;
1562   max-height: 100%;
1563   text-align: center;
1564   vertical-align: middle;
1565 }
1566 .roo-document-manager-preview > .close {
1567   position: absolute;
1568   top: 0px;
1569   right: 3px;
1570   font-size: 20px;
1571   opacity: 1;
1572 }
1573 .roo-document-manager-preview > .close:hover {
1574   color: #333333;
1575 }
1576 /*
1577 * sm
1578 */
1579 @media (min-width: 768px) {
1580   .roo-document-manager-uploader,
1581   .roo-document-manager-loading,
1582   .roo-document-manager-preview {
1583     height: 200px;
1584     max-height: 200px;
1585   }
1586   .roo-document-manager-thumb,
1587   .roo-document-manager-upload-btn {
1588     line-height: 200px;
1589     height: 200px;
1590     max-height: 200px;
1591   }
1592   .roo-document-manager-thumb > i.fa,
1593   .roo-document-manager-upload-btn > i.fa {
1594     line-height: 198px;
1595   }
1596 }
1597 /*
1598 * md
1599 */
1600 @media (min-width: 992px) {
1601   .roo-document-manager-uploader,
1602   .roo-document-manager-loading,
1603   .roo-document-manager-preview {
1604     width: 8.33333333%;
1605     height: 80px;
1606     max-height: 80px;
1607   }
1608   .roo-document-manager-preview.wide {
1609     width: 16.66666666%;
1610   }
1611   .roo-document-manager-thumb,
1612   .roo-document-manager-upload-btn {
1613     line-height: 80px;
1614     height: 80px;
1615     max-height: 80px;
1616   }
1617   .roo-document-manager-thumb > i.fa,
1618   .roo-document-manager-upload-btn > i.fa {
1619     line-height: 78px;
1620   }
1621 }
1622 /*
1623 * lg
1624 */
1625 @media (min-width: 1200px) {
1626   .roo-document-manager-uploader,
1627   .roo-document-manager-loading,
1628   .roo-document-manager-preview {
1629     width: 8.33333333%;
1630     height: 100px;
1631     max-height: 100px;
1632   }
1633   .roo-document-manager-preview.wide {
1634     width: 16.66666666%;
1635   }
1636   .roo-document-manager-thumb,
1637   .roo-document-manager-upload-btn {
1638     line-height: 100px;
1639     height: 100px;
1640     max-height: 100px;
1641   }
1642   .roo-document-manager-thumb > i.fa,
1643   .roo-document-manager-upload-btn > i.fa {
1644     line-height: 98px;
1645   }
1646 }
1647 .document-slider-dialog .modal-body {
1648   padding: 0px;
1649 }
1650 .roo-document-slider-header {
1651   background-color: rgba(0, 0, 0, 0.5);
1652 }
1653 .roo-document-slider-header .roo-document-slider-header-title {
1654   width: 80%;
1655   margin: 0 auto;
1656   padding: 10px 0;
1657   color: #ffffff;
1658   font-weight: bold;
1659   text-align: center;
1660 }
1661 .roo-document-slider-body {
1662   background-color: #ffffff;
1663   width: 100%;
1664   height: 450px;
1665   position: relative;
1666   overflow: hidden;
1667 }
1668 .roo-document-slider-body .roo-document-slider-thumb {
1669   position: absolute;
1670   width: 80%;
1671   height: 100%;
1672   top: 50%;
1673   left: 50%;
1674   transform: translate(-50%, -50%);
1675   box-sizing: border-box;
1676   border: 1px solid #666666;
1677   box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
1678   text-align: center;
1679   vertical-align: middle;
1680   overflow: auto;
1681   cursor: move;
1682 }
1683 .roo-document-slider-body .roo-document-slider-image {
1684   width: 100%;
1685 }
1686 .roo-document-slider-prev {
1687   position: absolute;
1688   top: 0;
1689   left: 0;
1690   text-align: center;
1691   width: 10%;
1692   height: 100%;
1693 }
1694 .roo-document-slider-next {
1695   position: absolute;
1696   top: 0;
1697   right: 0;
1698   text-align: center;
1699   width: 10%;
1700   height: 100%;
1701 }
1702 .roo-document-slider-prev > i,
1703 .roo-document-slider-next > i {
1704   position: relative;
1705   top: 50%;
1706   transform: translateY(-50%);
1707   cursor: pointer;
1708   font-size: 2em;
1709 }
1710 .document-viewer-dialog .modal-dialog {
1711   margin: 0px auto;
1712 }
1713 .document-viewer-dialog .modal-header,
1714 .document-viewer-dialog .modal-footer {
1715   padding-top: 5px;
1716   padding-bottom: 5px;
1717 }
1718 .document-viewer-dialog .modal-body {
1719   padding: 0px;
1720 }
1721 .roo-document-viewer-body {
1722   background-color: #ffffff;
1723   width: 100%;
1724   height: 450px;
1725   max-height: 450px;
1726   position: relative;
1727   overflow: hidden;
1728   cursor: move;
1729 }
1730 .roo-document-viewer-body .roo-document-viewer-thumb {
1731   position: absolute;
1732   width: 80%;
1733   height: 80%;
1734   top: 50%;
1735   left: 50%;
1736   transform: translate(-50%, -50%);
1737   box-sizing: border-box;
1738   border: 1px solid #666666;
1739   box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
1740   text-align: center;
1741   vertical-align: middle;
1742   overflow: auto;
1743 }
1744 .roo-document-viewer-body .roo-document-viewer-image {
1745   width: 100%;
1746 }
1747 .roo-document-viewer-btn-group button {
1748   background-color: #000000;
1749   color: #ffffff;
1750   border-color: #333333;
1751 }
1752 .roo-document-viewer-btn-group > .btn-group:first-child > button {
1753   border-top-left-radius: 0;
1754 }
1755 .roo-document-viewer-btn-group > .btn-group:last-child > button {
1756   border-top-right-radius: 0;
1757 }
1758 .dropdown-submenu:hover > a,
1759 .dropdown-submenu:focus > a {
1760   color: #ffffff;
1761   text-decoration: none;
1762   background-color: #337ab7;
1763   background-image: -moz-linear-gradient(top, #337ab7, #3072ab);
1764   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#337ab7), to(#3072ab));
1765   background-image: -webkit-linear-gradient(top, #337ab7, #3072ab);
1766   background-image: -o-linear-gradient(top, #337ab7, #3072ab);
1767   background-image: linear-gradient(to bottom, #337ab7, #3072ab);
1768   background-repeat: repeat-x;
1769   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@brand-primary', endColorstr='darken(@brand-primary, 3%)', GradientType=0);
1770 }
1771 .dropdown-submenu {
1772   position: relative;
1773 }
1774 .dropdown-submenu > .dropdown-menu {
1775   top: 0;
1776   left: 100%;
1777   margin-top: -6px;
1778   margin-left: -1px;
1779   -webkit-border-radius: 0 6px 6px 6px;
1780   -moz-border-radius: 0 6px 6px 6px;
1781   border-radius: 0 6px 6px 6px;
1782 }
1783 .dropdown-submenu:hover > .dropdown-menu {
1784   display: block;
1785 }
1786 .dropup .dropdown-submenu > .dropdown-menu {
1787   top: auto;
1788   bottom: 0;
1789   margin-top: 0;
1790   margin-bottom: -2px;
1791   -webkit-border-radius: 5px 5px 5px 0;
1792   -moz-border-radius: 5px 5px 5px 0;
1793   border-radius: 5px 5px 5px 0;
1794 }
1795 .dropup .dropdown-menu {
1796   -webkit-animation-name: inherit;
1797 }
1798 .dropdown-submenu > a:after {
1799   display: block;
1800   float: right;
1801   width: 0;
1802   height: 0;
1803   margin-top: 5px;
1804   margin-right: -10px;
1805   border-color: transparent;
1806   border-left-color: #777777;
1807   border-style: solid;
1808   border-width: 5px 0 5px 5px;
1809   content: " ";
1810 }
1811 .dropdown-submenu:hover > a:after {
1812   border-left-color: #ffffff;
1813 }
1814 .dropdown-submenu.pull-left {
1815   float: none !important;
1816 }
1817 .dropdown-submenu.pull-left > .dropdown-menu {
1818   left: 0;
1819   margin-left: 1px;
1820   -webkit-border-radius: 6px 0 6px 6px;
1821   -moz-border-radius: 6px 0 6px 6px;
1822   border-radius: 6px 0 6px 6px;
1823 }
1824 .dropdown-button > i {
1825   margin-right: 5px;
1826 }
1827 li.dropdown-toggle i.glyphicon + span {
1828   margin-left: 5px;
1829 }
1830 li.dropdown-toggle span + i.glyphicon {
1831   margin-left: 5px;
1832 }
1833 li.dropdown-menu-item i.fa + span {
1834   margin-left: 5px;
1835 }
1836 li.dropdown-toggle button > i.glyphicon {
1837   margin: 3px 0 0 5px;
1838 }
1839 div.input-group.has-feedback > .form-control-feedback {
1840   right: 30px;
1841 }
1842 .roo-required-indicator {
1843   font-size: 8px;
1844   color: #d9534f;
1845   vertical-align: top;
1846 }
1847 .roo-required-indicator.left-indicator {
1848   margin-right: 3px;
1849 }
1850 .roo-required-indicator.right-indicator {
1851   margin-left: 3px;
1852 }
1853 .label-pill {
1854   padding-right: .6em;
1855   padding-left: .6em;
1856   border-radius: 10rem;
1857 }
1858 .roo-layout-container {
1859   width: 100%;
1860   height: 100%;
1861   overflow: hidden;
1862 }
1863 .roo-layout-inactive-content {
1864   position: absolute;
1865   left: -10000px;
1866   top: -10000px;
1867   visibility: hidden;
1868 }
1869 .roo-layout-active-content {
1870   visibility: visible;
1871   /* padding: 10px; */
1872 }
1873 .roo-layout-panel {
1874   position: absolute;
1875   /* overflow:hidden;  -- menus inside of contains do not work with this */
1876   /*
1877     background-color:white;
1878     border:1px solid #98c0f4;
1879     */
1880 }
1881 .roo-layout-panel-east,
1882 .roo-layout-panel-west {
1883   z-index: 10;
1884 }
1885 .roo-layout-panel-north,
1886 .roo-layout-panel-south {
1887   z-index: 11;
1888 }
1889 /*
1890 .roo-layout-collapsed-north, .x-layout-collapsed-south, .x-layout-collapsed-east, .x-layout-collapsed-west {
1891     z-index:12;
1892 }
1893 */
1894 .roo-layout-panel-body {
1895   overflow: hidden;
1896 }
1897 /*
1898
1899 .roo-layout-grid-wrapper{
1900
1901 }
1902 */
1903 .roo-layout-split {
1904   position: absolute;
1905   height: 5px;
1906   width: 5px;
1907   line-height: 1px;
1908   font-size: 1px;
1909   z-index: 3;
1910   background-color: #f5f5f5;
1911 }
1912 .roo-layout-split-south,
1913 .roo-layout-split-north {
1914   border-bottom: 1px solid #777777;
1915 }
1916 .roo-layout-split-east,
1917 .roo-layout-split-west {
1918   border-right: 1px solid #777777;
1919 }
1920 .roo-layout-panel-hd {
1921   position: relative;
1922 }
1923 .roo-layout-panel-hd.breadcrumb {
1924   margin-bottom: 0;
1925 }
1926 .roo-layout-panel-hd-text {
1927   padding: 4px;
1928   padding-left: 4px;
1929   display: block;
1930   white-space: nowrap;
1931 }
1932 .roo-layout-panel-hd-tools {
1933   position: absolute;
1934   right: 0;
1935   top: 0;
1936   text-align: right;
1937   padding-top: 2px;
1938   padding-right: 2px;
1939   width: 40px;
1940 }
1941 /*
1942 .x-layout-tools-button{
1943     z-index:6;
1944     padding:2px;
1945     float:right;
1946     cursor:pointer;
1947 }
1948 .x-layout-tools-button-over{
1949     padding:1px;
1950     border:1px solid #98c0f4;
1951     background-color:white;
1952 }
1953 .x-layout-tools-button-inner{
1954     height:12px;
1955     width:12px;
1956     line-height:1px;
1957     font-size:1px;
1958     background-repeat:no-repeat;
1959     background-position:center;
1960 }
1961 .x-layout-close{
1962     background-image:url(../images/default/layout/layout-sprite.gif);
1963     background-repeat: no-repeat;
1964     background-position: 50% -48px;
1965 }
1966 .x-layout-collapse-west,.x-layout-expand-east{
1967     background-image:url(../images/default/layout/layout-sprite.gif);
1968     background-repeat: no-repeat;
1969     background-position: 50% 0;
1970 }
1971 .x-layout-expand-west,.x-layout-collapse-east{
1972     background-image:url(../images/default/layout/layout-sprite.gif);
1973     background-repeat: no-repeat;
1974     background-position: 50% -12px;
1975 }
1976 .x-layout-collapse-north,.x-layout-expand-south{
1977     background-image:url(../images/default/layout/layout-sprite.gif);
1978     background-repeat: no-repeat;
1979     background-position: 50% -24px;
1980 }
1981 .x-layout-expand-north,.x-layout-collapse-south{
1982     background-image:url(../images/default/layout/layout-sprite.gif);
1983     background-repeat: no-repeat;
1984     background-position: 50% -36px;
1985 }
1986 .x-layout-split-h{
1987     background-image:url(../images/default/sizer/e-handle.gif);
1988     background-position: left;
1989     cursor:col-resize;
1990 }
1991 .x-layout-split-v{
1992     background-image:url(../images/default/sizer/s-handle.gif);
1993     background-position: top;
1994     cursor:row-resize;
1995 }
1996 .x-layout-panel .x-tabs-wrap{
1997     background:url(../images/default/layout/gradient-bg.gif);
1998 }
1999 */
2000 .roo-layout-panel .roo-tabbody {
2001   background-color: #ffffff;
2002   overflow: auto;
2003   height: 100%;
2004 }
2005 .roo-layout-component-panel,
2006 .roo-layout-nested-layout {
2007   position: relative;
2008   padding: 0;
2009   overflow: hidden;
2010   width: 200px;
2011   height: 200px;
2012 }
2013 .roo-layout-nested-layout .roo-layout-panel {
2014   border: 0 none;
2015 }
2016 /*
2017 .x-layout-nested-layout .x-layout-panel-north {
2018           border-bottom:1px solid #98c0f4;
2019 }
2020 .x-layout-nested-layout .x-layout-panel-south {
2021           border-top:1px solid #98c0f4;
2022 }
2023 .x-layout-nested-layout .x-layout-panel-east {
2024           border-left:1px solid #98c0f4;
2025 }
2026 .x-layout-nested-layout .x-layout-panel-west {
2027           border-right:1px solid #98c0f4;
2028 }
2029 */
2030 .roo-repaint {
2031   zoom: 1;
2032   background-color: transparent;
2033 }
2034 /*
2035 .x-layout-panel-dragover {
2036         border: 2px solid #6593cf;
2037 }
2038 .x-layout-panel-proxy {
2039         background-image: url(../images/default/layout/gradient-bg.gif);
2040         background-color:#c3daf9;
2041         border:1px dashed #6593cf;
2042         z-index:10001;
2043         overflow:hidden;
2044         position:absolute;
2045         left:0;top:0;
2046 }
2047
2048 .x-layout-slider {
2049         z-index:15;
2050         overflow:hidden;
2051         position:absolute;
2052 }
2053 */
2054 .roo-unselectable {
2055   -moz-user-select: none;
2056   -khtml-user-select: none;
2057   -webkit-user-select: none;
2058   cursor: default;
2059 }
2060 /** --- split bar dragging ---*/
2061 .roo-splitbar-proxy {
2062   z-index: 40009;
2063   visibility: hidden;
2064   position: absolute;
2065   background: #777777;
2066   border: 1px solid #000000;
2067   overflow: hidden;
2068 }
2069 .roo-splitbar-h,
2070 .roo-splitbar-proxy-h {
2071   cursor: col-resize;
2072 }
2073 .roo-splitbar-v,
2074 .roo-splitbar-proxy-v {
2075   cursor: row-resize;
2076 }
2077 /*
2078 .x-grid-resize-proxy
2079 {
2080         z-index:40009;
2081         visibility:hidden;
2082         position:absolute;
2083         background:#666;
2084         border: 1px solid #000;
2085         overflow:hidden;
2086         cursor:col-resize;
2087         overflow:hidden;
2088         width: 2px;
2089 }
2090
2091
2092 */
2093 .roo-layout-panel-body .navbar ul.nav-tabs {
2094   margin-top: 9px;
2095   display: table;
2096 }
2097 .roo-layout-panel-body .navbar {
2098   margin-bottom: 0px;
2099 }
2100 .roo-form-group-label-left::before,
2101 .roo-form-group-label-left::after {
2102   display: table;
2103   content: " ";
2104   clear: both;
2105 }
2106 a.list-group-item,
2107 button.list-group-item {
2108   width: 100%;
2109   color: #555555;
2110   text-align: inherit;
2111 }
2112 .roo-el-mask {
2113   z-index: 20000;
2114   position: absolute;
2115   top: 0;
2116   left: 0;
2117   -moz-opacity: 0.5;
2118   opacity: .50;
2119   filter: alpha(opacity=50);
2120   background-color: #777777;
2121   width: 100%;
2122   height: 100%;
2123   zoom: 1;
2124 }
2125 .roo-el-mask-msg {
2126   position: absolute;
2127   z-index: 20000;
2128   /*border: 4px double #557; */
2129   background-color: #ffffff;
2130   padding: 0px 30px;
2131   background-image: url('../images/ux/lightbox/loading.gif');
2132   background-repeat: no-repeat;
2133   border: 10px solid white;
2134   border-radius: 20px;
2135 }
2136 .roo-el-mask-msg div {
2137   font-family: 'Source Sans Pro', sans-serif;
2138   font-size: 24px;
2139   font-weight: 500;
2140   z-index: 20001;
2141   padding: 4px 15px;
2142   color: #555555;
2143 }
2144 .x-body-masked {
2145   overflow: hidden !important;
2146 }
2147 .x-body-masked select,
2148 .ext-masked object,
2149 .ext-masked embed {
2150   visibility: hidden;
2151 }
2152 .x-dlg-mask {
2153   z-index: 10000;
2154   display: none;
2155   position: absolute;
2156   top: 0;
2157   left: 0;
2158   -moz-opacity: 0.5;
2159   opacity: .50;
2160   filter: alpha(opacity=50);
2161   background-color: #777777;
2162 }
2163 .masonary .masonry-bottom-title {
2164   background-color: transparent;
2165 }
2166 .masonry-brick-link,
2167 .roo-brick-link {
2168   cursor: pointer;
2169   text-decoration: none;
2170   outline: 0;
2171 }
2172 .masonry-brick-paragraph,
2173 .roo-brick-paragraph {
2174   overflow: hidden;
2175 }
2176 .masonry-brick .masonry-brick-paragraph {
2177   padding: 9px;
2178   width: 100%;
2179   height: 100%;
2180   position: absolute;
2181   top: 0;
2182   left: 0;
2183   background-color: inherit;
2184 }
2185 .masonry-center-title .masonry-brick-paragraph,
2186 .masonry-bottom-title .masonry-brick-paragraph,
2187 .roo-brick-center-title .roo-brick-paragraph,
2188 .roo-brick-bottom-title .roo-brick-paragraph {
2189   display: table;
2190 }
2191 .masonry-center-title .masonry-brick-paragraph .masonry-brick-title,
2192 .roo-brick-center-title .roo-brick-paragraph .roo-brick-title {
2193   display: table-cell;
2194   vertical-align: middle;
2195   text-align: center;
2196 }
2197 .masonry-bottom-title .masonry-brick-paragraph .masonry-brick-title,
2198 .roo-brick-bottom-title .roo-brick-paragraph .roo-brick-title {
2199   display: table-cell;
2200   vertical-align: bottom;
2201   text-align: right;
2202 }
2203 .masonry-brick-image .masonry-brick-paragraph,
2204 .roo-brick-image .roo-brick-paragraph {
2205   opacity: 0;
2206 }
2207 .masonry-bottom-title .masonry-brick-paragraph {
2208   opacity: 1;
2209 }
2210 .masonry-brick-image-view {
2211   width: 100%;
2212   height: 100%;
2213   object-fit: cover;
2214 }
2215 .masonry-brick-paragraph .masonry-brick-title,
2216 .roo-brick-paragraph .roo-brick-title {
2217   margin-top: 0;
2218 }
2219 .roo-brick .roo-brick-paragraph {
2220   padding: 9px;
2221   width: 100%;
2222   height: 100%;
2223   background-color: inherit;
2224 }
2225 .roo-brick-image-view {
2226   position: absolute;
2227   top: 0;
2228   object-fit: cover;
2229 }
2230 a.roo-brick-link:focus,
2231 a.roo-brick-link:hover {
2232   text-decoration: none;
2233   outline: 0;
2234 }
2235 .masonry-brick-split .masonry-brick-split-head,
2236 .masonry-brick-split .masonry-brick-split-head .masonry-brick-paragraph {
2237   height: 75%;
2238 }
2239 .masonry-brick-split .masonry-brick-split-body {
2240   height: 25%;
2241   padding: 4px;
2242   color: #000000;
2243   font-size: 11px;
2244 }
2245 .enable-mask:hover .masonry-brick-mask {
2246   width: 100%;
2247   height: 100%;
2248   position: absolute;
2249   top: 0;
2250   left: 0;
2251   background-color: #000000;
2252   opacity: 0.2;
2253 }
2254 @media (min-width: 768px) {
2255   .mask-inverse .masonry-brick-paragraph {
2256     background: rgba(0, 0, 0, 0.5);
2257   }
2258   .mask-inverse:hover .masonry-brick-paragraph {
2259     background: none;
2260   }
2261 }
2262 /*
2263     Document   : modal
2264     Created on : Apr 23, 2014, 11:24:28 AM
2265     Author     : edward
2266     Description:
2267         Purpose of the stylesheet follows.
2268 */
2269 .modal-md-1,
2270 .modal-md-2,
2271 .modal-md-3,
2272 .modal-md-4,
2273 .modal-md-5,
2274 .modal-md-6,
2275 .modal-md-7,
2276 .modal-md-8,
2277 .modal-md-9,
2278 .modal-md-10,
2279 .modal-md-11,
2280 .modal-md-12 {
2281   float: left;
2282 }
2283 .modal-md-12 .modal-dialog {
2284   width: 100%;
2285   margin: 30 auto;
2286 }
2287 .modal-md-11 .modal-dialog {
2288   width: 91.66666666666666%;
2289   margin: 30 auto;
2290 }
2291 .modal-md-10 .modal-dialog {
2292   width: 83.33333333333334%;
2293   margin: 30 auto;
2294 }
2295 .modal-md-9 .modal-dialog {
2296   width: 75%;
2297   margin: 30 auto;
2298 }
2299 .modal-md-8 .modal-dialog {
2300   width: 66.66666666666666%;
2301   margin: 30 auto;
2302 }
2303 .modal-md-7 .modal-dialog {
2304   width: 58.333333333333336%;
2305   margin: 30 auto;
2306 }
2307 .modal-md-6 .modal-dialog {
2308   width: 50%;
2309   margin: 30 auto;
2310 }
2311 .modal-md-5 .modal-dialog {
2312   width: 41.66666666666667%;
2313   margin: 30 auto;
2314 }
2315 .modal-md-4 .modal-dialog {
2316   width: 33.33333333333333%;
2317   margin: 30 auto;
2318 }
2319 .modal-md-3 .modal-dialog {
2320   width: 25%;
2321   margin: 30 auto;
2322 }
2323 .modal-md-2 .modal-dialog {
2324   width: 16.666666666666664%;
2325   margin: 30 auto;
2326 }
2327 .modal-md-1 .modal-dialog {
2328   width: 8.333333333333332%;
2329   margin: 30 auto;
2330 }
2331 /*
2332  this  appears to break the layout on dialog buttons on mobile?
2333 @media (max-width: 568px) {
2334     .modal-footer .btn+.btn {
2335             margin-left: 0px;
2336             margin-top: 5px;
2337     }
2338 }
2339 */
2340 .modal-body.roo-layout-container,
2341 .modal-body > .container {
2342   padding: 0;
2343 }
2344 .modal-dialog {
2345   max-width: 100%;
2346 }
2347 .modal-body > .container .col-xs-12 {
2348   padding: 0;
2349 }
2350 @media (max-width: 768px) {
2351   .modal-body .col-md-12 {
2352     padding: 0;
2353   }
2354   .modal-body {
2355     padding: 5px;
2356   }
2357   .modal-body .row {
2358     margin-left: -5px;
2359     margin-right: -5px;
2360   }
2361 }
2362 .roo-navigation-bar-group,
2363 .roo-navigation-top-bar,
2364 .roo-navigation-bullets-bar,
2365 .roo-navigation-bottom-bar {
2366   width: 100%;
2367   float: left;
2368 }
2369 .roo-navigation-bar-text > span {
2370   text-transform: uppercase;
2371   width: 90%;
2372   display: inline-block;
2373 }
2374 .roo-navigation-bar-text {
2375   float: left;
2376   line-height: 24px;
2377   height: 100%;
2378   min-height: 24px;
2379   text-align: center;
2380   position: relative;
2381 }
2382 .roo-navigation-bar {
2383   counter-reset: step;
2384   text-align: center;
2385   padding: 0px;
2386   overflow: hidden;
2387   margin: 0px;
2388 }
2389 .roo-navigation-bar .roo-navigation-bar-item {
2390   list-style-type: none;
2391   color: #000000;
2392   text-transform: uppercase;
2393   font-size: 14px;
2394   float: left;
2395   position: relative;
2396 }
2397 .roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon:before {
2398   counter-increment: step;
2399   width: 25px;
2400   line-height: 25px;
2401   display: block;
2402   color: #ffffff;
2403   background: #337ab7;
2404   border-radius: 5px;
2405   font-weight: bold;
2406   cursor: pointer;
2407 }
2408 .roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon.step-number:before {
2409   content: counter(step);
2410 }
2411 .roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon:after {
2412   content: '';
2413   width: 100%;
2414   height: 5px;
2415   background: #337ab7;
2416   position: absolute;
2417   top: 10px;
2418   z-index: -1;
2419 }
2420 .roo-navigation-bar .roo-navigation-bar-item:last-child > .roo-navigation-bar-item-icon:after {
2421   content: none;
2422 }
2423 .roo-navigation-bar .roo-navigation-bar-item.active .roo-navigation-bar-item-icon:before {
2424   background: #ac2925;
2425   color: #ffffff;
2426 }
2427 .roo-navigation-bar .roo-navigation-bar-item.disabled .roo-navigation-bar-item-icon:before {
2428   background: #777777;
2429   color: #ffffff;
2430   cursor: not-allowed;
2431 }
2432 .roo-navigation-bar .roo-navigation-bar-item.active .roo-navigation-bar-item-icon:before {
2433   cursor: default;
2434 }
2435 .roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon {
2436   font: normal normal normal 14px/1 FontAwesome;
2437   display: inline-block;
2438 }
2439 @media (min-width: 768px) {
2440   .roo-navigation-bar .roo-navigation-bar-item.xs-icon > .roo-navigation-bar-item-icon:before {
2441     content: counter(step);
2442   }
2443 }
2444 @media (min-width: 992px) {
2445   .roo-navigation-bar .roo-navigation-bar-item.xs-icon > .roo-navigation-bar-item-icon:before,
2446   .roo-navigation-bar .roo-navigation-bar-item.sm-icon > .roo-navigation-bar-item-icon:before {
2447     content: counter(step);
2448   }
2449 }
2450 @media (min-width: 1200px) {
2451   .roo-navigation-bar .roo-navigation-bar-item.xs-icon > .roo-navigation-bar-item-icon:before,
2452   .roo-navigation-bar .roo-navigation-bar-item.sm-icon > .roo-navigation-bar-item-icon:before,
2453   .roo-navigation-bar .roo-navigation-bar-item.md-icon > .roo-navigation-bar-item-icon:before {
2454     content: counter(step);
2455   }
2456 }
2457 /* NAV TABS */
2458 .nav-tabs-custom {
2459   margin-bottom: 20px;
2460   background: #ffffff;
2461   box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
2462 }
2463 .nav-tabs-custom > .nav-tabs {
2464   margin: 0;
2465   border-bottom-color: #777777;
2466 }
2467 .nav-tabs-custom > .nav-tabs > li {
2468   border-top: 3px solid transparent;
2469   margin-bottom: -2px;
2470   margin-right: 5px;
2471 }
2472 .nav-tabs-custom > .nav-tabs > li > a {
2473   -webkit-border-radius: 0 !important;
2474   -moz-border-radius: 0 !important;
2475   border-radius: 0 !important;
2476 }
2477 .nav-tabs-custom > .nav-tabs > li > a,
2478 .nav-tabs-custom > .nav-tabs > li > a:hover {
2479   background: transparent;
2480   margin: 0;
2481 }
2482 .nav-tabs-custom > .nav-tabs > li:not(.active) > a:hover,
2483 .nav-tabs-custom > .nav-tabs > li:not(.active) > a:focus,
2484 .nav-tabs-custom > .nav-tabs > li:not(.active) > a:active {
2485   border-color: transparent;
2486 }
2487 .nav-tabs-custom > .nav-tabs > li.active {
2488   border-top-color: #337ab7;
2489 }
2490 .nav-tabs-custom > .nav-tabs > li.active > a,
2491 .nav-tabs-custom > .nav-tabs > li.active:hover > a {
2492   background-color: #ffffff;
2493 }
2494 .nav-tabs-custom > .nav-tabs > li.active > a {
2495   border-top: 0;
2496   border-left-color: #777777;
2497   border-right-color: #777777;
2498 }
2499 .nav-tabs-custom > .nav-tabs > li:first-of-type {
2500   margin-left: 0px;
2501 }
2502 .nav-tabs-custom > .nav-tabs > li:first-of-type.active > a {
2503   border-left-width: 0;
2504 }
2505 .nav-tabs-custom > .nav-tabs.pull-right {
2506   float: none !important;
2507 }
2508 .nav-tabs-custom > .nav-tabs.pull-right > li {
2509   float: right;
2510 }
2511 .nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type {
2512   margin-right: 0px;
2513 }
2514 .nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type.active > a {
2515   border-left-width: 1px;
2516   border-right-width: 0px;
2517 }
2518 .nav-tabs-custom > .nav-tabs > li.header {
2519   font-weight: 400;
2520   line-height: 35px;
2521   padding: 0 10px;
2522   font-size: 20px;
2523   color: #333333;
2524   cursor: default;
2525 }
2526 .nav-tabs-custom > .nav-tabs > li.header > .fa,
2527 .nav-tabs-custom > .nav-tabs > li.header > .glyphicon,
2528 .nav-tabs-custom > .nav-tabs > li.header > .ion {
2529   margin-right: 10px;
2530 }
2531 .nav-tabs-custom > .tab-content {
2532   background: #ffffff;
2533   padding: 10px;
2534 }
2535 /* --- override it appears it's done un-reliably in JS normally.. */
2536 .tab-content > .tab-pane {
2537   position: absolute;
2538 }
2539 .tab-content > .tab-pane .navbar > .navbar-nav > .nav-item .roo-toolbar {
2540   margin: 0 5px;
2541 }
2542 .tab-content > .tab-pane .navbar > .navbar-nav > .nav-item .roo-toolbar > .column {
2543   padding: 10px 5px;
2544 }
2545 @media (max-width: 768px) {
2546   .tab-content > .tab-pane .navbar > .navbar-nav > .nav-item .roo-toolbar > .column {
2547     padding: 5px 5px;
2548   }
2549 }
2550 .tab-content > .tab-pane .navbar > .navbar-nav > .nav-item .form-group {
2551   margin-bottom: 0px;
2552 }
2553 .tab-content > .tab-pane .navbar > .navbar-nav > .nav-item button + button {
2554   margin-left: 5px;
2555 }
2556 .tab-content > .tab-pane .navbar > .navbar-nav a.dropdown-toggle {
2557   padding: 10px 5px;
2558 }
2559 /* for some reason it's -15px on BS */
2560 @media (min-width: 768px) {
2561   .navbar-right {
2562     margin-right: 15px;
2563   }
2564 }
2565 /* was -15 before, on mobile it made the buttons too close to the edit.. */
2566 .navbar-nav {
2567   margin: 0px -5px;
2568 }
2569 table td .navbar {
2570   min-height: auto;
2571 }
2572 .roo-numberbox {
2573   background-color: #337ab7 !important;
2574   border: 10px solid black;
2575 }
2576 .roo-numberbox h {
2577   font-size: 24px;
2578 }
2579 .pull-xs-right {
2580   float: right !important;
2581 }
2582 .roo-radio-set:before,
2583 .roo-radio-set:after {
2584   display: table;
2585   content: " ";
2586   clear: both;
2587 }
2588 .radio.checked label::after {
2589   -webkit-transform: scale(1, 1);
2590   -ms-transform: scale(1, 1);
2591   -o-transform: scale(1, 1);
2592   transform: scale(1, 1);
2593   background-color: #555555;
2594 }
2595 .roo-radio-set.disabled .radio label {
2596   opacity: 0.65;
2597 }
2598 .roo-radio-set.disabled .radio label {
2599   cursor: not-allowed;
2600 }
2601 .roo-radio-primary .radio label::after {
2602   background-color: #ffffff;
2603 }
2604 .roo-radio-primary .radio.checked label::before {
2605   border-color: #337ab7;
2606 }
2607 .roo-radio-primary .radio.checked label::after {
2608   background-color: #337ab7;
2609 }
2610 .roo-radio-danger .radio label::after {
2611   background-color: #d9534f;
2612 }
2613 .roo-radio-danger .radio.checked label::before {
2614   border-color: #d9534f;
2615 }
2616 .roo-radio-danger .radio.checked label::after {
2617   background-color: #d9534f;
2618 }
2619 .roo-radio-info .radio label::after {
2620   background-color: #ffffff;
2621 }
2622 .roo-radio-info .radio.checked label::before {
2623   border-color: #5bc0de;
2624 }
2625 .roo-radio-info .radio.checked label::after {
2626   background-color: #5bc0de;
2627 }
2628 .roo-radio-warning .radio label::after {
2629   background-color: #ffffff;
2630 }
2631 .roo-radio-warning .radio.checked label::before {
2632   border-color: #f0ad4e;
2633 }
2634 .roo-radio-warning .radio.checked label::after {
2635   background-color: #f0ad4e;
2636 }
2637 .roo-radio-success .radio label::after {
2638   background-color: #ffffff;
2639 }
2640 .roo-radio-success .radio.checked label::before {
2641   border-color: #5cb85c;
2642 }
2643 .roo-radio-success .radio.checked label::after {
2644   background-color: #5cb85c;
2645 }
2646 .roo-radio-set.has-warning .roo-radio-set-items label,
2647 .roo-radio-set.has-warning .roo-radio-set-label {
2648   color: #f0ad4e;
2649 }
2650 .roo-radio-set.has-error .roo-radio-set-items label,
2651 .roo-radio-set.has-error .roo-radio-set-label {
2652   color: #d9534f;
2653 }
2654 .roo-radio-set.has-success .roo-radio-set-items label,
2655 .roo-radio-set.has-success .roo-radio-set-label {
2656   color: #5cb85c;
2657 }
2658 .roo-radio-set-inline .radio {
2659   position: relative;
2660   display: inline-block;
2661   padding-left: 20px;
2662   margin-top: 0px;
2663   margin-bottom: 0;
2664   font-weight: 400;
2665   vertical-align: middle;
2666   cursor: pointer;
2667 }
2668 .roo-radio-set-inline .radio + .radio {
2669   margin-left: 10px;
2670 }
2671 .roo-radio-set-label .roo-required-indicator.right-indicator {
2672   position: absolute;
2673 }
2674 .roo-radio-set-label .roo-required-indicator.right-indicator.fa-star {
2675   font-size: 8px;
2676   margin-left: 3px;
2677   color: #d9534f;
2678 }
2679 .roo-form-error-popover.in {
2680   opacity: 1;
2681 }
2682 .roo-form-error-popover .tooltip-inner {
2683   max-width: 100%;
2684   padding: 10px;
2685 }
2686 .x-form-field-wrap .form-group {
2687   /* what is this doing here?? */
2688   margin-bottom: 0px;
2689 }
2690 .roo-password-meter-grey {
2691   background: #777777;
2692   margin-bottom: 30px;
2693   height: 10px;
2694 }
2695 .roo-password-meter {
2696   font-size: 12px;
2697 }
2698 .roo-password-meter-container {
2699   margin-bottom: 20px;
2700 }
2701 .roo-password-meter-tooweak {
2702   background: #d9534f;
2703   height: 10px;
2704 }
2705 .roo-password-meter-weak {
2706   background: #f0ad4e;
2707   height: 10px;
2708 }
2709 .roo-password-meter-medium {
2710   background: #5bc0de;
2711   height: 10px;
2712 }
2713 .roo-password-meter-strong {
2714   background: #5cb85c;
2715   height: 10px;
2716 }
2717 .roo-password-meter-text {
2718   /* padding-bottom:5px; */
2719   margin-bottom: 30px;
2720   font-size: 12px;
2721   height: 10px;
2722 }
2723 /*
2724 Version: 3.4.8 Timestamp: Thu May  1 09:50:32 EDT 2014
2725 */
2726 .roo-select2-container {
2727   margin: 0;
2728   position: relative;
2729   /*display: inline-block;*/
2730   /* inline-block for ie7 */
2731   zoom: 1;
2732   *display: inline;
2733   vertical-align: middle;
2734 }
2735 .roo-select2-container,
2736 .roo-select2-drop,
2737 .roo-select2-search,
2738 .roo-select2-search input {
2739   /*
2740     Force border-box so that % widths fit the parent
2741     container without overlap because of margin/padding.
2742     More Info : http://www.quirksmode.org/css/box.html
2743   */
2744   -webkit-box-sizing: border-box;
2745   /* webkit */
2746   -moz-box-sizing: border-box;
2747   /* firefox */
2748   box-sizing: border-box;
2749   /* css3 */
2750 }
2751 .roo-select2-container .roo-select2-choice {
2752   display: block;
2753   height: 26px;
2754   padding: 0 0 0 8px;
2755   overflow: hidden;
2756   position: relative;
2757   border: 1px solid #777777;
2758   white-space: nowrap;
2759   line-height: 26px;
2760   color: #333333;
2761   text-decoration: none;
2762   border-radius: 4px;
2763   background-clip: padding-box;
2764   -webkit-touch-callout: none;
2765   -webkit-user-select: none;
2766   -moz-user-select: none;
2767   -ms-user-select: none;
2768   user-select: none;
2769   background-color: #ffffff;
2770   background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.5, #ffffff));
2771   background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, #ffffff 50%);
2772   background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 50%);
2773   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@body-bg', endColorstr='@gray-lighter', GradientType=0);
2774   background-image: linear-gradient(to top, #eeeeee 0%, #ffffff 50%);
2775 }
2776 .roo-select2-container.roo-select2-drop-above .roo-select2-choice {
2777   border-bottom-color: #777777;
2778   border-radius: 0 0 4px 4px;
2779   background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.9, #ffffff));
2780   background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, #ffffff 90%);
2781   background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 90%);
2782   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@body-bg', endColorstr='@gray-lighter', GradientType=0);
2783   background-image: linear-gradient(to bottom, #eeeeee 0%, #ffffff 90%);
2784 }
2785 .roo-select2-container.roo-select2-allowclear .roo-select2-choice .roo-select2-chosen {
2786   margin-right: 42px;
2787 }
2788 .roo-select2-container .roo-select2-choice > .roo-select2-chosen {
2789   margin-right: 26px;
2790   display: block;
2791   overflow: hidden;
2792   white-space: nowrap;
2793   text-overflow: ellipsis;
2794   float: none;
2795   width: auto;
2796 }
2797 .roo-select2-container .roo-select2-choice abbr {
2798   display: none;
2799   width: 12px;
2800   height: 12px;
2801   position: absolute;
2802   right: 24px;
2803   top: 8px;
2804   font-size: 1px;
2805   text-decoration: none;
2806   border: 0;
2807   background: url('../images/select2/select2.png') right top no-repeat;
2808   cursor: pointer;
2809   outline: 0;
2810 }
2811 .roo-select2-container.roo-select2-allowclear .roo-select2-choice abbr {
2812   display: inline-block;
2813 }
2814 .roo-select2-container .roo-select2-choice abbr:hover {
2815   background-position: right -11px;
2816   cursor: pointer;
2817 }
2818 .roo-select2-drop-mask {
2819   border: 0;
2820   margin: 0;
2821   padding: 0;
2822   position: fixed;
2823   left: 0;
2824   top: 0;
2825   min-height: 100%;
2826   min-width: 100%;
2827   height: auto;
2828   width: auto;
2829   opacity: 0;
2830   z-index: 9998;
2831   /* styles required for IE to work */
2832   background-color: #ffffff;
2833   filter: alpha(opacity=0);
2834 }
2835 .roo-select2-drop {
2836   width: 100%;
2837   margin-top: -1px;
2838   position: absolute;
2839   z-index: 9999;
2840   top: 100%;
2841   background: #ffffff;
2842   color: #000000;
2843   border: 1px solid #777777;
2844   border-top: 0;
2845   border-radius: 0 0 4px 4px;
2846   -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2);
2847   box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2);
2848 }
2849 .roo-select2-drop.roo-select2-drop-above {
2850   margin-top: 1px;
2851   border-top: 1px solid #777777;
2852   border-bottom: 0;
2853   border-radius: 4px 4px 0 0;
2854   -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.2);
2855   box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.2);
2856 }
2857 .roo-select2-drop-active {
2858   border: 1px solid #337ab7;
2859   border-top: none;
2860 }
2861 .roo-select2-drop.roo-select2-drop-above.roo-select2-drop-active {
2862   border-top: 1px solid #337ab7;
2863 }
2864 .roo-select2-drop-auto-width {
2865   border-top: 1px solid #777777;
2866   width: auto;
2867 }
2868 .roo-select2-drop-auto-width .roo-select2-search {
2869   padding-top: 4px;
2870 }
2871 .roo-select2-container .roo-select2-choice .roo-select2-arrow {
2872   display: inline-block;
2873   width: 18px;
2874   height: 100%;
2875   position: absolute;
2876   right: 0;
2877   top: 0;
2878   border-left: 1px solid #777777;
2879   border-radius: 0 4px 4px 0;
2880   background-clip: padding-box;
2881   background: #777777;
2882   background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #777777), color-stop(0.6, #eeeeee));
2883   background-image: -webkit-linear-gradient(center bottom, #777777 0%, #eeeeee 60%);
2884   background-image: -moz-linear-gradient(center bottom, #777777 0%, #eeeeee 60%);
2885   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@gray-lighter', endColorstr='@gray-light', GradientType=0);
2886   background-image: linear-gradient(to top, #777777 0%, #eeeeee 60%);
2887 }
2888 .roo-select2-container .roo-select2-choice .roo-select2-arrow b {
2889   display: block;
2890   width: 100%;
2891   height: 100%;
2892   background: url('../images/select2/select2.png') no-repeat 0 1px;
2893 }
2894 .roo-select2-search {
2895   display: inline-block;
2896   width: 100%;
2897   min-height: 26px;
2898   margin: 0;
2899   padding-left: 4px;
2900   padding-right: 4px;
2901   position: relative;
2902   z-index: 10000;
2903   white-space: nowrap;
2904 }
2905 .roo-select2-search input {
2906   width: 100%;
2907   height: auto !important;
2908   min-height: 26px;
2909   padding: 4px 20px 4px 5px;
2910   margin: 0;
2911   outline: 0;
2912   font-family: sans-serif;
2913   font-size: 1em;
2914   border: 1px solid #777777;
2915   border-radius: 0;
2916   -webkit-box-shadow: none;
2917   box-shadow: none;
2918   background: #ffffff url('../images/select2/select2.png') no-repeat 100% -22px;
2919   background: url('../images/select2/select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #ffffff), color-stop(0.99, #eeeeee));
2920   background: url('../images/select2/select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%);
2921   background: url('../images/select2/select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%);
2922   background: url('../images/select2/select2.png') no-repeat 100% -22px, linear-gradient(to bottom, #ffffff 85%, #eeeeee 99%) 0 0;
2923 }
2924 .roo-select2-drop.roo-select2-drop-above .roo-select2-search input {
2925   margin-top: 4px;
2926 }
2927 .roo-select2-search input.roo-select2-active {
2928   background: #ffffff url('../images/select2/select2-spinner.gif') no-repeat 100%;
2929   background: url('../images/select2/select2-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #ffffff), color-stop(0.99, #eeeeee));
2930   background: url('../images/select2/select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%);
2931   background: url('../images/select2/select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%);
2932   background: url('../images/select2/select2-spinner.gif') no-repeat 100%, linear-gradient(to bottom, #ffffff 85%, #eeeeee 99%) 0 0;
2933 }
2934 .roo-select2-container-active .roo-select2-choice,
2935 .roo-select2-container-active .roo-select2-choices {
2936   border: 1px solid #337ab7;
2937   outline: none;
2938   -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
2939   box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
2940 }
2941 .roo-select2-dropdown-open .roo-select2-choice {
2942   border-bottom-color: transparent;
2943   -webkit-box-shadow: 0 1px 0 #ffffff inset;
2944   box-shadow: 0 1px 0 #ffffff inset;
2945   border-bottom-left-radius: 0;
2946   border-bottom-right-radius: 0;
2947   background-color: #eeeeee;
2948   background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ffffff), color-stop(0.5, #eeeeee));
2949   background-image: -webkit-linear-gradient(center bottom, #ffffff 0%, #eeeeee 50%);
2950   background-image: -moz-linear-gradient(center bottom, #ffffff 0%, #eeeeee 50%);
2951   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@gray-lighter', endColorstr='@body-bg', GradientType=0);
2952   background-image: linear-gradient(to top, #ffffff 0%, #eeeeee 50%);
2953 }
2954 .roo-select2-dropdown-open.roo-select2-drop-above .roo-select2-choice,
2955 .roo-select2-dropdown-open.roo-select2-drop-above .roo-select2-choices {
2956   border: 1px solid #337ab7;
2957   border-top-color: transparent;
2958   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(0.5, #eeeeee));
2959   background-image: -webkit-linear-gradient(center top, #ffffff 0%, #eeeeee 50%);
2960   background-image: -moz-linear-gradient(center top, #ffffff 0%, #eeeeee 50%);
2961   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@gray-lighter', endColorstr='@body-bg', GradientType=0);
2962   background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 50%);
2963 }
2964 .roo-select2-dropdown-open .roo-select2-choice .roo-select2-arrow {
2965   background: transparent;
2966   border-left: none;
2967   filter: none;
2968 }
2969 .roo-select2-dropdown-open .roo-select2-choice .roo-select2-arrow b {
2970   background-position: -18px 1px;
2971 }
2972 .roo-select2-hidden-accessible {
2973   border: 0;
2974   clip: rect(0 0 0 0);
2975   height: 1px;
2976   margin: -1px;
2977   overflow: hidden;
2978   padding: 0;
2979   position: absolute;
2980   width: 1px;
2981 }
2982 /* results */
2983 .roo-select2-results {
2984   max-height: 200px;
2985   padding: 0 0 0 4px;
2986   margin: 4px 4px 4px 0;
2987   position: relative;
2988   overflow-x: hidden;
2989   overflow-y: auto;
2990   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
2991 }
2992 .roo-select2-results ul.roo-select2-result-sub {
2993   margin: 0;
2994   padding-left: 0;
2995 }
2996 .roo-select2-results li {
2997   list-style: none;
2998   display: list-item;
2999   background-image: none;
3000 }
3001 .roo-select2-results li.roo-select2-result-with-children > .roo-select2-result-label {
3002   font-weight: bold;
3003 }
3004 .roo-select2-results .roo-select2-result-label {
3005   padding: 3px 7px 4px;
3006   margin: 0;
3007   cursor: pointer;
3008   min-height: 1em;
3009   -webkit-touch-callout: none;
3010   -webkit-user-select: none;
3011   -moz-user-select: none;
3012   -ms-user-select: none;
3013   user-select: none;
3014 }
3015 .roo-select2-results-dept-1 .roo-select2-result-label {
3016   padding-left: 20px;
3017 }
3018 .roo-select2-results-dept-2 .roo-select2-result-label {
3019   padding-left: 40px;
3020 }
3021 .roo-select2-results-dept-3 .roo-select2-result-label {
3022   padding-left: 60px;
3023 }
3024 .roo-select2-results-dept-4 .roo-select2-result-label {
3025   padding-left: 80px;
3026 }
3027 .roo-select2-results-dept-5 .roo-select2-result-label {
3028   padding-left: 100px;
3029 }
3030 .roo-select2-results-dept-6 .roo-select2-result-label {
3031   padding-left: 110px;
3032 }
3033 .roo-select2-results-dept-7 .roo-select2-result-label {
3034   padding-left: 120px;
3035 }
3036 .roo-select2-results .roo-select2-highlighted {
3037   background: #337ab7;
3038   color: #ffffff;
3039 }
3040 .roo-select2-results li em {
3041   background: #f0ad4e;
3042   font-style: normal;
3043 }
3044 .roo-select2-results .roo-select2-highlighted em {
3045   background: transparent;
3046 }
3047 .roo-select2-results .roo-select2-highlighted ul {
3048   background: #ffffff;
3049   color: #000000;
3050 }
3051 .roo-select2-results .roo-select2-no-results,
3052 .roo-select2-results .roo-select2-searching,
3053 .roo-select2-results .roo-select2-selection-limit {
3054   background: #777777;
3055   display: list-item;
3056   padding-left: 5px;
3057 }
3058 /*
3059 disabled look for disabled choices in the results dropdown
3060 */
3061 .roo-select2-results .roo-select2-disabled.roo-select2-highlighted {
3062   color: #eeeeee;
3063   background: #777777;
3064   display: list-item;
3065   cursor: default;
3066 }
3067 .roo-select2-results .roo-select2-disabled {
3068   background: #777777;
3069   display: list-item;
3070   cursor: default;
3071 }
3072 .roo-select2-results .roo-select2-selected {
3073   display: none;
3074 }
3075 .roo-select2-more-results.roo-select2-active {
3076   background: #777777 url('../images/select2/select2-spinner.gif') no-repeat 100%;
3077 }
3078 .roo-select2-more-results {
3079   background: #777777;
3080   display: list-item;
3081 }
3082 /* disabled styles */
3083 .roo-select2-container.roo-select2-container-disabled .roo-select2-choice {
3084   background-color: #777777;
3085   background-image: none;
3086   border: 1px solid #777777;
3087   cursor: default;
3088 }
3089 .roo-select2-container.roo-select2-container-disabled .roo-select2-choice .roo-select2-arrow {
3090   background-color: #777777;
3091   background-image: none;
3092   border-left: 0;
3093 }
3094 .roo-select2-container.roo-select2-container-disabled .roo-select2-choice abbr {
3095   display: none;
3096 }
3097 /* multiselect */
3098 .roo-select2-container-multi .roo-select2-choices {
3099   height: auto !important;
3100   height: 1%;
3101   margin: 0;
3102   padding: 0;
3103   /*position: relative;*/
3104   border: 1px solid #777777;
3105   cursor: text;
3106   overflow: hidden;
3107   background-color: #ffffff;
3108   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
3109   background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
3110   background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
3111   background-image: linear-gradient(to bottom, #eeeeee 1%, #ffffff 15%);
3112 }
3113 .roo-select2-locked {
3114   padding: 3px 5px 3px 5px !important;
3115 }
3116 .roo-select2-container-multi .roo-select2-choices {
3117   min-height: 26px;
3118 }
3119 .roo-select2-container-multi.roo-select2-container-active .roo-select2-choices {
3120   border: 1px solid #337ab7;
3121   outline: none;
3122   -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
3123   box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
3124 }
3125 .roo-select2-container-multi .roo-select2-choices li {
3126   float: left;
3127   list-style: none;
3128 }
3129 html[dir="rtl"] .roo-select2-container-multi .roo-select2-choices li {
3130   float: right;
3131 }
3132 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-field {
3133   margin: 0;
3134   padding: 0;
3135   white-space: nowrap;
3136 }
3137 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-field input {
3138   padding: 5px;
3139   margin: 1px 0;
3140   font-family: sans-serif;
3141   font-size: 100%;
3142   color: #555555;
3143   outline: 0;
3144   border: 0;
3145   -webkit-box-shadow: none;
3146   box-shadow: none;
3147   background: transparent !important;
3148 }
3149 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-field input.roo-select2-active {
3150   background: #ffffff url('../images/select2/select2-spinner.gif') no-repeat 100% !important;
3151 }
3152 .roo-select2-default {
3153   color: #777777 !important;
3154 }
3155 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice {
3156   padding: 4px 7px 4px 16px;
3157   margin: 0 1px;
3158   position: relative;
3159   line-height: 13px;
3160   color: #333333;
3161   cursor: default;
3162   border: 1px solid #777777;
3163   border-radius: 3px;
3164   -webkit-touch-callout: none;
3165   -webkit-user-select: none;
3166   -moz-user-select: none;
3167   -ms-user-select: none;
3168   user-select: none;
3169 }
3170 html[dir="rtl"] .roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice {
3171   margin-left: 0;
3172   margin-right: 5px;
3173 }
3174 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice .roo-select2-chosen {
3175   cursor: default;
3176 }
3177 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice-focus {
3178   background: #777777;
3179 }
3180 .roo-select2-search-choice-close {
3181   display: block;
3182   width: 12px;
3183   height: 13px;
3184   position: absolute;
3185   right: 3px;
3186   top: 4px;
3187   font-size: 12px;
3188   outline: none;
3189   color: #777777;
3190   /*background: url('@{bootstrap-image-path}/select2/select2.png') right top no-repeat;*/
3191 }
3192 .roo-select2-search-choice-close:hover {
3193   color: #333333;
3194 }
3195 html[dir="rtl"] .roo-select2-search-choice-close {
3196   right: auto;
3197   left: 3px;
3198 }
3199 .roo-select2-container-multi .roo-select2-search-choice-close {
3200   left: 3px;
3201 }
3202 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice .roo-select2-search-choice-close:hover {
3203   background-position: right -11px;
3204 }
3205 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice-focus .roo-select2-search-choice-close {
3206   background-position: right -11px;
3207 }
3208 /* disabled styles */
3209 .roo-select2-container-multi.roo-select2-container-disabled .roo-select2-choices {
3210   background-color: #777777;
3211   background-image: none;
3212   border: 1px solid #777777;
3213   cursor: default;
3214 }
3215 .roo-select2-container-multi.roo-select2-container-disabled .roo-select2-choices .roo-select2-search-choice {
3216   padding: 3px 5px 3px 5px;
3217   border: 1px solid #777777;
3218   background-image: none;
3219   background-color: #777777;
3220 }
3221 .roo-select2-container-multi.roo-select2-container-disabled .roo-select2-choices .roo-select2-search-choice .roo-select2-search-choice-close {
3222   display: none;
3223   background: none;
3224 }
3225 /* end multiselect */
3226 .roo-select2-result-selectable .roo-select2-match,
3227 .roo-select2-result-unselectable .roo-select2-match {
3228   text-decoration: underline;
3229 }
3230 .roo-select2-offscreen,
3231 .roo-select2-offscreen:focus {
3232   clip: rect(0 0 0 0) !important;
3233   width: 1px !important;
3234   height: 1px !important;
3235   border: 0 !important;
3236   margin: 0 !important;
3237   padding: 0 !important;
3238   overflow: hidden !important;
3239   position: absolute !important;
3240   outline: 0 !important;
3241   left: 0px !important;
3242   top: 0px !important;
3243 }
3244 .roo-select2-display-none {
3245   display: none;
3246 }
3247 .roo-select2-measure-scrollbar {
3248   position: absolute;
3249   top: -10000px;
3250   left: -10000px;
3251   width: 100px;
3252   height: 100px;
3253   overflow: scroll;
3254 }
3255 /* Retina-ize icons */
3256 @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx) {
3257   .roo-select2-search input,
3258   .roo-select2-search-choice-close,
3259   .roo-select2-container .roo-select2-choice abbr,
3260   .roo-select2-container .roo-select2-choice .roo-select2-arrow b {
3261     background-image: url('../images/select2/select2x2.png') !important;
3262     background-repeat: no-repeat !important;
3263     background-size: 60px 40px !important;
3264   }
3265   .roo-select2-search input {
3266     background-position: 100% -21px !important;
3267   }
3268 }
3269 .has-error .roo-select2-choices {
3270   border-color: #d9534f;
3271   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.8);
3272   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.8);
3273 }
3274 .dropdown-menu .roo-select2-result.disabled {
3275   background-color: #eeeeee;
3276   color: #777777;
3277   cursor: not-allowed;
3278 }
3279 .sidebar {
3280   margin-bottom: 5px;
3281 }
3282 /* override boostrap a:hover */
3283 .sidebar a:hover {
3284   text-decoration: none;
3285 }
3286 .sidebar .sidebar-menu {
3287   list-style: none;
3288   margin: 0;
3289   padding: 0;
3290 }
3291 /* GREY BG */
3292 .sidebar .sidebar-menu > li,
3293 .sidebar .sidebar-menu li.active li.treeview-menu {
3294   margin: 0;
3295   padding: 0;
3296   border-bottom: 1px solid #777777;
3297   background-color: #eeeeee;
3298 }
3299 /* active child menu - white BG */
3300 .sidebar .sidebar-menu li.active li.treeview-menu {
3301   background-color: #777777;
3302 }
3303 .sidebar .sidebar-menu > li > a,
3304 .sidebar .sidebar-menu li.open li.treeview-menu > a {
3305   padding: 12px 5px 12px 15px;
3306   display: block;
3307   color: #333333;
3308 }
3309 .sidebar .sidebar-menu > li > a > .fa,
3310 .sidebar .sidebar-menu > li > a > .glyphicon,
3311 .sidebar .sidebar-menu > li > a > .ion {
3312   width: 20px;
3313 }
3314 .sidebar .sidebar-menu li:hover,
3315 .sidebar .sidebar-menu li:focus,
3316 .sidebar .sidebar-menu li:active,
3317 .sidebar .sidebar-menu li.active li.treeview-menu:hover,
3318 .sidebar .sidebar-menu li.active li.treeview-menu:focus,
3319 .sidebar .sidebar-menu li.active li.treeview-menu:active {
3320   background-color: #ffffff;
3321 }
3322 .sidebar .sidebar-menu li:hover a,
3323 .sidebar .sidebar-menu li:focus a,
3324 .sidebar .sidebar-menu li:active a,
3325 .sidebar .sidebar-menu li.oepn li.treeview-menu a:hover,
3326 .sidebar .sidebar-menu li.open li.treeview-menu a:focus,
3327 .sidebar .sidebar-menu li.open li.treeview-menu a:active {
3328   color: #000000;
3329   text-decoration: none;
3330 }
3331 /* BLUE ACTIVE */
3332 .sidebar .sidebar-menu li.active {
3333   color: #ffffff;
3334   background-color: #337ab7;
3335   border-color: #286090;
3336 }
3337 .sidebar .sidebar-menu li.active:hover,
3338 .sidebar .sidebar-menu li.active:focus,
3339 .sidebar .sidebar-menu li.active.focus {
3340   color: #ffffff;
3341   background-color: #337ab7;
3342   border-color: #286090;
3343 }
3344 .sidebar .sidebar-menu li.active a {
3345   color: #ffffff;
3346 }
3347 .sidebar .sidebar-menu li.disabled {
3348   color: #333333;
3349   background-color: #ffffff;
3350   border-color: #333333;
3351 }
3352 .sidebar .sidebar-menu li.disabled a {
3353   color: #777777;
3354   cursor: default;
3355 }
3356 .sidebar .sidebar-menu li.danger,
3357 .sidebar .sidebar-menu li.danger.active {
3358   color: #ffffff;
3359   background-color: #d9534f;
3360   border-color: #e27c79;
3361 }
3362 .sidebar .sidebar-menu li.danger:hover,
3363 .sidebar .sidebar-menu li.danger:focus,
3364 .sidebar .sidebar-menu li.danger.active:focus {
3365   color: #ffffff;
3366   background-color: #d9534f;
3367   border-color: #c9302c;
3368   border-bottom: 1px solid #c9302c;
3369 }
3370 .sidebar .sidebar-menu li.danger a,
3371 .sidebar .sidebar-menu li.danger.active a {
3372   color: #ffffff;
3373 }
3374 /* --- open  */
3375 .sidebar .sidebar-menu li.open ul {
3376   display: block;
3377 }
3378 .sidebar .sidebar-menu li.open .treeview-menu {
3379   display: block;
3380 }
3381 /* --- treeview menu  */
3382 .sidebar .sidebar-menu .treeview-menu {
3383   display: none;
3384   list-style: none;
3385   padding: 0;
3386   margin: 0;
3387 }
3388 .sidebar .sidebar-menu .treeview-menu > li {
3389   margin: 0;
3390 }
3391 .sidebar .sidebar-menu li.open li.treeview-menu > a {
3392   padding: 5px 5px 5px 20px;
3393   display: block;
3394   font-size: 14px;
3395   margin: 0px 0px;
3396 }
3397 .sidebar .sidebar-menu .treeview-menu > li > a > .fa,
3398 .sidebar .sidebar-menu .treeview-menu > li > a > .glyphicon,
3399 .sidebar .sidebar-menu .treeview-menu > li > a > .ion {
3400   width: 20px;
3401 }
3402 /* background to highlighted treeview node
3403 .sidebar .sidebar-menu li li.treeview-menu.active  {
3404     background: #fff;
3405 }
3406 */
3407 .sidebar .sidebar-menu li li.treeview-menu.active > a {
3408   font-weight: bold;
3409 }
3410 /* active sidebard... */
3411 .badge-default {
3412   background-color: #777777;
3413   color: #ffffff;
3414 }
3415 .badge-primary {
3416   background-color: #337ab7;
3417   color: #ffffff;
3418 }
3419 .badge-success {
3420   background-color: #5cb85c;
3421   color: #ffffff;
3422 }
3423 .badge-info {
3424   background-color: #5bc0de;
3425   color: #ffffff;
3426 }
3427 .badge-warning {
3428   background-color: #f0ad4e;
3429   color: #ffffff;
3430 }
3431 .badge-danger {
3432   background-color: #d9534f;
3433   color: #ffffff;
3434 }
3435 .sidebar .sidebar-menu > li.active .badge-info {
3436   background-color: #ffffff;
3437   color: #5bc0de;
3438 }
3439 /*html, */
3440 /* Sticky footer styles
3441 -------------------------------------------------- */
3442 html.bootstrap-sticky {
3443   position: relative;
3444   min-height: 100%;
3445 }
3446 html.bootstrap-sticky body {
3447   /* Margin bottom by footer height */
3448   margin-bottom: 60px;
3449 }
3450 .bootstrap-sticky-footer {
3451   position: absolute;
3452   bottom: 0;
3453   width: 100%;
3454   /* Set the fixed height of the footer here */
3455   height: 60px;
3456   background-color: #f5f5f5;
3457 }
3458 /* Lastly, apply responsive CSS fixes as necessary */
3459 @media (max-width: 767px) {
3460   .bootstrap-sticky-footer {
3461     margin-left: -20px;
3462     margin-right: -20px;
3463     padding-left: 20px;
3464     padding-right: 20px;
3465   }
3466 }
3467 /* paging toolbar */
3468 .pagination .x-paging-position span {
3469   padding-top: 3px;
3470   padding-bottom: 3px;
3471 }
3472 .pagination .x-paging-position span input {
3473   margin: 0 3px;
3474 }
3475 .navbar .pagination > li > span {
3476   min-height: 34px;
3477 }
3478 .navbar .pagination {
3479   margin: 0;
3480 }
3481 /* these are technicall adminlte related */
3482 .skin-blue .navbar .pagination > li > a:active,
3483 .skin-blue .navbar .pagination > li > a:focus,
3484 .skin-blue .navbar .pagination > li > a {
3485   background-color: #337ab7;
3486 }
3487 .skin-blue .navbar .pagination > li > a:hover {
3488   background-color: #777777;
3489 }
3490 .skin-blue table .navbar {
3491   background-color: #ffffff;
3492 }
3493 .skin-blue .navbar .pagination > li.disabled > a {
3494   background-color: #777777;
3495 }
3496 .skin-blue table .navbar {
3497   margin-bottom: 0;
3498   min-height: 0;
3499 }
3500 .table .sortable {
3501   cursor: pointer;
3502 }
3503 .table-body-fixed tbody {
3504   overflow-y: scroll;
3505   width: 100%;
3506 }
3507 .table-body-fixed thead,
3508 .table-body-fixed tbody,
3509 .table-body-fixed th {
3510   display: block;
3511 }
3512 .table-body-fixed thead {
3513   overflow: hidden;
3514 }
3515 .table-body-fixed tbody td,
3516 .table-body-fixed thead > tr > th {
3517   float: left;
3518   border-bottom-width: 0;
3519 }
3520 /* fake infinate widt.. */
3521 .table-body-fixed thead > tr,
3522 .table-body-fixed tbody > tr {
3523   display: block;
3524   overflow: hidden;
3525 }
3526 /* standard bootstrap does not colour rows very well.. */
3527 .table > tbody > tr.info {
3528   background-color: #d9edf7;
3529 }
3530 .table-hover > tbody > tr.info:hover {
3531   background-color: #c4e3f3;
3532 }
3533 .table tfoot .navbar {
3534   min-height: inherit;
3535 }
3536 /* for ie11 && edge: fixing height inheriting from tbody to tr */
3537 .roo-ie11 table.table tbody tr,
3538 .roo-edge table.table tbody tr {
3539   height: auto;
3540 }
3541 .header .top-bar {
3542   min-height: 30px;
3543   background: #777777;
3544   border-bottom: 1px solid #eeeeee;
3545   padding: 0;
3546 }
3547 @media (min-width: 980px) {
3548   .top-bar .collapse {
3549     display: block !important;
3550     visibility: visible !important;
3551     height: auto !important;
3552     overflow: visible !important;
3553     padding-bottom: 0;
3554   }
3555 }
3556 @media (min-width: 768px) and (max-width: 979px) {
3557   .header .top-bar {
3558     min-height: 0;
3559     padding: 3px 0;
3560   }
3561 }
3562 .header .social,
3563 .footer .social {
3564   margin-right: 4px;
3565   line-height: 30px;
3566   padding-left: 0;
3567   margin-bottom: 0;
3568 }
3569 .footer .social li:last-child,
3570 .footer .social {
3571   margin-right: 0 !important;
3572 }
3573 .header .social li:first-child {
3574   border-left: 1px solid #777777;
3575 }
3576 .header .social li,
3577 .footer .social li {
3578   border-right: 1px solid #777777;
3579   display: table-cell;
3580   vertical-align: middle;
3581   height: 40px;
3582   margin-right: 5px;
3583   width: 40px;
3584   text-align: center;
3585   -webkit-transition: background 0.5s ease-in-out;
3586   -moz-transition: background 0.5s ease-in-out;
3587   -o-transition: background 0.5s ease-in-out;
3588   -ms-transition: background 0.5s ease-in-out;
3589   transition: background 0.5s ease-in-out;
3590   padding: 1px;
3591 }
3592 .header .social i,
3593 .footer .social i {
3594   color: #555555;
3595   font-size: 16px;
3596   -webkit-transition: color 0.5s ease-in-out;
3597   -moz-transition: color 0.5s ease-in-out;
3598   -o-transition: color 0.5s ease-in-out;
3599   -ms-transition: color 0.5s ease-in-out;
3600   transition: color 0.5s ease-in-out;
3601 }
3602 .header .social li:hover a i,
3603 .footer .social li:hover a i {
3604   color: #ffffff;
3605 }
3606 .team .item .team-member-links a.facebook:hover,
3607 .member-social.dark a.facebook:hover,
3608 .header .social li.facebook:hover,
3609 .footer .social li.facebook:hover {
3610   background: #337ab7;
3611 }
3612 .team .item .team-member-links a.dribbble:hover,
3613 .member-social.dark a.dribbble:hover,
3614 .header .social li.dribbble:hover,
3615 .footer .social li.dribbble:hover {
3616   background: #f0ad4e;
3617 }
3618 .team .item .team-member-links a.twitter:hover,
3619 .member-social.dark a.twitter:hover,
3620 .header .social li.twitter:hover,
3621 .footer .social li.twitter:hover {
3622   background: #337ab7;
3623 }
3624 .team .item .team-member-links a.gplus:hover,
3625 .member-social.dark a.gplus:hover,
3626 .header .social li.gplus:hover,
3627 .footer .social li.gplus:hover {
3628   background: #d9534f;
3629 }
3630 .team .item .team-member-links a.linkedin:hover,
3631 .member-social.dark a.linkedin:hover,
3632 .header .social li.linkedin:hover,
3633 .footer .social li.linkedin:hover {
3634   background: #337ab7;
3635 }
3636 .team .item .team-member-links a.pinterest:hover,
3637 .member-social.dark a.pinterest:hover,
3638 .header .social li.pinterest:hover,
3639 .footer .social li.pinterest:hover {
3640   background: #d9534f;
3641 }
3642 .header .social li.rss:hover,
3643 .footer .social li.rss:hover {
3644   background: #f0ad4e;
3645 }
3646 .top-bar .languages {
3647   padding: 8px 0;
3648 }
3649 .top-bar .languages a {
3650   margin-right: 20px;
3651   color: #555555;
3652   font-family: "Open Sans", Helvetica, Arial, sans-serif;
3653   font-size: 14px;
3654   line-height: 24px;
3655 }
3656 /* WTF is this! !!
3657  *
3658  * DO NOT EVER PUT ANYTHIGN IN THIS FILE... tweaks - bad name... *
3659  */
3660 .navbar-left .input-group[class*="col-"] {
3661   float: left;
3662 }
3663 .ellipsis {
3664   overflow: hidden;
3665   text-overflow: ellipsis;
3666   display: -webkit-box;
3667   -webkit-line-clamp: 3;
3668   -webkit-box-orient: vertical;
3669 }
3670 .sw-child-headline {
3671   display: inline-block;
3672   width: auto;
3673 }
3674 .box-input-label {
3675   width: 100%;
3676   display: inline-block;
3677   font-weight: bold;
3678 }
3679 .box-label {
3680   margin-left: 5px;
3681   cursor: pointer;
3682 }
3683 /* needed as menu ontop of form does not work */
3684 .input-group .form-control {
3685   z-index: 1;
3686 }
3687 /* admin-lte - messes with checkbox and radio.. */
3688 .checkbox,
3689 .radio {
3690   padding-left: 15px !important;
3691 }
3692 /* inside a column it needs even more padding...*/
3693 /*
3694 * It breaks all the checkbox layout. comment it first...
3695 */
3696 /*.column .checkbox,
3697 .column .radio {
3698     padding-left: 25px !important;
3699 }*/
3700 /* paging toolbar */
3701 .pagination .x-paging-position span {
3702   padding-top: 3px;
3703   padding-bottom: 3px;
3704 }
3705 .pagination .x-paging-position span input {
3706   margin: 0 3px;
3707 }
3708 .panel-header-right {
3709   float: right;
3710   text-align: right;
3711 }
3712 .badge-error {
3713   background-color: #d9534f;
3714 }
3715 .badge-error:hover {
3716   background-color: #c9302c;
3717 }
3718 .badge-warning {
3719   background-color: #f0ad4e;
3720 }
3721 .badge-warning:hover {
3722   background-color: #ec971f;
3723 }
3724 .badge-success {
3725   background-color: #5cb85c;
3726 }
3727 .badge-success:hover {
3728   background-color: #449d44;
3729 }
3730 .badge-info {
3731   background-color: #5bc0de;
3732 }
3733 .badge-info:hover {
3734   background-color: #31b0d5;
3735 }
3736 .badge-inverse {
3737   background-color: #333333;
3738 }
3739 .badge-inverse:hover {
3740   background-color: #222222;
3741 }
3742 .tooltip.fade.in {
3743   z-index: 10002;
3744 }
3745 .roo-upload-cropbox-selector {
3746   visibility: hidden;
3747   height: 0px;
3748 }
3749 .roo-upload-cropbox-dialog .modal-header,
3750 .roo-upload-cropbox-dialog .modal-footer {
3751   padding-top: 5px;
3752   padding-bottom: 5px;
3753 }
3754 .roo-upload-cropbox-body {
3755   background-color: #ffffff;
3756   border: 1px solid #777777;
3757   width: 100%;
3758   height: 450px;
3759   max-height: 450px;
3760   position: relative;
3761   overflow: hidden;
3762   cursor: move;
3763 }
3764 .roo-upload-cropbox-preview {
3765   position: absolute;
3766   top: 0px;
3767   left: 0px;
3768   text-align: center;
3769   margin: 0px;
3770   padding: 0px;
3771   border: none;
3772 }
3773 .roo-upload-cropbox-body .roo-upload-cropbox-thumb {
3774   position: absolute;
3775   /*    top: 50%;
3776     left: 50%;
3777     transform: translate(-50%, -50%);*/
3778   box-sizing: border-box;
3779   border: 1px solid #777777;
3780   box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
3781   background: none repeat scroll 0% 0% transparent;
3782 }
3783 .roo-upload-cropbox-body .roo-upload-cropbox-empty-notify {
3784   height: 100%;
3785   background-color: rgba(0, 0, 0, 0.5);
3786   color: #ffffff;
3787   font-weight: bold;
3788   font-size: 24px;
3789   text-align: center;
3790   padding-top: 50px;
3791   font-style: italic;
3792 }
3793 .roo-upload-cropbox-btn-group button {
3794   background-color: #000000;
3795   color: #ffffff;
3796   border-color: #333333;
3797 }
3798 .roo-upload-cropbox-error-notify {
3799   border-radius: 0px;
3800   text-align: center;
3801   padding: 0px !important;
3802   margin: 0px !important;
3803   position: absolute;
3804   top: 0;
3805   left: 0;
3806 }
3807 /*# sourceMappingURL=roojs-bootstrap-debug.css.map */