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