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

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