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

   1 /*
   2  * CAUTION!
   3  * This CSS file is auto generated. Please edit the .less instead!
   4  */
   5 .alert {
   6   padding-left: 30px;
   7   margin-top: 20px;
   8   margin-left: 15px;
   9   position: relative;
  10 }
  11 .alert > .fa,
  12 .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,
  44 .fc table {
  45   font-size: 1em;
  46 }
  47 .fc td,
  48 .fc th {
  49   padding: 0;
  50   vertical-align: top;
  51   -moz-user-select: -moz-none;
  52   -khtml-user-select: none;
  53   -webkit-user-select: none;
  54   -o-user-select: none;
  55   user-select: none;
  56 }
  57 /* Header
  58 ------------------------------------------------------------------------*/
  59 .fc-header td {
  60   white-space: nowrap;
  61 }
  62 .fc-header-left {
  63   width: 25%;
  64   text-align: left;
  65 }
  66 .fc-header-center {
  67   text-align: center;
  68 }
  69 .fc-header-right {
  70   width: 25%;
  71   text-align: right;
  72 }
  73 .fc-header-title {
  74   display: inline-block;
  75   vertical-align: top;
  76 }
  77 .fc-header-title h2 {
  78   margin-top: 0;
  79   white-space: nowrap;
  80   font-size: 1.5em;
  81   font-family: Lucida Sans, Arial, sans-serif;
  82   font-weight: bold;
  83   line-height: normal;
  84   margin: 0;
  85 }
  86 .fc .fc-header-space {
  87   padding-left: 10px;
  88 }
  89 .fc-header .fc-button {
  90   margin-bottom: 1em;
  91   vertical-align: top;
  92 }
  93 /* buttons edges butting together */
  94 .fc-header .fc-button {
  95   margin-right: -1px;
  96 }
  97 .fc-header .fc-corner-right,
  98 .fc-header .ui-corner-right {
  99   /* theme */
 100   margin-right: 0;
 101   /* back to normal */
 102 }
 103 /* button layering (for border precedence) */
 104 .fc-header .fc-state-hover,
 105 .fc-header .ui-state-hover {
 106   z-index: 2;
 107 }
 108 .fc-header .fc-state-down {
 109   z-index: 3;
 110 }
 111 .fc-header .fc-state-active,
 112 .fc-header .ui-state-active {
 113   z-index: 4;
 114 }
 115 /* Content
 116 ------------------------------------------------------------------------*/
 117 .fc-content {
 118   clear: both;
 119   zoom: 1;
 120   /* for IE7, gives accurate coordinates for [un]freezeContentHeight */
 121 }
 122 .fc-view {
 123   width: 100%;
 124   overflow: hidden;
 125 }
 126 /* Cell Styles
 127 ------------------------------------------------------------------------*/
 128 .fc-widget-header,
 129 .fc-widget-content {
 130   /* <td>, usually */
 131   border: 1px solid #777777;
 132 }
 133 .fc-state-highlight {
 134   /* <td> today cell */
 135   /* TODO: add .fc-today to <th> */
 136   background: #f0ad4e;
 137 }
 138 .fc-cell-overlay {
 139   /* semi-transparent rectangle while dragging */
 140   background: #5bc0de;
 141   opacity: .3;
 142   filter: alpha(opacity=30);
 143   /* for IE */
 144 }
 145 /* Buttons
 146 ------------------------------------------------------------------------*/
 147 .fc-button {
 148   position: relative;
 149   display: inline-block;
 150   padding: 0 .6em;
 151   overflow: hidden;
 152   height: 1.9em;
 153   line-height: 1.9em;
 154   white-space: nowrap;
 155   cursor: pointer;
 156 }
 157 .fc-state-default {
 158   /* non-theme */
 159   border: 1px solid;
 160 }
 161 .fc-state-default.fc-corner-left {
 162   /* non-theme */
 163   border-top-left-radius: 4px;
 164   border-bottom-left-radius: 4px;
 165 }
 166 .fc-state-default.fc-corner-right {
 167   /* non-theme */
 168   border-top-right-radius: 4px;
 169   border-bottom-right-radius: 4px;
 170 }
 171 /*
 172         Our default prev/next buttons use HTML entities like &lsaquo; &rsaquo; &laquo; &raquo;
 173         and we'll try to make them look good cross-browser.
 174 */
 175 .fc-text-arrow {
 176   margin: 0 .1em;
 177   font-size: 2em;
 178   font-family: "Courier New", Courier, monospace;
 179   vertical-align: baseline;
 180   /* for IE7 */
 181 }
 182 .fc-button-prev .fc-text-arrow,
 183 .fc-button-next .fc-text-arrow {
 184   /* for &lsaquo; &rsaquo; */
 185   font-weight: bold;
 186 }
 187 /* icon (for jquery ui) */
 188 .fc-button .fc-icon-wrap {
 189   position: relative;
 190   float: left;
 191   top: 50%;
 192 }
 193 .fc-button .ui-icon {
 194   position: relative;
 195   float: left;
 196   margin-top: -50%;
 197   *margin-top: 0;
 198   *top: -50%;
 199 }
 200 /*
 201   button states
 202   borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
 203 */
 204 .fc-state-default {
 205   background-color: #f5f5f5;
 206   background-image: -moz-linear-gradient(top, #ffffff, #777777);
 207   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#777777));
 208   background-image: -webkit-linear-gradient(top, #ffffff, #777777);
 209   background-image: -o-linear-gradient(top, #ffffff, #777777);
 210   background-image: linear-gradient(to bottom, #ffffff, #777777);
 211   background-repeat: repeat-x;
 212   border-color: #777777 #777777 #777777;
 213   border-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.5);
 214   color: #333333;
 215 }
 216 .fc-state-hover,
 217 .fc-state-down,
 218 .fc-state-active,
 219 .fc-state-disabled {
 220   color: #333333;
 221   background-color: #777777;
 222 }
 223 .fc-state-hover {
 224   color: #333333;
 225   text-decoration: none;
 226   background-position: 0 -15px;
 227   -webkit-transition: background-position 0.1s linear;
 228   -moz-transition: background-position 0.1s linear;
 229   -o-transition: background-position 0.1s linear;
 230   transition: background-position 0.1s linear;
 231 }
 232 .fc-state-down,
 233 .fc-state-active {
 234   background-color: #777777;
 235   background-image: none;
 236   outline: 0;
 237   box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2);
 238 }
 239 .fc-state-disabled {
 240   cursor: default;
 241   background-image: none;
 242   opacity: 0.65;
 243   filter: alpha(opacity=65);
 244   box-shadow: none;
 245 }
 246 /* Global Event Styles
 247 ------------------------------------------------------------------------*/
 248 .fc-event-container > * {
 249   z-index: 8;
 250 }
 251 .fc-event-container > .ui-draggable-dragging,
 252 .fc-event-container > .ui-resizable-resizing {
 253   z-index: 9;
 254 }
 255 .fc-event {
 256   border: 1px solid #337ab7;
 257   background-color: #337ab7;
 258   color: #ffffff;
 259   /* default TEXT color */
 260   font-size: .85em;
 261   cursor: default;
 262 }
 263 a.fc-event {
 264   text-decoration: none;
 265 }
 266 a.fc-event,
 267 .fc-event-draggable {
 268   cursor: pointer;
 269 }
 270 .fc-rtl .fc-event {
 271   text-align: right;
 272 }
 273 .fc-event-inner {
 274   width: 100%;
 275   height: 100%;
 276   overflow: hidden;
 277 }
 278 .fc-event-time,
 279 .fc-event-title {
 280   padding: 0 1px;
 281   overflow: hidden;
 282   white-space: nowrap;
 283 }
 284 .fc .ui-resizable-handle {
 285   display: block;
 286   position: absolute;
 287   z-index: 99999;
 288   overflow: hidden;
 289   /* hacky spaces (IE6/7) */
 290   font-size: 300%;
 291   /* */
 292   line-height: 50%;
 293   /* */
 294 }
 295 /* Horizontal Events
 296 ------------------------------------------------------------------------*/
 297 .fc-event-hori {
 298   border-width: 1px 0;
 299   margin-bottom: 1px;
 300 }
 301 .fc-ltr .fc-event-hori.fc-event-start,
 302 .fc-rtl .fc-event-hori.fc-event-end {
 303   border-left-width: 1px;
 304   border-top-left-radius: 3px;
 305   border-bottom-left-radius: 3px;
 306 }
 307 .fc-ltr .fc-event-hori.fc-event-end,
 308 .fc-rtl .fc-event-hori.fc-event-start {
 309   border-right-width: 1px;
 310   border-top-right-radius: 3px;
 311   border-bottom-right-radius: 3px;
 312 }
 313 /* resizable */
 314 .fc-event-hori .ui-resizable-e {
 315   top: 0 !important;
 316   /* importants override pre jquery ui 1.7 styles */
 317   right: -3px !important;
 318   width: 7px !important;
 319   height: 100% !important;
 320   cursor: e-resize;
 321 }
 322 .fc-event-hori .ui-resizable-w {
 323   top: 0 !important;
 324   left: -3px !important;
 325   width: 7px !important;
 326   height: 100% !important;
 327   cursor: w-resize;
 328 }
 329 .fc-event-hori .ui-resizable-handle {
 330   _padding-bottom: 14px;
 331   /* IE6 had 0 height */
 332 }
 333 /* Reusable Separate-border Table
 334 ------------------------------------------------------------*/
 335 table.fc-border-separate {
 336   border-collapse: separate;
 337 }
 338 .fc-border-separate th,
 339 .fc-border-separate td {
 340   border-width: 1px 0 0 1px;
 341 }
 342 .fc-border-separate th.fc-last,
 343 .fc-border-separate td.fc-last {
 344   border-right-width: 1px;
 345 }
 346 .fc-border-separate tr.fc-last th,
 347 .fc-border-separate tr.fc-last td {
 348   border-bottom-width: 1px;
 349 }
 350 .fc-border-separate tbody tr.fc-first td,
 351 .fc-border-separate tbody tr.fc-first th {
 352   border-top-width: 0;
 353 }
 354 /* Month View, Basic Week View, Basic Day View
 355 ------------------------------------------------------------------------*/
 356 .fc-grid th {
 357   text-align: center;
 358 }
 359 .fc .fc-week-number {
 360   width: 22px;
 361   text-align: center;
 362 }
 363 .fc .fc-week-number div {
 364   padding: 0 2px;
 365 }
 366 .fc-grid .fc-day-number {
 367   float: right;
 368   padding: 0 2px;
 369 }
 370 .fc-grid .fc-other-month .fc-day-number {
 371   opacity: 0.3;
 372   filter: alpha(opacity=30);
 373   /* for IE */
 374   /* opacity with small font can sometimes look too faded
 375        might want to set the 'color' property instead
 376        making day-numbers bold also fixes the problem */
 377 }
 378 .fc-grid .fc-day-content {
 379   clear: both;
 380   padding: 2px 2px 1px;
 381   /* distance between events and day edges */
 382 }
 383 /* event styles */
 384 .fc-grid .fc-event-time {
 385   font-weight: bold;
 386 }
 387 /* right-to-left */
 388 .fc-rtl .fc-grid .fc-day-number {
 389   float: left;
 390 }
 391 .fc-rtl .fc-grid .fc-event-time {
 392   float: right;
 393 }
 394 /* Agenda Week View, Agenda Day View
 395 ------------------------------------------------------------------------*/
 396 .fc-agenda table {
 397   border-collapse: separate;
 398 }
 399 .fc-agenda-days th {
 400   text-align: center;
 401 }
 402 .fc-agenda .fc-agenda-axis {
 403   width: 50px;
 404   padding: 0 4px;
 405   vertical-align: middle;
 406   text-align: right;
 407   white-space: nowrap;
 408   font-weight: normal;
 409 }
 410 .fc-agenda .fc-week-number {
 411   font-weight: bold;
 412 }
 413 .fc-agenda .fc-day-content {
 414   padding: 2px 2px 1px;
 415 }
 416 /* make axis border take precedence */
 417 .fc-agenda-days .fc-agenda-axis {
 418   border-right-width: 1px;
 419 }
 420 .fc-agenda-days .fc-col0 {
 421   border-left-width: 0;
 422 }
 423 /* all-day area */
 424 .fc-agenda-allday th {
 425   border-width: 0 1px;
 426 }
 427 .fc-agenda-allday .fc-day-content {
 428   min-height: 34px;
 429   /* TODO: doesnt work well in quirksmode */
 430   _height: 34px;
 431 }
 432 /* divider (between all-day and slots) */
 433 .fc-agenda-divider-inner {
 434   height: 2px;
 435   overflow: hidden;
 436 }
 437 .fc-widget-header .fc-agenda-divider-inner {
 438   background: #eeeeee;
 439 }
 440 /* slot rows */
 441 .fc-agenda-slots th {
 442   border-width: 1px 1px 0;
 443 }
 444 .fc-agenda-slots td {
 445   border-width: 1px 0 0;
 446   background: none;
 447 }
 448 .fc-agenda-slots td div {
 449   height: 20px;
 450 }
 451 .fc-agenda-slots tr.fc-slot0 th,
 452 .fc-agenda-slots tr.fc-slot0 td {
 453   border-top-width: 0;
 454 }
 455 .fc-agenda-slots tr.fc-minor th,
 456 .fc-agenda-slots tr.fc-minor td {
 457   border-top-style: dotted;
 458 }
 459 .fc-agenda-slots tr.fc-minor th.ui-widget-header {
 460   *border-top-style: solid;
 461   /* doesn't work with background in IE6/7 */
 462 }
 463 /* Vertical Events
 464 ------------------------------------------------------------------------*/
 465 .fc-event-vert {
 466   border-width: 0 1px;
 467 }
 468 .fc-event-vert.fc-event-start {
 469   border-top-width: 1px;
 470   border-top-left-radius: 3px;
 471   border-top-right-radius: 3px;
 472 }
 473 .fc-event-vert.fc-event-end {
 474   border-bottom-width: 1px;
 475   border-bottom-left-radius: 3px;
 476   border-bottom-right-radius: 3px;
 477 }
 478 .fc-event-vert .fc-event-time {
 479   white-space: nowrap;
 480   font-size: 10px;
 481 }
 482 .fc-event-vert .fc-event-inner {
 483   position: relative;
 484   z-index: 2;
 485 }
 486 .fc-event-vert .fc-event-bg {
 487   /* makes the event lighter w/ a semi-transparent overlay  */
 488   position: absolute;
 489   z-index: 1;
 490   top: 0;
 491   left: 0;
 492   width: 100%;
 493   height: 100%;
 494   background: #ffffff;
 495   opacity: .25;
 496   filter: alpha(opacity=25);
 497 }
 498 .fc .ui-draggable-dragging .fc-event-bg,
 499 .fc-select-helper .fc-event-bg {
 500   display: none\9;
 501   /* for IE6/7/8. nested opacity filters while dragging don't work */
 502 }
 503 /* resizable */
 504 .fc-event-vert .ui-resizable-s {
 505   bottom: 0 !important;
 506   /* importants override pre jquery ui 1.7 styles */
 507   width: 100% !important;
 508   height: 8px !important;
 509   overflow: hidden !important;
 510   line-height: 8px !important;
 511   font-size: 11px !important;
 512   font-family: monospace;
 513   text-align: center;
 514   cursor: s-resize;
 515 }
 516 .fc-agenda .ui-resizable-resizing {
 517   /* TODO: better selector */
 518   _overflow: hidden;
 519 }
 520 .clear {
 521   clear: both;
 522 }
 523 .carousel-bullets {
 524   height: 17px;
 525   bottom: 20px;
 526   width: 100%;
 527   text-align: center;
 528   z-index: 1000;
 529   position: absolute;
 530   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 531   -moz-opacity: 1;
 532   -khtml-opacity: 1;
 533   opacity: 1;
 534   -webkit-transition: opacity 0.2s ease-out;
 535   -moz-transition: opacity 0.2s ease-out;
 536   -o-transition: opacity 0.2s ease-out;
 537   -ms-transition: opacity 0.2s ease-out;
 538   -webkit-transform: translateZ(5px);
 539 }
 540 .carousel-bullets > .bullet {
 541   cursor: pointer;
 542   position: relative !important;
 543   background: rgba(0, 0, 0, 0.5) !important;
 544   -webkit-border-radius: 10px;
 545   border-radius: 10px;
 546   -webkit-box-shadow: none;
 547   -moz-box-shadow: none;
 548   box-shadow: none;
 549   width: 6px !important;
 550   height: 6px !important;
 551   border: 5px solid rgba(0, 0, 0, 0) !important;
 552   display: inline-block;
 553   margin-right: 2px !important;
 554   margin-bottom: 0px !important;
 555   -webkit-transition: background-color 0.2s, border-color 0.2s;
 556   -moz-transition: background-color 0.2s, border-color 0.2s;
 557   -o-transition: background-color 0.2s, border-color 0.2s;
 558   -ms-transition: background-color 0.2s, border-color 0.2s;
 559   transition: background-color 0.2s, border-color 0.2s;
 560   float: none !important;
 561   box-sizing: content-box;
 562   -moz-box-sizing: content-box;
 563   -webkit-box-sizing: content-box;
 564 }
 565 .carousel-bullets > .bullet:hover,
 566 .carousel-bullets > .bullet.selected {
 567   -webkit-box-shadow: none;
 568   -moz-box-shadow: none;
 569   box-shadow: none;
 570   background: #ffffff !important;
 571   width: 6px !important;
 572   height: 6px !important;
 573   border: 5px solid #000000 !important;
 574 }
 575 .carousel-inner > .carousel-arrow > .carousel-prev {
 576   position: absolute;
 577   display: block;
 578   top: 50%;
 579   color: #ffffff;
 580   z-index: 100;
 581   cursor: pointer;
 582   padding: 10px;
 583   margin-top: -22px;
 584   left: 0;
 585 }
 586 .carousel-inner > .carousel-arrow > .carousel-next {
 587   position: absolute;
 588   display: block;
 589   top: 50%;
 590   color: #ffffff;
 591   z-index: 100;
 592   cursor: pointer;
 593   padding: 10px;
 594   margin-top: -22px;
 595   right: 0;
 596 }
 597 .carousel-inner > .carousel-arrow > .carousel-prev > i,
 598 .carousel-inner > .carousel-arrow > .carousel-next > i {
 599   font-size: 24px;
 600 }
 601 .carousel-inner .tab-pane.clickable {
 602   cursor: pointer;
 603 }
 604 /*
 605  *
 606  * From https://github.com/flatlogic/awesome-bootstrap-checkbox
 607  *
 608  */
 609 .checkbox label {
 610   display: inline-block;
 611   position: relative;
 612   padding-left: 5px;
 613   -webkit-touch-callout: none;
 614   -webkit-user-select: none;
 615   -khtml-user-select: none;
 616   -moz-user-select: none;
 617   -ms-user-select: none;
 618   user-select: none;
 619 }
 620 .checkbox label::before {
 621   content: "";
 622   display: inline-block;
 623   position: absolute;
 624   width: 17px;
 625   height: 17px;
 626   left: 0;
 627   margin-left: -20px;
 628   border: 1px solid #777777;
 629   border-radius: 3px;
 630   background-color: #ffffff;
 631   -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
 632   -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
 633   transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
 634 }
 635 .checkbox label::after {
 636   display: inline-block;
 637   position: absolute;
 638   width: 16px;
 639   height: 16px;
 640   left: 0;
 641   top: 0;
 642   margin-left: -20px;
 643   padding-left: 3px;
 644   padding-top: 1px;
 645   font-size: 11px;
 646   color: #555555;
 647 }
 648 .checkbox input[type="checkbox"] {
 649   display: none;
 650 }
 651 .checkbox input[type="checkbox"]:checked + label::after {
 652   font-family: 'FontAwesome';
 653   content: "\f00c";
 654 }
 655 .checkbox input[type="checkbox"]:disabled + label {
 656   opacity: 0.65;
 657 }
 658 .checkbox input[type="checkbox"]:disabled + label::before {
 659   background-color: #eeeeee;
 660   cursor: not-allowed;
 661 }
 662 .checkbox.checkbox-circle label::before {
 663   border-radius: 50%;
 664 }
 665 .checkbox-primary input[type="checkbox"]:checked + label::before {
 666   background-color: #337ab7;
 667   border-color: #337ab7;
 668 }
 669 .checkbox-primary input[type="checkbox"]:checked + label::after {
 670   color: #ffffff;
 671 }
 672 .checkbox-danger input[type="checkbox"]:checked + label::before {
 673   background-color: #d9534f;
 674   border-color: #d9534f;
 675 }
 676 .checkbox-danger input[type="checkbox"]:checked + label::after {
 677   color: #ffffff;
 678 }
 679 .checkbox-info input[type="checkbox"]:checked + label::before {
 680   background-color: #5bc0de;
 681   border-color: #5bc0de;
 682 }
 683 .checkbox-info input[type="checkbox"]:checked + label::after {
 684   color: #ffffff;
 685 }
 686 .checkbox-warning input[type="checkbox"]:checked + label::before {
 687   background-color: #f0ad4e;
 688   border-color: #f0ad4e;
 689 }
 690 .checkbox-warning input[type="checkbox"]:checked + label::after {
 691   color: #ffffff;
 692 }
 693 .checkbox-success input[type="checkbox"]:checked + label::before {
 694   background-color: #5cb85c;
 695   border-color: #5cb85c;
 696 }
 697 .checkbox-success input[type="checkbox"]:checked + label::after {
 698   color: #ffffff;
 699 }
 700 /* before is the outer cicle */
 701 /* after is the inner circle.. */
 702 .radio label {
 703   display: inline-block;
 704   position: relative;
 705   padding-left: 5px;
 706 }
 707 .radio label::before {
 708   content: "";
 709   display: inline-block;
 710   position: absolute;
 711   width: 17px;
 712   height: 17px;
 713   left: 0;
 714   margin-left: -20px;
 715   border: 1px solid #777777;
 716   border-radius: 50%;
 717   background-color: #ffffff;
 718   -webkit-transition: border 0.15s ease-in-out;
 719   -o-transition: border 0.15s ease-in-out;
 720   transition: border 0.15s ease-in-out;
 721 }
 722 .radio label::after {
 723   display: inline-block;
 724   position: absolute;
 725   content: " ";
 726   width: 11px;
 727   height: 11px;
 728   left: 3px;
 729   top: 3px;
 730   margin-left: -20px;
 731   border-radius: 50%;
 732   background-color: #ffffff;
 733   -webkit-transform: scale(0, 0);
 734   -ms-transform: scale(0, 0);
 735   -o-transform: scale(0, 0);
 736   transform: scale(0, 0);
 737   -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
 738   -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
 739   -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
 740   transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
 741 }
 742 .radio input[type="radio"] {
 743   display: none;
 744 }
 745 .radio input[type="radio"]:checked + label::after {
 746   -webkit-transform: scale(1, 1);
 747   -ms-transform: scale(1, 1);
 748   -o-transform: scale(1, 1);
 749   transform: scale(1, 1);
 750   background-color: #555555;
 751 }
 752 .radio input[type="radio"]:disabled + label {
 753   opacity: 0.65;
 754 }
 755 .radio input[type="radio"]:disabled + label::before {
 756   cursor: not-allowed;
 757 }
 758 .radio-primary input[type="radio"] + label::after {
 759   background-color: #ffffff;
 760 }
 761 .radio-primary input[type="radio"]:checked + label::before {
 762   border-color: #337ab7;
 763 }
 764 .radio-primary input[type="radio"]:checked + label::after {
 765   background-color: #337ab7;
 766 }
 767 .radio-danger input[type="radio"] + label::after {
 768   background-color: #d9534f;
 769 }
 770 .radio-danger input[type="radio"]:checked + label::before {
 771   border-color: #d9534f;
 772 }
 773 .radio-danger input[type="radio"]:checked + label::after {
 774   background-color: #d9534f;
 775 }
 776 .radio-info input[type="radio"] + label::after {
 777   background-color: #ffffff;
 778 }
 779 .radio-info input[type="radio"]:checked + label::before {
 780   border-color: #5bc0de;
 781 }
 782 .radio-info input[type="radio"]:checked + label::after {
 783   background-color: #5bc0de;
 784 }
 785 .radio-warning input[type="radio"] + label::after {
 786   background-color: #ffffff;
 787 }
 788 .radio-warning input[type="radio"]:checked + label::before {
 789   border-color: #f0ad4e;
 790 }
 791 .radio-warning input[type="radio"]:checked + label::after {
 792   background-color: #f0ad4e;
 793 }
 794 .radio-success input[type="radio"] + label::after {
 795   background-color: #ffffff;
 796 }
 797 .radio-success input[type="radio"]:checked + label::before {
 798   border-color: #5cb85c;
 799 }
 800 .radio-success input[type="radio"]:checked + label::after {
 801   background-color: #5cb85c;
 802 }
 803 .checkbox.checkbox-inline,
 804 .radio.radio-inline {
 805   margin-top: 0;
 806 }
 807 /*
 808  *
 809  * From https://github.com/danielfarrell/bootstrap-combobox
 810  *
 811  */
 812 .combobox-container {
 813   margin-bottom: 5px;
 814   *zoom: 1;
 815   display: inline-table;
 816 }
 817 .combobox-container:before,
 818 .combobox-container:after {
 819   display: table;
 820   content: "";
 821 }
 822 .combobox-container:after {
 823   /* clear: both; */
 824 }
 825 .combobox-container input,
 826 .combobox-container .uneditable-input {
 827   -webkit-border-radius: 0 3px 3px 0;
 828   -moz-border-radius: 0 3px 3px 0;
 829   border-radius: 0 3px 3px 0;
 830 }
 831 .combobox-container input:focus,
 832 .combobox-container .uneditable-input:focus {
 833   position: relative;
 834   z-index: 2;
 835 }
 836 .combobox-container .uneditable-input {
 837   border-left-color: #777777;
 838 }
 839 .combobox-container .add-on {
 840   float: left;
 841   display: inline-block;
 842   width: auto;
 843   min-width: 16px;
 844   height: inherit !important;
 845   margin-right: -1px;
 846   padding: 4px 5px;
 847   font-weight: normal;
 848   color: #777777;
 849   text-align: center;
 850   text-shadow: 0 1px 0 #ffffff;
 851   background-color: #f5f5f5;
 852   border: 1px solid #777777;
 853   -webkit-border-radius: 3px 0 0 3px;
 854   -moz-border-radius: 3px 0 0 3px;
 855   border-radius: 3px 0 0 3px;
 856 }
 857 .combobox-container .active {
 858   background-color: #337ab7;
 859   color: #ffffff;
 860 }
 861 .combobox-container input,
 862 .combobox-container .uneditable-input {
 863   float: left;
 864   -webkit-border-radius: 3px 0 0 3px;
 865   -moz-border-radius: 3px 0 0 3px;
 866   border-radius: 3px 0 0 3px;
 867 }
 868 .combobox-container .uneditable-input {
 869   border-left-color: #eeeeee;
 870   border-right-color: #777777;
 871 }
 872 .combobox-container .add-on {
 873   margin-right: 0;
 874   margin-left: -1px;
 875   -webkit-border-radius: 0 3px 3px 0;
 876   -moz-border-radius: 0 3px 3px 0;
 877   border-radius: 0 3px 3px 0;
 878 }
 879 .combobox-container input:first-child {
 880   *margin-left: -160px;
 881 }
 882 .combobox-container input:first-child + .add-on {
 883   *margin-left: -21px;
 884 }
 885 .combobox-container select {
 886   display: inline-block;
 887   width: 0;
 888   height: 0;
 889   border: 0;
 890   padding: 0;
 891   margin: 0;
 892   text-indent: -99999px;
 893   *text-indent: 0;
 894 }
 895 .form-search .combobox-container,
 896 .form-inline .combobox-container {
 897   display: inline-block;
 898   margin-bottom: 0;
 899   vertical-align: top;
 900 }
 901 .form-search .combobox-container .add-on,
 902 .form-inline .combobox-container .add-on {
 903   vertical-align: middle;
 904 }
 905 .combobox-selected .combobox-clear {
 906   display: inline-block;
 907 }
 908 .combobox-selected .caret {
 909   display: none;
 910 }
 911 .combobox-clear {
 912   display: none;
 913   width: 14px;
 914   height: 14px;
 915   line-height: 14px;
 916   vertical-align: top;
 917   opacity: 0.3;
 918   filter: alpha(opacity=30);
 919 }
 920 .dropdown:hover .combobox-clear,
 921 .open.dropdown .combobox-clear {
 922   opacity: 1;
 923   filter: alpha(opacity=100);
 924 }
 925 .btn .combobox-clear {
 926   margin-top: 1px;
 927   margin-left: 1px;
 928 }
 929 .btn:hover .combobox-clear,
 930 .open.btn-group .combobox-clear {
 931   opacity: 1;
 932   filter: alpha(opacity=100);
 933 }
 934 .typeahead-long {
 935   max-height: 300px;
 936   overflow-y: auto;
 937 }
 938 .control-group.error .combobox-container .add-on {
 939   color: #d9534f;
 940   border-color: #d9534f;
 941 }
 942 .control-group.error .combobox-container .caret {
 943   border-top-color: #d9534f;
 944 }
 945 .control-group.warning .combobox-container .add-on {
 946   color: #f0ad4e;
 947   border-color: #f0ad4e;
 948 }
 949 .control-group.warning .combobox-container .caret {
 950   border-top-color: #f0ad4e;
 951 }
 952 .control-group.success .combobox-container .add-on {
 953   color: #5cb85c;
 954   border-color: #5cb85c;
 955 }
 956 .control-group.success .combobox-container .caret {
 957   border-top-color: #5cb85c;
 958 }
 959 .btn .combobox-clear [class^="icon-"] {
 960   line-height: 1.4em;
 961 }
 962 .combobox-container .dropdown-menu {
 963   border-radius: 0;
 964   padding: 0;
 965   border: 1px solid #337ab7;
 966   border-top: none;
 967 }
 968 .roo-select2-container .dropdown-menu {
 969   border: 1px solid #337ab7;
 970 }
 971 .dropdown-menu .active {
 972   background: #337ab7;
 973   color: #ffffff;
 974 }
 975 .dropdown-menu .active label {
 976   color: #ffffff;
 977 }
 978 .dropdown-menu .roo-select2-result {
 979   padding: 3px 7px 4px;
 980   margin: 0;
 981   cursor: pointer;
 982   min-height: 1em;
 983   -webkit-touch-callout: none;
 984   -webkit-user-select: none;
 985   -moz-user-select: none;
 986   -ms-user-select: none;
 987   user-select: none;
 988 }
 989 .roo-select2-container,
 990 .roo-select2-choices .roo-select2-search-field {
 991   width: 100%;
 992 }
 993 .roo-select2-container .x-combo-noedit {
 994   cursor: pointer;
 995   background-color: #ffffff;
 996 }
 997 .roo-select2-container .x-combo-noedit[disabled] {
 998   cursor: not-allowed;
 999   background-color: #eeeeee;
1000 }
1001 .roo-combobox-tickable .roo-select2-choices {
1002   border: none;
1003   background-image: none;
1004 }
1005 .roo-combobox-tickable .roo-select2-result label {
1006   width: 100%;
1007 }
1008 /* zindex of dialogs is 10000++ so dropdowns have to be higher... */
1009 .dropdown-menu {
1010   z-index: 20002 !important;
1011 }
1012 .dropdown-menu .checkbox label {
1013   width: 100%;
1014 }
1015 .roo-select2-container-multi .dropdown-menu .roo-select2-result .checkbox {
1016   margin-top: 0px;
1017   margin-bottom: 0px;
1018 }
1019 .dropdown-menu .roo-select2-result .checkbox {
1020   margin-top: 3px;
1021   margin-bottom: 3px;
1022 }
1023 .roo-select2-container .input-group-addon {
1024   padding: 6px 12px;
1025   border: 1px solid #cccccc;
1026   border-left: 0px;
1027 }
1028 .roo-select2-container .roo-removable {
1029   position: relative;
1030 }
1031 .roo-select2-container .roo-removable .roo-combo-removable-btn {
1032   position: absolute;
1033   right: 10px;
1034   z-index: 2;
1035   top: 5px;
1036 }
1037 .roo-select2-container .has-feedback .roo-combo-removable-btn {
1038   position: absolute;
1039   right: 35px;
1040   z-index: 2;
1041   top: 5px;
1042 }
1043 /*
1044 .roo-select2-container .roo-removable.has-feedback .roo-combo-removable-btn {
1045     position: absolute;
1046     right: 40px;
1047     z-index: 2;
1048     top: 5px;
1049 }
1050
1051 .roo-select2-container .roo-removable.has-feedback.input-group .roo-combo-removable-btn {
1052     position: absolute;
1053     right: 70px;
1054     z-index: 2;
1055     top: 5px;
1056 }
1057
1058
1059 .roo-select2-container.input-group .has-feedback .roo-combo-removable-btn {
1060     position: absolute;
1061     right: 35px;
1062     z-index: 2;
1063     top: 5px;
1064 }*/
1065 .has-warning .roo-select2-container-multi {
1066   border: 1px solid #f0ad4e;
1067 }
1068 .roo-ios-select {
1069   width: 100%;
1070 }
1071 /*!
1072  * Datepicker for Bootstrap
1073  *
1074  * Copyright 2012 Stefan Petre
1075  * Improvements by Andrew Rowls
1076  * Licensed under the Apache License v2.0
1077  * http://www.apache.org/licenses/LICENSE-2.0
1078  *
1079  */
1080 .datepicker {
1081   padding: 8px 12px;
1082   margin-top: 1px;
1083   -webkit-border-radius: 4px;
1084   -moz-border-radius: 4px;
1085   border-radius: 4px;
1086   direction: ltr;
1087   font-size: 13px;
1088   /*.dow {
1089                 border-top: 1px solid @gray-light !important;
1090         }*/
1091 }
1092 .datepicker-inline {
1093   width: 220px;
1094 }
1095 .datepicker.datepicker-rtl {
1096   direction: rtl;
1097 }
1098 .datepicker.datepicker-rtl table tr td span {
1099   float: right;
1100 }
1101 .datepicker-dropdown {
1102   top: 0;
1103   left: 0;
1104 }
1105 /*.datepicker-dropdown:before {
1106   content: '';
1107   display: inline-block;
1108   border-left: 7px solid transparent;
1109   border-right: 7px solid transparent;
1110   border-bottom: 7px solid @gray-light;
1111   border-bottom-color: @black-opacity-20;
1112   position: absolute;
1113   top: -7px;
1114   left: 6px;
1115 }
1116 .datepicker-dropdown:after {
1117   content: '';
1118   display: inline-block;
1119   border-left: 6px solid transparent;
1120   border-right: 6px solid transparent;
1121   border-bottom: 6px solid @body-bg;
1122   position: absolute;
1123   top: -6px;
1124   left: 7px;
1125 }*/
1126 .datepicker-dropdown.bottom:before {
1127   content: '';
1128   display: inline-block;
1129   border-left: 7px solid transparent;
1130   border-right: 7px solid transparent;
1131   border-bottom: 7px solid #777777;
1132   border-bottom-color: rgba(0, 0, 0, 0.2);
1133   position: absolute;
1134   top: -7px;
1135   left: 7px;
1136 }
1137 .datepicker-dropdown.bottom:after {
1138   content: '';
1139   display: inline-block;
1140   border-left: 6px solid transparent;
1141   border-right: 6px solid transparent;
1142   border-bottom: 6px solid #ffffff;
1143   position: absolute;
1144   top: -6px;
1145   left: 8px;
1146 }
1147 .datepicker-dropdown.top:before {
1148   content: '';
1149   display: inline-block;
1150   border-left: 7px solid transparent;
1151   border-right: 7px solid transparent;
1152   border-top: 7px solid #777777;
1153   border-bottom: 0;
1154   border-top-color: rgba(0, 0, 0, 0.2);
1155   position: absolute;
1156   bottom: -7px;
1157   left: 6px;
1158 }
1159 .datepicker-dropdown.top:after {
1160   content: '';
1161   display: inline-block;
1162   border-left: 6px solid transparent;
1163   border-right: 6px solid transparent;
1164   border-top: 6px solid #ffffff;
1165   border-bottom: 0;
1166   position: absolute;
1167   bottom: -6px;
1168   left: 7px;
1169 }
1170 .datepicker-dropdown.bottom-right:before {
1171   content: '';
1172   display: inline-block;
1173   border-left: 7px solid transparent;
1174   border-right: 7px solid transparent;
1175   border-bottom: 7px solid #777777;
1176   border-bottom-color: rgba(0, 0, 0, 0.2);
1177   position: absolute;
1178   top: -7px;
1179   left: 7px;
1180 }
1181 .datepicker-dropdown.bottom-right:after {
1182   content: '';
1183   display: inline-block;
1184   border-left: 6px solid transparent;
1185   border-right: 6px solid transparent;
1186   border-bottom: 6px solid #ffffff;
1187   position: absolute;
1188   top: -6px;
1189   left: 8px;
1190 }
1191 .datepicker-dropdown.bottom-left:before {
1192   content: '';
1193   display: inline-block;
1194   border-left: 7px solid transparent;
1195   border-right: 7px solid transparent;
1196   border-bottom: 7px solid #777777;
1197   border-bottom-color: rgba(0, 0, 0, 0.2);
1198   position: absolute;
1199   top: -7px;
1200   left: 260px;
1201 }
1202 .datepicker-dropdown.bottom-left:after {
1203   content: '';
1204   display: inline-block;
1205   border-left: 6px solid transparent;
1206   border-right: 6px solid transparent;
1207   border-bottom: 6px solid #ffffff;
1208   position: absolute;
1209   top: -6px;
1210   left: 261px;
1211 }
1212 .datepicker-dropdown.top-right:before {
1213   content: '';
1214   display: inline-block;
1215   border-left: 7px solid transparent;
1216   border-right: 7px solid transparent;
1217   border-top: 7px solid #777777;
1218   border-top-color: rgba(0, 0, 0, 0.2);
1219   position: absolute;
1220   bottom: -7px;
1221   left: 6px;
1222 }
1223 .datepicker-dropdown.top-right:after {
1224   content: '';
1225   display: inline-block;
1226   border-left: 6px solid transparent;
1227   border-right: 6px solid transparent;
1228   border-top: 6px solid #ffffff;
1229   position: absolute;
1230   bottom: -6px;
1231   left: 7px;
1232 }
1233 .datepicker-dropdown.top-left:before {
1234   content: '';
1235   display: inline-block;
1236   border-left: 7px solid transparent;
1237   border-right: 7px solid transparent;
1238   border-top: 7px solid #777777;
1239   border-top-color: rgba(0, 0, 0, 0.2);
1240   position: absolute;
1241   bottom: -7px;
1242   left: 260px;
1243 }
1244 .datepicker-dropdown.top-left:after {
1245   content: '';
1246   display: inline-block;
1247   border-left: 6px solid transparent;
1248   border-right: 6px solid transparent;
1249   border-top: 6px solid #ffffff;
1250   position: absolute;
1251   bottom: -6px;
1252   left: 261px;
1253 }
1254 .datepicker > div {
1255   display: none;
1256 }
1257 .datepicker.days div.datepicker-days {
1258   display: block;
1259 }
1260 .datepicker.months div.datepicker-months {
1261   display: block;
1262 }
1263 .datepicker.years div.datepicker-years {
1264   display: block;
1265 }
1266 .datepicker table {
1267   margin: 0;
1268 }
1269 .datepicker td,
1270 .datepicker th {
1271   text-align: center;
1272   width: 20px;
1273   height: 20px;
1274   -webkit-border-radius: 4px;
1275   -moz-border-radius: 4px;
1276   border-radius: 4px;
1277   border: none;
1278 }
1279 .table-striped .datepicker table tr td,
1280 .table-striped .datepicker table tr th {
1281   background-color: transparent;
1282 }
1283 .datepicker table tr td.day:hover {
1284   background: #eeeeee;
1285   cursor: pointer;
1286 }
1287 .datepicker table tr td.old,
1288 .datepicker table tr td.new {
1289   color: #777777;
1290 }
1291 .datepicker table tr td.disabled,
1292 .datepicker table tr td.disabled:hover {
1293   background: none;
1294   color: #777777;
1295   cursor: default;
1296 }
1297 .datepicker table tr td.today,
1298 .datepicker table tr td.today:hover,
1299 .datepicker table tr td.today.disabled,
1300 .datepicker table tr td.today.disabled:hover {
1301   background-color: #f0ad4e;
1302   background-image: -moz-linear-gradient(top, #f0ad4e, #f0ad4e);
1303   background-image: -ms-linear-gradient(top, #f0ad4e, #f0ad4e);
1304   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f0ad4e), to(#f0ad4e));
1305   background-image: -webkit-linear-gradient(top, #f0ad4e, #f0ad4e);
1306   background-image: -o-linear-gradient(top, #f0ad4e, #f0ad4e);
1307   background-image: linear-gradient(top, #f0ad4e, #f0ad4e);
1308   background-repeat: repeat-x;
1309   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@brand-warning', endColorstr='@brand-warning', GradientType=0);
1310   border-color: #f0ad4e #f0ad4e #f0ad4e;
1311   border-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.5);
1312   filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
1313 }
1314 .datepicker table tr td.today:hover,
1315 .datepicker table tr td.today:hover:hover,
1316 .datepicker table tr td.today.disabled:hover,
1317 .datepicker table tr td.today.disabled:hover:hover,
1318 .datepicker table tr td.today:active,
1319 .datepicker table tr td.today:hover:active,
1320 .datepicker table tr td.today.disabled:active,
1321 .datepicker table tr td.today.disabled:hover:active,
1322 .datepicker table tr td.today.active,
1323 .datepicker table tr td.today:hover.active,
1324 .datepicker table tr td.today.disabled.active,
1325 .datepicker table tr td.today.disabled:hover.active,
1326 .datepicker table tr td.today.disabled,
1327 .datepicker table tr td.today:hover.disabled,
1328 .datepicker table tr td.today.disabled.disabled,
1329 .datepicker table tr td.today.disabled:hover.disabled,
1330 .datepicker table tr td.today[disabled],
1331 .datepicker table tr td.today:hover[disabled],
1332 .datepicker table tr td.today.disabled[disabled],
1333 .datepicker table tr td.today.disabled:hover[disabled] {
1334   background-color: #f0ad4e;
1335 }
1336 .datepicker table tr td.today:active,
1337 .datepicker table tr td.today:hover:active,
1338 .datepicker table tr td.today.disabled:active,
1339 .datepicker table tr td.today.disabled:hover:active,
1340 .datepicker table tr td.today.active,
1341 .datepicker table tr td.today:hover.active,
1342 .datepicker table tr td.today.disabled.active,
1343 .datepicker table tr td.today.disabled:hover.active {
1344   background-color: #f0ad4e;
1345 }
1346 .datepicker table tr td.active,
1347 .datepicker table tr td.active:hover,
1348 .datepicker table tr td.active.disabled,
1349 .datepicker table tr td.active.disabled:hover {
1350   background-color: #337ab7;
1351   background-image: -moz-linear-gradient(top, #3c87c8, #337ab7);
1352   background-image: -ms-linear-gradient(top, #3c87c8, #337ab7);
1353   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3c87c8), to(#337ab7));
1354   background-image: -webkit-linear-gradient(top, #3c87c8, #337ab7);
1355   background-image: -o-linear-gradient(top, #3c87c8, #337ab7);
1356   background-image: linear-gradient(top, #3c87c8, #337ab7);
1357   background-repeat: repeat-x;
1358   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='lighten(@brand-primary, 5%)', endColorstr='@brand-primary', GradientType=0);
1359   border-color: #337ab7 #337ab7 #286090;
1360   border-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.5);
1361   filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
1362   color: #ffffff;
1363   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
1364 }
1365 .datepicker table tr td.active:hover,
1366 .datepicker table tr td.active:hover:hover,
1367 .datepicker table tr td.active.disabled:hover,
1368 .datepicker table tr td.active.disabled:hover:hover,
1369 .datepicker table tr td.active:active,
1370 .datepicker table tr td.active:hover:active,
1371 .datepicker table tr td.active.disabled:active,
1372 .datepicker table tr td.active.disabled:hover:active,
1373 .datepicker table tr td.active.active,
1374 .datepicker table tr td.active:hover.active,
1375 .datepicker table tr td.active.disabled.active,
1376 .datepicker table tr td.active.disabled:hover.active,
1377 .datepicker table tr td.active.disabled,
1378 .datepicker table tr td.active:hover.disabled,
1379 .datepicker table tr td.active.disabled.disabled,
1380 .datepicker table tr td.active.disabled:hover.disabled,
1381 .datepicker table tr td.active[disabled],
1382 .datepicker table tr td.active:hover[disabled],
1383 .datepicker table tr td.active.disabled[disabled],
1384 .datepicker table tr td.active.disabled:hover[disabled] {
1385   background-color: #337ab7;
1386 }
1387 .datepicker table tr td.active:active,
1388 .datepicker table tr td.active:hover:active,
1389 .datepicker table tr td.active.disabled:active,
1390 .datepicker table tr td.active.disabled:hover:active,
1391 .datepicker table tr td.active.active,
1392 .datepicker table tr td.active:hover.active,
1393 .datepicker table tr td.active.disabled.active,
1394 .datepicker table tr td.active.disabled:hover.active {
1395   background-color: #286090;
1396 }
1397 .datepicker table tr td span {
1398   display: block;
1399   width: 23%;
1400   height: 54px;
1401   line-height: 54px;
1402   float: left;
1403   margin: 1%;
1404   cursor: pointer;
1405   -webkit-border-radius: 4px;
1406   -moz-border-radius: 4px;
1407   border-radius: 4px;
1408 }
1409 .datepicker table tr td span:hover {
1410   background: #eeeeee;
1411 }
1412 .datepicker table tr td span.disabled,
1413 .datepicker table tr td span.disabled:hover {
1414   background: none;
1415   color: #777777;
1416   cursor: default;
1417 }
1418 .datepicker table tr td span.active,
1419 .datepicker table tr td span.active:hover,
1420 .datepicker table tr td span.active.disabled,
1421 .datepicker table tr td span.active.disabled:hover {
1422   background-color: #337ab7;
1423   background-image: -moz-linear-gradient(top, #3c87c8, #337ab7);
1424   background-image: -ms-linear-gradient(top, #3c87c8, #337ab7);
1425   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3c87c8), to(#337ab7));
1426   background-image: -webkit-linear-gradient(top, #3c87c8, #337ab7);
1427   background-image: -o-linear-gradient(top, #3c87c8, #337ab7);
1428   background-image: linear-gradient(top, #3c87c8, #337ab7);
1429   background-repeat: repeat-x;
1430   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='lighten(@brand-primary, 5%)', endColorstr='@brand-primary', GradientType=0);
1431   border-color: #337ab7 #337ab7 #286090;
1432   border-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.5);
1433   filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
1434   color: #ffffff;
1435   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
1436 }
1437 .datepicker table tr td span.active:hover,
1438 .datepicker table tr td span.active:hover:hover,
1439 .datepicker table tr td span.active.disabled:hover,
1440 .datepicker table tr td span.active.disabled:hover:hover,
1441 .datepicker table tr td span.active:active,
1442 .datepicker table tr td span.active:hover:active,
1443 .datepicker table tr td span.active.disabled:active,
1444 .datepicker table tr td span.active.disabled:hover:active,
1445 .datepicker table tr td span.active.active,
1446 .datepicker table tr td span.active:hover.active,
1447 .datepicker table tr td span.active.disabled.active,
1448 .datepicker table tr td span.active.disabled:hover.active,
1449 .datepicker table tr td span.active.disabled,
1450 .datepicker table tr td span.active:hover.disabled,
1451 .datepicker table tr td span.active.disabled.disabled,
1452 .datepicker table tr td span.active.disabled:hover.disabled,
1453 .datepicker table tr td span.active[disabled],
1454 .datepicker table tr td span.active:hover[disabled],
1455 .datepicker table tr td span.active.disabled[disabled],
1456 .datepicker table tr td span.active.disabled:hover[disabled] {
1457   background-color: #337ab7;
1458 }
1459 .datepicker table tr td span.active:active,
1460 .datepicker table tr td span.active:hover:active,
1461 .datepicker table tr td span.active.disabled:active,
1462 .datepicker table tr td span.active.disabled:hover:active,
1463 .datepicker table tr td span.active.active,
1464 .datepicker table tr td span.active:hover.active,
1465 .datepicker table tr td span.active.disabled.active,
1466 .datepicker table tr td span.active.disabled:hover.active {
1467   background-color: #286090;
1468 }
1469 .datepicker table tr td span.old {
1470   color: #777777;
1471 }
1472 .datepicker th.switch {
1473   width: 145px;
1474 }
1475 .datepicker thead tr:first-child th,
1476 .datepicker tfoot tr:first-child th {
1477   cursor: pointer;
1478 }
1479 .datepicker thead tr:first-child th:hover,
1480 .datepicker tfoot tr:first-child th:hover {
1481   background: #eeeeee;
1482 }
1483 .datepicker .cw {
1484   font-size: 10px;
1485   width: 12px;
1486   padding: 0 2px 0 5px;
1487   vertical-align: middle;
1488 }
1489 .datepicker thead tr:first-child th.cw {
1490   cursor: default;
1491   background-color: transparent;
1492 }
1493 .input-append.date .add-on i,
1494 .input-prepend.date .add-on i {
1495   display: block;
1496   cursor: pointer;
1497   width: 16px;
1498   height: 16px;
1499 }
1500 .datepicker .datepicker-time td span {
1501   display: block;
1502   width: 47px;
1503   height: 54px;
1504   line-height: 54px;
1505   float: left;
1506   margin: 2px;
1507   cursor: pointer;
1508   border-radius: 4px;
1509 }
1510 .datepicker .datepicker-time td span.timepicker-hour,
1511 .datepicker .datepicker-time td span.timepicker-minute {
1512   width: 100%;
1513   font-weight: bold;
1514   font-size: 1.2em;
1515 }
1516 .roo-document-manager-selector {
1517   visibility: hidden;
1518   height: 0px;
1519 }
1520 .roo-document-manager-uploader,
1521 .roo-document-manager-loading,
1522 .roo-document-manager-preview {
1523   position: relative;
1524   float: left;
1525   width: 25%;
1526   padding-left: 5px;
1527   height: 100px;
1528   max-height: 100px;
1529   margin-top: 10px;
1530 }
1531 .roo-document-manager-preview.wide {
1532   width: 50%;
1533 }
1534 .roo-document-manager-thumb,
1535 .roo-document-manager-upload-btn {
1536   width: 100%;
1537   height: 100px;
1538   line-height: 100px;
1539   max-height: 100px;
1540   border: 1px solid #eeeeee;
1541   -webkit-box-shadow: 1px 0px 5px 0px rgba(119, 119, 119, 0.75);
1542   -moz-box-shadow: 1px 0px 5px 0px rgba(119, 119, 119, 0.75);
1543   box-shadow: 1px 0px 5px 0px rgba(119, 119, 119, 0.75);
1544 }
1545 .roo-document-manager-thumb > i.fa,
1546 .roo-document-manager-upload-btn > i.fa {
1547   width: 100%;
1548   line-height: 98px;
1549   text-align: center;
1550   vertical-align: middle;
1551   color: #777777;
1552   font-size: 2.5em;
1553 }
1554 .roo-document-manager-thumb > i.fa {
1555   font-size: 2.5em;
1556 }
1557 .roo-document-manager-thumb > img {
1558   width: 100%;
1559   max-height: 100%;
1560   text-align: center;
1561   vertical-align: middle;
1562 }
1563 .roo-document-manager-preview > .close {
1564   position: absolute;
1565   top: 0px;
1566   right: 3px;
1567   font-size: 20px;
1568   opacity: 1;
1569 }
1570 .roo-document-manager-preview > .close:hover {
1571   color: #333333;
1572 }
1573 /*
1574 * sm
1575 */
1576 @media (min-width: 768px) {
1577   .roo-document-manager-uploader,
1578   .roo-document-manager-loading,
1579   .roo-document-manager-preview {
1580     height: 200px;
1581     max-height: 200px;
1582   }
1583   .roo-document-manager-thumb,
1584   .roo-document-manager-upload-btn {
1585     line-height: 200px;
1586     height: 200px;
1587     max-height: 200px;
1588   }
1589   .roo-document-manager-thumb > i.fa,
1590   .roo-document-manager-upload-btn > i.fa {
1591     line-height: 198px;
1592   }
1593 }
1594 /*
1595 * md
1596 */
1597 @media (min-width: 992px) {
1598   .roo-document-manager-uploader,
1599   .roo-document-manager-loading,
1600   .roo-document-manager-preview {
1601     width: 8.33333333%;
1602     height: 80px;
1603     max-height: 80px;
1604   }
1605   .roo-document-manager-preview.wide {
1606     width: 16.66666666%;
1607   }
1608   .roo-document-manager-thumb,
1609   .roo-document-manager-upload-btn {
1610     line-height: 80px;
1611     height: 80px;
1612     max-height: 80px;
1613   }
1614   .roo-document-manager-thumb > i.fa,
1615   .roo-document-manager-upload-btn > i.fa {
1616     line-height: 78px;
1617   }
1618 }
1619 /*
1620 * lg
1621 */
1622 @media (min-width: 1200px) {
1623   .roo-document-manager-uploader,
1624   .roo-document-manager-loading,
1625   .roo-document-manager-preview {
1626     width: 8.33333333%;
1627     height: 100px;
1628     max-height: 100px;
1629   }
1630   .roo-document-manager-preview.wide {
1631     width: 16.66666666%;
1632   }
1633   .roo-document-manager-thumb,
1634   .roo-document-manager-upload-btn {
1635     line-height: 100px;
1636     height: 100px;
1637     max-height: 100px;
1638   }
1639   .roo-document-manager-thumb > i.fa,
1640   .roo-document-manager-upload-btn > i.fa {
1641     line-height: 98px;
1642   }
1643 }
1644 .document-slider-dialog .modal-body {
1645   padding: 0px;
1646 }
1647 .roo-document-slider-header {
1648   background-color: rgba(0, 0, 0, 0.5);
1649 }
1650 .roo-document-slider-header .roo-document-slider-header-title {
1651   width: 80%;
1652   margin: 0 auto;
1653   padding: 10px 0;
1654   color: #ffffff;
1655   font-weight: bold;
1656   text-align: center;
1657 }
1658 .roo-document-slider-body {
1659   background-color: #ffffff;
1660   width: 100%;
1661   height: 450px;
1662   position: relative;
1663   overflow: hidden;
1664 }
1665 .roo-document-slider-body .roo-document-slider-thumb {
1666   position: absolute;
1667   width: 80%;
1668   height: 100%;
1669   top: 50%;
1670   left: 50%;
1671   transform: translate(-50%, -50%);
1672   box-sizing: border-box;
1673   border: 1px solid #666666;
1674   box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
1675   text-align: center;
1676   vertical-align: middle;
1677   overflow: auto;
1678   cursor: move;
1679 }
1680 .roo-document-slider-body .roo-document-slider-image {
1681   width: 100%;
1682 }
1683 .roo-document-slider-prev {
1684   position: absolute;
1685   top: 0;
1686   left: 0;
1687   text-align: center;
1688   width: 10%;
1689   height: 100%;
1690 }
1691 .roo-document-slider-next {
1692   position: absolute;
1693   top: 0;
1694   right: 0;
1695   text-align: center;
1696   width: 10%;
1697   height: 100%;
1698 }
1699 .roo-document-slider-prev > i,
1700 .roo-document-slider-next > i {
1701   position: relative;
1702   top: 50%;
1703   transform: translateY(-50%);
1704   cursor: pointer;
1705   font-size: 2em;
1706 }
1707 .document-viewer-dialog .modal-dialog {
1708   margin: 0px auto;
1709 }
1710 .document-viewer-dialog .modal-header,
1711 .document-viewer-dialog .modal-footer {
1712   padding-top: 5px;
1713   padding-bottom: 5px;
1714 }
1715 .document-viewer-dialog .modal-body {
1716   padding: 0px;
1717 }
1718 .roo-document-viewer-body {
1719   background-color: #ffffff;
1720   width: 100%;
1721   height: 450px;
1722   max-height: 450px;
1723   position: relative;
1724   overflow: hidden;
1725   cursor: move;
1726 }
1727 .roo-document-viewer-body .roo-document-viewer-thumb {
1728   position: absolute;
1729   width: 80%;
1730   height: 80%;
1731   top: 50%;
1732   left: 50%;
1733   transform: translate(-50%, -50%);
1734   box-sizing: border-box;
1735   border: 1px solid #666666;
1736   box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
1737   text-align: center;
1738   vertical-align: middle;
1739   overflow: auto;
1740 }
1741 .roo-document-viewer-body .roo-document-viewer-image {
1742   width: 100%;
1743 }
1744 .roo-document-viewer-btn-group button {
1745   background-color: #000000;
1746   color: #ffffff;
1747   border-color: #333333;
1748 }
1749 .roo-document-viewer-btn-group > .btn-group:first-child > button {
1750   border-top-left-radius: 0;
1751 }
1752 .roo-document-viewer-btn-group > .btn-group:last-child > button {
1753   border-top-right-radius: 0;
1754 }
1755 .dropdown-submenu:hover > a,
1756 .dropdown-submenu:focus > a {
1757   color: #ffffff;
1758   text-decoration: none;
1759   background-color: #337ab7;
1760   background-image: -moz-linear-gradient(top, #337ab7, #3072ab);
1761   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#337ab7), to(#3072ab));
1762   background-image: -webkit-linear-gradient(top, #337ab7, #3072ab);
1763   background-image: -o-linear-gradient(top, #337ab7, #3072ab);
1764   background-image: linear-gradient(to bottom, #337ab7, #3072ab);
1765   background-repeat: repeat-x;
1766   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@brand-primary', endColorstr='darken(@brand-primary, 3%)', GradientType=0);
1767 }
1768 .dropdown-submenu {
1769   position: relative;
1770 }
1771 .dropdown-submenu > .dropdown-menu {
1772   top: 0;
1773   left: 100%;
1774   margin-top: -6px;
1775   margin-left: -1px;
1776   -webkit-border-radius: 0 6px 6px 6px;
1777   -moz-border-radius: 0 6px 6px 6px;
1778   border-radius: 0 6px 6px 6px;
1779 }
1780 .dropdown-submenu:hover > .dropdown-menu {
1781   display: block;
1782 }
1783 .dropup .dropdown-submenu > .dropdown-menu {
1784   top: auto;
1785   bottom: 0;
1786   margin-top: 0;
1787   margin-bottom: -2px;
1788   -webkit-border-radius: 5px 5px 5px 0;
1789   -moz-border-radius: 5px 5px 5px 0;
1790   border-radius: 5px 5px 5px 0;
1791 }
1792 .dropup .dropdown-menu {
1793   -webkit-animation-name: inherit;
1794 }
1795 .dropdown-submenu > a:after {
1796   display: block;
1797   float: right;
1798   width: 0;
1799   height: 0;
1800   margin-top: 5px;
1801   margin-right: -10px;
1802   border-color: transparent;
1803   border-left-color: #777777;
1804   border-style: solid;
1805   border-width: 5px 0 5px 5px;
1806   content: " ";
1807 }
1808 .dropdown-submenu:hover > a:after {
1809   border-left-color: #ffffff;
1810 }
1811 .dropdown-submenu.pull-left {
1812   float: none !important;
1813 }
1814 .dropdown-submenu.pull-left > .dropdown-menu {
1815   left: 0;
1816   margin-left: 1px;
1817   -webkit-border-radius: 6px 0 6px 6px;
1818   -moz-border-radius: 6px 0 6px 6px;
1819   border-radius: 6px 0 6px 6px;
1820 }
1821 .dropdown-button > i {
1822   margin-right: 5px;
1823 }
1824 li.dropdown-toggle i.glyphicon + span {
1825   margin-left: 5px;
1826 }
1827 li.dropdown-toggle span + i.glyphicon {
1828   margin-left: 5px;
1829 }
1830 li.dropdown-menu-item i.fa + span {
1831   margin-left: 5px;
1832 }
1833 div.input-group.has-feedback > .form-control-feedback {
1834   right: 30px;
1835 }
1836 .roo-required-indicator.left-indicator {
1837   margin-right: 5px;
1838 }
1839 .roo-required-indicator.right-indicator {
1840   margin-left: 5px;
1841 }
1842 .label-pill {
1843   padding-right: .6em;
1844   padding-left: .6em;
1845   border-radius: 10rem;
1846 }
1847 .roo-layout-container {
1848   width: 100%;
1849   height: 100%;
1850   overflow: hidden;
1851 }
1852 .roo-layout-inactive-content {
1853   position: absolute;
1854   left: -10000px;
1855   top: -10000px;
1856   visibility: hidden;
1857 }
1858 .roo-layout-active-content {
1859   visibility: visible;
1860   /* padding: 10px; */
1861 }
1862 .roo-layout-panel {
1863   position: absolute;
1864   /* overflow:hidden;  -- menus inside of contains do not work with this */
1865   /*
1866     background-color:white;
1867     border:1px solid #98c0f4;
1868     */
1869 }
1870 .roo-layout-panel-east,
1871 .roo-layout-panel-west {
1872   z-index: 10;
1873 }
1874 .roo-layout-panel-north,
1875 .roo-layout-panel-south {
1876   z-index: 11;
1877 }
1878 /*
1879 .roo-layout-collapsed-north, .x-layout-collapsed-south, .x-layout-collapsed-east, .x-layout-collapsed-west {
1880     z-index:12;
1881 }
1882 */
1883 .roo-layout-panel-body {
1884   overflow: hidden;
1885 }
1886 /*
1887
1888 .roo-layout-grid-wrapper{
1889
1890 }
1891 */
1892 .roo-layout-split {
1893   position: absolute;
1894   height: 5px;
1895   width: 5px;
1896   line-height: 1px;
1897   font-size: 1px;
1898   z-index: 3;
1899   background-color: #f5f5f5;
1900 }
1901 .roo-layout-split-south,
1902 .roo-layout-split-north {
1903   border-bottom: 1px solid #777777;
1904 }
1905 .roo-layout-split-east,
1906 .roo-layout-split-west {
1907   border-right: 1px solid #777777;
1908 }
1909 .roo-layout-panel-hd {
1910   position: relative;
1911 }
1912 .roo-layout-panel-hd.breadcrumb {
1913   margin-bottom: 0;
1914 }
1915 .roo-layout-panel-hd-text {
1916   padding: 4px;
1917   padding-left: 4px;
1918   display: block;
1919   white-space: nowrap;
1920 }
1921 .roo-layout-panel-hd-tools {
1922   position: absolute;
1923   right: 0;
1924   top: 0;
1925   text-align: right;
1926   padding-top: 2px;
1927   padding-right: 2px;
1928   width: 40px;
1929 }
1930 /*
1931 .x-layout-tools-button{
1932     z-index:6;
1933     padding:2px;
1934     float:right;
1935     cursor:pointer;
1936 }
1937 .x-layout-tools-button-over{
1938     padding:1px;
1939     border:1px solid #98c0f4;
1940     background-color:white;
1941 }
1942 .x-layout-tools-button-inner{
1943     height:12px;
1944     width:12px;
1945     line-height:1px;
1946     font-size:1px;
1947     background-repeat:no-repeat;
1948     background-position:center;
1949 }
1950 .x-layout-close{
1951     background-image:url(../images/default/layout/layout-sprite.gif);
1952     background-repeat: no-repeat;
1953     background-position: 50% -48px;
1954 }
1955 .x-layout-collapse-west,.x-layout-expand-east{
1956     background-image:url(../images/default/layout/layout-sprite.gif);
1957     background-repeat: no-repeat;
1958     background-position: 50% 0;
1959 }
1960 .x-layout-expand-west,.x-layout-collapse-east{
1961     background-image:url(../images/default/layout/layout-sprite.gif);
1962     background-repeat: no-repeat;
1963     background-position: 50% -12px;
1964 }
1965 .x-layout-collapse-north,.x-layout-expand-south{
1966     background-image:url(../images/default/layout/layout-sprite.gif);
1967     background-repeat: no-repeat;
1968     background-position: 50% -24px;
1969 }
1970 .x-layout-expand-north,.x-layout-collapse-south{
1971     background-image:url(../images/default/layout/layout-sprite.gif);
1972     background-repeat: no-repeat;
1973     background-position: 50% -36px;
1974 }
1975 .x-layout-split-h{
1976     background-image:url(../images/default/sizer/e-handle.gif);
1977     background-position: left;
1978     cursor:col-resize;
1979 }
1980 .x-layout-split-v{
1981     background-image:url(../images/default/sizer/s-handle.gif);
1982     background-position: top;
1983     cursor:row-resize;
1984 }
1985 .x-layout-panel .x-tabs-wrap{
1986     background:url(../images/default/layout/gradient-bg.gif);
1987 }
1988 */
1989 .roo-layout-panel .roo-tabbody {
1990   background-color: #ffffff;
1991   overflow: auto;
1992   height: 100%;
1993 }
1994 .roo-layout-component-panel,
1995 .roo-layout-nested-layout {
1996   position: relative;
1997   padding: 0;
1998   overflow: hidden;
1999   width: 200px;
2000   height: 200px;
2001 }
2002 .roo-layout-nested-layout .roo-layout-panel {
2003   border: 0 none;
2004 }
2005 /*
2006 .x-layout-nested-layout .x-layout-panel-north {
2007           border-bottom:1px solid #98c0f4;
2008 }
2009 .x-layout-nested-layout .x-layout-panel-south {
2010           border-top:1px solid #98c0f4;
2011 }
2012 .x-layout-nested-layout .x-layout-panel-east {
2013           border-left:1px solid #98c0f4;
2014 }
2015 .x-layout-nested-layout .x-layout-panel-west {
2016           border-right:1px solid #98c0f4;
2017 }
2018 */
2019 .roo-repaint {
2020   zoom: 1;
2021   background-color: transparent;
2022 }
2023 /*
2024 .x-layout-panel-dragover {
2025         border: 2px solid #6593cf;
2026 }
2027 .x-layout-panel-proxy {
2028         background-image: url(../images/default/layout/gradient-bg.gif);
2029         background-color:#c3daf9;
2030         border:1px dashed #6593cf;
2031         z-index:10001;
2032         overflow:hidden;
2033         position:absolute;
2034         left:0;top:0;
2035 }
2036
2037 .x-layout-slider {
2038         z-index:15;
2039         overflow:hidden;
2040         position:absolute;
2041 }
2042 */
2043 .roo-unselectable {
2044   -moz-user-select: none;
2045   -khtml-user-select: none;
2046   -webkit-user-select: none;
2047   cursor: default;
2048 }
2049 /** --- split bar dragging ---*/
2050 .roo-splitbar-proxy {
2051   z-index: 40009;
2052   visibility: hidden;
2053   position: absolute;
2054   background: #777777;
2055   border: 1px solid #000000;
2056   overflow: hidden;
2057 }
2058 .roo-splitbar-h,
2059 .roo-splitbar-proxy-h {
2060   cursor: col-resize;
2061 }
2062 .roo-splitbar-v,
2063 .roo-splitbar-proxy-v {
2064   cursor: row-resize;
2065 }
2066 /*
2067 .x-grid-resize-proxy
2068 {
2069         z-index:40009;
2070         visibility:hidden;
2071         position:absolute;
2072         background:#666;
2073         border: 1px solid #000;
2074         overflow:hidden;
2075         cursor:col-resize;
2076         overflow:hidden;
2077         width: 2px;
2078 }
2079
2080
2081 */
2082 .roo-layout-panel-body .navbar ul.nav-tabs {
2083   margin-top: 9px;
2084   display: table;
2085 }
2086 .roo-layout-panel-body .navbar {
2087   margin-bottom: 0px;
2088 }
2089 .roo-form-group-label-left::before,
2090 .roo-form-group-label-left::after {
2091   display: table;
2092   content: " ";
2093   clear: both;
2094 }
2095 a.list-group-item,
2096 button.list-group-item {
2097   width: 100%;
2098   color: #555555;
2099   text-align: inherit;
2100 }
2101 .roo-el-mask {
2102   z-index: 20000;
2103   position: absolute;
2104   top: 0;
2105   left: 0;
2106   -moz-opacity: 0.5;
2107   opacity: .50;
2108   filter: alpha(opacity=50);
2109   background-color: #777777;
2110   width: 100%;
2111   height: 100%;
2112   zoom: 1;
2113 }
2114 .roo-el-mask-msg {
2115   position: absolute;
2116   z-index: 20000;
2117   /*border: 4px double #557; */
2118   background-color: #ffffff;
2119   padding: 0px 30px;
2120   background-image: url('../images/ux/lightbox/loading.gif');
2121   background-repeat: no-repeat;
2122   border: 10px solid white;
2123   border-radius: 20px;
2124 }
2125 .roo-el-mask-msg div {
2126   font-family: 'Source Sans Pro', sans-serif;
2127   font-size: 24px;
2128   font-weight: 500;
2129   z-index: 20001;
2130   padding: 4px 15px;
2131   color: #555555;
2132 }
2133 .x-body-masked {
2134   overflow: hidden !important;
2135 }
2136 .x-body-masked select,
2137 .ext-masked object,
2138 .ext-masked embed {
2139   visibility: hidden;
2140 }
2141 .x-dlg-mask {
2142   z-index: 10000;
2143   display: none;
2144   position: absolute;
2145   top: 0;
2146   left: 0;
2147   -moz-opacity: 0.5;
2148   opacity: .50;
2149   filter: alpha(opacity=50);
2150   background-color: #777777;
2151 }
2152 .masonary .masonry-bottom-title {
2153   background-color: transparent;
2154 }
2155 .masonry-brick-link,
2156 .roo-brick-link {
2157   cursor: pointer;
2158   text-decoration: none;
2159   outline: 0;
2160 }
2161 .masonry-brick-paragraph,
2162 .roo-brick-paragraph {
2163   overflow: hidden;
2164 }
2165 .masonry-brick .masonry-brick-paragraph {
2166   padding: 9px;
2167   width: 100%;
2168   height: 100%;
2169   position: absolute;
2170   top: 0;
2171   left: 0;
2172   background-color: inherit;
2173 }
2174 .masonry-center-title .masonry-brick-paragraph,
2175 .masonry-bottom-title .masonry-brick-paragraph,
2176 .roo-brick-center-title .roo-brick-paragraph,
2177 .roo-brick-bottom-title .roo-brick-paragraph {
2178   display: table;
2179 }
2180 .masonry-center-title .masonry-brick-paragraph .masonry-brick-title,
2181 .roo-brick-center-title .roo-brick-paragraph .roo-brick-title {
2182   display: table-cell;
2183   vertical-align: middle;
2184   text-align: center;
2185 }
2186 .masonry-bottom-title .masonry-brick-paragraph .masonry-brick-title,
2187 .roo-brick-bottom-title .roo-brick-paragraph .roo-brick-title {
2188   display: table-cell;
2189   vertical-align: bottom;
2190   text-align: right;
2191 }
2192 .masonry-brick-image .masonry-brick-paragraph,
2193 .roo-brick-image .roo-brick-paragraph {
2194   opacity: 0;
2195 }
2196 .masonry-bottom-title .masonry-brick-paragraph {
2197   opacity: 1;
2198 }
2199 .masonry-brick-image-view {
2200   width: 100%;
2201   height: 100%;
2202   object-fit: cover;
2203 }
2204 .masonry-brick-paragraph .masonry-brick-title,
2205 .roo-brick-paragraph .roo-brick-title {
2206   margin-top: 0;
2207 }
2208 .roo-brick .roo-brick-paragraph {
2209   padding: 9px;
2210   width: 100%;
2211   height: 100%;
2212   background-color: inherit;
2213 }
2214 .roo-brick-image-view {
2215   position: absolute;
2216   top: 0;
2217   object-fit: cover;
2218 }
2219 a.roo-brick-link:focus,
2220 a.roo-brick-link:hover {
2221   text-decoration: none;
2222   outline: 0;
2223 }
2224 .masonry-brick-split .masonry-brick-split-head,
2225 .masonry-brick-split .masonry-brick-split-head .masonry-brick-paragraph {
2226   height: 75%;
2227 }
2228 .masonry-brick-split .masonry-brick-split-body {
2229   height: 25%;
2230   padding: 4px;
2231   color: #000000;
2232   font-size: 11px;
2233 }
2234 .enable-mask:hover .masonry-brick-mask {
2235   width: 100%;
2236   height: 100%;
2237   position: absolute;
2238   top: 0;
2239   left: 0;
2240   background-color: #000000;
2241   opacity: 0.2;
2242 }
2243 /*
2244     Document   : modal
2245     Created on : Apr 23, 2014, 11:24:28 AM
2246     Author     : edward
2247     Description:
2248         Purpose of the stylesheet follows.
2249 */
2250 .modal-md-1,
2251 .modal-md-2,
2252 .modal-md-3,
2253 .modal-md-4,
2254 .modal-md-5,
2255 .modal-md-6,
2256 .modal-md-7,
2257 .modal-md-8,
2258 .modal-md-9,
2259 .modal-md-10,
2260 .modal-md-11,
2261 .modal-md-12 {
2262   float: left;
2263 }
2264 .modal-md-12 .modal-dialog {
2265   width: 100%;
2266   margin: 30 auto;
2267 }
2268 .modal-md-11 .modal-dialog {
2269   width: 91.66666666666666%;
2270   margin: 30 auto;
2271 }
2272 .modal-md-10 .modal-dialog {
2273   width: 83.33333333333334%;
2274   margin: 30 auto;
2275 }
2276 .modal-md-9 .modal-dialog {
2277   width: 75%;
2278   margin: 30 auto;
2279 }
2280 .modal-md-8 .modal-dialog {
2281   width: 66.66666666666666%;
2282   margin: 30 auto;
2283 }
2284 .modal-md-7 .modal-dialog {
2285   width: 58.333333333333336%;
2286   margin: 30 auto;
2287 }
2288 .modal-md-6 .modal-dialog {
2289   width: 50%;
2290   margin: 30 auto;
2291 }
2292 .modal-md-5 .modal-dialog {
2293   width: 41.66666666666667%;
2294   margin: 30 auto;
2295 }
2296 .modal-md-4 .modal-dialog {
2297   width: 33.33333333333333%;
2298   margin: 30 auto;
2299 }
2300 .modal-md-3 .modal-dialog {
2301   width: 25%;
2302   margin: 30 auto;
2303 }
2304 .modal-md-2 .modal-dialog {
2305   width: 16.666666666666664%;
2306   margin: 30 auto;
2307 }
2308 .modal-md-1 .modal-dialog {
2309   width: 8.333333333333332%;
2310   margin: 30 auto;
2311 }
2312 /*
2313  this  appears to break the layout on dialog buttons on mobile?
2314 @media (max-width: 568px) {
2315     .modal-footer .btn+.btn {
2316             margin-left: 0px;
2317             margin-top: 5px;
2318     }
2319 }
2320 */
2321 .modal-body.roo-layout-container {
2322   padding: 0;
2323 }
2324 .roo-navigation-bar-group,
2325 .roo-navigation-top-bar,
2326 .roo-navigation-bullets-bar,
2327 .roo-navigation-bottom-bar {
2328   width: 100%;
2329   float: left;
2330 }
2331 .roo-navigation-bar-text > span {
2332   text-transform: uppercase;
2333   width: 90%;
2334   display: inline-block;
2335 }
2336 .roo-navigation-bar-text {
2337   float: left;
2338   line-height: 24px;
2339   height: 100%;
2340   min-height: 24px;
2341   text-align: center;
2342   position: relative;
2343 }
2344 .roo-navigation-bar {
2345   counter-reset: step;
2346   text-align: center;
2347   padding: 0px;
2348   overflow: hidden;
2349   margin: 0px;
2350 }
2351 .roo-navigation-bar .roo-navigation-bar-item {
2352   list-style-type: none;
2353   color: #000000;
2354   text-transform: uppercase;
2355   font-size: 14px;
2356   float: left;
2357   position: relative;
2358 }
2359 .roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon:before {
2360   counter-increment: step;
2361   width: 25px;
2362   line-height: 25px;
2363   display: block;
2364   color: #ffffff;
2365   background: #337ab7;
2366   border-radius: 5px;
2367   font-weight: bold;
2368   cursor: pointer;
2369 }
2370 .roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon.step-number:before {
2371   content: counter(step);
2372 }
2373 .roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon:after {
2374   content: '';
2375   width: 100%;
2376   height: 5px;
2377   background: #337ab7;
2378   position: absolute;
2379   top: 10px;
2380   z-index: -1;
2381 }
2382 .roo-navigation-bar .roo-navigation-bar-item:last-child > .roo-navigation-bar-item-icon:after {
2383   content: none;
2384 }
2385 .roo-navigation-bar .roo-navigation-bar-item.active .roo-navigation-bar-item-icon:before {
2386   background: #ac2925;
2387   color: #ffffff;
2388 }
2389 .roo-navigation-bar .roo-navigation-bar-item.disabled .roo-navigation-bar-item-icon:before {
2390   background: #777777;
2391   color: #ffffff;
2392   cursor: not-allowed;
2393 }
2394 .roo-navigation-bar .roo-navigation-bar-item.active .roo-navigation-bar-item-icon:before {
2395   cursor: default;
2396 }
2397 .roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon {
2398   font: normal normal normal 14px/1 FontAwesome;
2399   display: inline-block;
2400 }
2401 @media (min-width: 768px) {
2402   .roo-navigation-bar .roo-navigation-bar-item.xs-icon > .roo-navigation-bar-item-icon:before {
2403     content: counter(step);
2404   }
2405 }
2406 @media (min-width: 992px) {
2407   .roo-navigation-bar .roo-navigation-bar-item.xs-icon > .roo-navigation-bar-item-icon:before,
2408   .roo-navigation-bar .roo-navigation-bar-item.sm-icon > .roo-navigation-bar-item-icon:before {
2409     content: counter(step);
2410   }
2411 }
2412 @media (min-width: 1200px) {
2413   .roo-navigation-bar .roo-navigation-bar-item.xs-icon > .roo-navigation-bar-item-icon:before,
2414   .roo-navigation-bar .roo-navigation-bar-item.sm-icon > .roo-navigation-bar-item-icon:before,
2415   .roo-navigation-bar .roo-navigation-bar-item.md-icon > .roo-navigation-bar-item-icon:before {
2416     content: counter(step);
2417   }
2418 }
2419 /* NAV TABS */
2420 .nav-tabs-custom {
2421   margin-bottom: 20px;
2422   background: #ffffff;
2423   box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
2424 }
2425 .nav-tabs-custom > .nav-tabs {
2426   margin: 0;
2427   border-bottom-color: #777777;
2428 }
2429 .nav-tabs-custom > .nav-tabs > li {
2430   border-top: 3px solid transparent;
2431   margin-bottom: -2px;
2432   margin-right: 5px;
2433 }
2434 .nav-tabs-custom > .nav-tabs > li > a {
2435   -webkit-border-radius: 0 !important;
2436   -moz-border-radius: 0 !important;
2437   border-radius: 0 !important;
2438 }
2439 .nav-tabs-custom > .nav-tabs > li > a,
2440 .nav-tabs-custom > .nav-tabs > li > a:hover {
2441   background: transparent;
2442   margin: 0;
2443 }
2444 .nav-tabs-custom > .nav-tabs > li:not(.active) > a:hover,
2445 .nav-tabs-custom > .nav-tabs > li:not(.active) > a:focus,
2446 .nav-tabs-custom > .nav-tabs > li:not(.active) > a:active {
2447   border-color: transparent;
2448 }
2449 .nav-tabs-custom > .nav-tabs > li.active {
2450   border-top-color: #337ab7;
2451 }
2452 .nav-tabs-custom > .nav-tabs > li.active > a,
2453 .nav-tabs-custom > .nav-tabs > li.active:hover > a {
2454   background-color: #ffffff;
2455 }
2456 .nav-tabs-custom > .nav-tabs > li.active > a {
2457   border-top: 0;
2458   border-left-color: #777777;
2459   border-right-color: #777777;
2460 }
2461 .nav-tabs-custom > .nav-tabs > li:first-of-type {
2462   margin-left: 0px;
2463 }
2464 .nav-tabs-custom > .nav-tabs > li:first-of-type.active > a {
2465   border-left-width: 0;
2466 }
2467 .nav-tabs-custom > .nav-tabs.pull-right {
2468   float: none !important;
2469 }
2470 .nav-tabs-custom > .nav-tabs.pull-right > li {
2471   float: right;
2472 }
2473 .nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type {
2474   margin-right: 0px;
2475 }
2476 .nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type.active > a {
2477   border-left-width: 1px;
2478   border-right-width: 0px;
2479 }
2480 .nav-tabs-custom > .nav-tabs > li.header {
2481   font-weight: 400;
2482   line-height: 35px;
2483   padding: 0 10px;
2484   font-size: 20px;
2485   color: #333333;
2486   cursor: default;
2487 }
2488 .nav-tabs-custom > .nav-tabs > li.header > .fa,
2489 .nav-tabs-custom > .nav-tabs > li.header > .glyphicon,
2490 .nav-tabs-custom > .nav-tabs > li.header > .ion {
2491   margin-right: 10px;
2492 }
2493 .nav-tabs-custom > .tab-content {
2494   background: #ffffff;
2495   padding: 10px;
2496 }
2497 /* --- override it appears it's done un-reliably in JS normally.. */
2498 .tab-content > .tab-pane {
2499   position: absolute;
2500 }
2501 /* for some reason it's -15px on BS */
2502 @media (min-width: 768px) {
2503   .navbar-right {
2504     margin-right: 15px;
2505   }
2506 }
2507 .roo-numberbox {
2508   background-color: #337ab7 !important;
2509   border: 10px solid black;
2510 }
2511 .roo-numberbox h {
2512   font-size: 24px;
2513 }
2514 .pull-xs-right {
2515   float: right !important;
2516 }
2517 .roo-radio-set:before,
2518 .roo-radio-set:after {
2519   display: table;
2520   content: " ";
2521   clear: both;
2522 }
2523 .radio.checked label::after {
2524   -webkit-transform: scale(1, 1);
2525   -ms-transform: scale(1, 1);
2526   -o-transform: scale(1, 1);
2527   transform: scale(1, 1);
2528   background-color: #555555;
2529 }
2530 .roo-radio-set.disabled .radio label {
2531   opacity: 0.65;
2532 }
2533 .roo-radio-set.disabled .radio label {
2534   cursor: not-allowed;
2535 }
2536 .roo-radio-primary .radio label::after {
2537   background-color: #ffffff;
2538 }
2539 .roo-radio-primary .radio.checked label::before {
2540   border-color: #337ab7;
2541 }
2542 .roo-radio-primary .radio.checked label::after {
2543   background-color: #337ab7;
2544 }
2545 .roo-radio-danger .radio label::after {
2546   background-color: #d9534f;
2547 }
2548 .roo-radio-danger .radio.checked label::before {
2549   border-color: #d9534f;
2550 }
2551 .roo-radio-danger .radio.checked label::after {
2552   background-color: #d9534f;
2553 }
2554 .roo-radio-info .radio label::after {
2555   background-color: #ffffff;
2556 }
2557 .roo-radio-info .radio.checked label::before {
2558   border-color: #5bc0de;
2559 }
2560 .roo-radio-info .radio.checked label::after {
2561   background-color: #5bc0de;
2562 }
2563 .roo-radio-warning .radio label::after {
2564   background-color: #ffffff;
2565 }
2566 .roo-radio-warning .radio.checked label::before {
2567   border-color: #f0ad4e;
2568 }
2569 .roo-radio-warning .radio.checked label::after {
2570   background-color: #f0ad4e;
2571 }
2572 .roo-radio-success .radio label::after {
2573   background-color: #ffffff;
2574 }
2575 .roo-radio-success .radio.checked label::before {
2576   border-color: #5cb85c;
2577 }
2578 .roo-radio-success .radio.checked label::after {
2579   background-color: #5cb85c;
2580 }
2581 .roo-radio-set.has-warning .roo-radio-set-items label,
2582 .roo-radio-set.has-warning .roo-radio-set-label {
2583   color: #f0ad4e;
2584 }
2585 .roo-radio-set.has-error .roo-radio-set-items label,
2586 .roo-radio-set.has-error .roo-radio-set-label {
2587   color: #d9534f;
2588 }
2589 .roo-radio-set.has-success .roo-radio-set-items label,
2590 .roo-radio-set.has-success .roo-radio-set-label {
2591   color: #5cb85c;
2592 }
2593 .roo-radio-set-inline .radio {
2594   position: relative;
2595   display: inline-block;
2596   padding-left: 20px;
2597   margin-top: 0px;
2598   margin-bottom: 0;
2599   font-weight: 400;
2600   vertical-align: middle;
2601   cursor: pointer;
2602 }
2603 .roo-radio-set-inline .radio + .radio {
2604   margin-left: 10px;
2605 }
2606 .roo-radio-set-label .roo-required-indicator.right-indicator {
2607   position: absolute;
2608 }
2609 .roo-radio-set-label .roo-required-indicator.right-indicator.fa-star {
2610   font-size: 8px;
2611   margin-left: 3px;
2612   color: #d9534f;
2613 }
2614 .roo-radio-set-label,
2615 .roo-radio-set-right {
2616   padding: 0px;
2617 }
2618 .roo-form-error-popover.in {
2619   opacity: 1;
2620 }
2621 .roo-form-error-popover .tooltip-inner {
2622   max-width: 100%;
2623   padding: 10px;
2624 }
2625 .x-form-field-wrap .form-group {
2626   margin-bottom: 0px;
2627 }
2628 .roo-password-meter-grey {
2629   background: #777777;
2630   /* For browsers that do not support gradients */
2631   margin-bottom: 30px;
2632   height: 10px;
2633 }
2634 .roo-password-meter {
2635   background: red;
2636   /* For browsers that do not support gradients */
2637   background: -webkit-linear-gradient(-90deg, #008000, #ff0000);
2638   /* For Safari 5.1 to 6.0 */
2639   background: -o-linear-gradient(-90deg, #008000, #ff0000);
2640   /* For Opera 11.1 to 12.0 */
2641   background: -moz-linear-gradient(-90deg, #008000, #ff0000);
2642   /* For Firefox 3.6 to 15 */
2643   background: linear-gradient(-90deg, #008000, #ff0000);
2644   font-size: 12px;
2645 }
2646 .roo-password-meter-container {
2647   margin-bottom: 20px;
2648 }
2649 .roo-password-meter-tooweak {
2650   background: #d9534f;
2651   height: 10px;
2652 }
2653 .roo-password-meter-weak {
2654   background: #f0ad4e;
2655   height: 10px;
2656 }
2657 .roo-password-meter-medium {
2658   background: #f0ad4e;
2659   height: 10px;
2660 }
2661 .roo-password-meter-strong {
2662   background: #5cb85c;
2663   height: 10px;
2664 }
2665 .roo-password-meter-text {
2666   /* padding-bottom:5px; */
2667   margin-bottom: 30px;
2668   font-size: 12px;
2669   height: 10px;
2670 }
2671 /*
2672 Version: 3.4.8 Timestamp: Thu May  1 09:50:32 EDT 2014
2673 */
2674 .roo-select2-container {
2675   margin: 0;
2676   position: relative;
2677   /*display: inline-block;*/
2678   /* inline-block for ie7 */
2679   zoom: 1;
2680   *display: inline;
2681   vertical-align: middle;
2682 }
2683 .roo-select2-container,
2684 .roo-select2-drop,
2685 .roo-select2-search,
2686 .roo-select2-search input {
2687   /*
2688     Force border-box so that % widths fit the parent
2689     container without overlap because of margin/padding.
2690     More Info : http://www.quirksmode.org/css/box.html
2691   */
2692   -webkit-box-sizing: border-box;
2693   /* webkit */
2694   -moz-box-sizing: border-box;
2695   /* firefox */
2696   box-sizing: border-box;
2697   /* css3 */
2698 }
2699 .roo-select2-container .roo-select2-choice {
2700   display: block;
2701   height: 26px;
2702   padding: 0 0 0 8px;
2703   overflow: hidden;
2704   position: relative;
2705   border: 1px solid #777777;
2706   white-space: nowrap;
2707   line-height: 26px;
2708   color: #333333;
2709   text-decoration: none;
2710   border-radius: 4px;
2711   background-clip: padding-box;
2712   -webkit-touch-callout: none;
2713   -webkit-user-select: none;
2714   -moz-user-select: none;
2715   -ms-user-select: none;
2716   user-select: none;
2717   background-color: #ffffff;
2718   background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.5, #ffffff));
2719   background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, #ffffff 50%);
2720   background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 50%);
2721   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@body-bg', endColorstr='@gray-lighter', GradientType=0);
2722   background-image: linear-gradient(to top, #eeeeee 0%, #ffffff 50%);
2723 }
2724 .roo-select2-container.roo-select2-drop-above .roo-select2-choice {
2725   border-bottom-color: #777777;
2726   border-radius: 0 0 4px 4px;
2727   background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.9, #ffffff));
2728   background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, #ffffff 90%);
2729   background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 90%);
2730   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@body-bg', endColorstr='@gray-lighter', GradientType=0);
2731   background-image: linear-gradient(to bottom, #eeeeee 0%, #ffffff 90%);
2732 }
2733 .roo-select2-container.roo-select2-allowclear .roo-select2-choice .roo-select2-chosen {
2734   margin-right: 42px;
2735 }
2736 .roo-select2-container .roo-select2-choice > .roo-select2-chosen {
2737   margin-right: 26px;
2738   display: block;
2739   overflow: hidden;
2740   white-space: nowrap;
2741   text-overflow: ellipsis;
2742   float: none;
2743   width: auto;
2744 }
2745 .roo-select2-container .roo-select2-choice abbr {
2746   display: none;
2747   width: 12px;
2748   height: 12px;
2749   position: absolute;
2750   right: 24px;
2751   top: 8px;
2752   font-size: 1px;
2753   text-decoration: none;
2754   border: 0;
2755   background: url('../images/select2/select2.png') right top no-repeat;
2756   cursor: pointer;
2757   outline: 0;
2758 }
2759 .roo-select2-container.roo-select2-allowclear .roo-select2-choice abbr {
2760   display: inline-block;
2761 }
2762 .roo-select2-container .roo-select2-choice abbr:hover {
2763   background-position: right -11px;
2764   cursor: pointer;
2765 }
2766 .roo-select2-drop-mask {
2767   border: 0;
2768   margin: 0;
2769   padding: 0;
2770   position: fixed;
2771   left: 0;
2772   top: 0;
2773   min-height: 100%;
2774   min-width: 100%;
2775   height: auto;
2776   width: auto;
2777   opacity: 0;
2778   z-index: 9998;
2779   /* styles required for IE to work */
2780   background-color: #ffffff;
2781   filter: alpha(opacity=0);
2782 }
2783 .roo-select2-drop {
2784   width: 100%;
2785   margin-top: -1px;
2786   position: absolute;
2787   z-index: 9999;
2788   top: 100%;
2789   background: #ffffff;
2790   color: #000000;
2791   border: 1px solid #777777;
2792   border-top: 0;
2793   border-radius: 0 0 4px 4px;
2794   -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2);
2795   box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2);
2796 }
2797 .roo-select2-drop.roo-select2-drop-above {
2798   margin-top: 1px;
2799   border-top: 1px solid #777777;
2800   border-bottom: 0;
2801   border-radius: 4px 4px 0 0;
2802   -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.2);
2803   box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.2);
2804 }
2805 .roo-select2-drop-active {
2806   border: 1px solid #337ab7;
2807   border-top: none;
2808 }
2809 .roo-select2-drop.roo-select2-drop-above.roo-select2-drop-active {
2810   border-top: 1px solid #337ab7;
2811 }
2812 .roo-select2-drop-auto-width {
2813   border-top: 1px solid #777777;
2814   width: auto;
2815 }
2816 .roo-select2-drop-auto-width .roo-select2-search {
2817   padding-top: 4px;
2818 }
2819 .roo-select2-container .roo-select2-choice .roo-select2-arrow {
2820   display: inline-block;
2821   width: 18px;
2822   height: 100%;
2823   position: absolute;
2824   right: 0;
2825   top: 0;
2826   border-left: 1px solid #777777;
2827   border-radius: 0 4px 4px 0;
2828   background-clip: padding-box;
2829   background: #777777;
2830   background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #777777), color-stop(0.6, #eeeeee));
2831   background-image: -webkit-linear-gradient(center bottom, #777777 0%, #eeeeee 60%);
2832   background-image: -moz-linear-gradient(center bottom, #777777 0%, #eeeeee 60%);
2833   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@gray-lighter', endColorstr='@gray-light', GradientType=0);
2834   background-image: linear-gradient(to top, #777777 0%, #eeeeee 60%);
2835 }
2836 .roo-select2-container .roo-select2-choice .roo-select2-arrow b {
2837   display: block;
2838   width: 100%;
2839   height: 100%;
2840   background: url('../images/select2/select2.png') no-repeat 0 1px;
2841 }
2842 .roo-select2-search {
2843   display: inline-block;
2844   width: 100%;
2845   min-height: 26px;
2846   margin: 0;
2847   padding-left: 4px;
2848   padding-right: 4px;
2849   position: relative;
2850   z-index: 10000;
2851   white-space: nowrap;
2852 }
2853 .roo-select2-search input {
2854   width: 100%;
2855   height: auto !important;
2856   min-height: 26px;
2857   padding: 4px 20px 4px 5px;
2858   margin: 0;
2859   outline: 0;
2860   font-family: sans-serif;
2861   font-size: 1em;
2862   border: 1px solid #777777;
2863   border-radius: 0;
2864   -webkit-box-shadow: none;
2865   box-shadow: none;
2866   background: #ffffff url('../images/select2/select2.png') no-repeat 100% -22px;
2867   background: url('../images/select2/select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #ffffff), color-stop(0.99, #eeeeee));
2868   background: url('../images/select2/select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%);
2869   background: url('../images/select2/select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%);
2870   background: url('../images/select2/select2.png') no-repeat 100% -22px, linear-gradient(to bottom, #ffffff 85%, #eeeeee 99%) 0 0;
2871 }
2872 .roo-select2-drop.roo-select2-drop-above .roo-select2-search input {
2873   margin-top: 4px;
2874 }
2875 .roo-select2-search input.roo-select2-active {
2876   background: #ffffff url('../images/select2/select2-spinner.gif') no-repeat 100%;
2877   background: url('../images/select2/select2-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #ffffff), color-stop(0.99, #eeeeee));
2878   background: url('../images/select2/select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%);
2879   background: url('../images/select2/select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%);
2880   background: url('../images/select2/select2-spinner.gif') no-repeat 100%, linear-gradient(to bottom, #ffffff 85%, #eeeeee 99%) 0 0;
2881 }
2882 .roo-select2-container-active .roo-select2-choice,
2883 .roo-select2-container-active .roo-select2-choices {
2884   border: 1px solid #337ab7;
2885   outline: none;
2886   -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
2887   box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
2888 }
2889 .roo-select2-dropdown-open .roo-select2-choice {
2890   border-bottom-color: transparent;
2891   -webkit-box-shadow: 0 1px 0 #ffffff inset;
2892   box-shadow: 0 1px 0 #ffffff inset;
2893   border-bottom-left-radius: 0;
2894   border-bottom-right-radius: 0;
2895   background-color: #eeeeee;
2896   background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ffffff), color-stop(0.5, #eeeeee));
2897   background-image: -webkit-linear-gradient(center bottom, #ffffff 0%, #eeeeee 50%);
2898   background-image: -moz-linear-gradient(center bottom, #ffffff 0%, #eeeeee 50%);
2899   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@gray-lighter', endColorstr='@body-bg', GradientType=0);
2900   background-image: linear-gradient(to top, #ffffff 0%, #eeeeee 50%);
2901 }
2902 .roo-select2-dropdown-open.roo-select2-drop-above .roo-select2-choice,
2903 .roo-select2-dropdown-open.roo-select2-drop-above .roo-select2-choices {
2904   border: 1px solid #337ab7;
2905   border-top-color: transparent;
2906   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(0.5, #eeeeee));
2907   background-image: -webkit-linear-gradient(center top, #ffffff 0%, #eeeeee 50%);
2908   background-image: -moz-linear-gradient(center top, #ffffff 0%, #eeeeee 50%);
2909   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@gray-lighter', endColorstr='@body-bg', GradientType=0);
2910   background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 50%);
2911 }
2912 .roo-select2-dropdown-open .roo-select2-choice .roo-select2-arrow {
2913   background: transparent;
2914   border-left: none;
2915   filter: none;
2916 }
2917 .roo-select2-dropdown-open .roo-select2-choice .roo-select2-arrow b {
2918   background-position: -18px 1px;
2919 }
2920 .roo-select2-hidden-accessible {
2921   border: 0;
2922   clip: rect(0 0 0 0);
2923   height: 1px;
2924   margin: -1px;
2925   overflow: hidden;
2926   padding: 0;
2927   position: absolute;
2928   width: 1px;
2929 }
2930 /* results */
2931 .roo-select2-results {
2932   max-height: 200px;
2933   padding: 0 0 0 4px;
2934   margin: 4px 4px 4px 0;
2935   position: relative;
2936   overflow-x: hidden;
2937   overflow-y: auto;
2938   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
2939 }
2940 .roo-select2-results ul.roo-select2-result-sub {
2941   margin: 0;
2942   padding-left: 0;
2943 }
2944 .roo-select2-results li {
2945   list-style: none;
2946   display: list-item;
2947   background-image: none;
2948 }
2949 .roo-select2-results li.roo-select2-result-with-children > .roo-select2-result-label {
2950   font-weight: bold;
2951 }
2952 .roo-select2-results .roo-select2-result-label {
2953   padding: 3px 7px 4px;
2954   margin: 0;
2955   cursor: pointer;
2956   min-height: 1em;
2957   -webkit-touch-callout: none;
2958   -webkit-user-select: none;
2959   -moz-user-select: none;
2960   -ms-user-select: none;
2961   user-select: none;
2962 }
2963 .roo-select2-results-dept-1 .roo-select2-result-label {
2964   padding-left: 20px;
2965 }
2966 .roo-select2-results-dept-2 .roo-select2-result-label {
2967   padding-left: 40px;
2968 }
2969 .roo-select2-results-dept-3 .roo-select2-result-label {
2970   padding-left: 60px;
2971 }
2972 .roo-select2-results-dept-4 .roo-select2-result-label {
2973   padding-left: 80px;
2974 }
2975 .roo-select2-results-dept-5 .roo-select2-result-label {
2976   padding-left: 100px;
2977 }
2978 .roo-select2-results-dept-6 .roo-select2-result-label {
2979   padding-left: 110px;
2980 }
2981 .roo-select2-results-dept-7 .roo-select2-result-label {
2982   padding-left: 120px;
2983 }
2984 .roo-select2-results .roo-select2-highlighted {
2985   background: #337ab7;
2986   color: #ffffff;
2987 }
2988 .roo-select2-results li em {
2989   background: #f0ad4e;
2990   font-style: normal;
2991 }
2992 .roo-select2-results .roo-select2-highlighted em {
2993   background: transparent;
2994 }
2995 .roo-select2-results .roo-select2-highlighted ul {
2996   background: #ffffff;
2997   color: #000000;
2998 }
2999 .roo-select2-results .roo-select2-no-results,
3000 .roo-select2-results .roo-select2-searching,
3001 .roo-select2-results .roo-select2-selection-limit {
3002   background: #777777;
3003   display: list-item;
3004   padding-left: 5px;
3005 }
3006 /*
3007 disabled look for disabled choices in the results dropdown
3008 */
3009 .roo-select2-results .roo-select2-disabled.roo-select2-highlighted {
3010   color: #eeeeee;
3011   background: #777777;
3012   display: list-item;
3013   cursor: default;
3014 }
3015 .roo-select2-results .roo-select2-disabled {
3016   background: #777777;
3017   display: list-item;
3018   cursor: default;
3019 }
3020 .roo-select2-results .roo-select2-selected {
3021   display: none;
3022 }
3023 .roo-select2-more-results.roo-select2-active {
3024   background: #777777 url('../images/select2/select2-spinner.gif') no-repeat 100%;
3025 }
3026 .roo-select2-more-results {
3027   background: #777777;
3028   display: list-item;
3029 }
3030 /* disabled styles */
3031 .roo-select2-container.roo-select2-container-disabled .roo-select2-choice {
3032   background-color: #777777;
3033   background-image: none;
3034   border: 1px solid #777777;
3035   cursor: default;
3036 }
3037 .roo-select2-container.roo-select2-container-disabled .roo-select2-choice .roo-select2-arrow {
3038   background-color: #777777;
3039   background-image: none;
3040   border-left: 0;
3041 }
3042 .roo-select2-container.roo-select2-container-disabled .roo-select2-choice abbr {
3043   display: none;
3044 }
3045 /* multiselect */
3046 .roo-select2-container-multi .roo-select2-choices {
3047   height: auto !important;
3048   height: 1%;
3049   margin: 0;
3050   padding: 0;
3051   /*position: relative;*/
3052   border: 1px solid #777777;
3053   cursor: text;
3054   overflow: hidden;
3055   background-color: #ffffff;
3056   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
3057   background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
3058   background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
3059   background-image: linear-gradient(to bottom, #eeeeee 1%, #ffffff 15%);
3060 }
3061 .roo-select2-locked {
3062   padding: 3px 5px 3px 5px !important;
3063 }
3064 .roo-select2-container-multi .roo-select2-choices {
3065   min-height: 26px;
3066 }
3067 .roo-select2-container-multi.roo-select2-container-active .roo-select2-choices {
3068   border: 1px solid #337ab7;
3069   outline: none;
3070   -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
3071   box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
3072 }
3073 .roo-select2-container-multi .roo-select2-choices li {
3074   float: left;
3075   list-style: none;
3076 }
3077 html[dir="rtl"] .roo-select2-container-multi .roo-select2-choices li {
3078   float: right;
3079 }
3080 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-field {
3081   margin: 0;
3082   padding: 0;
3083   white-space: nowrap;
3084 }
3085 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-field input {
3086   padding: 5px;
3087   margin: 1px 0;
3088   font-family: sans-serif;
3089   font-size: 100%;
3090   color: #555555;
3091   outline: 0;
3092   border: 0;
3093   -webkit-box-shadow: none;
3094   box-shadow: none;
3095   background: transparent !important;
3096 }
3097 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-field input.roo-select2-active {
3098   background: #ffffff url('../images/select2/select2-spinner.gif') no-repeat 100% !important;
3099 }
3100 .roo-select2-default {
3101   color: #777777 !important;
3102 }
3103 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice {
3104   padding: 4px 7px 4px 16px;
3105   margin: 0 1px;
3106   position: relative;
3107   line-height: 13px;
3108   color: #333333;
3109   cursor: default;
3110   border: 1px solid #777777;
3111   border-radius: 3px;
3112   -webkit-touch-callout: none;
3113   -webkit-user-select: none;
3114   -moz-user-select: none;
3115   -ms-user-select: none;
3116   user-select: none;
3117 }
3118 html[dir="rtl"] .roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice {
3119   margin-left: 0;
3120   margin-right: 5px;
3121 }
3122 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice .roo-select2-chosen {
3123   cursor: default;
3124 }
3125 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice-focus {
3126   background: #777777;
3127 }
3128 .roo-select2-search-choice-close {
3129   display: block;
3130   width: 12px;
3131   height: 13px;
3132   position: absolute;
3133   right: 3px;
3134   top: 4px;
3135   font-size: 1px;
3136   outline: none;
3137   background: url('../images/select2/select2.png') right top no-repeat;
3138 }
3139 html[dir="rtl"] .roo-select2-search-choice-close {
3140   right: auto;
3141   left: 3px;
3142 }
3143 .roo-select2-container-multi .roo-select2-search-choice-close {
3144   left: 3px;
3145 }
3146 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice .roo-select2-search-choice-close:hover {
3147   background-position: right -11px;
3148 }
3149 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice-focus .roo-select2-search-choice-close {
3150   background-position: right -11px;
3151 }
3152 /* disabled styles */
3153 .roo-select2-container-multi.roo-select2-container-disabled .roo-select2-choices {
3154   background-color: #777777;
3155   background-image: none;
3156   border: 1px solid #777777;
3157   cursor: default;
3158 }
3159 .roo-select2-container-multi.roo-select2-container-disabled .roo-select2-choices .roo-select2-search-choice {
3160   padding: 3px 5px 3px 5px;
3161   border: 1px solid #777777;
3162   background-image: none;
3163   background-color: #777777;
3164 }
3165 .roo-select2-container-multi.roo-select2-container-disabled .roo-select2-choices .roo-select2-search-choice .roo-select2-search-choice-close {
3166   display: none;
3167   background: none;
3168 }
3169 /* end multiselect */
3170 .roo-select2-result-selectable .roo-select2-match,
3171 .roo-select2-result-unselectable .roo-select2-match {
3172   text-decoration: underline;
3173 }
3174 .roo-select2-offscreen,
3175 .roo-select2-offscreen:focus {
3176   clip: rect(0 0 0 0) !important;
3177   width: 1px !important;
3178   height: 1px !important;
3179   border: 0 !important;
3180   margin: 0 !important;
3181   padding: 0 !important;
3182   overflow: hidden !important;
3183   position: absolute !important;
3184   outline: 0 !important;
3185   left: 0px !important;
3186   top: 0px !important;
3187 }
3188 .roo-select2-display-none {
3189   display: none;
3190 }
3191 .roo-select2-measure-scrollbar {
3192   position: absolute;
3193   top: -10000px;
3194   left: -10000px;
3195   width: 100px;
3196   height: 100px;
3197   overflow: scroll;
3198 }
3199 /* Retina-ize icons */
3200 @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx) {
3201   .roo-select2-search input,
3202   .roo-select2-search-choice-close,
3203   .roo-select2-container .roo-select2-choice abbr,
3204   .roo-select2-container .roo-select2-choice .roo-select2-arrow b {
3205     background-image: url('../images/select2/select2x2.png') !important;
3206     background-repeat: no-repeat !important;
3207     background-size: 60px 40px !important;
3208   }
3209   .roo-select2-search input {
3210     background-position: 100% -21px !important;
3211   }
3212 }
3213 .has-error .roo-select2-choices {
3214   border-color: #d9534f;
3215   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.8);
3216   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.8);
3217 }
3218 .dropdown-menu .roo-select2-result.disabled {
3219   background-color: #eeeeee;
3220   color: #777777;
3221   cursor: not-allowed;
3222 }
3223 .sidebar {
3224   margin-bottom: 5px;
3225 }
3226 /* override boostrap a:hover */
3227 .sidebar a:hover {
3228   text-decoration: none;
3229 }
3230 .sidebar .sidebar-menu {
3231   list-style: none;
3232   margin: 0;
3233   padding: 0;
3234 }
3235 /* GREY BG */
3236 .sidebar .sidebar-menu > li,
3237 .sidebar .sidebar-menu li.active li.treeview-menu {
3238   margin: 0;
3239   padding: 0;
3240   border-bottom: 1px solid #777777;
3241   background-color: #eeeeee;
3242 }
3243 /* active child menu - white BG */
3244 .sidebar .sidebar-menu li.active li.treeview-menu {
3245   background-color: #777777;
3246 }
3247 .sidebar .sidebar-menu > li > a,
3248 .sidebar .sidebar-menu li.open li.treeview-menu > a {
3249   padding: 12px 5px 12px 15px;
3250   display: block;
3251   color: #333333;
3252 }
3253 .sidebar .sidebar-menu > li > a > .fa,
3254 .sidebar .sidebar-menu > li > a > .glyphicon,
3255 .sidebar .sidebar-menu > li > a > .ion {
3256   width: 20px;
3257 }
3258 .sidebar .sidebar-menu li:hover,
3259 .sidebar .sidebar-menu li:focus,
3260 .sidebar .sidebar-menu li:active,
3261 .sidebar .sidebar-menu li.active li.treeview-menu:hover,
3262 .sidebar .sidebar-menu li.active li.treeview-menu:focus,
3263 .sidebar .sidebar-menu li.active li.treeview-menu:active {
3264   background-color: #ffffff;
3265 }
3266 .sidebar .sidebar-menu li:hover a,
3267 .sidebar .sidebar-menu li:focus a,
3268 .sidebar .sidebar-menu li:active a,
3269 .sidebar .sidebar-menu li.oepn li.treeview-menu a:hover,
3270 .sidebar .sidebar-menu li.open li.treeview-menu a:focus,
3271 .sidebar .sidebar-menu li.open li.treeview-menu a:active {
3272   color: #000000;
3273   text-decoration: none;
3274 }
3275 /* BLUE ACTIVE */
3276 .sidebar .sidebar-menu li.active {
3277   color: #ffffff;
3278   background-color: #337ab7;
3279   border-color: #286090;
3280 }
3281 .sidebar .sidebar-menu li.active:hover,
3282 .sidebar .sidebar-menu li.active:focus,
3283 .sidebar .sidebar-menu li.active.focus {
3284   color: #ffffff;
3285   background-color: #337ab7;
3286   border-color: #286090;
3287 }
3288 .sidebar .sidebar-menu li.active a {
3289   color: #ffffff;
3290 }
3291 .sidebar .sidebar-menu li.disabled {
3292   color: #333333;
3293   background-color: #ffffff;
3294   border-color: #333333;
3295 }
3296 .sidebar .sidebar-menu li.disabled a {
3297   color: #777777;
3298   cursor: default;
3299 }
3300 .sidebar .sidebar-menu li.danger,
3301 .sidebar .sidebar-menu li.danger.active {
3302   color: #ffffff;
3303   background-color: #d9534f;
3304   border-color: #e27c79;
3305 }
3306 .sidebar .sidebar-menu li.danger:hover,
3307 .sidebar .sidebar-menu li.danger:focus,
3308 .sidebar .sidebar-menu li.danger.active:focus {
3309   color: #ffffff;
3310   background-color: #d9534f;
3311   border-color: #c9302c;
3312   border-bottom: 1px solid #c9302c;
3313 }
3314 .sidebar .sidebar-menu li.danger a,
3315 .sidebar .sidebar-menu li.danger.active a {
3316   color: #ffffff;
3317 }
3318 /* --- open  */
3319 .sidebar .sidebar-menu li.open ul {
3320   display: block;
3321 }
3322 .sidebar .sidebar-menu li.open .treeview-menu {
3323   display: block;
3324 }
3325 /* --- treeview menu  */
3326 .sidebar .sidebar-menu .treeview-menu {
3327   display: none;
3328   list-style: none;
3329   padding: 0;
3330   margin: 0;
3331 }
3332 .sidebar .sidebar-menu .treeview-menu > li {
3333   margin: 0;
3334 }
3335 .sidebar .sidebar-menu li.open li.treeview-menu > a {
3336   padding: 5px 5px 5px 20px;
3337   display: block;
3338   font-size: 14px;
3339   margin: 0px 0px;
3340 }
3341 .sidebar .sidebar-menu .treeview-menu > li > a > .fa,
3342 .sidebar .sidebar-menu .treeview-menu > li > a > .glyphicon,
3343 .sidebar .sidebar-menu .treeview-menu > li > a > .ion {
3344   width: 20px;
3345 }
3346 /* background to highlighted treeview node
3347 .sidebar .sidebar-menu li li.treeview-menu.active  {
3348     background: #fff;
3349 }
3350 */
3351 .sidebar .sidebar-menu li li.treeview-menu.active > a {
3352   font-weight: bold;
3353 }
3354 /* active sidebard... */
3355 .badge-default {
3356   background-color: #777777;
3357   color: #ffffff;
3358 }
3359 .badge-primary {
3360   background-color: #337ab7;
3361   color: #ffffff;
3362 }
3363 .badge-success {
3364   background-color: #5cb85c;
3365   color: #ffffff;
3366 }
3367 .badge-info {
3368   background-color: #5bc0de;
3369   color: #ffffff;
3370 }
3371 .badge-warning {
3372   background-color: #f0ad4e;
3373   color: #ffffff;
3374 }
3375 .badge-danger {
3376   background-color: #d9534f;
3377   color: #ffffff;
3378 }
3379 .sidebar .sidebar-menu > li.active .badge-info {
3380   background-color: #ffffff;
3381   color: #5bc0de;
3382 }
3383 /*html, */
3384 /* Sticky footer styles
3385 -------------------------------------------------- */
3386 html.bootstrap-sticky {
3387   position: relative;
3388   min-height: 100%;
3389 }
3390 html.bootstrap-sticky body {
3391   /* Margin bottom by footer height */
3392   margin-bottom: 60px;
3393 }
3394 .bootstrap-sticky-footer {
3395   position: absolute;
3396   bottom: 0;
3397   width: 100%;
3398   /* Set the fixed height of the footer here */
3399   height: 60px;
3400   background-color: #f5f5f5;
3401 }
3402 /* Lastly, apply responsive CSS fixes as necessary */
3403 @media (max-width: 767px) {
3404   .bootstrap-sticky-footer {
3405     margin-left: -20px;
3406     margin-right: -20px;
3407     padding-left: 20px;
3408     padding-right: 20px;
3409   }
3410 }
3411 /* paging toolbar */
3412 .pagination .x-paging-position span {
3413   padding-top: 3px;
3414   padding-bottom: 3px;
3415 }
3416 .pagination .x-paging-position span input {
3417   margin: 0 3px;
3418 }
3419 .navbar .pagination > li > span {
3420   min-height: 34px;
3421 }
3422 .navbar .pagination {
3423   margin: 0;
3424 }
3425 /* these are technicall adminlte related */
3426 .skin-blue .navbar .pagination > li > a:active,
3427 .skin-blue .navbar .pagination > li > a:focus,
3428 .skin-blue .navbar .pagination > li > a {
3429   background-color: #337ab7;
3430 }
3431 .skin-blue .navbar .pagination > li > a:hover {
3432   background-color: #777777;
3433 }
3434 .skin-blue table .navbar {
3435   background-color: #ffffff;
3436 }
3437 .skin-blue .navbar .pagination > li.disabled > a {
3438   background-color: #777777;
3439 }
3440 .skin-blue table .navbar {
3441   margin-bottom: 0;
3442   min-height: 0;
3443 }
3444 .table .sortable {
3445   cursor: pointer;
3446 }
3447 .table-body-fixed tbody {
3448   overflow-y: scroll;
3449   width: 100%;
3450 }
3451 .table-body-fixed thead,
3452 .table-body-fixed tbody,
3453 .table-body-fixed th {
3454   display: block;
3455 }
3456 .table-body-fixed thead {
3457   overflow: hidden;
3458 }
3459 .table-body-fixed tbody td,
3460 .table-body-fixed thead > tr > th {
3461   float: left;
3462   border-bottom-width: 0;
3463 }
3464 /* fake infinate widt.. */
3465 .table-body-fixed thead > tr,
3466 .table-body-fixed tbody > tr {
3467   display: block;
3468   overflow: hidden;
3469 }
3470 /* standard bootstrap does not colour rows very well.. */
3471 .table > tbody > tr.info {
3472   background-color: #d9edf7;
3473 }
3474 .table-hover > tbody > tr.info:hover {
3475   background-color: #c4e3f3;
3476 }
3477 .header .top-bar {
3478   min-height: 30px;
3479   background: #777777;
3480   border-bottom: 1px solid #eeeeee;
3481   padding: 0;
3482 }
3483 @media (min-width: 980px) {
3484   .top-bar .collapse {
3485     display: block !important;
3486     visibility: visible !important;
3487     height: auto !important;
3488     overflow: visible !important;
3489     padding-bottom: 0;
3490   }
3491 }
3492 @media (min-width: 768px) and (max-width: 979px) {
3493   .header .top-bar {
3494     min-height: 0;
3495     padding: 3px 0;
3496   }
3497 }
3498 .header .social,
3499 .footer .social {
3500   margin-right: 4px;
3501   line-height: 30px;
3502   padding-left: 0;
3503   margin-bottom: 0;
3504 }
3505 .footer .social li:last-child,
3506 .footer .social {
3507   margin-right: 0 !important;
3508 }
3509 .header .social li:first-child {
3510   border-left: 1px solid #777777;
3511 }
3512 .header .social li,
3513 .footer .social li {
3514   border-right: 1px solid #777777;
3515   display: table-cell;
3516   vertical-align: middle;
3517   height: 40px;
3518   margin-right: 5px;
3519   width: 40px;
3520   text-align: center;
3521   -webkit-transition: background 0.5s ease-in-out;
3522   -moz-transition: background 0.5s ease-in-out;
3523   -o-transition: background 0.5s ease-in-out;
3524   -ms-transition: background 0.5s ease-in-out;
3525   transition: background 0.5s ease-in-out;
3526   padding: 1px;
3527 }
3528 .header .social i,
3529 .footer .social i {
3530   color: #555555;
3531   font-size: 16px;
3532   -webkit-transition: color 0.5s ease-in-out;
3533   -moz-transition: color 0.5s ease-in-out;
3534   -o-transition: color 0.5s ease-in-out;
3535   -ms-transition: color 0.5s ease-in-out;
3536   transition: color 0.5s ease-in-out;
3537 }
3538 .header .social li:hover a i,
3539 .footer .social li:hover a i {
3540   color: #ffffff;
3541 }
3542 .team .item .team-member-links a.facebook:hover,
3543 .member-social.dark a.facebook:hover,
3544 .header .social li.facebook:hover,
3545 .footer .social li.facebook:hover {
3546   background: #337ab7;
3547 }
3548 .team .item .team-member-links a.dribbble:hover,
3549 .member-social.dark a.dribbble:hover,
3550 .header .social li.dribbble:hover,
3551 .footer .social li.dribbble:hover {
3552   background: #f0ad4e;
3553 }
3554 .team .item .team-member-links a.twitter:hover,
3555 .member-social.dark a.twitter:hover,
3556 .header .social li.twitter:hover,
3557 .footer .social li.twitter:hover {
3558   background: #337ab7;
3559 }
3560 .team .item .team-member-links a.gplus:hover,
3561 .member-social.dark a.gplus:hover,
3562 .header .social li.gplus:hover,
3563 .footer .social li.gplus:hover {
3564   background: #d9534f;
3565 }
3566 .team .item .team-member-links a.linkedin:hover,
3567 .member-social.dark a.linkedin:hover,
3568 .header .social li.linkedin:hover,
3569 .footer .social li.linkedin:hover {
3570   background: #337ab7;
3571 }
3572 .team .item .team-member-links a.pinterest:hover,
3573 .member-social.dark a.pinterest:hover,
3574 .header .social li.pinterest:hover,
3575 .footer .social li.pinterest:hover {
3576   background: #d9534f;
3577 }
3578 .header .social li.rss:hover,
3579 .footer .social li.rss:hover {
3580   background: #f0ad4e;
3581 }
3582 .top-bar .languages {
3583   padding: 8px 0;
3584 }
3585 .top-bar .languages a {
3586   margin-right: 20px;
3587   color: #555555;
3588   font-family: "Open Sans", Helvetica, Arial, sans-serif;
3589   font-size: 14px;
3590   line-height: 24px;
3591 }
3592 .navbar-left .input-group[class*="col-"] {
3593   float: left;
3594 }
3595 .ellipsis {
3596   overflow: hidden;
3597   text-overflow: ellipsis;
3598   display: -webkit-box;
3599   -webkit-line-clamp: 3;
3600   -webkit-box-orient: vertical;
3601 }
3602 .sw-child-headline {
3603   display: inline-block;
3604   width: auto;
3605 }
3606 .box-input-label {
3607   width: 100%;
3608   display: inline-block;
3609   font-weight: bold;
3610 }
3611 .box-label {
3612   margin-left: 5px;
3613   cursor: pointer;
3614 }
3615 /* needed as menu ontop of form does not work */
3616 .input-group .form-control {
3617   z-index: 1;
3618 }
3619 /* admin-lte - messes with checkbox and radio.. */
3620 .checkbox,
3621 .radio {
3622   padding-left: 15px !important;
3623 }
3624 /* paging toolbar */
3625 .pagination .x-paging-position span {
3626   padding-top: 3px;
3627   padding-bottom: 3px;
3628 }
3629 .pagination .x-paging-position span input {
3630   margin: 0 3px;
3631 }
3632 .panel-header-right {
3633   float: right;
3634   text-align: right;
3635 }
3636 .badge-error {
3637   background-color: #d9534f;
3638 }
3639 .badge-error:hover {
3640   background-color: #c9302c;
3641 }
3642 .badge-warning {
3643   background-color: #f0ad4e;
3644 }
3645 .badge-warning:hover {
3646   background-color: #ec971f;
3647 }
3648 .badge-success {
3649   background-color: #5cb85c;
3650 }
3651 .badge-success:hover {
3652   background-color: #449d44;
3653 }
3654 .badge-info {
3655   background-color: #5bc0de;
3656 }
3657 .badge-info:hover {
3658   background-color: #31b0d5;
3659 }
3660 .badge-inverse {
3661   background-color: #333333;
3662 }
3663 .badge-inverse:hover {
3664   background-color: #222222;
3665 }
3666 .tooltip.fade.in {
3667   z-index: 10002;
3668 }
3669 .roo-invalid-outline {
3670   outline-width: 5000px;
3671   outline-offset: 5px;
3672   outline-style: solid;
3673   outline-color: rgba(119, 119, 119, 0.5);
3674   position: relative;
3675 }
3676 .roo-upload-cropbox-selector {
3677   visibility: hidden;
3678   height: 0px;
3679 }
3680 .roo-upload-cropbox-dialog .modal-header,
3681 .roo-upload-cropbox-dialog .modal-footer {
3682   padding-top: 5px;
3683   padding-bottom: 5px;
3684 }
3685 .roo-upload-cropbox-body {
3686   background-color: #ffffff;
3687   border: 1px solid #777777;
3688   width: 100%;
3689   height: 450px;
3690   max-height: 450px;
3691   position: relative;
3692   overflow: hidden;
3693   cursor: move;
3694 }
3695 .roo-upload-cropbox-preview {
3696   position: absolute;
3697   top: 0px;
3698   left: 0px;
3699   text-align: center;
3700   margin: 0px;
3701   padding: 0px;
3702   border: none;
3703 }
3704 .roo-upload-cropbox-body .roo-upload-cropbox-thumb {
3705   position: absolute;
3706   /*    top: 50%;
3707     left: 50%;
3708     transform: translate(-50%, -50%);*/
3709   box-sizing: border-box;
3710   border: 1px solid #777777;
3711   box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
3712   background: none repeat scroll 0% 0% transparent;
3713 }
3714 .roo-upload-cropbox-body .roo-upload-cropbox-empty-notify {
3715   height: 100%;
3716   background-color: rgba(0, 0, 0, 0.5);
3717   color: #ffffff;
3718   font-weight: bold;
3719   font-size: 24px;
3720   text-align: center;
3721   padding-top: 50px;
3722   font-style: italic;
3723 }
3724 .roo-upload-cropbox-btn-group button {
3725   background-color: #000000;
3726   color: #ffffff;
3727   border-color: #333333;
3728 }
3729 .roo-upload-cropbox-error-notify {
3730   border-radius: 0px;
3731   text-align: center;
3732   padding: 0px !important;
3733   margin: 0px !important;
3734   position: absolute;
3735   top: 0;
3736   left: 0;
3737 }