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