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

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