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