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