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: 'Font Awesome 5 Free';
 656   font-weight: 900;
 657   content: "\f00c";
 658 }
 659 .checkbox input[type="checkbox"]:disabled + label {
 660   opacity: 0.65;
 661 }
 662 .checkbox input[type="checkbox"]:disabled + label::before {
 663   background-color: #eeeeee;
 664   cursor: not-allowed;
 665 }
 666 .checkbox.checkbox-circle label::before {
 667   border-radius: 50%;
 668 }
 669 .checkbox-primary input[type="checkbox"]:checked + label::before {
 670   background-color: #337ab7;
 671   border-color: #337ab7;
 672 }
 673 .checkbox-primary input[type="checkbox"]:checked + label::after {
 674   color: #ffffff;
 675 }
 676 .checkbox-danger input[type="checkbox"]:checked + label::before {
 677   background-color: #d9534f;
 678   border-color: #d9534f;
 679 }
 680 .checkbox-danger input[type="checkbox"]:checked + label::after {
 681   color: #ffffff;
 682 }
 683 .checkbox-info input[type="checkbox"]:checked + label::before {
 684   background-color: #5bc0de;
 685   border-color: #5bc0de;
 686 }
 687 .checkbox-info input[type="checkbox"]:checked + label::after {
 688   color: #ffffff;
 689 }
 690 .checkbox-warning input[type="checkbox"]:checked + label::before {
 691   background-color: #f0ad4e;
 692   border-color: #f0ad4e;
 693 }
 694 .checkbox-warning input[type="checkbox"]:checked + label::after {
 695   color: #ffffff;
 696 }
 697 .checkbox-success input[type="checkbox"]:checked + label::before {
 698   background-color: #5cb85c;
 699   border-color: #5cb85c;
 700 }
 701 .checkbox-success input[type="checkbox"]:checked + label::after {
 702   color: #ffffff;
 703 }
 704 /* before is the outer cicle */
 705 /* after is the inner circle.. */
 706 .radio label {
 707   display: inline-block;
 708   position: relative;
 709   padding-left: 5px;
 710 }
 711 .radio label::before {
 712   content: "";
 713   display: inline-block;
 714   position: absolute;
 715   width: 17px;
 716   height: 17px;
 717   left: 0;
 718   margin-left: -20px;
 719   border: 1px solid #777777;
 720   border-radius: 50%;
 721   background-color: #ffffff;
 722   -webkit-transition: border 0.15s ease-in-out;
 723   -o-transition: border 0.15s ease-in-out;
 724   transition: border 0.15s ease-in-out;
 725 }
 726 .radio label::after {
 727   display: inline-block;
 728   position: absolute;
 729   content: " ";
 730   width: 11px;
 731   height: 11px;
 732   left: 3px;
 733   top: 3px;
 734   margin-left: -20px;
 735   border-radius: 50%;
 736   background-color: #ffffff;
 737   -webkit-transform: scale(0, 0);
 738   -ms-transform: scale(0, 0);
 739   -o-transform: scale(0, 0);
 740   transform: scale(0, 0);
 741   -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
 742   -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
 743   -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
 744   transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
 745 }
 746 .radio input[type="radio"] {
 747   display: none;
 748 }
 749 .radio input[type="radio"]:checked + label::after {
 750   -webkit-transform: scale(1, 1);
 751   -ms-transform: scale(1, 1);
 752   -o-transform: scale(1, 1);
 753   transform: scale(1, 1);
 754   background-color: #555555;
 755 }
 756 .radio input[type="radio"]:disabled + label {
 757   opacity: 0.65;
 758 }
 759 .radio input[type="radio"]:disabled + label::before {
 760   cursor: not-allowed;
 761 }
 762 .radio-primary input[type="radio"] + label::after {
 763   background-color: #ffffff;
 764 }
 765 .radio-primary input[type="radio"]:checked + label::before {
 766   border-color: #337ab7;
 767 }
 768 .radio-primary input[type="radio"]:checked + label::after {
 769   background-color: #337ab7;
 770 }
 771 .radio-danger input[type="radio"] + label::after {
 772   background-color: #d9534f;
 773 }
 774 .radio-danger input[type="radio"]:checked + label::before {
 775   border-color: #d9534f;
 776 }
 777 .radio-danger input[type="radio"]:checked + label::after {
 778   background-color: #d9534f;
 779 }
 780 .radio-info input[type="radio"] + label::after {
 781   background-color: #ffffff;
 782 }
 783 .radio-info input[type="radio"]:checked + label::before {
 784   border-color: #5bc0de;
 785 }
 786 .radio-info input[type="radio"]:checked + label::after {
 787   background-color: #5bc0de;
 788 }
 789 .radio-warning input[type="radio"] + label::after {
 790   background-color: #ffffff;
 791 }
 792 .radio-warning input[type="radio"]:checked + label::before {
 793   border-color: #f0ad4e;
 794 }
 795 .radio-warning input[type="radio"]:checked + label::after {
 796   background-color: #f0ad4e;
 797 }
 798 .radio-success input[type="radio"] + label::after {
 799   background-color: #ffffff;
 800 }
 801 .radio-success input[type="radio"]:checked + label::before {
 802   border-color: #5cb85c;
 803 }
 804 .radio-success input[type="radio"]:checked + label::after {
 805   background-color: #5cb85c;
 806 }
 807 .checkbox.checkbox-inline,
 808 .radio.radio-inline {
 809   margin-top: 0;
 810 }
 811 /*
 812  *
 813  * From https://github.com/danielfarrell/bootstrap-combobox
 814  *
 815  */
 816 .combobox-container {
 817   margin-bottom: 5px;
 818   *zoom: 1;
 819   display: inline-table;
 820 }
 821 .combobox-container:before,
 822 .combobox-container:after {
 823   display: table;
 824   content: "";
 825 }
 826 .combobox-container:after {
 827   /* clear: both; */
 828 }
 829 .combobox-container input,
 830 .combobox-container .uneditable-input {
 831   -webkit-border-radius: 0 3px 3px 0;
 832   -moz-border-radius: 0 3px 3px 0;
 833   border-radius: 0 3px 3px 0;
 834 }
 835 .combobox-container input:focus,
 836 .combobox-container .uneditable-input:focus {
 837   position: relative;
 838   z-index: 2;
 839 }
 840 .combobox-container .uneditable-input {
 841   border-left-color: #777777;
 842 }
 843 .combobox-container .add-on {
 844   float: left;
 845   display: inline-block;
 846   width: auto;
 847   min-width: 16px;
 848   height: inherit !important;
 849   margin-right: -1px;
 850   padding: 4px 5px;
 851   font-weight: normal;
 852   color: #777777;
 853   text-align: center;
 854   text-shadow: 0 1px 0 #ffffff;
 855   background-color: #f5f5f5;
 856   border: 1px solid #777777;
 857   -webkit-border-radius: 3px 0 0 3px;
 858   -moz-border-radius: 3px 0 0 3px;
 859   border-radius: 3px 0 0 3px;
 860 }
 861 .combobox-container .active {
 862   background-color: #337ab7;
 863   color: #ffffff;
 864 }
 865 .combobox-container input,
 866 .combobox-container .uneditable-input {
 867   float: left;
 868   -webkit-border-radius: 3px 0 0 3px;
 869   -moz-border-radius: 3px 0 0 3px;
 870   border-radius: 3px 0 0 3px;
 871 }
 872 .combobox-container .uneditable-input {
 873   border-left-color: #eeeeee;
 874   border-right-color: #777777;
 875 }
 876 .combobox-container .add-on {
 877   margin-right: 0;
 878   margin-left: -1px;
 879   -webkit-border-radius: 0 3px 3px 0;
 880   -moz-border-radius: 0 3px 3px 0;
 881   border-radius: 0 3px 3px 0;
 882 }
 883 .combobox-container input:first-child {
 884   *margin-left: -160px;
 885 }
 886 .combobox-container input:first-child + .add-on {
 887   *margin-left: -21px;
 888 }
 889 .combobox-container select {
 890   display: inline-block;
 891   width: 0;
 892   height: 0;
 893   border: 0;
 894   padding: 0;
 895   margin: 0;
 896   text-indent: -99999px;
 897   *text-indent: 0;
 898 }
 899 .form-search .combobox-container,
 900 .form-inline .combobox-container {
 901   display: inline-block;
 902   margin-bottom: 0;
 903   vertical-align: top;
 904 }
 905 .form-search .combobox-container .add-on,
 906 .form-inline .combobox-container .add-on {
 907   vertical-align: middle;
 908 }
 909 .combobox-selected .combobox-clear {
 910   display: inline-block;
 911 }
 912 .combobox-selected .caret {
 913   display: none;
 914 }
 915 .combobox-clear {
 916   display: none;
 917   width: 14px;
 918   height: 14px;
 919   line-height: 14px;
 920   vertical-align: top;
 921   opacity: 0.3;
 922   filter: alpha(opacity=30);
 923 }
 924 .dropdown:hover .combobox-clear,
 925 .open.dropdown .combobox-clear {
 926   opacity: 1;
 927   filter: alpha(opacity=100);
 928 }
 929 .btn .combobox-clear {
 930   margin-top: 1px;
 931   margin-left: 1px;
 932 }
 933 .btn:hover .combobox-clear,
 934 .open.btn-group .combobox-clear {
 935   opacity: 1;
 936   filter: alpha(opacity=100);
 937 }
 938 .typeahead-long {
 939   max-height: 300px;
 940   overflow-y: auto;
 941 }
 942 .control-group.error .combobox-container .add-on {
 943   color: #d9534f;
 944   border-color: #d9534f;
 945 }
 946 .control-group.error .combobox-container .caret {
 947   border-top-color: #d9534f;
 948 }
 949 .control-group.warning .combobox-container .add-on {
 950   color: #f0ad4e;
 951   border-color: #f0ad4e;
 952 }
 953 .control-group.warning .combobox-container .caret {
 954   border-top-color: #f0ad4e;
 955 }
 956 .control-group.success .combobox-container .add-on {
 957   color: #5cb85c;
 958   border-color: #5cb85c;
 959 }
 960 .control-group.success .combobox-container .caret {
 961   border-top-color: #5cb85c;
 962 }
 963 .btn .combobox-clear [class^="icon-"] {
 964   line-height: 1.4em;
 965 }
 966 .combobox-container .dropdown-menu {
 967   border-radius: 0;
 968   padding: 0;
 969   border: 1px solid #337ab7;
 970   border-top: none;
 971 }
 972 .roo-select2-container .dropdown-menu {
 973   border: 1px solid #337ab7;
 974 }
 975 .dropdown-menu .active {
 976   background: #337ab7;
 977   color: #ffffff;
 978 }
 979 .dropdown-menu .active label {
 980   color: #ffffff;
 981 }
 982 .dropdown-menu .roo-select2-result {
 983   padding: 3px 7px 4px;
 984   margin: 0;
 985   cursor: pointer;
 986   min-height: 1em;
 987   -webkit-touch-callout: none;
 988   -webkit-user-select: none;
 989   -moz-user-select: none;
 990   -ms-user-select: none;
 991   user-select: none;
 992 }
 993 .roo-select2-container,
 994 .roo-select2-choices .roo-select2-search-field {
 995   width: 100%;
 996 }
 997 .roo-select2-container .x-combo-noedit {
 998   cursor: pointer;
 999   background-color: #ffffff;
1000 }
1001 .roo-select2-container .x-combo-noedit[disabled] {
1002   cursor: not-allowed;
1003   background-color: #eeeeee;
1004 }
1005 .roo-combobox-tickable .roo-select2-choices {
1006   border: none;
1007   background-image: none;
1008 }
1009 .roo-combobox-tickable .roo-select2-result label {
1010   width: 100%;
1011 }
1012 /* zindex of dialogs is 10000++ so dropdowns have to be higher... */
1013 .dropdown-menu {
1014   z-index: 20002 !important;
1015 }
1016 .dropdown-menu .checkbox label {
1017   width: 100%;
1018 }
1019 .roo-select2-container-multi .dropdown-menu .roo-select2-result .checkbox {
1020   margin-top: 0px;
1021   margin-bottom: 0px;
1022 }
1023 .dropdown-menu .roo-select2-result .checkbox {
1024   margin-top: 3px;
1025   margin-bottom: 3px;
1026 }
1027 .roo-select2-container .input-group-addon {
1028   padding: 6px 12px;
1029   border: 1px solid #cccccc;
1030   border-left: 0px;
1031 }
1032 .roo-select2-container .roo-removable {
1033   position: relative;
1034 }
1035 .roo-select2-container .roo-removable .roo-combo-removable-btn {
1036   position: absolute;
1037   right: 10px;
1038   z-index: 2;
1039   top: 5px;
1040 }
1041 .roo-select2-container .has-feedback .roo-combo-removable-btn {
1042   position: absolute;
1043   right: 35px;
1044   z-index: 2;
1045   top: 5px;
1046 }
1047 /*
1048 .roo-select2-container .roo-removable.has-feedback .roo-combo-removable-btn {
1049     position: absolute;
1050     right: 40px;
1051     z-index: 2;
1052     top: 5px;
1053 }
1054
1055 .roo-select2-container .roo-removable.has-feedback.input-group .roo-combo-removable-btn {
1056     position: absolute;
1057     right: 70px;
1058     z-index: 2;
1059     top: 5px;
1060 }
1061
1062
1063 .roo-select2-container.input-group .has-feedback .roo-combo-removable-btn {
1064     position: absolute;
1065     right: 35px;
1066     z-index: 2;
1067     top: 5px;
1068 }*/
1069 .has-warning .roo-select2-container-multi {
1070   border: 1px solid #f0ad4e;
1071 }
1072 .roo-ios-select {
1073   width: 100%;
1074 }
1075 /*!
1076  * Datepicker for Bootstrap
1077  *
1078  * Copyright 2012 Stefan Petre
1079  * Improvements by Andrew Rowls
1080  * Licensed under the Apache License v2.0
1081  * http://www.apache.org/licenses/LICENSE-2.0
1082  *
1083  */
1084 .datepicker {
1085   padding: 8px 12px;
1086   margin-top: 1px;
1087   -webkit-border-radius: 4px;
1088   -moz-border-radius: 4px;
1089   border-radius: 4px;
1090   direction: ltr;
1091   font-size: 13px;
1092   /*.dow {
1093                 border-top: 1px solid @gray-light !important;
1094         }*/
1095 }
1096 .datepicker-inline {
1097   width: 220px;
1098 }
1099 .datepicker.datepicker-rtl {
1100   direction: rtl;
1101 }
1102 .datepicker.datepicker-rtl table tr td span {
1103   float: right;
1104 }
1105 .datepicker-dropdown {
1106   top: 0;
1107   left: 0;
1108 }
1109 /*.datepicker-dropdown:before {
1110   content: '';
1111   display: inline-block;
1112   border-left: 7px solid transparent;
1113   border-right: 7px solid transparent;
1114   border-bottom: 7px solid @gray-light;
1115   border-bottom-color: @black-opacity-20;
1116   position: absolute;
1117   top: -7px;
1118   left: 6px;
1119 }
1120 .datepicker-dropdown:after {
1121   content: '';
1122   display: inline-block;
1123   border-left: 6px solid transparent;
1124   border-right: 6px solid transparent;
1125   border-bottom: 6px solid @body-bg;
1126   position: absolute;
1127   top: -6px;
1128   left: 7px;
1129 }*/
1130 .datepicker-dropdown.bottom:before {
1131   content: '';
1132   display: inline-block;
1133   border-left: 7px solid transparent;
1134   border-right: 7px solid transparent;
1135   border-bottom: 7px solid #777777;
1136   border-bottom-color: rgba(0, 0, 0, 0.2);
1137   position: absolute;
1138   top: -7px;
1139   left: 7px;
1140 }
1141 .datepicker-dropdown.bottom:after {
1142   content: '';
1143   display: inline-block;
1144   border-left: 6px solid transparent;
1145   border-right: 6px solid transparent;
1146   border-bottom: 6px solid #ffffff;
1147   position: absolute;
1148   top: -6px;
1149   left: 8px;
1150 }
1151 .datepicker-dropdown.top:before {
1152   content: '';
1153   display: inline-block;
1154   border-left: 7px solid transparent;
1155   border-right: 7px solid transparent;
1156   border-top: 7px solid #777777;
1157   border-bottom: 0;
1158   border-top-color: rgba(0, 0, 0, 0.2);
1159   position: absolute;
1160   bottom: -7px;
1161   left: 6px;
1162 }
1163 .datepicker-dropdown.top:after {
1164   content: '';
1165   display: inline-block;
1166   border-left: 6px solid transparent;
1167   border-right: 6px solid transparent;
1168   border-top: 6px solid #ffffff;
1169   border-bottom: 0;
1170   position: absolute;
1171   bottom: -6px;
1172   left: 7px;
1173 }
1174 .datepicker-dropdown.bottom-right:before {
1175   content: '';
1176   display: inline-block;
1177   border-left: 7px solid transparent;
1178   border-right: 7px solid transparent;
1179   border-bottom: 7px solid #777777;
1180   border-bottom-color: rgba(0, 0, 0, 0.2);
1181   position: absolute;
1182   top: -7px;
1183   left: 7px;
1184 }
1185 .datepicker-dropdown.bottom-right:after {
1186   content: '';
1187   display: inline-block;
1188   border-left: 6px solid transparent;
1189   border-right: 6px solid transparent;
1190   border-bottom: 6px solid #ffffff;
1191   position: absolute;
1192   top: -6px;
1193   left: 8px;
1194 }
1195 .datepicker-dropdown.bottom-left:before {
1196   content: '';
1197   display: inline-block;
1198   border-left: 7px solid transparent;
1199   border-right: 7px solid transparent;
1200   border-bottom: 7px solid #777777;
1201   border-bottom-color: rgba(0, 0, 0, 0.2);
1202   position: absolute;
1203   top: -7px;
1204   left: 260px;
1205 }
1206 .datepicker-dropdown.bottom-left:after {
1207   content: '';
1208   display: inline-block;
1209   border-left: 6px solid transparent;
1210   border-right: 6px solid transparent;
1211   border-bottom: 6px solid #ffffff;
1212   position: absolute;
1213   top: -6px;
1214   left: 261px;
1215 }
1216 .datepicker-dropdown.top-right:before {
1217   content: '';
1218   display: inline-block;
1219   border-left: 7px solid transparent;
1220   border-right: 7px solid transparent;
1221   border-top: 7px solid #777777;
1222   border-top-color: rgba(0, 0, 0, 0.2);
1223   position: absolute;
1224   bottom: -7px;
1225   left: 6px;
1226 }
1227 .datepicker-dropdown.top-right:after {
1228   content: '';
1229   display: inline-block;
1230   border-left: 6px solid transparent;
1231   border-right: 6px solid transparent;
1232   border-top: 6px solid #ffffff;
1233   position: absolute;
1234   bottom: -6px;
1235   left: 7px;
1236 }
1237 .datepicker-dropdown.top-left:before {
1238   content: '';
1239   display: inline-block;
1240   border-left: 7px solid transparent;
1241   border-right: 7px solid transparent;
1242   border-top: 7px solid #777777;
1243   border-top-color: rgba(0, 0, 0, 0.2);
1244   position: absolute;
1245   bottom: -7px;
1246   left: 260px;
1247 }
1248 .datepicker-dropdown.top-left:after {
1249   content: '';
1250   display: inline-block;
1251   border-left: 6px solid transparent;
1252   border-right: 6px solid transparent;
1253   border-top: 6px solid #ffffff;
1254   position: absolute;
1255   bottom: -6px;
1256   left: 261px;
1257 }
1258 .datepicker > div {
1259   display: none;
1260 }
1261 .datepicker.days div.datepicker-days {
1262   display: block;
1263 }
1264 .datepicker.months div.datepicker-months {
1265   display: block;
1266 }
1267 .datepicker.years div.datepicker-years {
1268   display: block;
1269 }
1270 .datepicker table {
1271   margin: 0;
1272 }
1273 .datepicker td,
1274 .datepicker th {
1275   text-align: center;
1276   width: 20px;
1277   height: 20px;
1278   -webkit-border-radius: 4px;
1279   -moz-border-radius: 4px;
1280   border-radius: 4px;
1281   border: none;
1282 }
1283 .table-striped .datepicker table tr td,
1284 .table-striped .datepicker table tr th {
1285   background-color: transparent;
1286 }
1287 .datepicker table tr td.day:hover {
1288   background: #eeeeee;
1289   cursor: pointer;
1290 }
1291 .datepicker table tr td.old,
1292 .datepicker table tr td.new {
1293   color: #777777;
1294 }
1295 .datepicker table tr td.disabled,
1296 .datepicker table tr td.disabled:hover {
1297   background: none;
1298   color: #777777;
1299   cursor: default;
1300 }
1301 .datepicker table tr td.today,
1302 .datepicker table tr td.today:hover,
1303 .datepicker table tr td.today.disabled,
1304 .datepicker table tr td.today.disabled:hover {
1305   background-color: #f0ad4e;
1306   background-image: -moz-linear-gradient(top, #f0ad4e, #f0ad4e);
1307   background-image: -ms-linear-gradient(top, #f0ad4e, #f0ad4e);
1308   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f0ad4e), to(#f0ad4e));
1309   background-image: -webkit-linear-gradient(top, #f0ad4e, #f0ad4e);
1310   background-image: -o-linear-gradient(top, #f0ad4e, #f0ad4e);
1311   background-image: linear-gradient(top, #f0ad4e, #f0ad4e);
1312   background-repeat: repeat-x;
1313   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@brand-warning', endColorstr='@brand-warning', GradientType=0);
1314   border-color: #f0ad4e #f0ad4e #f0ad4e;
1315   border-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.5);
1316   filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
1317 }
1318 .datepicker table tr td.today:hover,
1319 .datepicker table tr td.today:hover:hover,
1320 .datepicker table tr td.today.disabled:hover,
1321 .datepicker table tr td.today.disabled:hover:hover,
1322 .datepicker table tr td.today:active,
1323 .datepicker table tr td.today:hover:active,
1324 .datepicker table tr td.today.disabled:active,
1325 .datepicker table tr td.today.disabled:hover:active,
1326 .datepicker table tr td.today.active,
1327 .datepicker table tr td.today:hover.active,
1328 .datepicker table tr td.today.disabled.active,
1329 .datepicker table tr td.today.disabled:hover.active,
1330 .datepicker table tr td.today.disabled,
1331 .datepicker table tr td.today:hover.disabled,
1332 .datepicker table tr td.today.disabled.disabled,
1333 .datepicker table tr td.today.disabled:hover.disabled,
1334 .datepicker table tr td.today[disabled],
1335 .datepicker table tr td.today:hover[disabled],
1336 .datepicker table tr td.today.disabled[disabled],
1337 .datepicker table tr td.today.disabled:hover[disabled] {
1338   background-color: #f0ad4e;
1339 }
1340 .datepicker table tr td.today:active,
1341 .datepicker table tr td.today:hover:active,
1342 .datepicker table tr td.today.disabled:active,
1343 .datepicker table tr td.today.disabled:hover:active,
1344 .datepicker table tr td.today.active,
1345 .datepicker table tr td.today:hover.active,
1346 .datepicker table tr td.today.disabled.active,
1347 .datepicker table tr td.today.disabled:hover.active {
1348   background-color: #f0ad4e;
1349 }
1350 .datepicker table tr td.active,
1351 .datepicker table tr td.active:hover,
1352 .datepicker table tr td.active.disabled,
1353 .datepicker table tr td.active.disabled:hover {
1354   background-color: #337ab7;
1355   background-image: -moz-linear-gradient(top, #3c87c8, #337ab7);
1356   background-image: -ms-linear-gradient(top, #3c87c8, #337ab7);
1357   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3c87c8), to(#337ab7));
1358   background-image: -webkit-linear-gradient(top, #3c87c8, #337ab7);
1359   background-image: -o-linear-gradient(top, #3c87c8, #337ab7);
1360   background-image: linear-gradient(top, #3c87c8, #337ab7);
1361   background-repeat: repeat-x;
1362   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='lighten(@brand-primary, 5%)', endColorstr='@brand-primary', GradientType=0);
1363   border-color: #337ab7 #337ab7 #286090;
1364   border-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.5);
1365   filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
1366   color: #ffffff;
1367   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
1368 }
1369 .datepicker table tr td.active:hover,
1370 .datepicker table tr td.active:hover:hover,
1371 .datepicker table tr td.active.disabled:hover,
1372 .datepicker table tr td.active.disabled:hover:hover,
1373 .datepicker table tr td.active:active,
1374 .datepicker table tr td.active:hover:active,
1375 .datepicker table tr td.active.disabled:active,
1376 .datepicker table tr td.active.disabled:hover:active,
1377 .datepicker table tr td.active.active,
1378 .datepicker table tr td.active:hover.active,
1379 .datepicker table tr td.active.disabled.active,
1380 .datepicker table tr td.active.disabled:hover.active,
1381 .datepicker table tr td.active.disabled,
1382 .datepicker table tr td.active:hover.disabled,
1383 .datepicker table tr td.active.disabled.disabled,
1384 .datepicker table tr td.active.disabled:hover.disabled,
1385 .datepicker table tr td.active[disabled],
1386 .datepicker table tr td.active:hover[disabled],
1387 .datepicker table tr td.active.disabled[disabled],
1388 .datepicker table tr td.active.disabled:hover[disabled] {
1389   background-color: #337ab7;
1390 }
1391 .datepicker table tr td.active:active,
1392 .datepicker table tr td.active:hover:active,
1393 .datepicker table tr td.active.disabled:active,
1394 .datepicker table tr td.active.disabled:hover:active,
1395 .datepicker table tr td.active.active,
1396 .datepicker table tr td.active:hover.active,
1397 .datepicker table tr td.active.disabled.active,
1398 .datepicker table tr td.active.disabled:hover.active {
1399   background-color: #286090;
1400 }
1401 .datepicker table tr td span {
1402   display: block;
1403   width: 23%;
1404   height: 54px;
1405   line-height: 54px;
1406   float: left;
1407   margin: 1%;
1408   cursor: pointer;
1409   -webkit-border-radius: 4px;
1410   -moz-border-radius: 4px;
1411   border-radius: 4px;
1412 }
1413 .datepicker table tr td span:hover {
1414   background: #eeeeee;
1415 }
1416 .datepicker table tr td span.disabled,
1417 .datepicker table tr td span.disabled:hover {
1418   background: none;
1419   color: #777777;
1420   cursor: default;
1421 }
1422 .datepicker table tr td span.active,
1423 .datepicker table tr td span.active:hover,
1424 .datepicker table tr td span.active.disabled,
1425 .datepicker table tr td span.active.disabled:hover {
1426   background-color: #337ab7;
1427   background-image: -moz-linear-gradient(top, #3c87c8, #337ab7);
1428   background-image: -ms-linear-gradient(top, #3c87c8, #337ab7);
1429   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3c87c8), to(#337ab7));
1430   background-image: -webkit-linear-gradient(top, #3c87c8, #337ab7);
1431   background-image: -o-linear-gradient(top, #3c87c8, #337ab7);
1432   background-image: linear-gradient(top, #3c87c8, #337ab7);
1433   background-repeat: repeat-x;
1434   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='lighten(@brand-primary, 5%)', endColorstr='@brand-primary', GradientType=0);
1435   border-color: #337ab7 #337ab7 #286090;
1436   border-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.5);
1437   filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
1438   color: #ffffff;
1439   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
1440 }
1441 .datepicker table tr td span.active:hover,
1442 .datepicker table tr td span.active:hover:hover,
1443 .datepicker table tr td span.active.disabled:hover,
1444 .datepicker table tr td span.active.disabled:hover:hover,
1445 .datepicker table tr td span.active:active,
1446 .datepicker table tr td span.active:hover:active,
1447 .datepicker table tr td span.active.disabled:active,
1448 .datepicker table tr td span.active.disabled:hover:active,
1449 .datepicker table tr td span.active.active,
1450 .datepicker table tr td span.active:hover.active,
1451 .datepicker table tr td span.active.disabled.active,
1452 .datepicker table tr td span.active.disabled:hover.active,
1453 .datepicker table tr td span.active.disabled,
1454 .datepicker table tr td span.active:hover.disabled,
1455 .datepicker table tr td span.active.disabled.disabled,
1456 .datepicker table tr td span.active.disabled:hover.disabled,
1457 .datepicker table tr td span.active[disabled],
1458 .datepicker table tr td span.active:hover[disabled],
1459 .datepicker table tr td span.active.disabled[disabled],
1460 .datepicker table tr td span.active.disabled:hover[disabled] {
1461   background-color: #337ab7;
1462 }
1463 .datepicker table tr td span.active:active,
1464 .datepicker table tr td span.active:hover:active,
1465 .datepicker table tr td span.active.disabled:active,
1466 .datepicker table tr td span.active.disabled:hover:active,
1467 .datepicker table tr td span.active.active,
1468 .datepicker table tr td span.active:hover.active,
1469 .datepicker table tr td span.active.disabled.active,
1470 .datepicker table tr td span.active.disabled:hover.active {
1471   background-color: #286090;
1472 }
1473 .datepicker table tr td span.old {
1474   color: #777777;
1475 }
1476 .datepicker th.switch {
1477   width: 145px;
1478 }
1479 .datepicker thead tr:first-child th,
1480 .datepicker tfoot tr:first-child th {
1481   cursor: pointer;
1482 }
1483 .datepicker thead tr:first-child th:hover,
1484 .datepicker tfoot tr:first-child th:hover {
1485   background: #eeeeee;
1486 }
1487 .datepicker .cw {
1488   font-size: 10px;
1489   width: 12px;
1490   padding: 0 2px 0 5px;
1491   vertical-align: middle;
1492 }
1493 .datepicker thead tr:first-child th.cw {
1494   cursor: default;
1495   background-color: transparent;
1496 }
1497 .input-append.date .add-on i,
1498 .input-prepend.date .add-on i {
1499   display: block;
1500   cursor: pointer;
1501   width: 16px;
1502   height: 16px;
1503 }
1504 .datepicker .datepicker-time td span {
1505   display: block;
1506   width: 47px;
1507   height: 54px;
1508   line-height: 54px;
1509   float: left;
1510   margin: 2px;
1511   cursor: pointer;
1512   border-radius: 4px;
1513 }
1514 .datepicker .datepicker-time td span.timepicker-hour,
1515 .datepicker .datepicker-time td span.timepicker-minute {
1516   width: 100%;
1517   font-weight: bold;
1518   font-size: 1.2em;
1519 }
1520 .roo-document-manager-selector {
1521   visibility: hidden;
1522   height: 0px;
1523 }
1524 .roo-document-manager-uploader,
1525 .roo-document-manager-loading,
1526 .roo-document-manager-preview {
1527   position: relative;
1528   float: left;
1529   width: 25%;
1530   padding-left: 5px;
1531   height: 100px;
1532   max-height: 100px;
1533   margin-top: 10px;
1534 }
1535 .roo-document-manager-preview.wide {
1536   width: 50%;
1537 }
1538 .roo-document-manager-thumb,
1539 .roo-document-manager-upload-btn {
1540   width: 100%;
1541   height: 100px;
1542   line-height: 100px;
1543   max-height: 100px;
1544   border: 1px solid #eeeeee;
1545   -webkit-box-shadow: 1px 0px 5px 0px rgba(119, 119, 119, 0.75);
1546   -moz-box-shadow: 1px 0px 5px 0px rgba(119, 119, 119, 0.75);
1547   box-shadow: 1px 0px 5px 0px rgba(119, 119, 119, 0.75);
1548 }
1549 .roo-document-manager-thumb > i.fa,
1550 .roo-document-manager-upload-btn > i.fa {
1551   width: 100%;
1552   line-height: 98px;
1553   text-align: center;
1554   vertical-align: middle;
1555   color: #777777;
1556   font-size: 2.5em;
1557 }
1558 .roo-document-manager-thumb > i.fa {
1559   font-size: 2.5em;
1560 }
1561 .roo-document-manager-thumb > img {
1562   width: 100%;
1563   max-height: 100%;
1564   text-align: center;
1565   vertical-align: middle;
1566 }
1567 .roo-document-manager-preview > .close {
1568   position: absolute;
1569   top: 0px;
1570   right: 3px;
1571   font-size: 20px;
1572   opacity: 1;
1573 }
1574 .roo-document-manager-preview > .close:hover {
1575   color: #333333;
1576 }
1577 .roo-document-manager-preview.disabled > .roo-document-manager-thumb > img {
1578   -webkit-filter: grayscale(100%);
1579   -moz-filter: grayscale(100%);
1580   -o-filter: grayscale(100%);
1581   -ms-filter: grayscale(100%);
1582   filter: grayscale(100%);
1583 }
1584 /*
1585 * sm
1586 */
1587 @media (min-width: 768px) {
1588   .roo-document-manager-uploader,
1589   .roo-document-manager-loading,
1590   .roo-document-manager-preview {
1591     height: 200px;
1592     max-height: 200px;
1593   }
1594   .roo-document-manager-thumb,
1595   .roo-document-manager-upload-btn {
1596     line-height: 200px;
1597     height: 200px;
1598     max-height: 200px;
1599   }
1600   .roo-document-manager-thumb > i.fa,
1601   .roo-document-manager-upload-btn > i.fa {
1602     line-height: 198px;
1603   }
1604 }
1605 /*
1606 * md
1607 */
1608 @media (min-width: 992px) {
1609   .roo-document-manager-uploader,
1610   .roo-document-manager-loading,
1611   .roo-document-manager-preview {
1612     width: 8.33333333%;
1613     height: 80px;
1614     max-height: 80px;
1615   }
1616   .roo-document-manager-preview.wide {
1617     width: 16.66666666%;
1618   }
1619   .roo-document-manager-thumb,
1620   .roo-document-manager-upload-btn {
1621     line-height: 80px;
1622     height: 80px;
1623     max-height: 80px;
1624   }
1625   .roo-document-manager-thumb > i.fa,
1626   .roo-document-manager-upload-btn > i.fa {
1627     line-height: 78px;
1628   }
1629 }
1630 /*
1631 * lg
1632 */
1633 @media (min-width: 1200px) {
1634   .roo-document-manager-uploader,
1635   .roo-document-manager-loading,
1636   .roo-document-manager-preview {
1637     width: 8.33333333%;
1638     height: 100px;
1639     max-height: 100px;
1640   }
1641   .roo-document-manager-preview.wide {
1642     width: 16.66666666%;
1643   }
1644   .roo-document-manager-thumb,
1645   .roo-document-manager-upload-btn {
1646     line-height: 100px;
1647     height: 100px;
1648     max-height: 100px;
1649   }
1650   .roo-document-manager-thumb > i.fa,
1651   .roo-document-manager-upload-btn > i.fa {
1652     line-height: 98px;
1653   }
1654 }
1655 .document-slider-dialog .modal-body {
1656   padding: 0px;
1657 }
1658 .roo-document-slider-header {
1659   background-color: rgba(0, 0, 0, 0.5);
1660 }
1661 .roo-document-slider-header .roo-document-slider-header-title {
1662   width: 80%;
1663   margin: 0 auto;
1664   padding: 10px 0;
1665   color: #ffffff;
1666   font-weight: bold;
1667   text-align: center;
1668 }
1669 .roo-document-slider-body {
1670   background-color: #ffffff;
1671   width: 100%;
1672   height: 450px;
1673   position: relative;
1674   overflow: hidden;
1675 }
1676 .roo-document-slider-body .roo-document-slider-thumb {
1677   position: absolute;
1678   width: 80%;
1679   height: 100%;
1680   top: 50%;
1681   left: 50%;
1682   transform: translate(-50%, -50%);
1683   box-sizing: border-box;
1684   border: 1px solid #666666;
1685   box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
1686   text-align: center;
1687   vertical-align: middle;
1688   overflow: auto;
1689   cursor: move;
1690 }
1691 .roo-document-slider-body .roo-document-slider-image {
1692   width: 100%;
1693 }
1694 .roo-document-slider-prev {
1695   position: absolute;
1696   top: 0;
1697   left: 0;
1698   text-align: center;
1699   width: 10%;
1700   height: 100%;
1701 }
1702 .roo-document-slider-next {
1703   position: absolute;
1704   top: 0;
1705   right: 0;
1706   text-align: center;
1707   width: 10%;
1708   height: 100%;
1709 }
1710 .roo-document-slider-prev > i,
1711 .roo-document-slider-next > i {
1712   position: relative;
1713   top: 50%;
1714   transform: translateY(-50%);
1715   cursor: pointer;
1716   font-size: 2em;
1717 }
1718 .document-viewer-dialog .modal-dialog {
1719   margin: 0px auto;
1720 }
1721 .document-viewer-dialog .modal-header,
1722 .document-viewer-dialog .modal-footer {
1723   padding-top: 5px;
1724   padding-bottom: 5px;
1725 }
1726 .document-viewer-dialog .modal-body {
1727   padding: 0px;
1728 }
1729 .roo-document-viewer-body {
1730   background-color: #ffffff;
1731   width: 100%;
1732   height: 450px;
1733   max-height: 450px;
1734   position: relative;
1735   overflow: hidden;
1736   cursor: move;
1737 }
1738 .roo-document-viewer-body .roo-document-viewer-thumb {
1739   position: absolute;
1740   width: 80%;
1741   height: 80%;
1742   top: 50%;
1743   left: 50%;
1744   transform: translate(-50%, -50%);
1745   box-sizing: border-box;
1746   border: 1px solid #666666;
1747   box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
1748   text-align: center;
1749   vertical-align: middle;
1750   overflow: auto;
1751 }
1752 .roo-document-viewer-body .roo-document-viewer-image {
1753   width: 100%;
1754 }
1755 .roo-document-viewer-btn-group button {
1756   background-color: #000000;
1757   color: #ffffff;
1758   border-color: #333333;
1759 }
1760 .roo-document-viewer-btn-group > .btn-group:first-child > button {
1761   border-top-left-radius: 0;
1762 }
1763 .roo-document-viewer-btn-group > .btn-group:last-child > button {
1764   border-top-right-radius: 0;
1765 }
1766 .dropdown-submenu:hover > a,
1767 .dropdown-submenu:focus > a {
1768   color: #ffffff;
1769   text-decoration: none;
1770   background-color: #337ab7;
1771   background-image: -moz-linear-gradient(top, #337ab7, #3072ab);
1772   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#337ab7), to(#3072ab));
1773   background-image: -webkit-linear-gradient(top, #337ab7, #3072ab);
1774   background-image: -o-linear-gradient(top, #337ab7, #3072ab);
1775   background-image: linear-gradient(to bottom, #337ab7, #3072ab);
1776   background-repeat: repeat-x;
1777   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@brand-primary', endColorstr='darken(@brand-primary, 3%)', GradientType=0);
1778 }
1779 .dropdown-submenu {
1780   position: relative;
1781 }
1782 .dropdown-submenu > .dropdown-menu {
1783   top: 0;
1784   left: 100%;
1785   margin-top: -6px;
1786   margin-left: -1px;
1787   -webkit-border-radius: 0 6px 6px 6px;
1788   -moz-border-radius: 0 6px 6px 6px;
1789   border-radius: 0 6px 6px 6px;
1790 }
1791 .dropdown-submenu:hover > .dropdown-menu {
1792   display: block;
1793 }
1794 .dropup .dropdown-submenu > .dropdown-menu {
1795   top: auto;
1796   bottom: 0;
1797   margin-top: 0;
1798   margin-bottom: -2px;
1799   -webkit-border-radius: 5px 5px 5px 0;
1800   -moz-border-radius: 5px 5px 5px 0;
1801   border-radius: 5px 5px 5px 0;
1802 }
1803 .dropup .dropdown-menu {
1804   -webkit-animation-name: inherit;
1805 }
1806 .dropdown-submenu > a:after {
1807   display: block;
1808   float: right;
1809   width: 0;
1810   height: 0;
1811   margin-top: 5px;
1812   margin-right: -10px;
1813   border-color: transparent;
1814   border-left-color: #777777;
1815   border-style: solid;
1816   border-width: 5px 0 5px 5px;
1817   content: " ";
1818 }
1819 .dropdown-submenu:hover > a:after {
1820   border-left-color: #ffffff;
1821 }
1822 .dropdown-submenu.pull-left {
1823   float: none !important;
1824 }
1825 .dropdown-submenu.pull-left > .dropdown-menu {
1826   left: 0;
1827   margin-left: 1px;
1828   -webkit-border-radius: 6px 0 6px 6px;
1829   -moz-border-radius: 6px 0 6px 6px;
1830   border-radius: 6px 0 6px 6px;
1831 }
1832 .dropdown-button > i {
1833   margin-right: 5px;
1834 }
1835 li.dropdown-toggle i.glyphicon + span {
1836   margin-left: 5px;
1837 }
1838 li.dropdown-toggle span + i.glyphicon {
1839   margin-left: 5px;
1840 }
1841 li.dropdown-menu-item i.fa + span {
1842   margin-left: 5px;
1843 }
1844 li.dropdown-toggle button > i.glyphicon {
1845   margin: 3px 0 0 5px;
1846 }
1847 div.input-group.has-feedback > .form-control-feedback {
1848   right: 30px;
1849 }
1850 div.input-group.has-feedback > .roo-input-after + .form-control-feedback {
1851   right: 39px;
1852 }
1853 .roo-required-indicator {
1854   font-size: 8px;
1855   color: #d9534f;
1856   vertical-align: top;
1857 }
1858 .roo-required-indicator.left-indicator {
1859   margin-right: 3px;
1860 }
1861 .roo-required-indicator.right-indicator {
1862   margin-left: 3px;
1863 }
1864 .label-pill {
1865   padding-right: .6em;
1866   padding-left: .6em;
1867   border-radius: 10rem;
1868 }
1869 .roo-layout-container {
1870   width: 100%;
1871   height: 100%;
1872   overflow: hidden;
1873 }
1874 .roo-layout-inactive-content {
1875   position: absolute;
1876   left: -10000px;
1877   top: -10000px;
1878   visibility: hidden;
1879 }
1880 .roo-layout-active-content {
1881   visibility: visible;
1882   /* padding: 10px; */
1883 }
1884 .roo-layout-panel {
1885   position: absolute;
1886   /* overflow:hidden;  -- menus inside of contains do not work with this */
1887   /*
1888     background-color:white;
1889     border:1px solid #98c0f4;
1890     */
1891 }
1892 .roo-layout-panel-east,
1893 .roo-layout-panel-west {
1894   z-index: 10;
1895 }
1896 .roo-layout-panel-north,
1897 .roo-layout-panel-south {
1898   z-index: 11;
1899 }
1900 /*
1901 .roo-layout-collapsed-north, .x-layout-collapsed-south, .x-layout-collapsed-east, .x-layout-collapsed-west {
1902     z-index:12;
1903 }
1904 */
1905 .roo-layout-panel-body {
1906   overflow: hidden;
1907 }
1908 /*
1909
1910 .roo-layout-grid-wrapper{
1911
1912 }
1913 */
1914 .roo-layout-split {
1915   position: absolute;
1916   height: 5px;
1917   width: 5px;
1918   line-height: 1px;
1919   font-size: 1px;
1920   z-index: 3;
1921   background-color: #f5f5f5;
1922 }
1923 .roo-layout-split-south,
1924 .roo-layout-split-north {
1925   border-bottom: 1px solid #777777;
1926 }
1927 .roo-layout-split-east,
1928 .roo-layout-split-west {
1929   border-right: 1px solid #777777;
1930 }
1931 .roo-layout-panel-hd {
1932   position: relative;
1933 }
1934 .roo-layout-panel-hd.breadcrumb {
1935   margin-bottom: 0;
1936 }
1937 .roo-layout-panel-hd-text {
1938   padding: 4px;
1939   padding-left: 4px;
1940   display: block;
1941   white-space: nowrap;
1942 }
1943 .roo-layout-panel-hd-tools {
1944   position: absolute;
1945   right: 0;
1946   top: 0;
1947   text-align: right;
1948   padding-top: 2px;
1949   padding-right: 2px;
1950   width: 40px;
1951 }
1952 /*
1953 .x-layout-tools-button{
1954     z-index:6;
1955     padding:2px;
1956     float:right;
1957     cursor:pointer;
1958 }
1959 .x-layout-tools-button-over{
1960     padding:1px;
1961     border:1px solid #98c0f4;
1962     background-color:white;
1963 }
1964 .x-layout-tools-button-inner{
1965     height:12px;
1966     width:12px;
1967     line-height:1px;
1968     font-size:1px;
1969     background-repeat:no-repeat;
1970     background-position:center;
1971 }
1972 .x-layout-close{
1973     background-image:url(../images/default/layout/layout-sprite.gif);
1974     background-repeat: no-repeat;
1975     background-position: 50% -48px;
1976 }
1977 .x-layout-collapse-west,.x-layout-expand-east{
1978     background-image:url(../images/default/layout/layout-sprite.gif);
1979     background-repeat: no-repeat;
1980     background-position: 50% 0;
1981 }
1982 .x-layout-expand-west,.x-layout-collapse-east{
1983     background-image:url(../images/default/layout/layout-sprite.gif);
1984     background-repeat: no-repeat;
1985     background-position: 50% -12px;
1986 }
1987 .x-layout-collapse-north,.x-layout-expand-south{
1988     background-image:url(../images/default/layout/layout-sprite.gif);
1989     background-repeat: no-repeat;
1990     background-position: 50% -24px;
1991 }
1992 .x-layout-expand-north,.x-layout-collapse-south{
1993     background-image:url(../images/default/layout/layout-sprite.gif);
1994     background-repeat: no-repeat;
1995     background-position: 50% -36px;
1996 }
1997 .x-layout-split-h{
1998     background-image:url(../images/default/sizer/e-handle.gif);
1999     background-position: left;
2000     cursor:col-resize;
2001 }
2002 .x-layout-split-v{
2003     background-image:url(../images/default/sizer/s-handle.gif);
2004     background-position: top;
2005     cursor:row-resize;
2006 }
2007 .x-layout-panel .x-tabs-wrap{
2008     background:url(../images/default/layout/gradient-bg.gif);
2009 }
2010 */
2011 .roo-layout-panel .roo-tabbody {
2012   background-color: #ffffff;
2013   overflow: auto;
2014   height: 100%;
2015 }
2016 .roo-layout-component-panel,
2017 .roo-layout-nested-layout {
2018   position: relative;
2019   padding: 0;
2020   overflow: hidden;
2021   width: 200px;
2022   height: 200px;
2023 }
2024 .roo-layout-nested-layout .roo-layout-panel {
2025   border: 0 none;
2026 }
2027 /*
2028 .x-layout-nested-layout .x-layout-panel-north {
2029           border-bottom:1px solid #98c0f4;
2030 }
2031 .x-layout-nested-layout .x-layout-panel-south {
2032           border-top:1px solid #98c0f4;
2033 }
2034 .x-layout-nested-layout .x-layout-panel-east {
2035           border-left:1px solid #98c0f4;
2036 }
2037 .x-layout-nested-layout .x-layout-panel-west {
2038           border-right:1px solid #98c0f4;
2039 }
2040 */
2041 .roo-repaint {
2042   zoom: 1;
2043   background-color: transparent;
2044 }
2045 /*
2046 .x-layout-panel-dragover {
2047         border: 2px solid #6593cf;
2048 }
2049 .x-layout-panel-proxy {
2050         background-image: url(../images/default/layout/gradient-bg.gif);
2051         background-color:#c3daf9;
2052         border:1px dashed #6593cf;
2053         z-index:10001;
2054         overflow:hidden;
2055         position:absolute;
2056         left:0;top:0;
2057 }
2058
2059 .x-layout-slider {
2060         z-index:15;
2061         overflow:hidden;
2062         position:absolute;
2063 }
2064 */
2065 .roo-unselectable {
2066   -moz-user-select: none;
2067   -khtml-user-select: none;
2068   -webkit-user-select: none;
2069   cursor: default;
2070 }
2071 /** --- split bar dragging ---*/
2072 .roo-splitbar-proxy {
2073   z-index: 40009;
2074   visibility: hidden;
2075   position: absolute;
2076   background: #777777;
2077   border: 1px solid #000000;
2078   overflow: hidden;
2079 }
2080 .roo-splitbar-h,
2081 .roo-splitbar-proxy-h {
2082   cursor: col-resize;
2083 }
2084 .roo-splitbar-v,
2085 .roo-splitbar-proxy-v {
2086   cursor: row-resize;
2087 }
2088 /*
2089 .x-grid-resize-proxy
2090 {
2091         z-index:40009;
2092         visibility:hidden;
2093         position:absolute;
2094         background:#666;
2095         border: 1px solid #000;
2096         overflow:hidden;
2097         cursor:col-resize;
2098         overflow:hidden;
2099         width: 2px;
2100 }
2101
2102
2103 */
2104 .roo-layout-panel-body .navbar ul.nav-tabs {
2105   margin-top: 9px;
2106   display: table;
2107 }
2108 .roo-layout-panel-body .navbar {
2109   margin-bottom: 0px;
2110 }
2111 .roo-form-group-label-left::before,
2112 .roo-form-group-label-left::after {
2113   display: table;
2114   content: " ";
2115   clear: both;
2116 }
2117 a.list-group-item,
2118 button.list-group-item {
2119   width: 100%;
2120   color: #555555;
2121   text-align: inherit;
2122 }
2123 .roo-el-mask {
2124   z-index: 20000;
2125   position: absolute;
2126   top: 0;
2127   left: 0;
2128   -moz-opacity: 0.5;
2129   opacity: .50;
2130   filter: alpha(opacity=50);
2131   background-color: #777777;
2132   width: 100%;
2133   height: 100%;
2134   zoom: 1;
2135 }
2136 .roo-el-mask-msg {
2137   position: absolute;
2138   z-index: 20000;
2139   /*border: 4px double #557; */
2140   background-color: #ffffff;
2141   padding: 0px 30px;
2142   background-image: url('../images/ux/lightbox/loading.gif');
2143   background-repeat: no-repeat;
2144   border: 10px solid white;
2145   border-radius: 20px;
2146 }
2147 .roo-el-mask-msg div {
2148   font-family: 'Source Sans Pro', sans-serif;
2149   font-size: 24px;
2150   font-weight: 500;
2151   z-index: 20001;
2152   padding: 4px 15px;
2153   color: #555555;
2154 }
2155 .x-body-masked {
2156   overflow: hidden !important;
2157 }
2158 .x-body-masked select,
2159 .ext-masked object,
2160 .ext-masked embed {
2161   visibility: hidden;
2162 }
2163 .x-dlg-mask {
2164   z-index: 10000;
2165   display: none;
2166   position: absolute;
2167   top: 0;
2168   left: 0;
2169   -moz-opacity: 0.5;
2170   opacity: .50;
2171   filter: alpha(opacity=50);
2172   background-color: #777777;
2173 }
2174 .masonary .masonry-bottom-title {
2175   background-color: transparent;
2176 }
2177 .masonry-brick-link,
2178 .roo-brick-link {
2179   cursor: pointer;
2180   text-decoration: none;
2181   outline: 0;
2182 }
2183 .masonry-brick-paragraph,
2184 .roo-brick-paragraph {
2185   overflow: hidden;
2186 }
2187 .masonry-brick .masonry-brick-paragraph {
2188   padding: 9px;
2189   width: 100%;
2190   height: 100%;
2191   position: absolute;
2192   top: 0;
2193   left: 0;
2194   background-color: inherit;
2195 }
2196 .masonry-center-title .masonry-brick-paragraph,
2197 .masonry-bottom-title .masonry-brick-paragraph,
2198 .roo-brick-center-title .roo-brick-paragraph,
2199 .roo-brick-bottom-title .roo-brick-paragraph {
2200   display: table;
2201 }
2202 .masonry-center-title .masonry-brick-paragraph .masonry-brick-title,
2203 .roo-brick-center-title .roo-brick-paragraph .roo-brick-title {
2204   display: table-cell;
2205   vertical-align: middle;
2206   text-align: center;
2207 }
2208 .masonry-bottom-title .masonry-brick-paragraph .masonry-brick-title,
2209 .roo-brick-bottom-title .roo-brick-paragraph .roo-brick-title {
2210   display: table-cell;
2211   vertical-align: bottom;
2212   text-align: right;
2213 }
2214 .masonry-brick-image .masonry-brick-paragraph,
2215 .roo-brick-image .roo-brick-paragraph {
2216   opacity: 0;
2217 }
2218 .masonry-bottom-title .masonry-brick-paragraph {
2219   opacity: 1;
2220 }
2221 .masonry-brick-image-view {
2222   width: 100%;
2223   height: 100%;
2224   object-fit: cover;
2225 }
2226 .masonry-brick-paragraph .masonry-brick-title,
2227 .roo-brick-paragraph .roo-brick-title {
2228   margin-top: 0;
2229 }
2230 .roo-brick .roo-brick-paragraph {
2231   padding: 9px;
2232   width: 100%;
2233   height: 100%;
2234   background-color: inherit;
2235 }
2236 .roo-brick-image-view {
2237   position: absolute;
2238   top: 0;
2239   object-fit: cover;
2240 }
2241 a.roo-brick-link:focus,
2242 a.roo-brick-link:hover {
2243   text-decoration: none;
2244   outline: 0;
2245 }
2246 .masonry-brick-split .masonry-brick-split-head,
2247 .masonry-brick-split .masonry-brick-split-head .masonry-brick-paragraph {
2248   height: 75%;
2249 }
2250 .masonry-brick-split .masonry-brick-split-body {
2251   height: 25%;
2252   padding: 4px;
2253   color: #000000;
2254   font-size: 11px;
2255 }
2256 .enable-mask:hover .masonry-brick-mask {
2257   width: 100%;
2258   height: 100%;
2259   position: absolute;
2260   top: 0;
2261   left: 0;
2262   background-color: #000000;
2263   opacity: 0.2;
2264 }
2265 @media (min-width: 768px) {
2266   .mask-inverse .masonry-brick-paragraph {
2267     background: rgba(0, 0, 0, 0.5);
2268   }
2269   .mask-inverse:hover .masonry-brick-paragraph {
2270     background: none;
2271   }
2272 }
2273 /*
2274     Document   : modal
2275     Created on : Apr 23, 2014, 11:24:28 AM
2276     Author     : edward
2277     Description:
2278         Purpose of the stylesheet follows.
2279 */
2280 .modal-md-1,
2281 .modal-md-2,
2282 .modal-md-3,
2283 .modal-md-4,
2284 .modal-md-5,
2285 .modal-md-6,
2286 .modal-md-7,
2287 .modal-md-8,
2288 .modal-md-9,
2289 .modal-md-10,
2290 .modal-md-11,
2291 .modal-md-12 {
2292   float: left;
2293 }
2294 .modal-md-12 .modal-dialog {
2295   width: 100%;
2296   margin: 30 auto;
2297 }
2298 .modal-md-11 .modal-dialog {
2299   width: 91.66666666666666%;
2300   margin: 30 auto;
2301 }
2302 .modal-md-10 .modal-dialog {
2303   width: 83.33333333333334%;
2304   margin: 30 auto;
2305 }
2306 .modal-md-9 .modal-dialog {
2307   width: 75%;
2308   margin: 30 auto;
2309 }
2310 .modal-md-8 .modal-dialog {
2311   width: 66.66666666666666%;
2312   margin: 30 auto;
2313 }
2314 .modal-md-7 .modal-dialog {
2315   width: 58.333333333333336%;
2316   margin: 30 auto;
2317 }
2318 .modal-md-6 .modal-dialog {
2319   width: 50%;
2320   margin: 30 auto;
2321 }
2322 .modal-md-5 .modal-dialog {
2323   width: 41.66666666666667%;
2324   margin: 30 auto;
2325 }
2326 .modal-md-4 .modal-dialog {
2327   width: 33.33333333333333%;
2328   margin: 30 auto;
2329 }
2330 .modal-md-3 .modal-dialog {
2331   width: 25%;
2332   margin: 30 auto;
2333 }
2334 .modal-md-2 .modal-dialog {
2335   width: 16.666666666666664%;
2336   margin: 30 auto;
2337 }
2338 .modal-md-1 .modal-dialog {
2339   width: 8.333333333333332%;
2340   margin: 30 auto;
2341 }
2342 /*
2343  this  appears to break the layout on dialog buttons on mobile?
2344 @media (max-width: 568px) {
2345     .modal-footer .btn+.btn {
2346             margin-left: 0px;
2347             margin-top: 5px;
2348     }
2349 }
2350 */
2351 .modal-body.roo-layout-container,
2352 .modal-body > .container {
2353   padding: 0;
2354 }
2355 .modal-dialog {
2356   max-width: 100%;
2357 }
2358 .modal-body > .container .col-xs-12 {
2359   padding: 0;
2360 }
2361 @media (max-width: 768px) {
2362   .modal-body .col-md-12 {
2363     padding: 0;
2364   }
2365   .modal-body {
2366     padding: 5px;
2367   }
2368   .modal-body .row {
2369     margin-left: -5px;
2370     margin-right: -5px;
2371   }
2372 }
2373 .roo-navigation-bar-group,
2374 .roo-navigation-top-bar,
2375 .roo-navigation-bullets-bar,
2376 .roo-navigation-bottom-bar {
2377   width: 100%;
2378   float: left;
2379 }
2380 .roo-navigation-bar-text > span {
2381   text-transform: uppercase;
2382   width: 90%;
2383   display: inline-block;
2384 }
2385 .roo-navigation-bar-text {
2386   float: left;
2387   line-height: 24px;
2388   height: 100%;
2389   min-height: 24px;
2390   text-align: center;
2391   position: relative;
2392 }
2393 .roo-navigation-bar {
2394   counter-reset: step;
2395   text-align: center;
2396   padding: 0px;
2397   overflow: hidden;
2398   margin: 0px;
2399 }
2400 .roo-navigation-bar .roo-navigation-bar-item {
2401   list-style-type: none;
2402   color: #000000;
2403   text-transform: uppercase;
2404   font-size: 14px;
2405   float: left;
2406   position: relative;
2407 }
2408 .roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon:before {
2409   counter-increment: step;
2410   width: 25px;
2411   line-height: 25px;
2412   display: block;
2413   color: #ffffff;
2414   background: #337ab7;
2415   border-radius: 5px;
2416   font-weight: bold;
2417   cursor: pointer;
2418 }
2419 .roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon.step-number:before {
2420   content: counter(step);
2421 }
2422 .roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon:after {
2423   content: '';
2424   width: 100%;
2425   height: 5px;
2426   background: #337ab7;
2427   position: absolute;
2428   top: 10px;
2429   z-index: -1;
2430 }
2431 .roo-navigation-bar .roo-navigation-bar-item:last-child > .roo-navigation-bar-item-icon:after {
2432   content: none;
2433 }
2434 .roo-navigation-bar .roo-navigation-bar-item.active .roo-navigation-bar-item-icon:before {
2435   background: #ac2925;
2436   color: #ffffff;
2437 }
2438 .roo-navigation-bar .roo-navigation-bar-item.disabled .roo-navigation-bar-item-icon:before {
2439   background: #777777;
2440   color: #ffffff;
2441   cursor: not-allowed;
2442 }
2443 .roo-navigation-bar .roo-navigation-bar-item.active .roo-navigation-bar-item-icon:before {
2444   cursor: default;
2445 }
2446 .roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon {
2447   font: normal normal normal 14px/1 FontAwesome;
2448   display: inline-block;
2449 }
2450 @media (min-width: 768px) {
2451   .roo-navigation-bar .roo-navigation-bar-item.xs-icon > .roo-navigation-bar-item-icon:before {
2452     content: counter(step);
2453   }
2454 }
2455 @media (min-width: 992px) {
2456   .roo-navigation-bar .roo-navigation-bar-item.xs-icon > .roo-navigation-bar-item-icon:before,
2457   .roo-navigation-bar .roo-navigation-bar-item.sm-icon > .roo-navigation-bar-item-icon:before {
2458     content: counter(step);
2459   }
2460 }
2461 @media (min-width: 1200px) {
2462   .roo-navigation-bar .roo-navigation-bar-item.xs-icon > .roo-navigation-bar-item-icon:before,
2463   .roo-navigation-bar .roo-navigation-bar-item.sm-icon > .roo-navigation-bar-item-icon:before,
2464   .roo-navigation-bar .roo-navigation-bar-item.md-icon > .roo-navigation-bar-item-icon:before {
2465     content: counter(step);
2466   }
2467 }
2468 /* NAV TABS */
2469 .nav-tabs-custom {
2470   margin-bottom: 20px;
2471   background: #ffffff;
2472   box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
2473 }
2474 .nav-tabs-custom > .nav-tabs {
2475   margin: 0;
2476   border-bottom-color: #777777;
2477 }
2478 .nav-tabs-custom > .nav-tabs > li {
2479   border-top: 3px solid transparent;
2480   margin-bottom: -2px;
2481   margin-right: 5px;
2482 }
2483 .nav-tabs-custom > .nav-tabs > li > a {
2484   -webkit-border-radius: 0 !important;
2485   -moz-border-radius: 0 !important;
2486   border-radius: 0 !important;
2487 }
2488 .nav-tabs-custom > .nav-tabs > li > a,
2489 .nav-tabs-custom > .nav-tabs > li > a:hover {
2490   background: transparent;
2491   margin: 0;
2492 }
2493 .nav-tabs-custom > .nav-tabs > li:not(.active) > a:hover,
2494 .nav-tabs-custom > .nav-tabs > li:not(.active) > a:focus,
2495 .nav-tabs-custom > .nav-tabs > li:not(.active) > a:active {
2496   border-color: transparent;
2497 }
2498 .nav-tabs-custom > .nav-tabs > li.active {
2499   border-top-color: #337ab7;
2500 }
2501 .nav-tabs-custom > .nav-tabs > li.active > a,
2502 .nav-tabs-custom > .nav-tabs > li.active:hover > a {
2503   background-color: #ffffff;
2504 }
2505 .nav-tabs-custom > .nav-tabs > li.active > a {
2506   border-top: 0;
2507   border-left-color: #777777;
2508   border-right-color: #777777;
2509 }
2510 .nav-tabs-custom > .nav-tabs > li:first-of-type {
2511   margin-left: 0px;
2512 }
2513 .nav-tabs-custom > .nav-tabs > li:first-of-type.active > a {
2514   border-left-width: 0;
2515 }
2516 .nav-tabs-custom > .nav-tabs.pull-right {
2517   float: none !important;
2518 }
2519 .nav-tabs-custom > .nav-tabs.pull-right > li {
2520   float: right;
2521 }
2522 .nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type {
2523   margin-right: 0px;
2524 }
2525 .nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type.active > a {
2526   border-left-width: 1px;
2527   border-right-width: 0px;
2528 }
2529 .nav-tabs-custom > .nav-tabs > li.header {
2530   font-weight: 400;
2531   line-height: 35px;
2532   padding: 0 10px;
2533   font-size: 20px;
2534   color: #333333;
2535   cursor: default;
2536 }
2537 .nav-tabs-custom > .nav-tabs > li.header > .fa,
2538 .nav-tabs-custom > .nav-tabs > li.header > .glyphicon,
2539 .nav-tabs-custom > .nav-tabs > li.header > .ion {
2540   margin-right: 10px;
2541 }
2542 .nav-tabs-custom > .tab-content {
2543   background: #ffffff;
2544   padding: 10px;
2545 }
2546 /* --- override it appears it's done un-reliably in JS normally.. */
2547 .tab-content > .tab-pane {
2548   position: absolute;
2549 }
2550 .tab-content > .tab-pane .navbar > .navbar-nav > .nav-item .roo-toolbar {
2551   margin: 0 5px;
2552 }
2553 .tab-content > .tab-pane .navbar > .navbar-nav > .nav-item .roo-toolbar > .column {
2554   padding: 10px 5px;
2555 }
2556 @media (max-width: 768px) {
2557   .tab-content > .tab-pane .navbar > .navbar-nav > .nav-item .roo-toolbar > .column {
2558     padding: 5px 5px;
2559   }
2560 }
2561 .tab-content > .tab-pane .navbar > .navbar-nav > .nav-item .form-group {
2562   margin-bottom: 0px;
2563 }
2564 .tab-content > .tab-pane .navbar > .navbar-nav > .nav-item button + button {
2565   margin-left: 5px;
2566 }
2567 .tab-content > .tab-pane .navbar > .navbar-nav a.dropdown-toggle {
2568   padding: 10px 5px;
2569 }
2570 /* for some reason it's -15px on BS */
2571 @media (min-width: 768px) {
2572   .navbar-right {
2573     margin-right: 15px;
2574   }
2575 }
2576 /* was -15 before, on mobile it made the buttons too close to the edit.. */
2577 .navbar-nav {
2578   margin: 0px -5px;
2579 }
2580 table td .navbar {
2581   min-height: auto;
2582 }
2583 .roo-numberbox {
2584   background-color: #337ab7 !important;
2585   border: 10px solid black;
2586 }
2587 .roo-numberbox h {
2588   font-size: 24px;
2589 }
2590 .pull-xs-right {
2591   float: right !important;
2592 }
2593 .roo-radio-set:before,
2594 .roo-radio-set:after {
2595   display: table;
2596   content: " ";
2597   clear: both;
2598 }
2599 .radio.checked label::after {
2600   -webkit-transform: scale(1, 1);
2601   -ms-transform: scale(1, 1);
2602   -o-transform: scale(1, 1);
2603   transform: scale(1, 1);
2604   background-color: #555555;
2605 }
2606 .roo-radio-set.disabled .radio label {
2607   opacity: 0.65;
2608 }
2609 .roo-radio-set.disabled .radio label {
2610   cursor: not-allowed;
2611 }
2612 .roo-radio-primary .radio label::after {
2613   background-color: #ffffff;
2614 }
2615 .roo-radio-primary .radio.checked label::before {
2616   border-color: #337ab7;
2617 }
2618 .roo-radio-primary .radio.checked label::after {
2619   background-color: #337ab7;
2620 }
2621 .roo-radio-danger .radio label::after {
2622   background-color: #d9534f;
2623 }
2624 .roo-radio-danger .radio.checked label::before {
2625   border-color: #d9534f;
2626 }
2627 .roo-radio-danger .radio.checked label::after {
2628   background-color: #d9534f;
2629 }
2630 .roo-radio-info .radio label::after {
2631   background-color: #ffffff;
2632 }
2633 .roo-radio-info .radio.checked label::before {
2634   border-color: #5bc0de;
2635 }
2636 .roo-radio-info .radio.checked label::after {
2637   background-color: #5bc0de;
2638 }
2639 .roo-radio-warning .radio label::after {
2640   background-color: #ffffff;
2641 }
2642 .roo-radio-warning .radio.checked label::before {
2643   border-color: #f0ad4e;
2644 }
2645 .roo-radio-warning .radio.checked label::after {
2646   background-color: #f0ad4e;
2647 }
2648 .roo-radio-success .radio label::after {
2649   background-color: #ffffff;
2650 }
2651 .roo-radio-success .radio.checked label::before {
2652   border-color: #5cb85c;
2653 }
2654 .roo-radio-success .radio.checked label::after {
2655   background-color: #5cb85c;
2656 }
2657 .roo-radio-set.has-warning .roo-radio-set-items label,
2658 .roo-radio-set.has-warning .roo-radio-set-label {
2659   color: #f0ad4e;
2660 }
2661 .roo-radio-set.has-error .roo-radio-set-items label,
2662 .roo-radio-set.has-error .roo-radio-set-label {
2663   color: #d9534f;
2664 }
2665 .roo-radio-set.has-success .roo-radio-set-items label,
2666 .roo-radio-set.has-success .roo-radio-set-label {
2667   color: #5cb85c;
2668 }
2669 .roo-radio-set-inline .radio {
2670   position: relative;
2671   display: inline-block;
2672   padding-left: 20px;
2673   margin-top: 0px;
2674   margin-bottom: 0;
2675   font-weight: 400;
2676   vertical-align: middle;
2677   cursor: pointer;
2678 }
2679 .roo-radio-set-inline .radio + .radio {
2680   margin-left: 10px;
2681 }
2682 .roo-radio-set-label .roo-required-indicator.right-indicator {
2683   position: absolute;
2684 }
2685 .roo-radio-set-label .roo-required-indicator.right-indicator.fa-star {
2686   font-size: 8px;
2687   margin-left: 3px;
2688   color: #d9534f;
2689 }
2690 .roo-form-error-popover.in {
2691   opacity: 1;
2692 }
2693 .roo-form-error-popover .tooltip-inner {
2694   max-width: 100%;
2695   padding: 10px;
2696 }
2697 .x-form-field-wrap .form-group {
2698   /* what is this doing here?? */
2699   margin-bottom: 0px;
2700 }
2701 .roo-password-meter-grey {
2702   background: #777777;
2703   margin-bottom: 30px;
2704   height: 10px;
2705 }
2706 .roo-password-meter {
2707   font-size: 12px;
2708 }
2709 .roo-password-meter-container {
2710   margin-bottom: 20px;
2711 }
2712 .roo-password-meter-tooweak {
2713   background: #d9534f;
2714   height: 10px;
2715 }
2716 .roo-password-meter-weak {
2717   background: #f0ad4e;
2718   height: 10px;
2719 }
2720 .roo-password-meter-medium {
2721   background: #5bc0de;
2722   height: 10px;
2723 }
2724 .roo-password-meter-strong {
2725   background: #5cb85c;
2726   height: 10px;
2727 }
2728 .roo-password-meter-text {
2729   /* padding-bottom:5px; */
2730   margin-bottom: 30px;
2731   font-size: 12px;
2732   height: 10px;
2733 }
2734 /*
2735 Version: 3.4.8 Timestamp: Thu May  1 09:50:32 EDT 2014
2736 */
2737 .roo-select2-container {
2738   margin: 0;
2739   position: relative;
2740   /*display: inline-block;*/
2741   /* inline-block for ie7 */
2742   zoom: 1;
2743   *display: inline;
2744   vertical-align: middle;
2745 }
2746 .roo-select2-container,
2747 .roo-select2-drop,
2748 .roo-select2-search,
2749 .roo-select2-search input {
2750   /*
2751     Force border-box so that % widths fit the parent
2752     container without overlap because of margin/padding.
2753     More Info : http://www.quirksmode.org/css/box.html
2754   */
2755   -webkit-box-sizing: border-box;
2756   /* webkit */
2757   -moz-box-sizing: border-box;
2758   /* firefox */
2759   box-sizing: border-box;
2760   /* css3 */
2761 }
2762 .roo-select2-container .roo-select2-choice {
2763   display: block;
2764   height: 26px;
2765   padding: 0 0 0 8px;
2766   overflow: hidden;
2767   position: relative;
2768   border: 1px solid #777777;
2769   white-space: nowrap;
2770   line-height: 26px;
2771   color: #333333;
2772   text-decoration: none;
2773   border-radius: 4px;
2774   background-clip: padding-box;
2775   -webkit-touch-callout: none;
2776   -webkit-user-select: none;
2777   -moz-user-select: none;
2778   -ms-user-select: none;
2779   user-select: none;
2780   background-color: #ffffff;
2781   background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.5, #ffffff));
2782   background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, #ffffff 50%);
2783   background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 50%);
2784   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@body-bg', endColorstr='@gray-lighter', GradientType=0);
2785   background-image: linear-gradient(to top, #eeeeee 0%, #ffffff 50%);
2786 }
2787 .roo-select2-container.roo-select2-drop-above .roo-select2-choice {
2788   border-bottom-color: #777777;
2789   border-radius: 0 0 4px 4px;
2790   background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.9, #ffffff));
2791   background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, #ffffff 90%);
2792   background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 90%);
2793   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@body-bg', endColorstr='@gray-lighter', GradientType=0);
2794   background-image: linear-gradient(to bottom, #eeeeee 0%, #ffffff 90%);
2795 }
2796 .roo-select2-container.roo-select2-allowclear .roo-select2-choice .roo-select2-chosen {
2797   margin-right: 42px;
2798 }
2799 .roo-select2-container .roo-select2-choice > .roo-select2-chosen {
2800   margin-right: 26px;
2801   display: block;
2802   overflow: hidden;
2803   white-space: nowrap;
2804   text-overflow: ellipsis;
2805   float: none;
2806   width: auto;
2807 }
2808 .roo-select2-container .roo-select2-choice abbr {
2809   display: none;
2810   width: 12px;
2811   height: 12px;
2812   position: absolute;
2813   right: 24px;
2814   top: 8px;
2815   font-size: 1px;
2816   text-decoration: none;
2817   border: 0;
2818   background: url('../images/select2/select2.png') right top no-repeat;
2819   cursor: pointer;
2820   outline: 0;
2821 }
2822 .roo-select2-container.roo-select2-allowclear .roo-select2-choice abbr {
2823   display: inline-block;
2824 }
2825 .roo-select2-container .roo-select2-choice abbr:hover {
2826   background-position: right -11px;
2827   cursor: pointer;
2828 }
2829 .roo-select2-drop-mask {
2830   border: 0;
2831   margin: 0;
2832   padding: 0;
2833   position: fixed;
2834   left: 0;
2835   top: 0;
2836   min-height: 100%;
2837   min-width: 100%;
2838   height: auto;
2839   width: auto;
2840   opacity: 0;
2841   z-index: 9998;
2842   /* styles required for IE to work */
2843   background-color: #ffffff;
2844   filter: alpha(opacity=0);
2845 }
2846 .roo-select2-drop {
2847   width: 100%;
2848   margin-top: -1px;
2849   position: absolute;
2850   z-index: 9999;
2851   top: 100%;
2852   background: #ffffff;
2853   color: #000000;
2854   border: 1px solid #777777;
2855   border-top: 0;
2856   border-radius: 0 0 4px 4px;
2857   -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2);
2858   box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2);
2859 }
2860 .roo-select2-drop.roo-select2-drop-above {
2861   margin-top: 1px;
2862   border-top: 1px solid #777777;
2863   border-bottom: 0;
2864   border-radius: 4px 4px 0 0;
2865   -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.2);
2866   box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.2);
2867 }
2868 .roo-select2-drop-active {
2869   border: 1px solid #337ab7;
2870   border-top: none;
2871 }
2872 .roo-select2-drop.roo-select2-drop-above.roo-select2-drop-active {
2873   border-top: 1px solid #337ab7;
2874 }
2875 .roo-select2-drop-auto-width {
2876   border-top: 1px solid #777777;
2877   width: auto;
2878 }
2879 .roo-select2-drop-auto-width .roo-select2-search {
2880   padding-top: 4px;
2881 }
2882 .roo-select2-container .roo-select2-choice .roo-select2-arrow {
2883   display: inline-block;
2884   width: 18px;
2885   height: 100%;
2886   position: absolute;
2887   right: 0;
2888   top: 0;
2889   border-left: 1px solid #777777;
2890   border-radius: 0 4px 4px 0;
2891   background-clip: padding-box;
2892   background: #777777;
2893   background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #777777), color-stop(0.6, #eeeeee));
2894   background-image: -webkit-linear-gradient(center bottom, #777777 0%, #eeeeee 60%);
2895   background-image: -moz-linear-gradient(center bottom, #777777 0%, #eeeeee 60%);
2896   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@gray-lighter', endColorstr='@gray-light', GradientType=0);
2897   background-image: linear-gradient(to top, #777777 0%, #eeeeee 60%);
2898 }
2899 .roo-select2-container .roo-select2-choice .roo-select2-arrow b {
2900   display: block;
2901   width: 100%;
2902   height: 100%;
2903   background: url('../images/select2/select2.png') no-repeat 0 1px;
2904 }
2905 .roo-select2-search {
2906   display: inline-block;
2907   width: 100%;
2908   min-height: 26px;
2909   margin: 0;
2910   padding-left: 4px;
2911   padding-right: 4px;
2912   position: relative;
2913   z-index: 10000;
2914   white-space: nowrap;
2915 }
2916 .roo-select2-search input {
2917   width: 100%;
2918   height: auto !important;
2919   min-height: 26px;
2920   padding: 4px 20px 4px 5px;
2921   margin: 0;
2922   outline: 0;
2923   font-family: sans-serif;
2924   font-size: 1em;
2925   border: 1px solid #777777;
2926   border-radius: 0;
2927   -webkit-box-shadow: none;
2928   box-shadow: none;
2929   background: #ffffff url('../images/select2/select2.png') no-repeat 100% -22px;
2930   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));
2931   background: url('../images/select2/select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%);
2932   background: url('../images/select2/select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%);
2933   background: url('../images/select2/select2.png') no-repeat 100% -22px, linear-gradient(to bottom, #ffffff 85%, #eeeeee 99%) 0 0;
2934 }
2935 .roo-select2-drop.roo-select2-drop-above .roo-select2-search input {
2936   margin-top: 4px;
2937 }
2938 .roo-select2-search input.roo-select2-active {
2939   background: #ffffff url('../images/select2/select2-spinner.gif') no-repeat 100%;
2940   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));
2941   background: url('../images/select2/select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%);
2942   background: url('../images/select2/select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%);
2943   background: url('../images/select2/select2-spinner.gif') no-repeat 100%, linear-gradient(to bottom, #ffffff 85%, #eeeeee 99%) 0 0;
2944 }
2945 .roo-select2-container-active .roo-select2-choice,
2946 .roo-select2-container-active .roo-select2-choices {
2947   border: 1px solid #337ab7;
2948   outline: none;
2949   -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
2950   box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
2951 }
2952 .roo-select2-dropdown-open .roo-select2-choice {
2953   border-bottom-color: transparent;
2954   -webkit-box-shadow: 0 1px 0 #ffffff inset;
2955   box-shadow: 0 1px 0 #ffffff inset;
2956   border-bottom-left-radius: 0;
2957   border-bottom-right-radius: 0;
2958   background-color: #eeeeee;
2959   background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ffffff), color-stop(0.5, #eeeeee));
2960   background-image: -webkit-linear-gradient(center bottom, #ffffff 0%, #eeeeee 50%);
2961   background-image: -moz-linear-gradient(center bottom, #ffffff 0%, #eeeeee 50%);
2962   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@gray-lighter', endColorstr='@body-bg', GradientType=0);
2963   background-image: linear-gradient(to top, #ffffff 0%, #eeeeee 50%);
2964 }
2965 .roo-select2-dropdown-open.roo-select2-drop-above .roo-select2-choice,
2966 .roo-select2-dropdown-open.roo-select2-drop-above .roo-select2-choices {
2967   border: 1px solid #337ab7;
2968   border-top-color: transparent;
2969   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(0.5, #eeeeee));
2970   background-image: -webkit-linear-gradient(center top, #ffffff 0%, #eeeeee 50%);
2971   background-image: -moz-linear-gradient(center top, #ffffff 0%, #eeeeee 50%);
2972   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@gray-lighter', endColorstr='@body-bg', GradientType=0);
2973   background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 50%);
2974 }
2975 .roo-select2-dropdown-open .roo-select2-choice .roo-select2-arrow {
2976   background: transparent;
2977   border-left: none;
2978   filter: none;
2979 }
2980 .roo-select2-dropdown-open .roo-select2-choice .roo-select2-arrow b {
2981   background-position: -18px 1px;
2982 }
2983 .roo-select2-hidden-accessible {
2984   border: 0;
2985   clip: rect(0 0 0 0);
2986   height: 1px;
2987   margin: -1px;
2988   overflow: hidden;
2989   padding: 0;
2990   position: absolute;
2991   width: 1px;
2992 }
2993 /* results */
2994 .roo-select2-results {
2995   max-height: 200px;
2996   padding: 0 0 0 4px;
2997   margin: 4px 4px 4px 0;
2998   position: relative;
2999   overflow-x: hidden;
3000   overflow-y: auto;
3001   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
3002 }
3003 .roo-select2-results ul.roo-select2-result-sub {
3004   margin: 0;
3005   padding-left: 0;
3006 }
3007 .roo-select2-results li {
3008   list-style: none;
3009   display: list-item;
3010   background-image: none;
3011 }
3012 .roo-select2-results li.roo-select2-result-with-children > .roo-select2-result-label {
3013   font-weight: bold;
3014 }
3015 .roo-select2-results .roo-select2-result-label {
3016   padding: 3px 7px 4px;
3017   margin: 0;
3018   cursor: pointer;
3019   min-height: 1em;
3020   -webkit-touch-callout: none;
3021   -webkit-user-select: none;
3022   -moz-user-select: none;
3023   -ms-user-select: none;
3024   user-select: none;
3025 }
3026 .roo-select2-results-dept-1 .roo-select2-result-label {
3027   padding-left: 20px;
3028 }
3029 .roo-select2-results-dept-2 .roo-select2-result-label {
3030   padding-left: 40px;
3031 }
3032 .roo-select2-results-dept-3 .roo-select2-result-label {
3033   padding-left: 60px;
3034 }
3035 .roo-select2-results-dept-4 .roo-select2-result-label {
3036   padding-left: 80px;
3037 }
3038 .roo-select2-results-dept-5 .roo-select2-result-label {
3039   padding-left: 100px;
3040 }
3041 .roo-select2-results-dept-6 .roo-select2-result-label {
3042   padding-left: 110px;
3043 }
3044 .roo-select2-results-dept-7 .roo-select2-result-label {
3045   padding-left: 120px;
3046 }
3047 .roo-select2-results .roo-select2-highlighted {
3048   background: #337ab7;
3049   color: #ffffff;
3050 }
3051 .roo-select2-results li em {
3052   background: #f0ad4e;
3053   font-style: normal;
3054 }
3055 .roo-select2-results .roo-select2-highlighted em {
3056   background: transparent;
3057 }
3058 .roo-select2-results .roo-select2-highlighted ul {
3059   background: #ffffff;
3060   color: #000000;
3061 }
3062 .roo-select2-results .roo-select2-no-results,
3063 .roo-select2-results .roo-select2-searching,
3064 .roo-select2-results .roo-select2-selection-limit {
3065   background: #777777;
3066   display: list-item;
3067   padding-left: 5px;
3068 }
3069 /*
3070 disabled look for disabled choices in the results dropdown
3071 */
3072 .roo-select2-results .roo-select2-disabled.roo-select2-highlighted {
3073   color: #eeeeee;
3074   background: #777777;
3075   display: list-item;
3076   cursor: default;
3077 }
3078 .roo-select2-results .roo-select2-disabled {
3079   background: #777777;
3080   display: list-item;
3081   cursor: default;
3082 }
3083 .roo-select2-results .roo-select2-selected {
3084   display: none;
3085 }
3086 .roo-select2-more-results.roo-select2-active {
3087   background: #777777 url('../images/select2/select2-spinner.gif') no-repeat 100%;
3088 }
3089 .roo-select2-more-results {
3090   background: #777777;
3091   display: list-item;
3092 }
3093 /* disabled styles */
3094 .roo-select2-container.roo-select2-container-disabled .roo-select2-choice {
3095   background-color: #777777;
3096   background-image: none;
3097   border: 1px solid #777777;
3098   cursor: default;
3099 }
3100 .roo-select2-container.roo-select2-container-disabled .roo-select2-choice .roo-select2-arrow {
3101   background-color: #777777;
3102   background-image: none;
3103   border-left: 0;
3104 }
3105 .roo-select2-container.roo-select2-container-disabled .roo-select2-choice abbr {
3106   display: none;
3107 }
3108 /* multiselect */
3109 .roo-select2-container-multi .roo-select2-choices {
3110   height: auto !important;
3111   height: 1%;
3112   margin: 0;
3113   padding: 0;
3114   /*position: relative;*/
3115   border: 1px solid #777777;
3116   cursor: text;
3117   overflow: hidden;
3118   background-color: #ffffff;
3119   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
3120   background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
3121   background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
3122   background-image: linear-gradient(to bottom, #eeeeee 1%, #ffffff 15%);
3123 }
3124 .roo-select2-locked {
3125   padding: 3px 5px 3px 5px !important;
3126 }
3127 .roo-select2-container-multi .roo-select2-choices {
3128   min-height: 26px;
3129 }
3130 .roo-select2-container-multi.roo-select2-container-active .roo-select2-choices {
3131   border: 1px solid #337ab7;
3132   outline: none;
3133   -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
3134   box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
3135 }
3136 .roo-select2-container-multi .roo-select2-choices li {
3137   float: left;
3138   list-style: none;
3139 }
3140 html[dir="rtl"] .roo-select2-container-multi .roo-select2-choices li {
3141   float: right;
3142 }
3143 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-field {
3144   margin: 0;
3145   padding: 0;
3146   white-space: nowrap;
3147 }
3148 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-field input {
3149   padding: 5px;
3150   margin: 1px 0;
3151   font-family: sans-serif;
3152   font-size: 100%;
3153   color: #555555;
3154   outline: 0;
3155   border: 0;
3156   -webkit-box-shadow: none;
3157   box-shadow: none;
3158   background: transparent !important;
3159 }
3160 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-field input.roo-select2-active {
3161   background: #ffffff url('../images/select2/select2-spinner.gif') no-repeat 100% !important;
3162 }
3163 .roo-select2-default {
3164   color: #777777 !important;
3165 }
3166 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice {
3167   padding: 4px 7px 4px 16px;
3168   margin: 0 1px;
3169   position: relative;
3170   line-height: 13px;
3171   color: #333333;
3172   cursor: default;
3173   border: 1px solid #777777;
3174   border-radius: 3px;
3175   -webkit-touch-callout: none;
3176   -webkit-user-select: none;
3177   -moz-user-select: none;
3178   -ms-user-select: none;
3179   user-select: none;
3180 }
3181 html[dir="rtl"] .roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice {
3182   margin-left: 0;
3183   margin-right: 5px;
3184 }
3185 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice .roo-select2-chosen {
3186   cursor: default;
3187 }
3188 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice-focus {
3189   background: #777777;
3190 }
3191 .roo-select2-search-choice-close {
3192   display: block;
3193   width: 12px;
3194   height: 13px;
3195   position: absolute;
3196   right: 3px;
3197   top: 4px;
3198   font-size: 12px;
3199   outline: none;
3200   color: #777777;
3201   /*background: url('@{bootstrap-image-path}/select2/select2.png') right top no-repeat;*/
3202 }
3203 .roo-select2-search-choice-close:hover {
3204   color: #333333;
3205 }
3206 html[dir="rtl"] .roo-select2-search-choice-close {
3207   right: auto;
3208   left: 3px;
3209 }
3210 .roo-select2-container-multi .roo-select2-search-choice-close {
3211   left: 3px;
3212 }
3213 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice .roo-select2-search-choice-close:hover {
3214   background-position: right -11px;
3215 }
3216 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice-focus .roo-select2-search-choice-close {
3217   background-position: right -11px;
3218 }
3219 /* disabled styles */
3220 .roo-select2-container-multi.roo-select2-container-disabled .roo-select2-choices {
3221   background-color: #777777;
3222   background-image: none;
3223   border: 1px solid #777777;
3224   cursor: default;
3225 }
3226 .roo-select2-container-multi.roo-select2-container-disabled .roo-select2-choices .roo-select2-search-choice {
3227   padding: 3px 5px 3px 5px;
3228   border: 1px solid #777777;
3229   background-image: none;
3230   background-color: #777777;
3231 }
3232 .roo-select2-container-multi.roo-select2-container-disabled .roo-select2-choices .roo-select2-search-choice .roo-select2-search-choice-close {
3233   display: none;
3234   background: none;
3235 }
3236 /* end multiselect */
3237 .roo-select2-result-selectable .roo-select2-match,
3238 .roo-select2-result-unselectable .roo-select2-match {
3239   text-decoration: underline;
3240 }
3241 .roo-select2-offscreen,
3242 .roo-select2-offscreen:focus {
3243   clip: rect(0 0 0 0) !important;
3244   width: 1px !important;
3245   height: 1px !important;
3246   border: 0 !important;
3247   margin: 0 !important;
3248   padding: 0 !important;
3249   overflow: hidden !important;
3250   position: absolute !important;
3251   outline: 0 !important;
3252   left: 0px !important;
3253   top: 0px !important;
3254 }
3255 .roo-select2-display-none {
3256   display: none;
3257 }
3258 .roo-select2-measure-scrollbar {
3259   position: absolute;
3260   top: -10000px;
3261   left: -10000px;
3262   width: 100px;
3263   height: 100px;
3264   overflow: scroll;
3265 }
3266 /* Retina-ize icons */
3267 @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx) {
3268   .roo-select2-search input,
3269   .roo-select2-search-choice-close,
3270   .roo-select2-container .roo-select2-choice abbr,
3271   .roo-select2-container .roo-select2-choice .roo-select2-arrow b {
3272     background-image: url('../images/select2/select2x2.png') !important;
3273     background-repeat: no-repeat !important;
3274     background-size: 60px 40px !important;
3275   }
3276   .roo-select2-search input {
3277     background-position: 100% -21px !important;
3278   }
3279 }
3280 .has-error .roo-select2-choices {
3281   border-color: #d9534f;
3282   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.8);
3283   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.8);
3284 }
3285 .dropdown-menu .roo-select2-result.disabled {
3286   background-color: #eeeeee;
3287   color: #777777;
3288   cursor: not-allowed;
3289 }
3290 .sidebar {
3291   margin-bottom: 5px;
3292 }
3293 /* override boostrap a:hover */
3294 .sidebar a:hover {
3295   text-decoration: none;
3296 }
3297 .sidebar .sidebar-menu {
3298   list-style: none;
3299   margin: 0;
3300   padding: 0;
3301 }
3302 /* GREY BG */
3303 .sidebar .sidebar-menu > li,
3304 .sidebar .sidebar-menu li.active li.treeview-menu {
3305   margin: 0;
3306   padding: 0;
3307   border-bottom: 1px solid #777777;
3308   background-color: #eeeeee;
3309 }
3310 /* active child menu - white BG */
3311 .sidebar .sidebar-menu li.active li.treeview-menu {
3312   background-color: #777777;
3313 }
3314 .sidebar .sidebar-menu > li > a,
3315 .sidebar .sidebar-menu li.open li.treeview-menu > a {
3316   padding: 12px 5px 12px 15px;
3317   display: block;
3318   color: #333333;
3319 }
3320 .sidebar .sidebar-menu > li > a > .fa,
3321 .sidebar .sidebar-menu > li > a > .glyphicon,
3322 .sidebar .sidebar-menu > li > a > .ion {
3323   width: 20px;
3324 }
3325 .sidebar .sidebar-menu li:hover,
3326 .sidebar .sidebar-menu li:focus,
3327 .sidebar .sidebar-menu li:active,
3328 .sidebar .sidebar-menu li.active li.treeview-menu:hover,
3329 .sidebar .sidebar-menu li.active li.treeview-menu:focus,
3330 .sidebar .sidebar-menu li.active li.treeview-menu:active {
3331   background-color: #ffffff;
3332 }
3333 .sidebar .sidebar-menu li:hover a,
3334 .sidebar .sidebar-menu li:focus a,
3335 .sidebar .sidebar-menu li:active a,
3336 .sidebar .sidebar-menu li.oepn li.treeview-menu a:hover,
3337 .sidebar .sidebar-menu li.open li.treeview-menu a:focus,
3338 .sidebar .sidebar-menu li.open li.treeview-menu a:active {
3339   color: #000000;
3340   text-decoration: none;
3341 }
3342 /* BLUE ACTIVE */
3343 .sidebar .sidebar-menu li.active {
3344   color: #ffffff;
3345   background-color: #337ab7;
3346   border-color: #286090;
3347 }
3348 .sidebar .sidebar-menu li.active:hover,
3349 .sidebar .sidebar-menu li.active:focus,
3350 .sidebar .sidebar-menu li.active.focus {
3351   color: #ffffff;
3352   background-color: #337ab7;
3353   border-color: #286090;
3354 }
3355 .sidebar .sidebar-menu li.active a {
3356   color: #ffffff;
3357 }
3358 .sidebar .sidebar-menu li.disabled {
3359   color: #333333;
3360   background-color: #ffffff;
3361   border-color: #333333;
3362 }
3363 .sidebar .sidebar-menu li.disabled a {
3364   color: #777777;
3365   cursor: default;
3366 }
3367 .sidebar .sidebar-menu li.danger,
3368 .sidebar .sidebar-menu li.danger.active {
3369   color: #ffffff;
3370   background-color: #d9534f;
3371   border-color: #e27c79;
3372 }
3373 .sidebar .sidebar-menu li.danger:hover,
3374 .sidebar .sidebar-menu li.danger:focus,
3375 .sidebar .sidebar-menu li.danger.active:focus {
3376   color: #ffffff;
3377   background-color: #d9534f;
3378   border-color: #c9302c;
3379   border-bottom: 1px solid #c9302c;
3380 }
3381 .sidebar .sidebar-menu li.danger a,
3382 .sidebar .sidebar-menu li.danger.active a {
3383   color: #ffffff;
3384 }
3385 /* --- open  */
3386 .sidebar .sidebar-menu li.open ul {
3387   display: block;
3388 }
3389 .sidebar .sidebar-menu li.open .treeview-menu {
3390   display: block;
3391 }
3392 /* --- treeview menu  */
3393 .sidebar .sidebar-menu .treeview-menu {
3394   display: none;
3395   list-style: none;
3396   padding: 0;
3397   margin: 0;
3398 }
3399 .sidebar .sidebar-menu .treeview-menu > li {
3400   margin: 0;
3401 }
3402 .sidebar .sidebar-menu li.open li.treeview-menu > a {
3403   padding: 5px 5px 5px 20px;
3404   display: block;
3405   font-size: 14px;
3406   margin: 0px 0px;
3407 }
3408 .sidebar .sidebar-menu .treeview-menu > li > a > .fa,
3409 .sidebar .sidebar-menu .treeview-menu > li > a > .glyphicon,
3410 .sidebar .sidebar-menu .treeview-menu > li > a > .ion {
3411   width: 20px;
3412 }
3413 /* background to highlighted treeview node
3414 .sidebar .sidebar-menu li li.treeview-menu.active  {
3415     background: #fff;
3416 }
3417 */
3418 .sidebar .sidebar-menu li li.treeview-menu.active > a {
3419   font-weight: bold;
3420 }
3421 /* active sidebard... */
3422 .badge-default {
3423   background-color: #777777;
3424   color: #ffffff;
3425 }
3426 .badge-primary {
3427   background-color: #337ab7;
3428   color: #ffffff;
3429 }
3430 .badge-success {
3431   background-color: #5cb85c;
3432   color: #ffffff;
3433 }
3434 .badge-info {
3435   background-color: #5bc0de;
3436   color: #ffffff;
3437 }
3438 .badge-warning {
3439   background-color: #f0ad4e;
3440   color: #ffffff;
3441 }
3442 .badge-danger {
3443   background-color: #d9534f;
3444   color: #ffffff;
3445 }
3446 .sidebar .sidebar-menu > li.active .badge-info {
3447   background-color: #ffffff;
3448   color: #5bc0de;
3449 }
3450 /*html, */
3451 /* Sticky footer styles
3452 -------------------------------------------------- */
3453 html.bootstrap-sticky {
3454   position: relative;
3455   min-height: 100%;
3456 }
3457 html.bootstrap-sticky body {
3458   /* Margin bottom by footer height */
3459   margin-bottom: 60px;
3460 }
3461 .bootstrap-sticky-footer {
3462   position: absolute;
3463   bottom: 0;
3464   width: 100%;
3465   /* Set the fixed height of the footer here */
3466   height: 60px;
3467   background-color: #f5f5f5;
3468 }
3469 /* Lastly, apply responsive CSS fixes as necessary */
3470 @media (max-width: 767px) {
3471   .bootstrap-sticky-footer {
3472     margin-left: -20px;
3473     margin-right: -20px;
3474     padding-left: 20px;
3475     padding-right: 20px;
3476   }
3477 }
3478 /* paging toolbar */
3479 .pagination .x-paging-position span {
3480   padding-top: 3px;
3481   padding-bottom: 3px;
3482 }
3483 .pagination .x-paging-position span input {
3484   margin: 0 3px;
3485 }
3486 .navbar .pagination > li > span {
3487   min-height: 34px;
3488 }
3489 .navbar .pagination {
3490   margin: 0;
3491 }
3492 /* these are technicall adminlte related */
3493 .skin-blue .navbar .pagination > li > a:active,
3494 .skin-blue .navbar .pagination > li > a:focus,
3495 .skin-blue .navbar .pagination > li > a {
3496   background-color: #337ab7;
3497 }
3498 .skin-blue .navbar .pagination > li > a:hover {
3499   background-color: #777777;
3500 }
3501 .skin-blue table .navbar {
3502   background-color: #ffffff;
3503 }
3504 .skin-blue .navbar .pagination > li.disabled > a {
3505   background-color: #777777;
3506 }
3507 .skin-blue table .navbar {
3508   margin-bottom: 0;
3509   min-height: 0;
3510 }
3511 .table .sortable {
3512   cursor: pointer;
3513 }
3514 .table-body-fixed tbody {
3515   overflow-y: scroll;
3516   width: 100%;
3517 }
3518 .table-body-fixed thead,
3519 .table-body-fixed tbody,
3520 .table-body-fixed th {
3521   display: block;
3522 }
3523 .table-body-fixed thead {
3524   overflow: hidden;
3525 }
3526 .table-body-fixed tbody td,
3527 .table-body-fixed thead > tr > th {
3528   float: left;
3529   border-bottom-width: 0;
3530 }
3531 /* fake infinate widt.. */
3532 .table-body-fixed thead > tr,
3533 .table-body-fixed tbody > tr {
3534   display: block;
3535   overflow: hidden;
3536 }
3537 /* standard bootstrap does not colour rows very well.. */
3538 .table > tbody > tr.info {
3539   background-color: #d9edf7;
3540 }
3541 .table-hover > tbody > tr.info:hover {
3542   background-color: #c4e3f3;
3543 }
3544 .table tfoot .navbar {
3545   min-height: inherit;
3546 }
3547 /* for ie11 && edge: fixing height inheriting from tbody to tr */
3548 .roo-ie11 table.table tbody tr,
3549 .roo-edge table.table tbody tr {
3550   height: auto;
3551 }
3552 .header .top-bar {
3553   min-height: 30px;
3554   background: #777777;
3555   border-bottom: 1px solid #eeeeee;
3556   padding: 0;
3557 }
3558 @media (min-width: 980px) {
3559   .top-bar .collapse {
3560     display: block !important;
3561     visibility: visible !important;
3562     height: auto !important;
3563     overflow: visible !important;
3564     padding-bottom: 0;
3565   }
3566 }
3567 @media (min-width: 768px) and (max-width: 979px) {
3568   .header .top-bar {
3569     min-height: 0;
3570     padding: 3px 0;
3571   }
3572 }
3573 .header .social,
3574 .footer .social {
3575   margin-right: 4px;
3576   line-height: 30px;
3577   padding-left: 0;
3578   margin-bottom: 0;
3579 }
3580 .footer .social li:last-child,
3581 .footer .social {
3582   margin-right: 0 !important;
3583 }
3584 .header .social li:first-child {
3585   border-left: 1px solid #777777;
3586 }
3587 .header .social li,
3588 .footer .social li {
3589   border-right: 1px solid #777777;
3590   display: table-cell;
3591   vertical-align: middle;
3592   height: 40px;
3593   margin-right: 5px;
3594   width: 40px;
3595   text-align: center;
3596   -webkit-transition: background 0.5s ease-in-out;
3597   -moz-transition: background 0.5s ease-in-out;
3598   -o-transition: background 0.5s ease-in-out;
3599   -ms-transition: background 0.5s ease-in-out;
3600   transition: background 0.5s ease-in-out;
3601   padding: 1px;
3602 }
3603 .header .social i,
3604 .footer .social i {
3605   color: #555555;
3606   font-size: 16px;
3607   -webkit-transition: color 0.5s ease-in-out;
3608   -moz-transition: color 0.5s ease-in-out;
3609   -o-transition: color 0.5s ease-in-out;
3610   -ms-transition: color 0.5s ease-in-out;
3611   transition: color 0.5s ease-in-out;
3612 }
3613 .header .social li:hover a i,
3614 .footer .social li:hover a i {
3615   color: #ffffff;
3616 }
3617 .team .item .team-member-links a.facebook:hover,
3618 .member-social.dark a.facebook:hover,
3619 .header .social li.facebook:hover,
3620 .footer .social li.facebook:hover {
3621   background: #337ab7;
3622 }
3623 .team .item .team-member-links a.dribbble:hover,
3624 .member-social.dark a.dribbble:hover,
3625 .header .social li.dribbble:hover,
3626 .footer .social li.dribbble:hover {
3627   background: #f0ad4e;
3628 }
3629 .team .item .team-member-links a.twitter:hover,
3630 .member-social.dark a.twitter:hover,
3631 .header .social li.twitter:hover,
3632 .footer .social li.twitter:hover {
3633   background: #337ab7;
3634 }
3635 .team .item .team-member-links a.gplus:hover,
3636 .member-social.dark a.gplus:hover,
3637 .header .social li.gplus:hover,
3638 .footer .social li.gplus:hover {
3639   background: #d9534f;
3640 }
3641 .team .item .team-member-links a.linkedin:hover,
3642 .member-social.dark a.linkedin:hover,
3643 .header .social li.linkedin:hover,
3644 .footer .social li.linkedin:hover {
3645   background: #337ab7;
3646 }
3647 .team .item .team-member-links a.pinterest:hover,
3648 .member-social.dark a.pinterest:hover,
3649 .header .social li.pinterest:hover,
3650 .footer .social li.pinterest:hover {
3651   background: #d9534f;
3652 }
3653 .header .social li.rss:hover,
3654 .footer .social li.rss:hover {
3655   background: #f0ad4e;
3656 }
3657 .top-bar .languages {
3658   padding: 8px 0;
3659 }
3660 .top-bar .languages a {
3661   margin-right: 20px;
3662   color: #555555;
3663   font-family: "Open Sans", Helvetica, Arial, sans-serif;
3664   font-size: 14px;
3665   line-height: 24px;
3666 }
3667 /* WTF is this! !!
3668  *
3669  * DO NOT EVER PUT ANYTHIGN IN THIS FILE... tweaks - bad name... *
3670  */
3671 .navbar-left .input-group[class*="col-"] {
3672   float: left;
3673 }
3674 .ellipsis {
3675   overflow: hidden;
3676   text-overflow: ellipsis;
3677   display: -webkit-box;
3678   -webkit-line-clamp: 3;
3679   -webkit-box-orient: vertical;
3680 }
3681 .sw-child-headline {
3682   display: inline-block;
3683   width: auto;
3684 }
3685 .box-input-label {
3686   width: 100%;
3687   display: inline-block;
3688   font-weight: bold;
3689 }
3690 .box-label {
3691   margin-left: 5px;
3692   cursor: pointer;
3693 }
3694 /* needed as menu ontop of form does not work */
3695 .input-group .form-control {
3696   z-index: 1;
3697 }
3698 /* admin-lte - messes with checkbox and radio.. */
3699 .checkbox,
3700 .radio {
3701   padding-left: 15px !important;
3702 }
3703 /* inside a column it needs even more padding...*/
3704 /*
3705 * It breaks all the checkbox layout. comment it first...
3706 */
3707 /*.column .checkbox,
3708 .column .radio {
3709     padding-left: 25px !important;
3710 }*/
3711 /* paging toolbar */
3712 .pagination .x-paging-position span {
3713   padding-top: 3px;
3714   padding-bottom: 3px;
3715 }
3716 .pagination .x-paging-position span input {
3717   margin: 0 3px;
3718 }
3719 .panel-header-right {
3720   float: right;
3721   text-align: right;
3722 }
3723 .badge-error {
3724   background-color: #d9534f;
3725 }
3726 .badge-error:hover {
3727   background-color: #c9302c;
3728 }
3729 .badge-warning {
3730   background-color: #f0ad4e;
3731 }
3732 .badge-warning:hover {
3733   background-color: #ec971f;
3734 }
3735 .badge-success {
3736   background-color: #5cb85c;
3737 }
3738 .badge-success:hover {
3739   background-color: #449d44;
3740 }
3741 .badge-info {
3742   background-color: #5bc0de;
3743 }
3744 .badge-info:hover {
3745   background-color: #31b0d5;
3746 }
3747 .badge-inverse {
3748   background-color: #333333;
3749 }
3750 .badge-inverse:hover {
3751   background-color: #222222;
3752 }
3753 .tooltip.fade.in {
3754   z-index: 10002;
3755 }
3756 .roo-upload-cropbox-selector {
3757   visibility: hidden;
3758   height: 0px;
3759 }
3760 .roo-upload-cropbox-dialog .modal-header,
3761 .roo-upload-cropbox-dialog .modal-footer {
3762   padding-top: 5px;
3763   padding-bottom: 5px;
3764 }
3765 .roo-upload-cropbox-body {
3766   background-color: #ffffff;
3767   border: 1px solid #777777;
3768   width: 100%;
3769   height: 450px;
3770   max-height: 450px;
3771   position: relative;
3772   overflow: hidden;
3773   cursor: move;
3774 }
3775 .roo-upload-cropbox-preview {
3776   position: absolute;
3777   top: 0px;
3778   left: 0px;
3779   text-align: center;
3780   margin: 0px;
3781   padding: 0px;
3782   border: none;
3783 }
3784 .roo-upload-cropbox-body .roo-upload-cropbox-thumb {
3785   position: absolute;
3786   /*    top: 50%;
3787     left: 50%;
3788     transform: translate(-50%, -50%);*/
3789   box-sizing: border-box;
3790   border: 1px solid #777777;
3791   box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
3792   background: none repeat scroll 0% 0% transparent;
3793 }
3794 .roo-upload-cropbox-body .roo-upload-cropbox-empty-notify {
3795   height: 100%;
3796   background-color: rgba(0, 0, 0, 0.5);
3797   color: #ffffff;
3798   font-weight: bold;
3799   font-size: 24px;
3800   text-align: center;
3801   padding-top: 50px;
3802   font-style: italic;
3803 }
3804 .roo-upload-cropbox-btn-group button {
3805   background-color: #000000;
3806   color: #ffffff;
3807   border-color: #333333;
3808 }
3809 .roo-upload-cropbox-error-notify {
3810   border-radius: 0px;
3811   text-align: center;
3812   padding: 0px !important;
3813   margin: 0px !important;
3814   position: absolute;
3815   top: 0;
3816   left: 0;
3817 }
3818 .tel-input {
3819   padding-left: 105px;
3820   border-radius: 4px !important;
3821 }
3822 .dial-code-holder {
3823   position: absolute;
3824   width: 60px;
3825   left: 55px;
3826   z-index: 3;
3827   padding: 7px;
3828   border: 1px solid transparent;
3829   background: transparent;
3830   -webkit-touch-callout: none;
3831   -webkit-user-select: none;
3832   -khtml-user-select: none;
3833   -moz-user-select: none;
3834   -ms-user-select: none;
3835   user-select: none;
3836 }
3837 .tel-list li a {
3838   padding-left: 10px;
3839 }
3840 .tel-list li a .flag {
3841   margin-right: 20px;
3842 }
3843 .tel-list li a .dial-code {
3844   color: #999;
3845 }
3846 .flag-box {
3847   position: absolute;
3848   top: 6px;
3849   height: 20px;
3850   width: 50px;
3851   padding: 5px;
3852   margin-left: 5px;
3853   display: flex;
3854   flex-direction: row;
3855   justify-content: space-around;
3856   z-index: 4;
3857 }
3858 .flag-box .caret {
3859   margin-top: 3px;
3860 }
3861 .flag {
3862   background-image: url('../images/default/flags.png');
3863   background-repeat: no-repeat;
3864   width: 20px;
3865   height: inherit;
3866   display: inline-block;
3867   margin-right: 10px;
3868 }
3869 .flag.ac {
3870   height: 10px;
3871   background-position: 0px 0px;
3872 }
3873 .flag.ad {
3874   height: 14px;
3875   background-position: -22px 0px;
3876 }
3877 .flag.ae {
3878   height: 10px;
3879   background-position: -44px 0px;
3880 }
3881 .flag.af {
3882   height: 14px;
3883   background-position: -66px 0px;
3884 }
3885 .flag.ag {
3886   height: 14px;
3887   background-position: -88px 0px;
3888 }
3889 .flag.ai {
3890   height: 10px;
3891   background-position: -110px 0px;
3892 }
3893 .flag.al {
3894   height: 15px;
3895   background-position: -132px 0px;
3896 }
3897 .flag.am {
3898   height: 10px;
3899   background-position: -154px 0px;
3900 }
3901 .flag.ao {
3902   height: 14px;
3903   background-position: -176px 0px;
3904 }
3905 .flag.aq {
3906   height: 14px;
3907   background-position: -198px 0px;
3908 }
3909 .flag.ar {
3910   height: 13px;
3911   background-position: -220px 0px;
3912 }
3913 .flag.as {
3914   height: 10px;
3915   background-position: -242px 0px;
3916 }
3917 .flag.at {
3918   height: 14px;
3919   background-position: -264px 0px;
3920 }
3921 .flag.au {
3922   height: 10px;
3923   background-position: -286px 0px;
3924 }
3925 .flag.aw {
3926   height: 14px;
3927   background-position: -308px 0px;
3928 }
3929 .flag.ax {
3930   height: 13px;
3931   background-position: -330px 0px;
3932 }
3933 .flag.az {
3934   height: 10px;
3935   background-position: -352px 0px;
3936 }
3937 .flag.ba {
3938   height: 10px;
3939   background-position: -374px 0px;
3940 }
3941 .flag.bb {
3942   height: 14px;
3943   background-position: -396px 0px;
3944 }
3945 .flag.bd {
3946   height: 12px;
3947   background-position: -418px 0px;
3948 }
3949 .flag.be {
3950   height: 15px;
3951   background-position: -440px 0px;
3952 }
3953 .flag.bf {
3954   height: 14px;
3955   background-position: -460px 0px;
3956 }
3957 .flag.bg {
3958   height: 12px;
3959   background-position: -482px 0px;
3960 }
3961 .flag.bh {
3962   height: 12px;
3963   background-position: -504px 0px;
3964 }
3965 .flag.bi {
3966   height: 12px;
3967   background-position: -526px 0px;
3968 }
3969 .flag.bj {
3970   height: 14px;
3971   background-position: -548px 0px;
3972 }
3973 .flag.bl {
3974   height: 14px;
3975   background-position: -570px 0px;
3976 }
3977 .flag.bm {
3978   height: 10px;
3979   background-position: -592px 0px;
3980 }
3981 .flag.bn {
3982   height: 10px;
3983   background-position: -614px 0px;
3984 }
3985 .flag.bo {
3986   height: 14px;
3987   background-position: -636px 0px;
3988 }
3989 .flag.bq {
3990   height: 14px;
3991   background-position: -658px 0px;
3992 }
3993 .flag.br {
3994   height: 14px;
3995   background-position: -680px 0px;
3996 }
3997 .flag.bs {
3998   height: 10px;
3999   background-position: -702px 0px;
4000 }
4001 .flag.bt {
4002   height: 14px;
4003   background-position: -724px 0px;
4004 }
4005 .flag.bv {
4006   height: 15px;
4007   background-position: -746px 0px;
4008 }
4009 .flag.bw {
4010   height: 14px;
4011   background-position: -768px 0px;
4012 }
4013 .flag.by {
4014   height: 10px;
4015   background-position: -790px 0px;
4016 }
4017 .flag.bz {
4018   height: 14px;
4019   background-position: -812px 0px;
4020 }
4021 .flag.ca {
4022   height: 10px;
4023   background-position: -834px 0px;
4024 }
4025 .flag.cc {
4026   height: 10px;
4027   background-position: -856px 0px;
4028 }
4029 .flag.cd {
4030   height: 15px;
4031   background-position: -878px 0px;
4032 }
4033 .flag.cf {
4034   height: 14px;
4035   background-position: -900px 0px;
4036 }
4037 .flag.cg {
4038   height: 14px;
4039   background-position: -922px 0px;
4040 }
4041 .flag.ch {
4042   height: 15px;
4043   background-position: -944px 0px;
4044 }
4045 .flag.ci {
4046   height: 14px;
4047   background-position: -961px 0px;
4048 }
4049 .flag.ck {
4050   height: 10px;
4051   background-position: -983px 0px;
4052 }
4053 .flag.cl {
4054   height: 14px;
4055   background-position: -1005px 0px;
4056 }
4057 .flag.cm {
4058   height: 14px;
4059   background-position: -1027px 0px;
4060 }
4061 .flag.cn {
4062   height: 14px;
4063   background-position: -1049px 0px;
4064 }
4065 .flag.co {
4066   height: 14px;
4067   background-position: -1071px 0px;
4068 }
4069 .flag.cp {
4070   height: 14px;
4071   background-position: -1093px 0px;
4072 }
4073 .flag.cr {
4074   height: 12px;
4075   background-position: -1115px 0px;
4076 }
4077 .flag.cu {
4078   height: 10px;
4079   background-position: -1137px 0px;
4080 }
4081 .flag.cv {
4082   height: 12px;
4083   background-position: -1159px 0px;
4084 }
4085 .flag.cw {
4086   height: 14px;
4087   background-position: -1181px 0px;
4088 }
4089 .flag.cx {
4090   height: 10px;
4091   background-position: -1203px 0px;
4092 }
4093 .flag.cy {
4094   height: 13px;
4095   background-position: -1225px 0px;
4096 }
4097 .flag.cz {
4098   height: 14px;
4099   background-position: -1247px 0px;
4100 }
4101 .flag.de {
4102   height: 12px;
4103   background-position: -1269px 0px;
4104 }
4105 .flag.dg {
4106   height: 10px;
4107   background-position: -1291px 0px;
4108 }
4109 .flag.dj {
4110   height: 14px;
4111   background-position: -1313px 0px;
4112 }
4113 .flag.dk {
4114   height: 15px;
4115   background-position: -1335px 0px;
4116 }
4117 .flag.dm {
4118   height: 10px;
4119   background-position: -1357px 0px;
4120 }
4121 .flag.do {
4122   height: 13px;
4123   background-position: -1379px 0px;
4124 }
4125 .flag.dz {
4126   height: 14px;
4127   background-position: -1401px 0px;
4128 }
4129 .flag.ea {
4130   height: 14px;
4131   background-position: -1423px 0px;
4132 }
4133 .flag.ec {
4134   height: 14px;
4135   background-position: -1445px 0px;
4136 }
4137 .flag.ee {
4138   height: 13px;
4139   background-position: -1467px 0px;
4140 }
4141 .flag.eg {
4142   height: 14px;
4143   background-position: -1489px 0px;
4144 }
4145 .flag.eh {
4146   height: 10px;
4147   background-position: -1511px 0px;
4148 }
4149 .flag.er {
4150   height: 10px;
4151   background-position: -1533px 0px;
4152 }
4153 .flag.es {
4154   height: 14px;
4155   background-position: -1555px 0px;
4156 }
4157 .flag.et {
4158   height: 10px;
4159   background-position: -1577px 0px;
4160 }
4161 .flag.eu {
4162   height: 14px;
4163   background-position: -1599px 0px;
4164 }
4165 .flag.fi {
4166   height: 12px;
4167   background-position: -1621px 0px;
4168 }
4169 .flag.fj {
4170   height: 10px;
4171   background-position: -1643px 0px;
4172 }
4173 .flag.fk {
4174   height: 10px;
4175   background-position: -1665px 0px;
4176 }
4177 .flag.fm {
4178   height: 11px;
4179   background-position: -1687px 0px;
4180 }
4181 .flag.fo {
4182   height: 15px;
4183   background-position: -1709px 0px;
4184 }
4185 .flag.fr {
4186   height: 14px;
4187   background-position: -1731px 0px;
4188 }
4189 .flag.ga {
4190   height: 15px;
4191   background-position: -1753px 0px;
4192 }
4193 .flag.gb {
4194   height: 10px;
4195   background-position: -1775px 0px;
4196 }
4197 .flag.gd {
4198   height: 12px;
4199   background-position: -1797px 0px;
4200 }
4201 .flag.ge {
4202   height: 14px;
4203   background-position: -1819px 0px;
4204 }
4205 .flag.gf {
4206   height: 14px;
4207   background-position: -1841px 0px;
4208 }
4209 .flag.gg {
4210   height: 14px;
4211   background-position: -1863px 0px;
4212 }
4213 .flag.gh {
4214   height: 14px;
4215   background-position: -1885px 0px;
4216 }
4217 .flag.gi {
4218   height: 10px;
4219   background-position: -1907px 0px;
4220 }
4221 .flag.gl {
4222   height: 14px;
4223   background-position: -1929px 0px;
4224 }
4225 .flag.gm {
4226   height: 14px;
4227   background-position: -1951px 0px;
4228 }
4229 .flag.gn {
4230   height: 14px;
4231   background-position: -1973px 0px;
4232 }
4233 .flag.gp {
4234   height: 14px;
4235   background-position: -1995px 0px;
4236 }
4237 .flag.gq {
4238   height: 14px;
4239   background-position: -2017px 0px;
4240 }
4241 .flag.gr {
4242   height: 14px;
4243   background-position: -2039px 0px;
4244 }
4245 .flag.gs {
4246   height: 10px;
4247   background-position: -2061px 0px;
4248 }
4249 .flag.gt {
4250   height: 13px;
4251   background-position: -2083px 0px;
4252 }
4253 .flag.gu {
4254   height: 11px;
4255   background-position: -2105px 0px;
4256 }
4257 .flag.gw {
4258   height: 10px;
4259   background-position: -2127px 0px;
4260 }
4261 .flag.gy {
4262   height: 12px;
4263   background-position: -2149px 0px;
4264 }
4265 .flag.hk {
4266   height: 14px;
4267   background-position: -2171px 0px;
4268 }
4269 .flag.hm {
4270   height: 10px;
4271   background-position: -2193px 0px;
4272 }
4273 .flag.hn {
4274   height: 10px;
4275   background-position: -2215px 0px;
4276 }
4277 .flag.hr {
4278   height: 10px;
4279   background-position: -2237px 0px;
4280 }
4281 .flag.ht {
4282   height: 12px;
4283   background-position: -2259px 0px;
4284 }
4285 .flag.hu {
4286   height: 10px;
4287   background-position: -2281px 0px;
4288 }
4289 .flag.ic {
4290   height: 14px;
4291   background-position: -2303px 0px;
4292 }
4293 .flag.id {
4294   height: 14px;
4295   background-position: -2325px 0px;
4296 }
4297 .flag.ie {
4298   height: 10px;
4299   background-position: -2347px 0px;
4300 }
4301 .flag.il {
4302   height: 15px;
4303   background-position: -2369px 0px;
4304 }
4305 .flag.im {
4306   height: 10px;
4307   background-position: -2391px 0px;
4308 }
4309 .flag.in {
4310   height: 14px;
4311   background-position: -2413px 0px;
4312 }
4313 .flag.io {
4314   height: 10px;
4315   background-position: -2435px 0px;
4316 }
4317 .flag.iq {
4318   height: 14px;
4319   background-position: -2457px 0px;
4320 }
4321 .flag.ir {
4322   height: 12px;
4323   background-position: -2479px 0px;
4324 }
4325 .flag.is {
4326   height: 15px;
4327   background-position: -2501px 0px;
4328 }
4329 .flag.it {
4330   height: 14px;
4331   background-position: -2523px 0px;
4332 }
4333 .flag.je {
4334   height: 12px;
4335   background-position: -2545px 0px;
4336 }
4337 .flag.jm {
4338   height: 10px;
4339   background-position: -2567px 0px;
4340 }
4341 .flag.jo {
4342   height: 10px;
4343   background-position: -2589px 0px;
4344 }
4345 .flag.jp {
4346   height: 14px;
4347   background-position: -2611px 0px;
4348 }
4349 .flag.ke {
4350   height: 14px;
4351   background-position: -2633px 0px;
4352 }
4353 .flag.kg {
4354   height: 12px;
4355   background-position: -2655px 0px;
4356 }
4357 .flag.kh {
4358   height: 13px;
4359   background-position: -2677px 0px;
4360 }
4361 .flag.ki {
4362   height: 10px;
4363   background-position: -2699px 0px;
4364 }
4365 .flag.km {
4366   height: 12px;
4367   background-position: -2721px 0px;
4368 }
4369 .flag.kn {
4370   height: 14px;
4371   background-position: -2743px 0px;
4372 }
4373 .flag.kp {
4374   height: 10px;
4375   background-position: -2765px 0px;
4376 }
4377 .flag.kr {
4378   height: 14px;
4379   background-position: -2787px 0px;
4380 }
4381 .flag.kw {
4382   height: 10px;
4383   background-position: -2809px 0px;
4384 }
4385 .flag.ky {
4386   height: 10px;
4387   background-position: -2831px 0px;
4388 }
4389 .flag.kz {
4390   height: 10px;
4391   background-position: -2853px 0px;
4392 }
4393 .flag.la {
4394   height: 14px;
4395   background-position: -2875px 0px;
4396 }
4397 .flag.lb {
4398   height: 14px;
4399   background-position: -2897px 0px;
4400 }
4401 .flag.lc {
4402   height: 10px;
4403   background-position: -2919px 0px;
4404 }
4405 .flag.li {
4406   height: 12px;
4407   background-position: -2941px 0px;
4408 }
4409 .flag.lk {
4410   height: 10px;
4411   background-position: -2963px 0px;
4412 }
4413 .flag.lr {
4414   height: 11px;
4415   background-position: -2985px 0px;
4416 }
4417 .flag.ls {
4418   height: 14px;
4419   background-position: -3007px 0px;
4420 }
4421 .flag.lt {
4422   height: 12px;
4423   background-position: -3029px 0px;
4424 }
4425 .flag.lu {
4426   height: 12px;
4427   background-position: -3051px 0px;
4428 }
4429 .flag.lv {
4430   height: 10px;
4431   background-position: -3073px 0px;
4432 }
4433 .flag.ly {
4434   height: 10px;
4435   background-position: -3095px 0px;
4436 }
4437 .flag.ma {
4438   height: 14px;
4439   background-position: -3117px 0px;
4440 }
4441 .flag.mc {
4442   height: 15px;
4443   background-position: -3139px 0px;
4444 }
4445 .flag.md {
4446   height: 10px;
4447   background-position: -3160px 0px;
4448 }
4449 .flag.me {
4450   height: 10px;
4451   background-position: -3182px 0px;
4452 }
4453 .flag.mf {
4454   height: 14px;
4455   background-position: -3204px 0px;
4456 }
4457 .flag.mg {
4458   height: 14px;
4459   background-position: -3226px 0px;
4460 }
4461 .flag.mh {
4462   height: 11px;
4463   background-position: -3248px 0px;
4464 }
4465 .flag.mk {
4466   height: 10px;
4467   background-position: -3270px 0px;
4468 }
4469 .flag.ml {
4470   height: 14px;
4471   background-position: -3292px 0px;
4472 }
4473 .flag.mm {
4474   height: 14px;
4475   background-position: -3314px 0px;
4476 }
4477 .flag.mn {
4478   height: 10px;
4479   background-position: -3336px 0px;
4480 }
4481 .flag.mo {
4482   height: 14px;
4483   background-position: -3358px 0px;
4484 }
4485 .flag.mp {
4486   height: 10px;
4487   background-position: -3380px 0px;
4488 }
4489 .flag.mq {
4490   height: 14px;
4491   background-position: -3402px 0px;
4492 }
4493 .flag.mr {
4494   height: 14px;
4495   background-position: -3424px 0px;
4496 }
4497 .flag.ms {
4498   height: 10px;
4499   background-position: -3446px 0px;
4500 }
4501 .flag.mt {
4502   height: 14px;
4503   background-position: -3468px 0px;
4504 }
4505 .flag.mu {
4506   height: 14px;
4507   background-position: -3490px 0px;
4508 }
4509 .flag.mv {
4510   height: 14px;
4511   background-position: -3512px 0px;
4512 }
4513 .flag.mw {
4514   height: 14px;
4515   background-position: -3534px 0px;
4516 }
4517 .flag.mx {
4518   height: 12px;
4519   background-position: -3556px 0px;
4520 }
4521 .flag.my {
4522   height: 10px;
4523   background-position: -3578px 0px;
4524 }
4525 .flag.mz {
4526   height: 14px;
4527   background-position: -3600px 0px;
4528 }
4529 .flag.na {
4530   height: 14px;
4531   background-position: -3622px 0px;
4532 }
4533 .flag.nc {
4534   height: 10px;
4535   background-position: -3644px 0px;
4536 }
4537 .flag.ne {
4538   height: 15px;
4539   background-position: -3666px 0px;
4540 }
4541 .flag.nf {
4542   height: 10px;
4543   background-position: -3686px 0px;
4544 }
4545 .flag.ng {
4546   height: 10px;
4547   background-position: -3708px 0px;
4548 }
4549 .flag.ni {
4550   height: 12px;
4551   background-position: -3730px 0px;
4552 }
4553 .flag.nl {
4554   height: 14px;
4555   background-position: -3752px 0px;
4556 }
4557 .flag.no {
4558   height: 15px;
4559   background-position: -3774px 0px;
4560 }
4561 .flag.np {
4562   height: 15px;
4563   background-position: -3796px 0px;
4564 }
4565 .flag.nr {
4566   height: 10px;
4567   background-position: -3811px 0px;
4568 }
4569 .flag.nu {
4570   height: 10px;
4571   background-position: -3833px 0px;
4572 }
4573 .flag.nz {
4574   height: 10px;
4575   background-position: -3855px 0px;
4576 }
4577 .flag.om {
4578   height: 10px;
4579   background-position: -3877px 0px;
4580 }
4581 .flag.pa {
4582   height: 14px;
4583   background-position: -3899px 0px;
4584 }
4585 .flag.pe {
4586   height: 14px;
4587   background-position: -3921px 0px;
4588 }
4589 .flag.pf {
4590   height: 14px;
4591   background-position: -3943px 0px;
4592 }
4593 .flag.pg {
4594   height: 15px;
4595   background-position: -3965px 0px;
4596 }
4597 .flag.ph {
4598   height: 10px;
4599   background-position: -3987px 0px;
4600 }
4601 .flag.pk {
4602   height: 14px;
4603   background-position: -4009px 0px;
4604 }
4605 .flag.pl {
4606   height: 13px;
4607   background-position: -4031px 0px;
4608 }
4609 .flag.pm {
4610   height: 14px;
4611   background-position: -4053px 0px;
4612 }
4613 .flag.pn {
4614   height: 10px;
4615   background-position: -4075px 0px;
4616 }
4617 .flag.pr {
4618   height: 14px;
4619   background-position: -4097px 0px;
4620 }
4621 .flag.ps {
4622   height: 10px;
4623   background-position: -4119px 0px;
4624 }
4625 .flag.pt {
4626   height: 14px;
4627   background-position: -4141px 0px;
4628 }
4629 .flag.pw {
4630   height: 13px;
4631   background-position: -4163px 0px;
4632 }
4633 .flag.py {
4634   height: 11px;
4635   background-position: -4185px 0px;
4636 }
4637 .flag.qa {
4638   height: 8px;
4639   background-position: -4207px 0px;
4640 }
4641 .flag.re {
4642   height: 14px;
4643   background-position: -4229px 0px;
4644 }
4645 .flag.ro {
4646   height: 14px;
4647   background-position: -4251px 0px;
4648 }
4649 .flag.rs {
4650   height: 14px;
4651   background-position: -4273px 0px;
4652 }
4653 .flag.ru {
4654   height: 14px;
4655   background-position: -4295px 0px;
4656 }
4657 .flag.rw {
4658   height: 14px;
4659   background-position: -4317px 0px;
4660 }
4661 .flag.sa {
4662   height: 14px;
4663   background-position: -4339px 0px;
4664 }
4665 .flag.sb {
4666   height: 10px;
4667   background-position: -4361px 0px;
4668 }
4669 .flag.sc {
4670   height: 10px;
4671   background-position: -4383px 0px;
4672 }
4673 .flag.sd {
4674   height: 10px;
4675   background-position: -4405px 0px;
4676 }
4677 .flag.se {
4678   height: 13px;
4679   background-position: -4427px 0px;
4680 }
4681 .flag.sg {
4682   height: 14px;
4683   background-position: -4449px 0px;
4684 }
4685 .flag.sh {
4686   height: 10px;
4687   background-position: -4471px 0px;
4688 }
4689 .flag.si {
4690   height: 10px;
4691   background-position: -4493px 0px;
4692 }
4693 .flag.sj {
4694   height: 15px;
4695   background-position: -4515px 0px;
4696 }
4697 .flag.sk {
4698   height: 14px;
4699   background-position: -4537px 0px;
4700 }
4701 .flag.sl {
4702   height: 14px;
4703   background-position: -4559px 0px;
4704 }
4705 .flag.sm {
4706   height: 15px;
4707   background-position: -4581px 0px;
4708 }
4709 .flag.sn {
4710   height: 14px;
4711   background-position: -4603px 0px;
4712 }
4713 .flag.so {
4714   height: 14px;
4715   background-position: -4625px 0px;
4716 }
4717 .flag.sr {
4718   height: 14px;
4719   background-position: -4647px 0px;
4720 }
4721 .flag.ss {
4722   height: 10px;
4723   background-position: -4669px 0px;
4724 }
4725 .flag.st {
4726   height: 10px;
4727   background-position: -4691px 0px;
4728 }
4729 .flag.sv {
4730   height: 12px;
4731   background-position: -4713px 0px;
4732 }
4733 .flag.sx {
4734   height: 14px;
4735   background-position: -4735px 0px;
4736 }
4737 .flag.sy {
4738   height: 14px;
4739   background-position: -4757px 0px;
4740 }
4741 .flag.sz {
4742   height: 14px;
4743   background-position: -4779px 0px;
4744 }
4745 .flag.ta {
4746   height: 10px;
4747   background-position: -4801px 0px;
4748 }
4749 .flag.tc {
4750   height: 10px;
4751   background-position: -4823px 0px;
4752 }
4753 .flag.td {
4754   height: 14px;
4755   background-position: -4845px 0px;
4756 }
4757 .flag.tf {
4758   height: 14px;
4759   background-position: -4867px 0px;
4760 }
4761 .flag.tg {
4762   height: 13px;
4763   background-position: -4889px 0px;
4764 }
4765 .flag.th {
4766   height: 14px;
4767   background-position: -4911px 0px;
4768 }
4769 .flag.tj {
4770   height: 10px;
4771   background-position: -4933px 0px;
4772 }
4773 .flag.tk {
4774   height: 10px;
4775   background-position: -4955px 0px;
4776 }
4777 .flag.tl {
4778   height: 10px;
4779   background-position: -4977px 0px;
4780 }
4781 .flag.tm {
4782   height: 14px;
4783   background-position: -4999px 0px;
4784 }
4785 .flag.tn {
4786   height: 14px;
4787   background-position: -5021px 0px;
4788 }
4789 .flag.to {
4790   height: 10px;
4791   background-position: -5043px 0px;
4792 }
4793 .flag.tr {
4794   height: 14px;
4795   background-position: -5065px 0px;
4796 }
4797 .flag.tt {
4798   height: 12px;
4799   background-position: -5087px 0px;
4800 }
4801 .flag.tv {
4802   height: 10px;
4803   background-position: -5109px 0px;
4804 }
4805 .flag.tw {
4806   height: 14px;
4807   background-position: -5131px 0px;
4808 }
4809 .flag.tz {
4810   height: 14px;
4811   background-position: -5153px 0px;
4812 }
4813 .flag.ua {
4814   height: 14px;
4815   background-position: -5175px 0px;
4816 }
4817 .flag.ug {
4818   height: 14px;
4819   background-position: -5197px 0px;
4820 }
4821 .flag.um {
4822   height: 11px;
4823   background-position: -5219px 0px;
4824 }
4825 .flag.us {
4826   height: 11px;
4827   background-position: -5241px 0px;
4828 }
4829 .flag.uy {
4830   height: 14px;
4831   background-position: -5263px 0px;
4832 }
4833 .flag.uz {
4834   height: 10px;
4835   background-position: -5285px 0px;
4836 }
4837 .flag.va {
4838   height: 15px;
4839   background-position: -5307px 0px;
4840 }
4841 .flag.vc {
4842   height: 14px;
4843   background-position: -5324px 0px;
4844 }
4845 .flag.ve {
4846   height: 14px;
4847   background-position: -5346px 0px;
4848 }
4849 .flag.vg {
4850   height: 10px;
4851   background-position: -5368px 0px;
4852 }
4853 .flag.vi {
4854   height: 14px;
4855   background-position: -5390px 0px;
4856 }
4857 .flag.vn {
4858   height: 14px;
4859   background-position: -5412px 0px;
4860 }
4861 .flag.vu {
4862   height: 12px;
4863   background-position: -5434px 0px;
4864 }
4865 .flag.wf {
4866   height: 14px;
4867   background-position: -5456px 0px;
4868 }
4869 .flag.ws {
4870   height: 10px;
4871   background-position: -5478px 0px;
4872 }
4873 .flag.xk {
4874   height: 15px;
4875   background-position: -5500px 0px;
4876 }
4877 .flag.ye {
4878   height: 14px;
4879   background-position: -5522px 0px;
4880 }
4881 .flag.yt {
4882   height: 14px;
4883   background-position: -5544px 0px;
4884 }
4885 .flag.za {
4886   height: 14px;
4887   background-position: -5566px 0px;
4888 }
4889 .flag.zm {
4890   height: 14px;
4891   background-position: -5588px 0px;
4892 }
4893 .flag.zw {
4894   height: 10px;
4895   background-position: -5610px 0px;
4896 }
4897 .flag.ot {
4898   height: 0px;
4899 }
4900 .roo-money-field .roo-money-currency {
4901   padding-right: 0px;
4902 }
4903 .roo-money-field .roo-money-amount {
4904   padding-left: 0px;
4905 }
4906 .roo-money-field .roo-money-currency-input {
4907   border-right: 0px;
4908 }
4909 .roo-money-field .input-group-addon {
4910   background-color: transparent;
4911   border-left: 0px;
4912   border-right: 0px;
4913   border-radius: 0px;
4914 }
4915 .roo-money-field .roo-money-amount-input {
4916   border-top-left-radius: 0px;
4917   border-bottom-left-radius: 0px;
4918   text-align: right;
4919 }
4920 .has-success .roo-money-currency .roo-select2-container .input-group-addon {
4921   border-color: #3c763d;
4922   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 0 2px #3c763d;
4923 }
4924 .has-warning .roo-money-currency .roo-select2-container .input-group-addon {
4925   border-color: #8a6d3b;
4926   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 0 2px #8a6d3b;
4927 }
4928 .has-error .roo-money-currency .roo-select2-container .input-group-addon {
4929   border-color: #a94442;
4930   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 0 2px #a94442;
4931 }
4932 /*# sourceMappingURL=roojs-bootstrap-debug.css.map */