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

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