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

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