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