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