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