├── css
├── Documentation
├── themes
    ├── css
    │   ├── random.dll
    │   └── flexmode-night.css
    └── img
    │   ├── bitnation.png
    │   └── fallback.png
├── README.md
└── Roadmap


/css:
--------------------------------------------------------------------------------
1 | 
2 | 


--------------------------------------------------------------------------------
/Documentation:
--------------------------------------------------------------------------------
1 | 
2 | 


--------------------------------------------------------------------------------
/themes/css/random.dll:
--------------------------------------------------------------------------------
1 | 
2 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # BITNATION-Pangea
2 | ============
3 | 
4 | 


--------------------------------------------------------------------------------
/Roadmap:
--------------------------------------------------------------------------------
1 | Development Roadmap Trello
2 | 
3 | https://trello.com/b/3JaPzsCL
4 | 


--------------------------------------------------------------------------------
/themes/img/bitnation.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Bit-Nation/BITNATION-Pangea-Themes/HEAD/themes/img/bitnation.png


--------------------------------------------------------------------------------
/themes/img/fallback.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Bit-Nation/BITNATION-Pangea-Themes/HEAD/themes/img/fallback.png


--------------------------------------------------------------------------------
/themes/css/flexmode-night.css:
--------------------------------------------------------------------------------
   1 | body {
   2 |   background: #eee;
   3 | }
   4 | img {
   5 |   image-orientation: from-image;
   6 | }
   7 | /*!
   8 |  *  Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome
   9 |  *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
  10 |  */
  11 | @font-face {
  12 |   font-family: 'FontAwesome';
  13 |   src: url('../fonts/fontawesome-webfont.eot?v=4.5.0');
  14 |   src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');
  15 |   font-weight: normal;
  16 |   font-style: normal;
  17 | }
  18 | .fa {
  19 |   display: inline-block;
  20 |   font: normal normal normal 14px/1 FontAwesome;
  21 |   font-size: inherit;
  22 |   text-rendering: auto;
  23 |   -webkit-font-smoothing: antialiased;
  24 |   -moz-osx-font-smoothing: grayscale;
  25 | }
  26 | .fa-lg {
  27 |   font-size: 1.33333333em;
  28 |   line-height: .75em;
  29 |   vertical-align: -15%;
  30 | }
  31 | .fa-2x {
  32 |   font-size: 2em;
  33 | }
  34 | .fa-3x {
  35 |   font-size: 3em;
  36 | }
  37 | .fa-4x {
  38 |   font-size: 4em;
  39 | }
  40 | .fa-5x {
  41 |   font-size: 5em;
  42 | }
  43 | .fa-fw {
  44 |   width: 1.28571429em;
  45 |   text-align: center;
  46 | }
  47 | .fa-ul {
  48 |   padding-left: 0;
  49 |   margin-left: 2.14285714em;
  50 |   list-style-type: none;
  51 | }
  52 | .fa-ul > li {
  53 |   position: relative;
  54 | }
  55 | .fa-li {
  56 |   position: absolute;
  57 |   left: -2.14285714em;
  58 |   width: 2.14285714em;
  59 |   top: .14285714em;
  60 |   text-align: center;
  61 | }
  62 | .fa-li.fa-lg {
  63 |   left: -1.85714286em;
  64 | }
  65 | .fa-border {
  66 |   padding: .2em .25em .15em;
  67 |   border: solid .08em #eee;
  68 |   border-radius: 0.1em;
  69 | }
  70 | .fa-pull-left {
  71 |   float: left;
  72 | }
  73 | .fa-pull-right {
  74 |   float: right;
  75 | }
  76 | .fa.fa-pull-left {
  77 |   margin-right: 0.3em;
  78 | }
  79 | .fa.fa-pull-right {
  80 |   margin-left: 0.3em;
  81 | }
  82 | .pull-right {
  83 |   float: right;
  84 | }
  85 | .pull-left {
  86 |   float: left;
  87 | }
  88 | .fa.pull-left {
  89 |   margin-right: 0.3em;
  90 | }
  91 | .fa.pull-right {
  92 |   margin-left: 0.3em;
  93 | }
  94 | .fa-spin {
  95 |   -webkit-animation: fa-spin 2s infinite linear;
  96 |   animation: fa-spin 2s infinite linear;
  97 | }
  98 | .fa-pulse {
  99 |   -webkit-animation: fa-spin 1s infinite steps(8);
 100 |   animation: fa-spin 1s infinite steps(8);
 101 | }
 102 | @-webkit-keyframes fa-spin {
 103 |   0% {
 104 |     -webkit-transform: rotate(0deg);
 105 |     transform: rotate(0deg);
 106 |   }
 107 |   100% {
 108 |     -webkit-transform: rotate(359deg);
 109 |     transform: rotate(359deg);
 110 |   }
 111 | }
 112 | @keyframes fa-spin {
 113 |   0% {
 114 |     -webkit-transform: rotate(0deg);
 115 |     transform: rotate(0deg);
 116 |   }
 117 |   100% {
 118 |     -webkit-transform: rotate(359deg);
 119 |     transform: rotate(359deg);
 120 |   }
 121 | }
 122 | .fa-rotate-90 {
 123 |   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
 124 |   -webkit-transform: rotate(90deg);
 125 |   transform: rotate(90deg);
 126 | }
 127 | .fa-rotate-180 {
 128 |   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
 129 |   -webkit-transform: rotate(180deg);
 130 |   transform: rotate(180deg);
 131 | }
 132 | .fa-rotate-270 {
 133 |   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
 134 |   -webkit-transform: rotate(270deg);
 135 |   transform: rotate(270deg);
 136 | }
 137 | .fa-flip-horizontal {
 138 |   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
 139 |   -webkit-transform: scale(-1, 1);
 140 |   transform: scale(-1, 1);
 141 | }
 142 | .fa-flip-vertical {
 143 |   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
 144 |   -webkit-transform: scale(1, -1);
 145 |   transform: scale(1, -1);
 146 | }
 147 | :root .fa-rotate-90,
 148 | :root .fa-rotate-180,
 149 | :root .fa-rotate-270,
 150 | :root .fa-flip-horizontal,
 151 | :root .fa-flip-vertical {
 152 |   -webkit-filter: none;
 153 |           filter: none;
 154 | }
 155 | .fa-stack {
 156 |   position: relative;
 157 |   display: inline-block;
 158 |   width: 2em;
 159 |   height: 2em;
 160 |   line-height: 2em;
 161 |   vertical-align: middle;
 162 | }
 163 | .fa-stack-1x,
 164 | .fa-stack-2x {
 165 |   position: absolute;
 166 |   left: 0;
 167 |   width: 100%;
 168 |   text-align: center;
 169 | }
 170 | .fa-stack-1x {
 171 |   line-height: inherit;
 172 | }
 173 | .fa-stack-2x {
 174 |   font-size: 2em;
 175 | }
 176 | .fa-inverse {
 177 |   color: #fff;
 178 | }
 179 | .fa-glass:before {
 180 |   content: "\f000";
 181 | }
 182 | .fa-music:before {
 183 |   content: "\f001";
 184 | }
 185 | .fa-search:before {
 186 |   content: "\f002";
 187 | }
 188 | .fa-envelope-o:before {
 189 |   content: "\f003";
 190 | }
 191 | .fa-heart:before {
 192 |   content: "\f004";
 193 | }
 194 | .fa-star:before {
 195 |   content: "\f005";
 196 | }
 197 | .fa-star-o:before {
 198 |   content: "\f006";
 199 | }
 200 | .fa-user:before {
 201 |   content: "\f007";
 202 | }
 203 | .fa-film:before {
 204 |   content: "\f008";
 205 | }
 206 | .fa-th-large:before {
 207 |   content: "\f009";
 208 | }
 209 | .fa-th:before {
 210 |   content: "\f00a";
 211 | }
 212 | .fa-th-list:before {
 213 |   content: "\f00b";
 214 | }
 215 | .fa-check:before {
 216 |   content: "\f00c";
 217 | }
 218 | .fa-remove:before,
 219 | .fa-close:before,
 220 | .fa-times:before {
 221 |   content: "\f00d";
 222 | }
 223 | .fa-search-plus:before {
 224 |   content: "\f00e";
 225 | }
 226 | .fa-search-minus:before {
 227 |   content: "\f010";
 228 | }
 229 | .fa-power-off:before {
 230 |   content: "\f011";
 231 | }
 232 | .fa-signal:before {
 233 |   content: "\f012";
 234 | }
 235 | .fa-gear:before,
 236 | .fa-cog:before {
 237 |   content: "\f013";
 238 | }
 239 | .fa-trash-o:before {
 240 |   content: "\f014";
 241 | }
 242 | .fa-home:before {
 243 |   content: "\f015";
 244 | }
 245 | .fa-file-o:before {
 246 |   content: "\f016";
 247 | }
 248 | .fa-clock-o:before {
 249 |   content: "\f017";
 250 | }
 251 | .fa-road:before {
 252 |   content: "\f018";
 253 | }
 254 | .fa-download:before {
 255 |   content: "\f019";
 256 | }
 257 | .fa-arrow-circle-o-down:before {
 258 |   content: "\f01a";
 259 | }
 260 | .fa-arrow-circle-o-up:before {
 261 |   content: "\f01b";
 262 | }
 263 | .fa-inbox:before {
 264 |   content: "\f01c";
 265 | }
 266 | .fa-play-circle-o:before {
 267 |   content: "\f01d";
 268 | }
 269 | .fa-rotate-right:before,
 270 | .fa-repeat:before {
 271 |   content: "\f01e";
 272 | }
 273 | .fa-refresh:before {
 274 |   content: "\f021";
 275 | }
 276 | .fa-list-alt:before {
 277 |   content: "\f022";
 278 | }
 279 | .fa-lock:before {
 280 |   content: "\f023";
 281 | }
 282 | .fa-flag:before {
 283 |   content: "\f024";
 284 | }
 285 | .fa-headphones:before {
 286 |   content: "\f025";
 287 | }
 288 | .fa-volume-off:before {
 289 |   content: "\f026";
 290 | }
 291 | .fa-volume-down:before {
 292 |   content: "\f027";
 293 | }
 294 | .fa-volume-up:before {
 295 |   content: "\f028";
 296 | }
 297 | .fa-qrcode:before {
 298 |   content: "\f029";
 299 | }
 300 | .fa-barcode:before {
 301 |   content: "\f02a";
 302 | }
 303 | .fa-tag:before {
 304 |   content: "\f02b";
 305 | }
 306 | .fa-tags:before {
 307 |   content: "\f02c";
 308 | }
 309 | .fa-book:before {
 310 |   content: "\f02d";
 311 | }
 312 | .fa-bookmark:before {
 313 |   content: "\f02e";
 314 | }
 315 | .fa-print:before {
 316 |   content: "\f02f";
 317 | }
 318 | .fa-camera:before {
 319 |   content: "\f030";
 320 | }
 321 | .fa-font:before {
 322 |   content: "\f031";
 323 | }
 324 | .fa-bold:before {
 325 |   content: "\f032";
 326 | }
 327 | .fa-italic:before {
 328 |   content: "\f033";
 329 | }
 330 | .fa-text-height:before {
 331 |   content: "\f034";
 332 | }
 333 | .fa-text-width:before {
 334 |   content: "\f035";
 335 | }
 336 | .fa-align-left:before {
 337 |   content: "\f036";
 338 | }
 339 | .fa-align-center:before {
 340 |   content: "\f037";
 341 | }
 342 | .fa-align-right:before {
 343 |   content: "\f038";
 344 | }
 345 | .fa-align-justify:before {
 346 |   content: "\f039";
 347 | }
 348 | .fa-list:before {
 349 |   content: "\f03a";
 350 | }
 351 | .fa-dedent:before,
 352 | .fa-outdent:before {
 353 |   content: "\f03b";
 354 | }
 355 | .fa-indent:before {
 356 |   content: "\f03c";
 357 | }
 358 | .fa-video-camera:before {
 359 |   content: "\f03d";
 360 | }
 361 | .fa-photo:before,
 362 | .fa-image:before,
 363 | .fa-picture-o:before {
 364 |   content: "\f03e";
 365 | }
 366 | .fa-pencil:before {
 367 |   content: "\f040";
 368 | }
 369 | .fa-map-marker:before {
 370 |   content: "\f041";
 371 | }
 372 | .fa-adjust:before {
 373 |   content: "\f042";
 374 | }
 375 | .fa-tint:before {
 376 |   content: "\f043";
 377 | }
 378 | .fa-edit:before,
 379 | .fa-pencil-square-o:before {
 380 |   content: "\f044";
 381 | }
 382 | .fa-share-square-o:before {
 383 |   content: "\f045";
 384 | }
 385 | .fa-check-square-o:before {
 386 |   content: "\f046";
 387 | }
 388 | .fa-arrows:before {
 389 |   content: "\f047";
 390 | }
 391 | .fa-step-backward:before {
 392 |   content: "\f048";
 393 | }
 394 | .fa-fast-backward:before {
 395 |   content: "\f049";
 396 | }
 397 | .fa-backward:before {
 398 |   content: "\f04a";
 399 | }
 400 | .fa-play:before {
 401 |   content: "\f04b";
 402 | }
 403 | .fa-pause:before {
 404 |   content: "\f04c";
 405 | }
 406 | .fa-stop:before {
 407 |   content: "\f04d";
 408 | }
 409 | .fa-forward:before {
 410 |   content: "\f04e";
 411 | }
 412 | .fa-fast-forward:before {
 413 |   content: "\f050";
 414 | }
 415 | .fa-step-forward:before {
 416 |   content: "\f051";
 417 | }
 418 | .fa-eject:before {
 419 |   content: "\f052";
 420 | }
 421 | .fa-chevron-left:before {
 422 |   content: "\f053";
 423 | }
 424 | .fa-chevron-right:before {
 425 |   content: "\f054";
 426 | }
 427 | .fa-plus-circle:before {
 428 |   content: "\f055";
 429 | }
 430 | .fa-minus-circle:before {
 431 |   content: "\f056";
 432 | }
 433 | .fa-times-circle:before {
 434 |   content: "\f057";
 435 | }
 436 | .fa-check-circle:before {
 437 |   content: "\f058";
 438 | }
 439 | .fa-question-circle:before {
 440 |   content: "\f059";
 441 | }
 442 | .fa-info-circle:before {
 443 |   content: "\f05a";
 444 | }
 445 | .fa-crosshairs:before {
 446 |   content: "\f05b";
 447 | }
 448 | .fa-times-circle-o:before {
 449 |   content: "\f05c";
 450 | }
 451 | .fa-check-circle-o:before {
 452 |   content: "\f05d";
 453 | }
 454 | .fa-ban:before {
 455 |   content: "\f05e";
 456 | }
 457 | .fa-arrow-left:before {
 458 |   content: "\f060";
 459 | }
 460 | .fa-arrow-right:before {
 461 |   content: "\f061";
 462 | }
 463 | .fa-arrow-up:before {
 464 |   content: "\f062";
 465 | }
 466 | .fa-arrow-down:before {
 467 |   content: "\f063";
 468 | }
 469 | .fa-mail-forward:before,
 470 | .fa-share:before {
 471 |   content: "\f064";
 472 | }
 473 | .fa-expand:before {
 474 |   content: "\f065";
 475 | }
 476 | .fa-compress:before {
 477 |   content: "\f066";
 478 | }
 479 | .fa-plus:before {
 480 |   content: "\f067";
 481 | }
 482 | .fa-minus:before {
 483 |   content: "\f068";
 484 | }
 485 | .fa-asterisk:before {
 486 |   content: "\f069";
 487 | }
 488 | .fa-exclamation-circle:before {
 489 |   content: "\f06a";
 490 | }
 491 | .fa-gift:before {
 492 |   content: "\f06b";
 493 | }
 494 | .fa-leaf:before {
 495 |   content: "\f06c";
 496 | }
 497 | .fa-fire:before {
 498 |   content: "\f06d";
 499 | }
 500 | .fa-eye:before {
 501 |   content: "\f06e";
 502 | }
 503 | .fa-eye-slash:before {
 504 |   content: "\f070";
 505 | }
 506 | .fa-warning:before,
 507 | .fa-exclamation-triangle:before {
 508 |   content: "\f071";
 509 | }
 510 | .fa-plane:before {
 511 |   content: "\f072";
 512 | }
 513 | .fa-calendar:before {
 514 |   content: "\f073";
 515 | }
 516 | .fa-random:before {
 517 |   content: "\f074";
 518 | }
 519 | .fa-comment:before {
 520 |   content: "\f075";
 521 | }
 522 | .fa-magnet:before {
 523 |   content: "\f076";
 524 | }
 525 | .fa-chevron-up:before {
 526 |   content: "\f077";
 527 | }
 528 | .fa-chevron-down:before {
 529 |   content: "\f078";
 530 | }
 531 | .fa-retweet:before {
 532 |   content: "\f079";
 533 | }
 534 | .fa-shopping-cart:before {
 535 |   content: "\f07a";
 536 | }
 537 | .fa-folder:before {
 538 |   content: "\f07b";
 539 | }
 540 | .fa-folder-open:before {
 541 |   content: "\f07c";
 542 | }
 543 | .fa-arrows-v:before {
 544 |   content: "\f07d";
 545 | }
 546 | .fa-arrows-h:before {
 547 |   content: "\f07e";
 548 | }
 549 | .fa-bar-chart-o:before,
 550 | .fa-bar-chart:before {
 551 |   content: "\f080";
 552 | }
 553 | .fa-twitter-square:before {
 554 |   content: "\f081";
 555 | }
 556 | .fa-facebook-square:before {
 557 |   content: "\f082";
 558 | }
 559 | .fa-camera-retro:before {
 560 |   content: "\f083";
 561 | }
 562 | .fa-key:before {
 563 |   content: "\f084";
 564 | }
 565 | .fa-gears:before,
 566 | .fa-cogs:before {
 567 |   content: "\f085";
 568 | }
 569 | .fa-comments:before {
 570 |   content: "\f086";
 571 | }
 572 | .fa-thumbs-o-up:before {
 573 |   content: "\f087";
 574 | }
 575 | .fa-thumbs-o-down:before {
 576 |   content: "\f088";
 577 | }
 578 | .fa-star-half:before {
 579 |   content: "\f089";
 580 | }
 581 | .fa-heart-o:before {
 582 |   content: "\f08a";
 583 | }
 584 | .fa-sign-out:before {
 585 |   content: "\f08b";
 586 | }
 587 | .fa-linkedin-square:before {
 588 |   content: "\f08c";
 589 | }
 590 | .fa-thumb-tack:before {
 591 |   content: "\f08d";
 592 | }
 593 | .fa-external-link:before {
 594 |   content: "\f08e";
 595 | }
 596 | .fa-sign-in:before {
 597 |   content: "\f090";
 598 | }
 599 | .fa-trophy:before {
 600 |   content: "\f091";
 601 | }
 602 | .fa-github-square:before {
 603 |   content: "\f092";
 604 | }
 605 | .fa-upload:before {
 606 |   content: "\f093";
 607 | }
 608 | .fa-lemon-o:before {
 609 |   content: "\f094";
 610 | }
 611 | .fa-phone:before {
 612 |   content: "\f095";
 613 | }
 614 | .fa-square-o:before {
 615 |   content: "\f096";
 616 | }
 617 | .fa-bookmark-o:before {
 618 |   content: "\f097";
 619 | }
 620 | .fa-phone-square:before {
 621 |   content: "\f098";
 622 | }
 623 | .fa-twitter:before {
 624 |   content: "\f099";
 625 | }
 626 | .fa-facebook-f:before,
 627 | .fa-facebook:before {
 628 |   content: "\f09a";
 629 | }
 630 | .fa-github:before {
 631 |   content: "\f09b";
 632 | }
 633 | .fa-unlock:before {
 634 |   content: "\f09c";
 635 | }
 636 | .fa-credit-card:before {
 637 |   content: "\f09d";
 638 | }
 639 | .fa-feed:before,
 640 | .fa-rss:before {
 641 |   content: "\f09e";
 642 | }
 643 | .fa-hdd-o:before {
 644 |   content: "\f0a0";
 645 | }
 646 | .fa-bullhorn:before {
 647 |   content: "\f0a1";
 648 | }
 649 | .fa-bell:before {
 650 |   content: "\f0f3";
 651 | }
 652 | .fa-certificate:before {
 653 |   content: "\f0a3";
 654 | }
 655 | .fa-hand-o-right:before {
 656 |   content: "\f0a4";
 657 | }
 658 | .fa-hand-o-left:before {
 659 |   content: "\f0a5";
 660 | }
 661 | .fa-hand-o-up:before {
 662 |   content: "\f0a6";
 663 | }
 664 | .fa-hand-o-down:before {
 665 |   content: "\f0a7";
 666 | }
 667 | .fa-arrow-circle-left:before {
 668 |   content: "\f0a8";
 669 | }
 670 | .fa-arrow-circle-right:before {
 671 |   content: "\f0a9";
 672 | }
 673 | .fa-arrow-circle-up:before {
 674 |   content: "\f0aa";
 675 | }
 676 | .fa-arrow-circle-down:before {
 677 |   content: "\f0ab";
 678 | }
 679 | .fa-globe:before {
 680 |   content: "\f0ac";
 681 | }
 682 | .fa-wrench:before {
 683 |   content: "\f0ad";
 684 | }
 685 | .fa-tasks:before {
 686 |   content: "\f0ae";
 687 | }
 688 | .fa-filter:before {
 689 |   content: "\f0b0";
 690 | }
 691 | .fa-briefcase:before {
 692 |   content: "\f0b1";
 693 | }
 694 | .fa-arrows-alt:before {
 695 |   content: "\f0b2";
 696 | }
 697 | .fa-group:before,
 698 | .fa-users:before {
 699 |   content: "\f0c0";
 700 | }
 701 | .fa-chain:before,
 702 | .fa-link:before {
 703 |   content: "\f0c1";
 704 | }
 705 | .fa-cloud:before {
 706 |   content: "\f0c2";
 707 | }
 708 | .fa-flask:before {
 709 |   content: "\f0c3";
 710 | }
 711 | .fa-cut:before,
 712 | .fa-scissors:before {
 713 |   content: "\f0c4";
 714 | }
 715 | .fa-copy:before,
 716 | .fa-files-o:before {
 717 |   content: "\f0c5";
 718 | }
 719 | .fa-paperclip:before {
 720 |   content: "\f0c6";
 721 | }
 722 | .fa-save:before,
 723 | .fa-floppy-o:before {
 724 |   content: "\f0c7";
 725 | }
 726 | .fa-square:before {
 727 |   content: "\f0c8";
 728 | }
 729 | .fa-navicon:before,
 730 | .fa-reorder:before,
 731 | .fa-bars:before {
 732 |   content: "\f0c9";
 733 | }
 734 | .fa-list-ul:before {
 735 |   content: "\f0ca";
 736 | }
 737 | .fa-list-ol:before {
 738 |   content: "\f0cb";
 739 | }
 740 | .fa-strikethrough:before {
 741 |   content: "\f0cc";
 742 | }
 743 | .fa-underline:before {
 744 |   content: "\f0cd";
 745 | }
 746 | .fa-table:before {
 747 |   content: "\f0ce";
 748 | }
 749 | .fa-magic:before {
 750 |   content: "\f0d0";
 751 | }
 752 | .fa-truck:before {
 753 |   content: "\f0d1";
 754 | }
 755 | .fa-pinterest:before {
 756 |   content: "\f0d2";
 757 | }
 758 | .fa-pinterest-square:before {
 759 |   content: "\f0d3";
 760 | }
 761 | .fa-google-plus-square:before {
 762 |   content: "\f0d4";
 763 | }
 764 | .fa-google-plus:before {
 765 |   content: "\f0d5";
 766 | }
 767 | .fa-money:before {
 768 |   content: "\f0d6";
 769 | }
 770 | .fa-caret-down:before {
 771 |   content: "\f0d7";
 772 | }
 773 | .fa-caret-up:before {
 774 |   content: "\f0d8";
 775 | }
 776 | .fa-caret-left:before {
 777 |   content: "\f0d9";
 778 | }
 779 | .fa-caret-right:before {
 780 |   content: "\f0da";
 781 | }
 782 | .fa-columns:before {
 783 |   content: "\f0db";
 784 | }
 785 | .fa-unsorted:before,
 786 | .fa-sort:before {
 787 |   content: "\f0dc";
 788 | }
 789 | .fa-sort-down:before,
 790 | .fa-sort-desc:before {
 791 |   content: "\f0dd";
 792 | }
 793 | .fa-sort-up:before,
 794 | .fa-sort-asc:before {
 795 |   content: "\f0de";
 796 | }
 797 | .fa-envelope:before {
 798 |   content: "\f0e0";
 799 | }
 800 | .fa-linkedin:before {
 801 |   content: "\f0e1";
 802 | }
 803 | .fa-rotate-left:before,
 804 | .fa-undo:before {
 805 |   content: "\f0e2";
 806 | }
 807 | .fa-legal:before,
 808 | .fa-gavel:before {
 809 |   content: "\f0e3";
 810 | }
 811 | .fa-dashboard:before,
 812 | .fa-tachometer:before {
 813 |   content: "\f0e4";
 814 | }
 815 | .fa-comment-o:before {
 816 |   content: "\f0e5";
 817 | }
 818 | .fa-comments-o:before {
 819 |   content: "\f0e6";
 820 | }
 821 | .fa-flash:before,
 822 | .fa-bolt:before {
 823 |   content: "\f0e7";
 824 | }
 825 | .fa-sitemap:before {
 826 |   content: "\f0e8";
 827 | }
 828 | .fa-umbrella:before {
 829 |   content: "\f0e9";
 830 | }
 831 | .fa-paste:before,
 832 | .fa-clipboard:before {
 833 |   content: "\f0ea";
 834 | }
 835 | .fa-lightbulb-o:before {
 836 |   content: "\f0eb";
 837 | }
 838 | .fa-exchange:before {
 839 |   content: "\f0ec";
 840 | }
 841 | .fa-cloud-download:before {
 842 |   content: "\f0ed";
 843 | }
 844 | .fa-cloud-upload:before {
 845 |   content: "\f0ee";
 846 | }
 847 | .fa-user-md:before {
 848 |   content: "\f0f0";
 849 | }
 850 | .fa-stethoscope:before {
 851 |   content: "\f0f1";
 852 | }
 853 | .fa-suitcase:before {
 854 |   content: "\f0f2";
 855 | }
 856 | .fa-bell-o:before {
 857 |   content: "\f0a2";
 858 | }
 859 | .fa-coffee:before {
 860 |   content: "\f0f4";
 861 | }
 862 | .fa-cutlery:before {
 863 |   content: "\f0f5";
 864 | }
 865 | .fa-file-text-o:before {
 866 |   content: "\f0f6";
 867 | }
 868 | .fa-building-o:before {
 869 |   content: "\f0f7";
 870 | }
 871 | .fa-hospital-o:before {
 872 |   content: "\f0f8";
 873 | }
 874 | .fa-ambulance:before {
 875 |   content: "\f0f9";
 876 | }
 877 | .fa-medkit:before {
 878 |   content: "\f0fa";
 879 | }
 880 | .fa-fighter-jet:before {
 881 |   content: "\f0fb";
 882 | }
 883 | .fa-beer:before {
 884 |   content: "\f0fc";
 885 | }
 886 | .fa-h-square:before {
 887 |   content: "\f0fd";
 888 | }
 889 | .fa-plus-square:before {
 890 |   content: "\f0fe";
 891 | }
 892 | .fa-angle-double-left:before {
 893 |   content: "\f100";
 894 | }
 895 | .fa-angle-double-right:before {
 896 |   content: "\f101";
 897 | }
 898 | .fa-angle-double-up:before {
 899 |   content: "\f102";
 900 | }
 901 | .fa-angle-double-down:before {
 902 |   content: "\f103";
 903 | }
 904 | .fa-angle-left:before {
 905 |   content: "\f104";
 906 | }
 907 | .fa-angle-right:before {
 908 |   content: "\f105";
 909 | }
 910 | .fa-angle-up:before {
 911 |   content: "\f106";
 912 | }
 913 | .fa-angle-down:before {
 914 |   content: "\f107";
 915 | }
 916 | .fa-desktop:before {
 917 |   content: "\f108";
 918 | }
 919 | .fa-laptop:before {
 920 |   content: "\f109";
 921 | }
 922 | .fa-tablet:before {
 923 |   content: "\f10a";
 924 | }
 925 | .fa-mobile-phone:before,
 926 | .fa-mobile:before {
 927 |   content: "\f10b";
 928 | }
 929 | .fa-circle-o:before {
 930 |   content: "\f10c";
 931 | }
 932 | .fa-quote-left:before {
 933 |   content: "\f10d";
 934 | }
 935 | .fa-quote-right:before {
 936 |   content: "\f10e";
 937 | }
 938 | .fa-spinner:before {
 939 |   content: "\f110";
 940 | }
 941 | .fa-circle:before {
 942 |   content: "\f111";
 943 | }
 944 | .fa-mail-reply:before,
 945 | .fa-reply:before {
 946 |   content: "\f112";
 947 | }
 948 | .fa-github-alt:before {
 949 |   content: "\f113";
 950 | }
 951 | .fa-folder-o:before {
 952 |   content: "\f114";
 953 | }
 954 | .fa-folder-open-o:before {
 955 |   content: "\f115";
 956 | }
 957 | .fa-smile-o:before {
 958 |   content: "\f118";
 959 | }
 960 | .fa-frown-o:before {
 961 |   content: "\f119";
 962 | }
 963 | .fa-meh-o:before {
 964 |   content: "\f11a";
 965 | }
 966 | .fa-gamepad:before {
 967 |   content: "\f11b";
 968 | }
 969 | .fa-keyboard-o:before {
 970 |   content: "\f11c";
 971 | }
 972 | .fa-flag-o:before {
 973 |   content: "\f11d";
 974 | }
 975 | .fa-flag-checkered:before {
 976 |   content: "\f11e";
 977 | }
 978 | .fa-terminal:before {
 979 |   content: "\f120";
 980 | }
 981 | .fa-code:before {
 982 |   content: "\f121";
 983 | }
 984 | .fa-mail-reply-all:before,
 985 | .fa-reply-all:before {
 986 |   content: "\f122";
 987 | }
 988 | .fa-star-half-empty:before,
 989 | .fa-star-half-full:before,
 990 | .fa-star-half-o:before {
 991 |   content: "\f123";
 992 | }
 993 | .fa-location-arrow:before {
 994 |   content: "\f124";
 995 | }
 996 | .fa-crop:before {
 997 |   content: "\f125";
 998 | }
 999 | .fa-code-fork:before {
1000 |   content: "\f126";
1001 | }
1002 | .fa-unlink:before,
1003 | .fa-chain-broken:before {
1004 |   content: "\f127";
1005 | }
1006 | .fa-question:before {
1007 |   content: "\f128";
1008 | }
1009 | .fa-info:before {
1010 |   content: "\f129";
1011 | }
1012 | .fa-exclamation:before {
1013 |   content: "\f12a";
1014 | }
1015 | .fa-superscript:before {
1016 |   content: "\f12b";
1017 | }
1018 | .fa-subscript:before {
1019 |   content: "\f12c";
1020 | }
1021 | .fa-eraser:before {
1022 |   content: "\f12d";
1023 | }
1024 | .fa-puzzle-piece:before {
1025 |   content: "\f12e";
1026 | }
1027 | .fa-microphone:before {
1028 |   content: "\f130";
1029 | }
1030 | .fa-microphone-slash:before {
1031 |   content: "\f131";
1032 | }
1033 | .fa-shield:before {
1034 |   content: "\f132";
1035 | }
1036 | .fa-calendar-o:before {
1037 |   content: "\f133";
1038 | }
1039 | .fa-fire-extinguisher:before {
1040 |   content: "\f134";
1041 | }
1042 | .fa-rocket:before {
1043 |   content: "\f135";
1044 | }
1045 | .fa-maxcdn:before {
1046 |   content: "\f136";
1047 | }
1048 | .fa-chevron-circle-left:before {
1049 |   content: "\f137";
1050 | }
1051 | .fa-chevron-circle-right:before {
1052 |   content: "\f138";
1053 | }
1054 | .fa-chevron-circle-up:before {
1055 |   content: "\f139";
1056 | }
1057 | .fa-chevron-circle-down:before {
1058 |   content: "\f13a";
1059 | }
1060 | .fa-html5:before {
1061 |   content: "\f13b";
1062 | }
1063 | .fa-css3:before {
1064 |   content: "\f13c";
1065 | }
1066 | .fa-anchor:before {
1067 |   content: "\f13d";
1068 | }
1069 | .fa-unlock-alt:before {
1070 |   content: "\f13e";
1071 | }
1072 | .fa-bullseye:before {
1073 |   content: "\f140";
1074 | }
1075 | .fa-ellipsis-h:before {
1076 |   content: "\f141";
1077 | }
1078 | .fa-ellipsis-v:before {
1079 |   content: "\f142";
1080 | }
1081 | .fa-rss-square:before {
1082 |   content: "\f143";
1083 | }
1084 | .fa-play-circle:before {
1085 |   content: "\f144";
1086 | }
1087 | .fa-ticket:before {
1088 |   content: "\f145";
1089 | }
1090 | .fa-minus-square:before {
1091 |   content: "\f146";
1092 | }
1093 | .fa-minus-square-o:before {
1094 |   content: "\f147";
1095 | }
1096 | .fa-level-up:before {
1097 |   content: "\f148";
1098 | }
1099 | .fa-level-down:before {
1100 |   content: "\f149";
1101 | }
1102 | .fa-check-square:before {
1103 |   content: "\f14a";
1104 | }
1105 | .fa-pencil-square:before {
1106 |   content: "\f14b";
1107 | }
1108 | .fa-external-link-square:before {
1109 |   content: "\f14c";
1110 | }
1111 | .fa-share-square:before {
1112 |   content: "\f14d";
1113 | }
1114 | .fa-compass:before {
1115 |   content: "\f14e";
1116 | }
1117 | .fa-toggle-down:before,
1118 | .fa-caret-square-o-down:before {
1119 |   content: "\f150";
1120 | }
1121 | .fa-toggle-up:before,
1122 | .fa-caret-square-o-up:before {
1123 |   content: "\f151";
1124 | }
1125 | .fa-toggle-right:before,
1126 | .fa-caret-square-o-right:before {
1127 |   content: "\f152";
1128 | }
1129 | .fa-euro:before,
1130 | .fa-eur:before {
1131 |   content: "\f153";
1132 | }
1133 | .fa-gbp:before {
1134 |   content: "\f154";
1135 | }
1136 | .fa-dollar:before,
1137 | .fa-usd:before {
1138 |   content: "\f155";
1139 | }
1140 | .fa-rupee:before,
1141 | .fa-inr:before {
1142 |   content: "\f156";
1143 | }
1144 | .fa-cny:before,
1145 | .fa-rmb:before,
1146 | .fa-yen:before,
1147 | .fa-jpy:before {
1148 |   content: "\f157";
1149 | }
1150 | .fa-ruble:before,
1151 | .fa-rouble:before,
1152 | .fa-rub:before {
1153 |   content: "\f158";
1154 | }
1155 | .fa-won:before,
1156 | .fa-krw:before {
1157 |   content: "\f159";
1158 | }
1159 | .fa-bitcoin:before,
1160 | .fa-btc:before {
1161 |   content: "\f15a";
1162 | }
1163 | .fa-file:before {
1164 |   content: "\f15b";
1165 | }
1166 | .fa-file-text:before {
1167 |   content: "\f15c";
1168 | }
1169 | .fa-sort-alpha-asc:before {
1170 |   content: "\f15d";
1171 | }
1172 | .fa-sort-alpha-desc:before {
1173 |   content: "\f15e";
1174 | }
1175 | .fa-sort-amount-asc:before {
1176 |   content: "\f160";
1177 | }
1178 | .fa-sort-amount-desc:before {
1179 |   content: "\f161";
1180 | }
1181 | .fa-sort-numeric-asc:before {
1182 |   content: "\f162";
1183 | }
1184 | .fa-sort-numeric-desc:before {
1185 |   content: "\f163";
1186 | }
1187 | .fa-thumbs-up:before {
1188 |   content: "\f164";
1189 | }
1190 | .fa-thumbs-down:before {
1191 |   content: "\f165";
1192 | }
1193 | .fa-youtube-square:before {
1194 |   content: "\f166";
1195 | }
1196 | .fa-youtube:before {
1197 |   content: "\f167";
1198 | }
1199 | .fa-xing:before {
1200 |   content: "\f168";
1201 | }
1202 | .fa-xing-square:before {
1203 |   content: "\f169";
1204 | }
1205 | .fa-youtube-play:before {
1206 |   content: "\f16a";
1207 | }
1208 | .fa-dropbox:before {
1209 |   content: "\f16b";
1210 | }
1211 | .fa-stack-overflow:before {
1212 |   content: "\f16c";
1213 | }
1214 | .fa-instagram:before {
1215 |   content: "\f16d";
1216 | }
1217 | .fa-flickr:before {
1218 |   content: "\f16e";
1219 | }
1220 | .fa-adn:before {
1221 |   content: "\f170";
1222 | }
1223 | .fa-bitbucket:before {
1224 |   content: "\f171";
1225 | }
1226 | .fa-bitbucket-square:before {
1227 |   content: "\f172";
1228 | }
1229 | .fa-tumblr:before {
1230 |   content: "\f173";
1231 | }
1232 | .fa-tumblr-square:before {
1233 |   content: "\f174";
1234 | }
1235 | .fa-long-arrow-down:before {
1236 |   content: "\f175";
1237 | }
1238 | .fa-long-arrow-up:before {
1239 |   content: "\f176";
1240 | }
1241 | .fa-long-arrow-left:before {
1242 |   content: "\f177";
1243 | }
1244 | .fa-long-arrow-right:before {
1245 |   content: "\f178";
1246 | }
1247 | .fa-apple:before {
1248 |   content: "\f179";
1249 | }
1250 | .fa-windows:before {
1251 |   content: "\f17a";
1252 | }
1253 | .fa-android:before {
1254 |   content: "\f17b";
1255 | }
1256 | .fa-linux:before {
1257 |   content: "\f17c";
1258 | }
1259 | .fa-dribbble:before {
1260 |   content: "\f17d";
1261 | }
1262 | .fa-skype:before {
1263 |   content: "\f17e";
1264 | }
1265 | .fa-foursquare:before {
1266 |   content: "\f180";
1267 | }
1268 | .fa-trello:before {
1269 |   content: "\f181";
1270 | }
1271 | .fa-female:before {
1272 |   content: "\f182";
1273 | }
1274 | .fa-male:before {
1275 |   content: "\f183";
1276 | }
1277 | .fa-gittip:before,
1278 | .fa-gratipay:before {
1279 |   content: "\f184";
1280 | }
1281 | .fa-sun-o:before {
1282 |   content: "\f185";
1283 | }
1284 | .fa-moon-o:before {
1285 |   content: "\f186";
1286 | }
1287 | .fa-archive:before {
1288 |   content: "\f187";
1289 | }
1290 | .fa-bug:before {
1291 |   content: "\f188";
1292 | }
1293 | .fa-vk:before {
1294 |   content: "\f189";
1295 | }
1296 | .fa-weibo:before {
1297 |   content: "\f18a";
1298 | }
1299 | .fa-renren:before {
1300 |   content: "\f18b";
1301 | }
1302 | .fa-pagelines:before {
1303 |   content: "\f18c";
1304 | }
1305 | .fa-stack-exchange:before {
1306 |   content: "\f18d";
1307 | }
1308 | .fa-arrow-circle-o-right:before {
1309 |   content: "\f18e";
1310 | }
1311 | .fa-arrow-circle-o-left:before {
1312 |   content: "\f190";
1313 | }
1314 | .fa-toggle-left:before,
1315 | .fa-caret-square-o-left:before {
1316 |   content: "\f191";
1317 | }
1318 | .fa-dot-circle-o:before {
1319 |   content: "\f192";
1320 | }
1321 | .fa-wheelchair:before {
1322 |   content: "\f193";
1323 | }
1324 | .fa-vimeo-square:before {
1325 |   content: "\f194";
1326 | }
1327 | .fa-turkish-lira:before,
1328 | .fa-try:before {
1329 |   content: "\f195";
1330 | }
1331 | .fa-plus-square-o:before {
1332 |   content: "\f196";
1333 | }
1334 | .fa-space-shuttle:before {
1335 |   content: "\f197";
1336 | }
1337 | .fa-slack:before {
1338 |   content: "\f198";
1339 | }
1340 | .fa-envelope-square:before {
1341 |   content: "\f199";
1342 | }
1343 | .fa-wordpress:before {
1344 |   content: "\f19a";
1345 | }
1346 | .fa-openid:before {
1347 |   content: "\f19b";
1348 | }
1349 | .fa-institution:before,
1350 | .fa-bank:before,
1351 | .fa-university:before {
1352 |   content: "\f19c";
1353 | }
1354 | .fa-mortar-board:before,
1355 | .fa-graduation-cap:before {
1356 |   content: "\f19d";
1357 | }
1358 | .fa-yahoo:before {
1359 |   content: "\f19e";
1360 | }
1361 | .fa-google:before {
1362 |   content: "\f1a0";
1363 | }
1364 | .fa-reddit:before {
1365 |   content: "\f1a1";
1366 | }
1367 | .fa-reddit-square:before {
1368 |   content: "\f1a2";
1369 | }
1370 | .fa-stumbleupon-circle:before {
1371 |   content: "\f1a3";
1372 | }
1373 | .fa-stumbleupon:before {
1374 |   content: "\f1a4";
1375 | }
1376 | .fa-delicious:before {
1377 |   content: "\f1a5";
1378 | }
1379 | .fa-digg:before {
1380 |   content: "\f1a6";
1381 | }
1382 | .fa-pied-piper:before {
1383 |   content: "\f1a7";
1384 | }
1385 | .fa-pied-piper-alt:before {
1386 |   content: "\f1a8";
1387 | }
1388 | .fa-drupal:before {
1389 |   content: "\f1a9";
1390 | }
1391 | .fa-joomla:before {
1392 |   content: "\f1aa";
1393 | }
1394 | .fa-language:before {
1395 |   content: "\f1ab";
1396 | }
1397 | .fa-fax:before {
1398 |   content: "\f1ac";
1399 | }
1400 | .fa-building:before {
1401 |   content: "\f1ad";
1402 | }
1403 | .fa-child:before {
1404 |   content: "\f1ae";
1405 | }
1406 | .fa-paw:before {
1407 |   content: "\f1b0";
1408 | }
1409 | .fa-spoon:before {
1410 |   content: "\f1b1";
1411 | }
1412 | .fa-cube:before {
1413 |   content: "\f1b2";
1414 | }
1415 | .fa-cubes:before {
1416 |   content: "\f1b3";
1417 | }
1418 | .fa-behance:before {
1419 |   content: "\f1b4";
1420 | }
1421 | .fa-behance-square:before {
1422 |   content: "\f1b5";
1423 | }
1424 | .fa-steam:before {
1425 |   content: "\f1b6";
1426 | }
1427 | .fa-steam-square:before {
1428 |   content: "\f1b7";
1429 | }
1430 | .fa-recycle:before {
1431 |   content: "\f1b8";
1432 | }
1433 | .fa-automobile:before,
1434 | .fa-car:before {
1435 |   content: "\f1b9";
1436 | }
1437 | .fa-cab:before,
1438 | .fa-taxi:before {
1439 |   content: "\f1ba";
1440 | }
1441 | .fa-tree:before {
1442 |   content: "\f1bb";
1443 | }
1444 | .fa-spotify:before {
1445 |   content: "\f1bc";
1446 | }
1447 | .fa-deviantart:before {
1448 |   content: "\f1bd";
1449 | }
1450 | .fa-soundcloud:before {
1451 |   content: "\f1be";
1452 | }
1453 | .fa-database:before {
1454 |   content: "\f1c0";
1455 | }
1456 | .fa-file-pdf-o:before {
1457 |   content: "\f1c1";
1458 | }
1459 | .fa-file-word-o:before {
1460 |   content: "\f1c2";
1461 | }
1462 | .fa-file-excel-o:before {
1463 |   content: "\f1c3";
1464 | }
1465 | .fa-file-powerpoint-o:before {
1466 |   content: "\f1c4";
1467 | }
1468 | .fa-file-photo-o:before,
1469 | .fa-file-picture-o:before,
1470 | .fa-file-image-o:before {
1471 |   content: "\f1c5";
1472 | }
1473 | .fa-file-zip-o:before,
1474 | .fa-file-archive-o:before {
1475 |   content: "\f1c6";
1476 | }
1477 | .fa-file-sound-o:before,
1478 | .fa-file-audio-o:before {
1479 |   content: "\f1c7";
1480 | }
1481 | .fa-file-movie-o:before,
1482 | .fa-file-video-o:before {
1483 |   content: "\f1c8";
1484 | }
1485 | .fa-file-code-o:before {
1486 |   content: "\f1c9";
1487 | }
1488 | .fa-vine:before {
1489 |   content: "\f1ca";
1490 | }
1491 | .fa-codepen:before {
1492 |   content: "\f1cb";
1493 | }
1494 | .fa-jsfiddle:before {
1495 |   content: "\f1cc";
1496 | }
1497 | .fa-life-bouy:before,
1498 | .fa-life-buoy:before,
1499 | .fa-life-saver:before,
1500 | .fa-support:before,
1501 | .fa-life-ring:before {
1502 |   content: "\f1cd";
1503 | }
1504 | .fa-circle-o-notch:before {
1505 |   content: "\f1ce";
1506 | }
1507 | .fa-ra:before,
1508 | .fa-rebel:before {
1509 |   content: "\f1d0";
1510 | }
1511 | .fa-ge:before,
1512 | .fa-empire:before {
1513 |   content: "\f1d1";
1514 | }
1515 | .fa-git-square:before {
1516 |   content: "\f1d2";
1517 | }
1518 | .fa-git:before {
1519 |   content: "\f1d3";
1520 | }
1521 | .fa-y-combinator-square:before,
1522 | .fa-yc-square:before,
1523 | .fa-hacker-news:before {
1524 |   content: "\f1d4";
1525 | }
1526 | .fa-tencent-weibo:before {
1527 |   content: "\f1d5";
1528 | }
1529 | .fa-qq:before {
1530 |   content: "\f1d6";
1531 | }
1532 | .fa-wechat:before,
1533 | .fa-weixin:before {
1534 |   content: "\f1d7";
1535 | }
1536 | .fa-send:before,
1537 | .fa-paper-plane:before {
1538 |   content: "\f1d8";
1539 | }
1540 | .fa-send-o:before,
1541 | .fa-paper-plane-o:before {
1542 |   content: "\f1d9";
1543 | }
1544 | .fa-history:before {
1545 |   content: "\f1da";
1546 | }
1547 | .fa-circle-thin:before {
1548 |   content: "\f1db";
1549 | }
1550 | .fa-header:before {
1551 |   content: "\f1dc";
1552 | }
1553 | .fa-paragraph:before {
1554 |   content: "\f1dd";
1555 | }
1556 | .fa-sliders:before {
1557 |   content: "\f1de";
1558 | }
1559 | .fa-share-alt:before {
1560 |   content: "\f1e0";
1561 | }
1562 | .fa-share-alt-square:before {
1563 |   content: "\f1e1";
1564 | }
1565 | .fa-bomb:before {
1566 |   content: "\f1e2";
1567 | }
1568 | .fa-soccer-ball-o:before,
1569 | .fa-futbol-o:before {
1570 |   content: "\f1e3";
1571 | }
1572 | .fa-tty:before {
1573 |   content: "\f1e4";
1574 | }
1575 | .fa-binoculars:before {
1576 |   content: "\f1e5";
1577 | }
1578 | .fa-plug:before {
1579 |   content: "\f1e6";
1580 | }
1581 | .fa-slideshare:before {
1582 |   content: "\f1e7";
1583 | }
1584 | .fa-twitch:before {
1585 |   content: "\f1e8";
1586 | }
1587 | .fa-yelp:before {
1588 |   content: "\f1e9";
1589 | }
1590 | .fa-newspaper-o:before {
1591 |   content: "\f1ea";
1592 | }
1593 | .fa-wifi:before {
1594 |   content: "\f1eb";
1595 | }
1596 | .fa-calculator:before {
1597 |   content: "\f1ec";
1598 | }
1599 | .fa-paypal:before {
1600 |   content: "\f1ed";
1601 | }
1602 | .fa-google-wallet:before {
1603 |   content: "\f1ee";
1604 | }
1605 | .fa-cc-visa:before {
1606 |   content: "\f1f0";
1607 | }
1608 | .fa-cc-mastercard:before {
1609 |   content: "\f1f1";
1610 | }
1611 | .fa-cc-discover:before {
1612 |   content: "\f1f2";
1613 | }
1614 | .fa-cc-amex:before {
1615 |   content: "\f1f3";
1616 | }
1617 | .fa-cc-paypal:before {
1618 |   content: "\f1f4";
1619 | }
1620 | .fa-cc-stripe:before {
1621 |   content: "\f1f5";
1622 | }
1623 | .fa-bell-slash:before {
1624 |   content: "\f1f6";
1625 | }
1626 | .fa-bell-slash-o:before {
1627 |   content: "\f1f7";
1628 | }
1629 | .fa-trash:before {
1630 |   content: "\f1f8";
1631 | }
1632 | .fa-copyright:before {
1633 |   content: "\f1f9";
1634 | }
1635 | .fa-at:before {
1636 |   content: "\f1fa";
1637 | }
1638 | .fa-eyedropper:before {
1639 |   content: "\f1fb";
1640 | }
1641 | .fa-paint-brush:before {
1642 |   content: "\f1fc";
1643 | }
1644 | .fa-birthday-cake:before {
1645 |   content: "\f1fd";
1646 | }
1647 | .fa-area-chart:before {
1648 |   content: "\f1fe";
1649 | }
1650 | .fa-pie-chart:before {
1651 |   content: "\f200";
1652 | }
1653 | .fa-line-chart:before {
1654 |   content: "\f201";
1655 | }
1656 | .fa-lastfm:before {
1657 |   content: "\f202";
1658 | }
1659 | .fa-lastfm-square:before {
1660 |   content: "\f203";
1661 | }
1662 | .fa-toggle-off:before {
1663 |   content: "\f204";
1664 | }
1665 | .fa-toggle-on:before {
1666 |   content: "\f205";
1667 | }
1668 | .fa-bicycle:before {
1669 |   content: "\f206";
1670 | }
1671 | .fa-bus:before {
1672 |   content: "\f207";
1673 | }
1674 | .fa-ioxhost:before {
1675 |   content: "\f208";
1676 | }
1677 | .fa-angellist:before {
1678 |   content: "\f209";
1679 | }
1680 | .fa-cc:before {
1681 |   content: "\f20a";
1682 | }
1683 | .fa-shekel:before,
1684 | .fa-sheqel:before,
1685 | .fa-ils:before {
1686 |   content: "\f20b";
1687 | }
1688 | .fa-meanpath:before {
1689 |   content: "\f20c";
1690 | }
1691 | .fa-buysellads:before {
1692 |   content: "\f20d";
1693 | }
1694 | .fa-connectdevelop:before {
1695 |   content: "\f20e";
1696 | }
1697 | .fa-dashcube:before {
1698 |   content: "\f210";
1699 | }
1700 | .fa-forumbee:before {
1701 |   content: "\f211";
1702 | }
1703 | .fa-leanpub:before {
1704 |   content: "\f212";
1705 | }
1706 | .fa-sellsy:before {
1707 |   content: "\f213";
1708 | }
1709 | .fa-shirtsinbulk:before {
1710 |   content: "\f214";
1711 | }
1712 | .fa-simplybuilt:before {
1713 |   content: "\f215";
1714 | }
1715 | .fa-skyatlas:before {
1716 |   content: "\f216";
1717 | }
1718 | .fa-cart-plus:before {
1719 |   content: "\f217";
1720 | }
1721 | .fa-cart-arrow-down:before {
1722 |   content: "\f218";
1723 | }
1724 | .fa-diamond:before {
1725 |   content: "\f219";
1726 | }
1727 | .fa-ship:before {
1728 |   content: "\f21a";
1729 | }
1730 | .fa-user-secret:before {
1731 |   content: "\f21b";
1732 | }
1733 | .fa-motorcycle:before {
1734 |   content: "\f21c";
1735 | }
1736 | .fa-street-view:before {
1737 |   content: "\f21d";
1738 | }
1739 | .fa-heartbeat:before {
1740 |   content: "\f21e";
1741 | }
1742 | .fa-venus:before {
1743 |   content: "\f221";
1744 | }
1745 | .fa-mars:before {
1746 |   content: "\f222";
1747 | }
1748 | .fa-mercury:before {
1749 |   content: "\f223";
1750 | }
1751 | .fa-intersex:before,
1752 | .fa-transgender:before {
1753 |   content: "\f224";
1754 | }
1755 | .fa-transgender-alt:before {
1756 |   content: "\f225";
1757 | }
1758 | .fa-venus-double:before {
1759 |   content: "\f226";
1760 | }
1761 | .fa-mars-double:before {
1762 |   content: "\f227";
1763 | }
1764 | .fa-venus-mars:before {
1765 |   content: "\f228";
1766 | }
1767 | .fa-mars-stroke:before {
1768 |   content: "\f229";
1769 | }
1770 | .fa-mars-stroke-v:before {
1771 |   content: "\f22a";
1772 | }
1773 | .fa-mars-stroke-h:before {
1774 |   content: "\f22b";
1775 | }
1776 | .fa-neuter:before {
1777 |   content: "\f22c";
1778 | }
1779 | .fa-genderless:before {
1780 |   content: "\f22d";
1781 | }
1782 | .fa-facebook-official:before {
1783 |   content: "\f230";
1784 | }
1785 | .fa-pinterest-p:before {
1786 |   content: "\f231";
1787 | }
1788 | .fa-whatsapp:before {
1789 |   content: "\f232";
1790 | }
1791 | .fa-server:before {
1792 |   content: "\f233";
1793 | }
1794 | .fa-user-plus:before {
1795 |   content: "\f234";
1796 | }
1797 | .fa-user-times:before {
1798 |   content: "\f235";
1799 | }
1800 | .fa-hotel:before,
1801 | .fa-bed:before {
1802 |   content: "\f236";
1803 | }
1804 | .fa-viacoin:before {
1805 |   content: "\f237";
1806 | }
1807 | .fa-train:before {
1808 |   content: "\f238";
1809 | }
1810 | .fa-subway:before {
1811 |   content: "\f239";
1812 | }
1813 | .fa-medium:before {
1814 |   content: "\f23a";
1815 | }
1816 | .fa-yc:before,
1817 | .fa-y-combinator:before {
1818 |   content: "\f23b";
1819 | }
1820 | .fa-optin-monster:before {
1821 |   content: "\f23c";
1822 | }
1823 | .fa-opencart:before {
1824 |   content: "\f23d";
1825 | }
1826 | .fa-expeditedssl:before {
1827 |   content: "\f23e";
1828 | }
1829 | .fa-battery-4:before,
1830 | .fa-battery-full:before {
1831 |   content: "\f240";
1832 | }
1833 | .fa-battery-3:before,
1834 | .fa-battery-three-quarters:before {
1835 |   content: "\f241";
1836 | }
1837 | .fa-battery-2:before,
1838 | .fa-battery-half:before {
1839 |   content: "\f242";
1840 | }
1841 | .fa-battery-1:before,
1842 | .fa-battery-quarter:before {
1843 |   content: "\f243";
1844 | }
1845 | .fa-battery-0:before,
1846 | .fa-battery-empty:before {
1847 |   content: "\f244";
1848 | }
1849 | .fa-mouse-pointer:before {
1850 |   content: "\f245";
1851 | }
1852 | .fa-i-cursor:before {
1853 |   content: "\f246";
1854 | }
1855 | .fa-object-group:before {
1856 |   content: "\f247";
1857 | }
1858 | .fa-object-ungroup:before {
1859 |   content: "\f248";
1860 | }
1861 | .fa-sticky-note:before {
1862 |   content: "\f249";
1863 | }
1864 | .fa-sticky-note-o:before {
1865 |   content: "\f24a";
1866 | }
1867 | .fa-cc-jcb:before {
1868 |   content: "\f24b";
1869 | }
1870 | .fa-cc-diners-club:before {
1871 |   content: "\f24c";
1872 | }
1873 | .fa-clone:before {
1874 |   content: "\f24d";
1875 | }
1876 | .fa-balance-scale:before {
1877 |   content: "\f24e";
1878 | }
1879 | .fa-hourglass-o:before {
1880 |   content: "\f250";
1881 | }
1882 | .fa-hourglass-1:before,
1883 | .fa-hourglass-start:before {
1884 |   content: "\f251";
1885 | }
1886 | .fa-hourglass-2:before,
1887 | .fa-hourglass-half:before {
1888 |   content: "\f252";
1889 | }
1890 | .fa-hourglass-3:before,
1891 | .fa-hourglass-end:before {
1892 |   content: "\f253";
1893 | }
1894 | .fa-hourglass:before {
1895 |   content: "\f254";
1896 | }
1897 | .fa-hand-grab-o:before,
1898 | .fa-hand-rock-o:before {
1899 |   content: "\f255";
1900 | }
1901 | .fa-hand-stop-o:before,
1902 | .fa-hand-paper-o:before {
1903 |   content: "\f256";
1904 | }
1905 | .fa-hand-scissors-o:before {
1906 |   content: "\f257";
1907 | }
1908 | .fa-hand-lizard-o:before {
1909 |   content: "\f258";
1910 | }
1911 | .fa-hand-spock-o:before {
1912 |   content: "\f259";
1913 | }
1914 | .fa-hand-pointer-o:before {
1915 |   content: "\f25a";
1916 | }
1917 | .fa-hand-peace-o:before {
1918 |   content: "\f25b";
1919 | }
1920 | .fa-trademark:before {
1921 |   content: "\f25c";
1922 | }
1923 | .fa-registered:before {
1924 |   content: "\f25d";
1925 | }
1926 | .fa-creative-commons:before {
1927 |   content: "\f25e";
1928 | }
1929 | .fa-gg:before {
1930 |   content: "\f260";
1931 | }
1932 | .fa-gg-circle:before {
1933 |   content: "\f261";
1934 | }
1935 | .fa-tripadvisor:before {
1936 |   content: "\f262";
1937 | }
1938 | .fa-odnoklassniki:before {
1939 |   content: "\f263";
1940 | }
1941 | .fa-odnoklassniki-square:before {
1942 |   content: "\f264";
1943 | }
1944 | .fa-get-pocket:before {
1945 |   content: "\f265";
1946 | }
1947 | .fa-wikipedia-w:before {
1948 |   content: "\f266";
1949 | }
1950 | .fa-safari:before {
1951 |   content: "\f267";
1952 | }
1953 | .fa-chrome:before {
1954 |   content: "\f268";
1955 | }
1956 | .fa-firefox:before {
1957 |   content: "\f269";
1958 | }
1959 | .fa-opera:before {
1960 |   content: "\f26a";
1961 | }
1962 | .fa-internet-explorer:before {
1963 |   content: "\f26b";
1964 | }
1965 | .fa-tv:before,
1966 | .fa-television:before {
1967 |   content: "\f26c";
1968 | }
1969 | .fa-contao:before {
1970 |   content: "\f26d";
1971 | }
1972 | .fa-500px:before {
1973 |   content: "\f26e";
1974 | }
1975 | .fa-amazon:before {
1976 |   content: "\f270";
1977 | }
1978 | .fa-calendar-plus-o:before {
1979 |   content: "\f271";
1980 | }
1981 | .fa-calendar-minus-o:before {
1982 |   content: "\f272";
1983 | }
1984 | .fa-calendar-times-o:before {
1985 |   content: "\f273";
1986 | }
1987 | .fa-calendar-check-o:before {
1988 |   content: "\f274";
1989 | }
1990 | .fa-industry:before {
1991 |   content: "\f275";
1992 | }
1993 | .fa-map-pin:before {
1994 |   content: "\f276";
1995 | }
1996 | .fa-map-signs:before {
1997 |   content: "\f277";
1998 | }
1999 | .fa-map-o:before {
2000 |   content: "\f278";
2001 | }
2002 | .fa-map:before {
2003 |   content: "\f279";
2004 | }
2005 | .fa-commenting:before {
2006 |   content: "\f27a";
2007 | }
2008 | .fa-commenting-o:before {
2009 |   content: "\f27b";
2010 | }
2011 | .fa-houzz:before {
2012 |   content: "\f27c";
2013 | }
2014 | .fa-vimeo:before {
2015 |   content: "\f27d";
2016 | }
2017 | .fa-black-tie:before {
2018 |   content: "\f27e";
2019 | }
2020 | .fa-fonticons:before {
2021 |   content: "\f280";
2022 | }
2023 | .fa-reddit-alien:before {
2024 |   content: "\f281";
2025 | }
2026 | .fa-edge:before {
2027 |   content: "\f282";
2028 | }
2029 | .fa-credit-card-alt:before {
2030 |   content: "\f283";
2031 | }
2032 | .fa-codiepie:before {
2033 |   content: "\f284";
2034 | }
2035 | .fa-modx:before {
2036 |   content: "\f285";
2037 | }
2038 | .fa-fort-awesome:before {
2039 |   content: "\f286";
2040 | }
2041 | .fa-usb:before {
2042 |   content: "\f287";
2043 | }
2044 | .fa-product-hunt:before {
2045 |   content: "\f288";
2046 | }
2047 | .fa-mixcloud:before {
2048 |   content: "\f289";
2049 | }
2050 | .fa-scribd:before {
2051 |   content: "\f28a";
2052 | }
2053 | .fa-pause-circle:before {
2054 |   content: "\f28b";
2055 | }
2056 | .fa-pause-circle-o:before {
2057 |   content: "\f28c";
2058 | }
2059 | .fa-stop-circle:before {
2060 |   content: "\f28d";
2061 | }
2062 | .fa-stop-circle-o:before {
2063 |   content: "\f28e";
2064 | }
2065 | .fa-shopping-bag:before {
2066 |   content: "\f290";
2067 | }
2068 | .fa-shopping-basket:before {
2069 |   content: "\f291";
2070 | }
2071 | .fa-hashtag:before {
2072 |   content: "\f292";
2073 | }
2074 | .fa-bluetooth:before {
2075 |   content: "\f293";
2076 | }
2077 | .fa-bluetooth-b:before {
2078 |   content: "\f294";
2079 | }
2080 | .fa-percent:before {
2081 |   content: "\f295";
2082 | }
2083 | @font-face {
2084 |   font-family: "Source Sans Pro";
2085 |   font-style: normal;
2086 |   font-weight: 300;
2087 |   src: local("Source Sans Pro Light"), local("SourceSansPro-Light"), url(../fonts/SourceSansPro-Light.otf) format("opentype");
2088 | }
2089 | @font-face {
2090 |   font-family: "Source Sans Pro";
2091 |   font-style: normal;
2092 |   font-weight: 700;
2093 |   src: local("Source Sans Pro Bold"), local("SourceSansPro-Bold"), url(../fonts/SourceSansPro-Bold.otf) format("opentype");
2094 | }
2095 | @font-face {
2096 |   font-family: "Source Sans Pro";
2097 |   font-style: italic;
2098 |   font-weight: 900;
2099 |   src: local("Source Sans Pro Black Italic"), local("SourceSansPro-BlackIt"), url(../fonts/SourceSansPro-BlackIt.otf) format("opentype");
2100 | }
2101 | @font-face {
2102 |   font-family: "Source Sans Pro";
2103 |   font-style: normal;
2104 |   font-weight: 200;
2105 |   src: local("Source Sans Pro ExtraLight"), local("SourceSansPro-ExtraLight"), url(../fonts/SourceSansPro-ExtraLight.otf) format("opentype");
2106 | }
2107 | @font-face {
2108 |   font-family: "Source Sans Pro";
2109 |   font-style: normal;
2110 |   font-weight: 400;
2111 |   src: local("Source Sans Pro"), local("SourceSansPro-Regular"), url(../fonts/SourceSansPro-Regular.otf) format("opentype");
2112 | }
2113 | @font-face {
2114 |   font-family: "Source Sans Pro";
2115 |   font-style: italic;
2116 |   font-weight: 300;
2117 |   src: local("Source Sans Pro Light Italic"), local("SourceSansPro-LightIt"), url(../fonts/SourceSansPro-LightIt.otf) format("opentype");
2118 | }
2119 | @font-face {
2120 |   font-family: "Source Sans Pro";
2121 |   font-style: italic;
2122 |   font-weight: 700;
2123 |   src: local("Source Sans Pro Bold Italic"), local("SourceSansPro-BoldIt"), url(../fonts/SourceSansPro-BoldIt.otf) format("opentype");
2124 | }
2125 | @font-face {
2126 |   font-family: "Source Sans Pro";
2127 |   font-style: italic;
2128 |   font-weight: 600;
2129 |   src: local("Source Sans Pro Semibold Italic"), local("SourceSansPro-SemiboldIt"), url(../fonts/SourceSansPro-SemiboldIt.otf) format("opentype");
2130 | }
2131 | @font-face {
2132 |   font-family: "Source Sans Pro";
2133 |   font-style: italic;
2134 |   font-weight: 200;
2135 |   src: local("Source Sans Pro ExtraLight Italic"), local("SourceSansPro-ExtraLightIt"), url(../fonts/SourceSansPro-ExtraLightIt.otf) format("opentype");
2136 | }
2137 | @font-face {
2138 |   font-family: "Source Sans Pro";
2139 |   font-style: italic;
2140 |   font-weight: 400;
2141 |   src: local("Source Sans Pro Italic"), local("SourceSansPro-It"), url(../fonts/SourceSansPro-It.otf) format("opentype");
2142 | }
2143 | @font-face {
2144 |   font-family: "Source Sans Pro";
2145 |   font-style: normal;
2146 |   font-weight: 900;
2147 |   src: local("Source Sans Pro Black"), local("SourceSansPro-Black"), url(../fonts/SourceSansPro-Black.otf) format("opentype");
2148 | }
2149 | @font-face {
2150 |   font-family: "Source Sans Pro";
2151 |   font-style: normal;
2152 |   font-weight: 600;
2153 |   src: local("Source Sans Pro Semibold"), local("SourceSansPro-Semibold"), url(../fonts/SourceSansPro-Semibold.otf) format("opentype");
2154 | }
2155 | @font-face {
2156 |   font-family: "Source Code Pro";
2157 |   font-style: normal;
2158 |   font-weight: 300;
2159 |   src: local("Source Code Pro Light"), local("SourceCodePro-Light"), url(../fonts/SourceCodePro-Light.otf) format("opentype");
2160 | }
2161 | @font-face {
2162 |   font-family: "Source Code Pro";
2163 |   font-style: normal;
2164 |   font-weight: 700;
2165 |   src: local("Source Code Pro Bold"), local("SourceCodePro-Bold"), url(../fonts/SourceCodePro-Bold.otf) format("opentype");
2166 | }
2167 | @font-face {
2168 |   font-family: "Source Code Pro";
2169 |   font-style: italic;
2170 |   font-weight: 900;
2171 |   src: local("Source Code Pro Black Italic"), local("SourceCodePro-BlackIt"), url(../fonts/SourceCodePro-BlackIt.otf) format("opentype");
2172 | }
2173 | @font-face {
2174 |   font-family: "Source Code Pro";
2175 |   font-style: normal;
2176 |   font-weight: 200;
2177 |   src: local("Source Code Pro ExtraLight"), local("SourceCodePro-ExtraLight"), url(../fonts/SourceCodePro-ExtraLight.otf) format("opentype");
2178 | }
2179 | @font-face {
2180 |   font-family: "Source Code Pro";
2181 |   font-style: normal;
2182 |   font-weight: 400;
2183 |   src: local("Source Code Pro"), local("SourceCodePro-Regular"), url(../fonts/SourceCodePro-Regular.otf) format("opentype");
2184 | }
2185 | @font-face {
2186 |   font-family: "Source Code Pro";
2187 |   font-style: italic;
2188 |   font-weight: 300;
2189 |   src: local("Source Code Pro Light Italic"), local("SourceCodePro-LightIt"), url(../fonts/SourceCodePro-LightIt.otf) format("opentype");
2190 | }
2191 | @font-face {
2192 |   font-family: "Source Code Pro";
2193 |   font-style: italic;
2194 |   font-weight: 700;
2195 |   src: local("Source Code Pro Bold Italic"), local("SourceCodePro-BoldIt"), url(../fonts/SourceCodePro-BoldIt.otf) format("opentype");
2196 | }
2197 | @font-face {
2198 |   font-family: "Source Code Pro";
2199 |   font-style: italic;
2200 |   font-weight: 600;
2201 |   src: local("Source Code Pro Semibold Italic"), local("SourceCodePro-SemiboldIt"), url(../fonts/SourceCodePro-SemiboldIt.otf) format("opentype");
2202 | }
2203 | @font-face {
2204 |   font-family: "Source Code Pro";
2205 |   font-style: italic;
2206 |   font-weight: 200;
2207 |   src: local("Source Code Pro ExtraLight Italic"), local("SourceCodePro-ExtraLightIt"), url(../fonts/SourceCodePro-ExtraLightIt.otf) format("opentype");
2208 | }
2209 | @font-face {
2210 |   font-family: "Source Code Pro";
2211 |   font-style: italic;
2212 |   font-weight: 400;
2213 |   src: local("Source Code Pro Italic"), local("SourceCodePro-It"), url(../fonts/SourceCodePro-It.otf) format("opentype");
2214 | }
2215 | @font-face {
2216 |   font-family: "Source Code Pro";
2217 |   font-style: normal;
2218 |   font-weight: 900;
2219 |   src: local("Source Code Pro Black"), local("SourceCodePro-Black"), url(../fonts/SourceCodePro-Black.otf) format("opentype");
2220 | }
2221 | @font-face {
2222 |   font-family: "Source Code Pro";
2223 |   font-style: normal;
2224 |   font-weight: 600;
2225 |   src: local("Source Code Pro Semibold"), local("SourceCodePro-Semibold"), url(../fonts/SourceCodePro-Semibold.otf) format("opentype");
2226 | }
2227 | /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
2228 | /**
2229 |  * 1. Set default font family to sans-serif.
2230 |  * 2. Prevent iOS and IE text size adjust after device orientation change,
2231 |  *    without disabling user zoom.
2232 |  */
2233 | html {
2234 |   font-family: sans-serif;
2235 |   /* 1 */
2236 |   -ms-text-size-adjust: 100%;
2237 |   /* 2 */
2238 |   -webkit-text-size-adjust: 100%;
2239 |   /* 2 */
2240 | }
2241 | /**
2242 |  * Remove default margin.
2243 |  */
2244 | body {
2245 |   margin: 0;
2246 | }
2247 | /* HTML5 display definitions
2248 |    ========================================================================== */
2249 | /**
2250 |  * Correct `block` display not defined for any HTML5 element in IE 8/9.
2251 |  * Correct `block` display not defined for `details` or `summary` in IE 10/11
2252 |  * and Firefox.
2253 |  * Correct `block` display not defined for `main` in IE 11.
2254 |  */
2255 | article,
2256 | aside,
2257 | details,
2258 | figcaption,
2259 | figure,
2260 | footer,
2261 | header,
2262 | hgroup,
2263 | main,
2264 | menu,
2265 | nav,
2266 | section,
2267 | summary {
2268 |   display: block;
2269 | }
2270 | /**
2271 |  * 1. Correct `inline-block` display not defined in IE 8/9.
2272 |  * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
2273 |  */
2274 | audio,
2275 | canvas,
2276 | progress,
2277 | video {
2278 |   display: inline-block;
2279 |   /* 1 */
2280 |   vertical-align: baseline;
2281 |   /* 2 */
2282 | }
2283 | /**
2284 |  * Prevent modern browsers from displaying `audio` without controls.
2285 |  * Remove excess height in iOS 5 devices.
2286 |  */
2287 | audio:not([controls]) {
2288 |   display: none;
2289 |   height: 0;
2290 | }
2291 | /**
2292 |  * Address `[hidden]` styling not present in IE 8/9/10.
2293 |  * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
2294 |  */
2295 | [hidden],
2296 | template {
2297 |   display: none;
2298 | }
2299 | /* Links
2300 |    ========================================================================== */
2301 | /**
2302 |  * Remove the gray background color from active links in IE 10.
2303 |  */
2304 | a {
2305 |   background-color: transparent;
2306 | }
2307 | /**
2308 |  * Improve readability of focused elements when they are also in an
2309 |  * active/hover state.
2310 |  */
2311 | a:active,
2312 | a:hover {
2313 |   outline: 0;
2314 | }
2315 | /* Text-level semantics
2316 |    ========================================================================== */
2317 | /**
2318 |  * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
2319 |  */
2320 | abbr[title] {
2321 |   border-bottom: 1px dotted;
2322 | }
2323 | /**
2324 |  * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
2325 |  */
2326 | b,
2327 | strong {
2328 |   font-weight: bold;
2329 | }
2330 | /**
2331 |  * Address styling not present in Safari and Chrome.
2332 |  */
2333 | dfn {
2334 |   font-style: italic;
2335 | }
2336 | /**
2337 |  * Address variable `h1` font-size and margin within `section` and `article`
2338 |  * contexts in Firefox 4+, Safari, and Chrome.
2339 |  */
2340 | h1 {
2341 |   font-size: 2em;
2342 |   margin: 0.67em 0;
2343 | }
2344 | /**
2345 |  * Address styling not present in IE 8/9.
2346 |  */
2347 | mark {
2348 |   background: #ff0;
2349 |   color: #000;
2350 | }
2351 | /**
2352 |  * Address inconsistent and variable font size in all browsers.
2353 |  */
2354 | small {
2355 |   font-size: 80%;
2356 | }
2357 | /**
2358 |  * Prevent `sub` and `sup` affecting `line-height` in all browsers.
2359 |  */
2360 | sub,
2361 | sup {
2362 |   font-size: 75%;
2363 |   line-height: 0;
2364 |   position: relative;
2365 |   vertical-align: baseline;
2366 | }
2367 | sup {
2368 |   top: -0.5em;
2369 | }
2370 | sub {
2371 |   bottom: -0.25em;
2372 | }
2373 | /* Embedded content
2374 |    ========================================================================== */
2375 | /**
2376 |  * Remove border when inside `a` element in IE 8/9/10.
2377 |  */
2378 | img {
2379 |   border: 0;
2380 | }
2381 | /**
2382 |  * Correct overflow not hidden in IE 9/10/11.
2383 |  */
2384 | svg:not(:root) {
2385 |   overflow: hidden;
2386 | }
2387 | /* Grouping content
2388 |    ========================================================================== */
2389 | /**
2390 |  * Address margin not present in IE 8/9 and Safari.
2391 |  */
2392 | figure {
2393 |   margin: 1em 40px;
2394 | }
2395 | /**
2396 |  * Address differences between Firefox and other browsers.
2397 |  */
2398 | hr {
2399 |   box-sizing: content-box;
2400 |   height: 0;
2401 | }
2402 | /**
2403 |  * Contain overflow in all browsers.
2404 |  */
2405 | pre {
2406 |   overflow: auto;
2407 | }
2408 | /**
2409 |  * Address odd `em`-unit font size rendering in all browsers.
2410 |  */
2411 | code,
2412 | kbd,
2413 | pre,
2414 | samp {
2415 |   font-family: monospace, monospace;
2416 |   font-size: 1em;
2417 | }
2418 | /* Forms
2419 |    ========================================================================== */
2420 | /**
2421 |  * Known limitation: by default, Chrome and Safari on OS X allow very limited
2422 |  * styling of `select`, unless a `border` property is set.
2423 |  */
2424 | /**
2425 |  * 1. Correct color not being inherited.
2426 |  *    Known issue: affects color of disabled elements.
2427 |  * 2. Correct font properties not being inherited.
2428 |  * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
2429 |  */
2430 | button,
2431 | input,
2432 | optgroup,
2433 | select,
2434 | textarea {
2435 |   color: inherit;
2436 |   /* 1 */
2437 |   font: inherit;
2438 |   /* 2 */
2439 |   margin: 0;
2440 |   /* 3 */
2441 | }
2442 | /**
2443 |  * Address `overflow` set to `hidden` in IE 8/9/10/11.
2444 |  */
2445 | button {
2446 |   overflow: visible;
2447 | }
2448 | /**
2449 |  * Address inconsistent `text-transform` inheritance for `button` and `select`.
2450 |  * All other form control elements do not inherit `text-transform` values.
2451 |  * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
2452 |  * Correct `select` style inheritance in Firefox.
2453 |  */
2454 | button,
2455 | select {
2456 |   text-transform: none;
2457 | }
2458 | /**
2459 |  * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
2460 |  *    and `video` controls.
2461 |  * 2. Correct inability to style clickable `input` types in iOS.
2462 |  * 3. Improve usability and consistency of cursor style between image-type
2463 |  *    `input` and others.
2464 |  */
2465 | button,
2466 | html input[type="button"],
2467 | input[type="reset"],
2468 | input[type="submit"] {
2469 |   -webkit-appearance: button;
2470 |   /* 2 */
2471 |   cursor: pointer;
2472 |   /* 3 */
2473 | }
2474 | /**
2475 |  * Re-set default cursor for disabled elements.
2476 |  */
2477 | button[disabled],
2478 | html input[disabled] {
2479 |   cursor: default;
2480 | }
2481 | /**
2482 |  * Remove inner padding and border in Firefox 4+.
2483 |  */
2484 | button::-moz-focus-inner,
2485 | input::-moz-focus-inner {
2486 |   border: 0;
2487 |   padding: 0;
2488 | }
2489 | /**
2490 |  * Address Firefox 4+ setting `line-height` on `input` using `!important` in
2491 |  * the UA stylesheet.
2492 |  */
2493 | input {
2494 |   line-height: normal;
2495 | }
2496 | /**
2497 |  * It's recommended that you don't attempt to style these elements.
2498 |  * Firefox's implementation doesn't respect box-sizing, padding, or width.
2499 |  *
2500 |  * 1. Address box sizing set to `content-box` in IE 8/9/10.
2501 |  * 2. Remove excess padding in IE 8/9/10.
2502 |  */
2503 | input[type="checkbox"],
2504 | input[type="radio"] {
2505 |   box-sizing: border-box;
2506 |   /* 1 */
2507 |   padding: 0;
2508 |   /* 2 */
2509 | }
2510 | /**
2511 |  * Fix the cursor style for Chrome's increment/decrement buttons. For certain
2512 |  * `font-size` values of the `input`, it causes the cursor style of the
2513 |  * decrement button to change from `default` to `text`.
2514 |  */
2515 | input[type="number"]::-webkit-inner-spin-button,
2516 | input[type="number"]::-webkit-outer-spin-button {
2517 |   height: auto;
2518 | }
2519 | /**
2520 |  * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
2521 |  * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
2522 |  */
2523 | input[type="search"] {
2524 |   -webkit-appearance: textfield;
2525 |   /* 1 */
2526 |   box-sizing: content-box;
2527 |   /* 2 */
2528 | }
2529 | /**
2530 |  * Remove inner padding and search cancel button in Safari and Chrome on OS X.
2531 |  * Safari (but not Chrome) clips the cancel button when the search input has
2532 |  * padding (and `textfield` appearance).
2533 |  */
2534 | input[type="search"]::-webkit-search-cancel-button,
2535 | input[type="search"]::-webkit-search-decoration {
2536 |   -webkit-appearance: none;
2537 | }
2538 | /**
2539 |  * Define consistent border, margin, and padding.
2540 |  */
2541 | fieldset {
2542 |   border: 1px solid #c0c0c0;
2543 |   margin: 0 2px;
2544 |   padding: 0.35em 0.625em 0.75em;
2545 | }
2546 | /**
2547 |  * 1. Correct `color` not being inherited in IE 8/9/10/11.
2548 |  * 2. Remove padding so people aren't caught out if they zero out fieldsets.
2549 |  */
2550 | legend {
2551 |   border: 0;
2552 |   /* 1 */
2553 |   padding: 0;
2554 |   /* 2 */
2555 | }
2556 | /**
2557 |  * Remove default vertical scrollbar in IE 8/9/10/11.
2558 |  */
2559 | textarea {
2560 |   overflow: auto;
2561 | }
2562 | /**
2563 |  * Don't inherit the `font-weight` (applied by a rule above).
2564 |  * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
2565 |  */
2566 | optgroup {
2567 |   font-weight: bold;
2568 | }
2569 | /* Tables
2570 |    ========================================================================== */
2571 | /**
2572 |  * Remove most spacing between table cells.
2573 |  */
2574 | table {
2575 |   border-collapse: collapse;
2576 |   border-spacing: 0;
2577 | }
2578 | td,
2579 | th {
2580 |   padding: 0;
2581 | }
2582 | body {
2583 |   font-family: "Source Sans Pro";
2584 | }
2585 | h1,
2586 | h2,
2587 | h3,
2588 | h4,
2589 | h5 {
2590 |   font-weight: 300;
2591 | }
2592 | p,
2593 | ul,
2594 | ol {
2595 |   font-family: "Helvetica";
2596 | }
2597 | ol {
2598 |   list-style-type: none;
2599 |   padding: 0 0 0 1em;
2600 |   line-height: 1.4;
2601 | }
2602 | ol li {
2603 |   counter-increment: step-counter;
2604 | }
2605 | ol li::before {
2606 |   content: counter(step-counter) '.';
2607 |   margin-right: 5px;
2608 |   font-size: 80%;
2609 |   font-weight: bold;
2610 | }
2611 | a {
2612 |   color: #006EFF;
2613 |   text-decoration: none;
2614 |   cursor: pointer;
2615 | }
2616 | a:hover {
2617 |   text-decoration: underline;
2618 | }
2619 | hr {
2620 |   border: 0;
2621 |   border-bottom: 1px solid #ddd;
2622 | }
2623 | code {
2624 |   font-family: "Source Code Pro";
2625 |   padding: 2px 4px;
2626 |   font-size: 90%;
2627 |   color: #333;
2628 |   background-color: #f5f5f5;
2629 |   border-radius: 2px;
2630 | }
2631 | pre {
2632 |   font-family: "Source Code Pro";
2633 |   display: block;
2634 |   padding: 2px 6px;
2635 |   font-size: 90%;
2636 |   word-break: break-all;
2637 |   word-wrap: break-word;
2638 |   color: #333;
2639 |   background-color: #f5f5f5;
2640 |   border: 1px solid #ccc;
2641 |   border-radius: 3px;
2642 | }
2643 | pre code {
2644 |   padding: 0;
2645 |   font-size: inherit;
2646 |   color: inherit;
2647 |   white-space: pre;
2648 |   overflow-x: scroll;
2649 |   background-color: transparent;
2650 |   border-radius: 0;
2651 | }
2652 | blockquote {
2653 |   border-left: 8px solid #ccc;
2654 |   margin-left: 0;
2655 |   padding-left: 1em;
2656 |   padding-top: 0.25em;
2657 |   padding-bottom: 0.25em;
2658 |   color: #333;
2659 | }
2660 | .btn {
2661 |   box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
2662 |   display: inline-block;
2663 |   background: #fdfdfd;
2664 |   color: #666;
2665 |   padding: 3px 9px 4px 9px;
2666 |   border: 0;
2667 |   border-radius: 2px;
2668 |   -webkit-transition: box-shadow 0.2s, background 0.2s, color 0.2s;
2669 |   transition: box-shadow 0.2s, background 0.2s, color 0.2s;
2670 | }
2671 | .btn:hover {
2672 |   box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
2673 |   background: #fff;
2674 |   text-decoration: none;
2675 | }
2676 | .btn.highlighted {
2677 |   color: #fff;
2678 |   background: #4880F1;
2679 |   font-weight: 300;
2680 | }
2681 | .btn.highlighted:hover {
2682 |   background: #2967E2;
2683 | }
2684 | .btn.toolbar-btn {
2685 |   padding: 8px 14px;
2686 |   margin-right: 5px;
2687 |   border: 1px solid #ddd;
2688 |   border-radius: 2px;
2689 |   background: #eee;
2690 |   color: #555;
2691 |   box-shadow: none;
2692 |   font-weight: bold;
2693 |   font-size: 13px;
2694 |   font-family: helvetica;
2695 | }
2696 | .btn.toolbar-btn:hover {
2697 |   box-shadow: none;
2698 |   border-color: #ccc;
2699 |   background: #f2f2f2;
2700 | }
2701 | .btn:disabled,
2702 | .btn.disabled {
2703 |   background: #ccc;
2704 | }
2705 | .btn:disabled:hover,
2706 | .btn.disabled:hover {
2707 |   box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
2708 | }
2709 | .btn-group .btn {
2710 |   border-radius: 0;
2711 | }
2712 | .btn-group .btn:first-child {
2713 |   border-top-left-radius: 2px;
2714 |   border-bottom-left-radius: 2px;
2715 | }
2716 | .btn-group .btn:not(.btn-group-last) {
2717 |   margin-right: 0;
2718 |   border-right: 0;
2719 | }
2720 | .btn-group .btn:last-child {
2721 |   border-top-right-radius: 2px;
2722 |   border-bottom-right-radius: 2px;
2723 | }
2724 | .user-btn {
2725 |   box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
2726 |   color: #333;
2727 |   display: inline-block;
2728 |   margin: 5px;
2729 |   padding-right: 10px;
2730 |   background: #fdfdfd;
2731 |   border-top-right-radius: 2px;
2732 |   border-bottom-right-radius: 2px;
2733 |   -webkit-transition: box-shadow 0.2s, background 0.2s, color 0.2s;
2734 |   transition: box-shadow 0.2s, background 0.2s, color 0.2s;
2735 | }
2736 | .user-btn img {
2737 |   vertical-align: middle;
2738 |   width: 50px;
2739 |   height: 50px;
2740 |   margin-right: 4px;
2741 |   border-top-left-radius: 2px;
2742 |   border-bottom-left-radius: 2px;
2743 | }
2744 | .user-btn i {
2745 |   color: #bbb;
2746 |   margin-left: 3px;
2747 | }
2748 | .user-btn:hover {
2749 |   background: #fff;
2750 |   box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
2751 |   text-decoration: none;
2752 | }
2753 | .compose-btn {
2754 |   font-weight: 300;
2755 |   padding: 8px 10px 7px 13px;
2756 |   -webkit-transition: box-shadow 0.2s, background 0.2s, color 0.2s;
2757 |   transition: box-shadow 0.2s, background 0.2s, color 0.2s;
2758 |   background: #4880F1;
2759 |   color: #E5F1FF;
2760 | }
2761 | .compose-btn:hover {
2762 |   text-decoration: none;
2763 |   color: #FFF;
2764 |   background: #2889F7;
2765 | }
2766 | .compose-btn i {
2767 |   position: relative;
2768 |   top: 1px;
2769 | }
2770 | form h1 {
2771 |   font-weight: 100;
2772 |   font-size: 250%;
2773 | }
2774 | form fieldset {
2775 |   border: 0;
2776 |   padding: 0;
2777 | }
2778 | form fieldset > div {
2779 |   margin-bottom: 10px;
2780 | }
2781 | form input {
2782 |   font-size: 125%;
2783 | }
2784 | form input:focus {
2785 |   outline: 0;
2786 |   background: #fafafa;
2787 | }
2788 | form input[type="text"] {
2789 |   -webkit-transition: background 0.2s, box-shadow 0.2s;
2790 |   transition: background 0.2s, box-shadow 0.2s;
2791 |   padding: 2px 6px 3px;
2792 |   border: 1px solid #aaa;
2793 |   border-radius: 2px;
2794 |   background: #fefefe;
2795 |   font-weight: 300;
2796 | }
2797 | form input[type="text"]:focus {
2798 |   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
2799 |   background: #fff;
2800 | }
2801 | form input[type="file"] {
2802 |   display: none;
2803 | }
2804 | form input[type="range"] {
2805 |   width: 100%;
2806 |   margin: 0;
2807 |   padding: 0;
2808 | }
2809 | form .error {
2810 |   color: #CA1919;
2811 | }
2812 | form.fullwidth h1 {
2813 |   text-align: center;
2814 | }
2815 | form.fullwidth input {
2816 |   width: 100%;
2817 |   margin-bottom: 5px;
2818 | }
2819 | form.stacked h1 {
2820 |   margin-left: 80px;
2821 | }
2822 | form.stacked label span {
2823 |   display: inline-block;
2824 |   width: 70px;
2825 |   margin-right: 10px;
2826 |   text-align: right;
2827 | }
2828 | form.stacked label .btn {
2829 |   border: 1px solid #ccc;
2830 |   color: #333;
2831 | }
2832 | form.stacked label p {
2833 |   margin-left: 80px;
2834 |   color: red;
2835 | }
2836 | form.block label span {
2837 |   display: block;
2838 |   margin-bottom: 5px;
2839 | }
2840 | form.block label input {
2841 |   width: 268px;
2842 | }
2843 | form.block label .btn {
2844 |   border: 1px solid #ccc;
2845 |   color: #333;
2846 |   width: 280px;
2847 |   font-weight: 200;
2848 | }
2849 | form.block label p {
2850 |   color: red;
2851 | }
2852 | form.inline label span {
2853 |   margin: 0 5px;
2854 | }
2855 | form.inline label input {
2856 |   margin: 0 5px;
2857 | }
2858 | form.inline .inline-group {
2859 |   display: -webkit-box;
2860 |   display: -ms-flexbox;
2861 |   display: flex;
2862 | }
2863 | form.inline .inline-group label {
2864 |   -webkit-box-flex: 1;
2865 |       -ms-flex: 1;
2866 |           flex: 1;
2867 |   text-align: center;
2868 | }
2869 | .tooltip {
2870 |   position: relative;
2871 | }
2872 | .tooltip:before,
2873 | .tooltip:after {
2874 |   pointer-events: none;
2875 |   position: absolute;
2876 |   visibility: hidden;
2877 |   opacity: 0;
2878 |   left: 100%;
2879 |   top: 50%;
2880 |   -webkit-transform: translateY(-50%);
2881 |           transform: translateY(-50%);
2882 | }
2883 | .tooltip:before {
2884 |   content: attr(title);
2885 |   z-index: 10000;
2886 |   font-size: .83333rem;
2887 |   line-height: 1.5625rem;
2888 |   margin: 0 0 0 12px;
2889 |   padding: 0 .5rem;
2890 |   color: #fff;
2891 |   background: #555;
2892 |   border-radius: 2px;
2893 | }
2894 | .tooltip:after {
2895 |   content: "";
2896 |   z-index: 10001;
2897 |   border: .375rem solid transparent;
2898 |   border-right-color: #555;
2899 |   background: transparent;
2900 | }
2901 | .tooltip:hover:before,
2902 | .tooltip:hover:after {
2903 |   visibility: visible;
2904 |   opacity: 1;
2905 | }
2906 | .flex {
2907 |   display: -webkit-box;
2908 |   display: -ms-flexbox;
2909 |   display: flex;
2910 | }
2911 | .inline-flex {
2912 |   display: -webkit-inline-box;
2913 |   display: -ms-inline-flexbox;
2914 |   display: inline-flex;
2915 | }
2916 | .flex-fill {
2917 |   -webkit-box-flex: 1;
2918 |       -ms-flex: 1;
2919 |           flex: 1;
2920 |   max-width: 100%;
2921 | }
2922 | .muted {
2923 |   color: gray;
2924 | }
2925 | .text-left {
2926 |   text-align: left;
2927 | }
2928 | .text-center {
2929 |   text-align: center;
2930 | }
2931 | .text-right {
2932 |   text-align: right;
2933 | }
2934 | .float-right {
2935 |   float: right;
2936 | }
2937 | .vertical-center {
2938 |   position: absolute;
2939 |   left: 0;
2940 |   top: 36%;
2941 |   -webkit-transform: translateY(-50%);
2942 |           transform: translateY(-50%);
2943 |   width: 100%;
2944 | }
2945 | .well {
2946 |   border: 1px solid #ddd;
2947 |   border-radius: 3px;
2948 |   padding: 10px;
2949 |   background-color: #fafafa;
2950 |   box-shadow: inset 1px 2px 4px rgba(0, 0, 0, 0.05);
2951 |   margin-top: 12px;
2952 |   color: #777;
2953 |   font-weight: 300;
2954 | }
2955 | .hero {
2956 |   text-align: center;
2957 |   font-weight: 300;
2958 |   color: #555;
2959 | }
2960 | .hero h1 {
2961 |   margin: 5px 0;
2962 |   font-weight: 300;
2963 |   color: #555;
2964 | }
2965 | .hero h1 small {
2966 |   font-size: 14px;
2967 | }
2968 | .hero h1 small a {
2969 |   margin-right: 5px;
2970 | }
2971 | .hero a {
2972 |   color: #555;
2973 | }
2974 | .hero a.selected {
2975 |   color: #006EFF;
2976 | }
2977 | .hero .toolbar {
2978 |   background: none;
2979 |   border: 0;
2980 | }
2981 | .hero .toolbar a {
2982 |   color: #555;
2983 | }
2984 | hr.labeled {
2985 |   border-bottom: 1px solid #ccc;
2986 |   position: relative;
2987 |   margin: 30px 0;
2988 | }
2989 | hr.labeled:after {
2990 |   content: attr(data-label);
2991 |   position: absolute;
2992 |   left: 50%;
2993 |   top: -12px;
2994 |   background: #eee;
2995 |   color: #999;
2996 |   padding: 0 4px 0 6px;
2997 |   -webkit-transform: translateX(-50%);
2998 |           transform: translateX(-50%);
2999 |   font-weight: 300;
3000 |   white-space: pre;
3001 | }
3002 | .notification-bar {
3003 |   z-index: 1000;
3004 | }
3005 | .faq {
3006 |   color: gray;
3007 |   font-size: 18px;
3008 |   font-weight: 300;
3009 |   padding: 30px 40px;
3010 | }
3011 | .faq .faq-entry {
3012 |   margin: 0 0 24px;
3013 | }
3014 | .faq .faq-entry div:first-child {
3015 |   font-size: 21px;
3016 |   font-weight: normal;
3017 | }
3018 | .faq .faq-entry:last-child {
3019 |   margin: 0;
3020 | }
3021 | .help-text {
3022 |   font-weight: 200;
3023 |   padding: 20px;
3024 |   color: #555;
3025 | }
3026 | .elevation-1 {
3027 |   box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
3028 | }
3029 | .elevation-2 {
3030 |   box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
3031 | }
3032 | .elevation-3 {
3033 |   box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
3034 | }
3035 | .elevation-4 {
3036 |   box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
3037 | }
3038 | .elevation-5 {
3039 |   box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
3040 | }
3041 | .elevation-6 {
3042 |   box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.2);
3043 | }
3044 | .elevation-7 {
3045 |   box-shadow: 0px 7px 14px rgba(0, 0, 0, 0.2);
3046 | }
3047 | .elevation-8 {
3048 |   box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
3049 | }
3050 | .elevation-9 {
3051 |   box-shadow: 0px 9px 18px rgba(0, 0, 0, 0.2);
3052 | }
3053 | .elevation-10 {
3054 |   box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
3055 | }
3056 | .elevation-11 {
3057 |   box-shadow: 0px 11px 22px rgba(0, 0, 0, 0.2);
3058 | }
3059 | .elevation-12 {
3060 |   box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.2);
3061 | }
3062 | .elevation-13 {
3063 |   box-shadow: 0px 13px 26px rgba(0, 0, 0, 0.2);
3064 | }
3065 | .elevation-14 {
3066 |   box-shadow: 0px 14px 28px rgba(0, 0, 0, 0.2);
3067 | }
3068 | .elevation-15 {
3069 |   box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.2);
3070 | }
3071 | .elevation-16 {
3072 |   box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.2);
3073 | }
3074 | .elevation-17 {
3075 |   box-shadow: 0px 17px 34px rgba(0, 0, 0, 0.2);
3076 | }
3077 | .elevation-18 {
3078 |   box-shadow: 0px 18px 36px rgba(0, 0, 0, 0.2);
3079 | }
3080 | .elevation-19 {
3081 |   box-shadow: 0px 19px 38px rgba(0, 0, 0, 0.2);
3082 | }
3083 | .elevation-20 {
3084 |   box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.2);
3085 | }
3086 | .elevation-21 {
3087 |   box-shadow: 0px 21px 42px rgba(0, 0, 0, 0.2);
3088 | }
3089 | .elevation-22 {
3090 |   box-shadow: 0px 22px 44px rgba(0, 0, 0, 0.2);
3091 | }
3092 | .elevation-23 {
3093 |   box-shadow: 0px 23px 46px rgba(0, 0, 0, 0.2);
3094 | }
3095 | .elevation-24 {
3096 |   box-shadow: 0px 24px 48px rgba(0, 0, 0, 0.2);
3097 | }
3098 | .elevation-dialog {
3099 |   box-shadow: 0px 24px 48px rgba(0, 0, 0, 0.2);
3100 | }
3101 | .elevation-picker {
3102 |   box-shadow: 0px 24px 48px rgba(0, 0, 0, 0.2);
3103 | }
3104 | .elevation-drawer {
3105 |   box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.2);
3106 | }
3107 | .elevation-fab-raised {
3108 |   box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.2);
3109 | }
3110 | .elevation-submenu {
3111 |   box-shadow: 0px 9px 18px rgba(0, 0, 0, 0.2);
3112 | }
3113 | .elevation-menu {
3114 |   box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
3115 | }
3116 | .elevation-card-pickedup {
3117 |   box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
3118 | }
3119 | .elevation-btn-raised {
3120 |   box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
3121 | }
3122 | .elevation-fab {
3123 |   box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.2);
3124 | }
3125 | .elevation-toolbar {
3126 |   box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
3127 | }
3128 | .elevation-card {
3129 |   box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
3130 | }
3131 | .elevation-btn {
3132 |   box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
3133 | }
3134 | .elevation-switch {
3135 |   box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
3136 | }
3137 | html,
3138 | body {
3139 |   height: 100%;
3140 | }
3141 | .layout-rows {
3142 |   display: -webkit-box;
3143 |   display: -ms-flexbox;
3144 |   display: flex;
3145 |   -webkit-box-orient: vertical;
3146 |   -webkit-box-direction: normal;
3147 |       -ms-flex-direction: column;
3148 |           flex-direction: column;
3149 | }
3150 | .layout-columns {
3151 |   display: -webkit-box;
3152 |   display: -ms-flexbox;
3153 |   display: flex;
3154 | }
3155 | #mainview {
3156 |   -webkit-box-flex: 1;
3157 |       -ms-flex: 1;
3158 |           flex: 1;
3159 |   max-width: 100%;
3160 | }
3161 | .connection-lost {
3162 |   position: fixed;
3163 |   background: rgba(0, 0, 0, 0.8) url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='10' height='10' id='svg-lines'><defs><pattern id='djuto' patternUnits='userSpaceOnUse' width='10' height='10'><path d='M 0,10 l 10,-10 M -2.5,2.5 l 5,-5 M 7.5,12.5 l 5,-5' stroke-width='2' shape-rendering='auto' stroke='rgba(0,0,0,0.05)' stroke-linecap='square'></path></pattern></defs><rect width='10' height='10' style='fill: url(#djuto); stroke-width: 2px;'></rect></svg>");
3164 |   top: 0;
3165 |   left: 0;
3166 |   right: 0;
3167 |   bottom: 0;
3168 |   z-index: 10000;
3169 |   text-align: center;
3170 |   color: #fff;
3171 |   padding: 200px;
3172 |   font-size: 40px;
3173 |   font-weight: 300;
3174 |   text-shadow: 0 2px 5px rgba(0, 0, 0, 0.9);
3175 | }
3176 | @-webkit-keyframes throb-keyframes {
3177 |   0% {
3178 |     -webkit-transform: scale(1);
3179 |             transform: scale(1);
3180 |   }
3181 |   50% {
3182 |     -webkit-transform: scale(1.2);
3183 |             transform: scale(1.2);
3184 |   }
3185 | }
3186 | @keyframes throb-keyframes {
3187 |   0% {
3188 |     -webkit-transform: scale(1);
3189 |             transform: scale(1);
3190 |   }
3191 |   50% {
3192 |     -webkit-transform: scale(1.2);
3193 |             transform: scale(1.2);
3194 |   }
3195 | }
3196 | @-webkit-keyframes explode-keyframes {
3197 |   0% {
3198 |     -webkit-transform: scale(1);
3199 |             transform: scale(1);
3200 |     opacity: 1;
3201 |   }
3202 |   70% {
3203 |     -webkit-transform: scale(2);
3204 |             transform: scale(2);
3205 |     opacity: 0;
3206 |   }
3207 |   80% {
3208 |     -webkit-transform: scale(0.1);
3209 |             transform: scale(0.1);
3210 |     opacity: 0;
3211 |   }
3212 |   100% {
3213 |     -webkit-transform: scale(1.2);
3214 |             transform: scale(1.2);
3215 |     opacity: 1;
3216 |   }
3217 | }
3218 | @keyframes explode-keyframes {
3219 |   0% {
3220 |     -webkit-transform: scale(1);
3221 |             transform: scale(1);
3222 |     opacity: 1;
3223 |   }
3224 |   70% {
3225 |     -webkit-transform: scale(2);
3226 |             transform: scale(2);
3227 |     opacity: 0;
3228 |   }
3229 |   80% {
3230 |     -webkit-transform: scale(0.1);
3231 |             transform: scale(0.1);
3232 |     opacity: 0;
3233 |   }
3234 |   100% {
3235 |     -webkit-transform: scale(1.2);
3236 |             transform: scale(1.2);
3237 |     opacity: 1;
3238 |   }
3239 | }
3240 | @-webkit-keyframes rainbow-color-keyframes {
3241 |   0% {
3242 |     color: #0057B8;
3243 |   }
3244 |   20% {
3245 |     color: #F11E4A;
3246 |   }
3247 |   40% {
3248 |     color: #F8A527;
3249 |   }
3250 |   60% {
3251 |     color: #266D7F;
3252 |   }
3253 |   80% {
3254 |     color: #82A;
3255 |   }
3256 |   100% {
3257 |     color: #0057B8;
3258 |   }
3259 | }
3260 | @keyframes rainbow-color-keyframes {
3261 |   0% {
3262 |     color: #0057B8;
3263 |   }
3264 |   20% {
3265 |     color: #F11E4A;
3266 |   }
3267 |   40% {
3268 |     color: #F8A527;
3269 |   }
3270 |   60% {
3271 |     color: #266D7F;
3272 |   }
3273 |   80% {
3274 |     color: #82A;
3275 |   }
3276 |   100% {
3277 |     color: #0057B8;
3278 |   }
3279 | }
3280 | .rainbow span:nth-child(1) {
3281 |   -webkit-animation: rainbow-color-keyframes 0.6s 0.1s linear infinite;
3282 |           animation: rainbow-color-keyframes 0.6s 0.1s linear infinite;
3283 | }
3284 | .rainbow span:nth-child(2) {
3285 |   -webkit-animation: rainbow-color-keyframes 0.6s 0.15s linear infinite;
3286 |           animation: rainbow-color-keyframes 0.6s 0.15s linear infinite;
3287 | }
3288 | .rainbow span:nth-child(3) {
3289 |   -webkit-animation: rainbow-color-keyframes 0.6s 0.2s linear infinite;
3290 |           animation: rainbow-color-keyframes 0.6s 0.2s linear infinite;
3291 | }
3292 | .rainbow span:nth-child(4) {
3293 |   -webkit-animation: rainbow-color-keyframes 0.6s 0.25s linear infinite;
3294 |           animation: rainbow-color-keyframes 0.6s 0.25s linear infinite;
3295 | }
3296 | .rainbow span:nth-child(5) {
3297 |   -webkit-animation: rainbow-color-keyframes 0.6s 0.3s linear infinite;
3298 |           animation: rainbow-color-keyframes 0.6s 0.3s linear infinite;
3299 | }
3300 | .rainbow span:nth-child(6) {
3301 |   -webkit-animation: rainbow-color-keyframes 0.6s 0.35s linear infinite;
3302 |           animation: rainbow-color-keyframes 0.6s 0.35s linear infinite;
3303 | }
3304 | .rainbow span:nth-child(7) {
3305 |   -webkit-animation: rainbow-color-keyframes 0.6s 0.4s linear infinite;
3306 |           animation: rainbow-color-keyframes 0.6s 0.4s linear infinite;
3307 | }
3308 | .rainbow span:nth-child(8) {
3309 |   -webkit-animation: rainbow-color-keyframes 0.6s 0.45s linear infinite;
3310 |           animation: rainbow-color-keyframes 0.6s 0.45s linear infinite;
3311 | }
3312 | .rainbow span:nth-child(9) {
3313 |   -webkit-animation: rainbow-color-keyframes 0.6s 0.5s linear infinite;
3314 |           animation: rainbow-color-keyframes 0.6s 0.5s linear infinite;
3315 | }
3316 | .rainbow span:nth-child(10) {
3317 |   -webkit-animation: rainbow-color-keyframes 0.6s 0.55s linear infinite;
3318 |           animation: rainbow-color-keyframes 0.6s 0.55s linear infinite;
3319 | }
3320 | .rainbow span:nth-child(11) {
3321 |   -webkit-animation: rainbow-color-keyframes 0.6s 0.6s linear infinite;
3322 |           animation: rainbow-color-keyframes 0.6s 0.6s linear infinite;
3323 | }
3324 | .rainbow span:nth-child(12) {
3325 |   -webkit-animation: rainbow-color-keyframes 0.6s 0.65s linear infinite;
3326 |           animation: rainbow-color-keyframes 0.6s 0.65s linear infinite;
3327 | }
3328 | .rainbow span:nth-child(13) {
3329 |   -webkit-animation: rainbow-color-keyframes 0.6s 0.7s linear infinite;
3330 |           animation: rainbow-color-keyframes 0.6s 0.7s linear infinite;
3331 | }
3332 | .rainbow span:nth-child(14) {
3333 |   -webkit-animation: rainbow-color-keyframes 0.6s 0.75s linear infinite;
3334 |           animation: rainbow-color-keyframes 0.6s 0.75s linear infinite;
3335 | }
3336 | .tabs {
3337 |   display: inline-block;
3338 | }
3339 | .tabs .divider {
3340 |   display: inline-block;
3341 |   padding: 10px;
3342 |   color: gray;
3343 |   text-align: center;
3344 | }
3345 | .tabs a {
3346 |   display: inline-block;
3347 |   padding: 5px 10px;
3348 |   color: #555;
3349 |   -webkit-transition: color 0.2s;
3350 |   transition: color 0.2s;
3351 | }
3352 | .tabs a:hover,
3353 | .tabs a.selected {
3354 |   text-decoration: none;
3355 |   color: #4597F1;
3356 | }
3357 | .tabs.vertical a {
3358 |   display: block;
3359 |   padding: 0;
3360 |   margin: 5px 10px;
3361 | }
3362 | .dropdown {
3363 |   position: absolute;
3364 |   box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
3365 |   z-index: 2000;
3366 |   background: #fff;
3367 |   border: 1px solid #eee;
3368 |   padding: 5px 0;
3369 |   margin: 0;
3370 |   min-width: 80px;
3371 | }
3372 | .dropdown.closed {
3373 |   display: none;
3374 | }
3375 | .dropdown.right {
3376 |   right: 0;
3377 | }
3378 | .dropdown li {
3379 |   text-align: left;
3380 |   list-style: none;
3381 |   padding: 5px 20px 5px 10px;
3382 |   margin: 0;
3383 |   color: #555;
3384 |   cursor: pointer;
3385 |   white-space: pre;
3386 | }
3387 | .dropdown li:hover {
3388 |   background: #006EFF;
3389 |   color: #fff;
3390 | }
3391 | .dropdown-btn.right {
3392 |   position: relative;
3393 | }
3394 | .dropdown-btn.right .dropdown {
3395 |   position: absolute;
3396 |   right: 0;
3397 | }
3398 | .dropdown-btn-container {
3399 |   position: relative;
3400 | }
3401 | .channel-list {
3402 |   box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
3403 |   background: #fff;
3404 |   padding: 10px;
3405 | }
3406 | .channel-list .search {
3407 |   position: relative;
3408 | }
3409 | .channel-list .search i {
3410 |   position: absolute;
3411 |   top: 14px;
3412 |   left: 10px;
3413 |   color: #999;
3414 | }
3415 | .channel-list .search input {
3416 |   width: 258px;
3417 |   color: gray;
3418 |   padding: 9px 9px 9px 26px;
3419 | }
3420 | .channel-list .search input:focus {
3421 |   outline: 0;
3422 | }
3423 | .channel-list .channel-list-heading {
3424 |   margin: 15px 0 5px 10px;
3425 |   font-weight: bold;
3426 |   color: gray;
3427 |   font-size: 12px;
3428 |   text-transform: uppercase;
3429 | }
3430 | .channel-list .channel-list-item {
3431 |   cursor: pointer;
3432 |   color: #555;
3433 |   margin: 8px 10px;
3434 | }
3435 | .channel-list .channel-list-item:hover {
3436 |   background: #f5f5f5;
3437 | }
3438 | .channel-list .channel-list-item.unread {
3439 |   color: #E8A541;
3440 | }
3441 | .channel-list .channel-list-item.selected {
3442 |   color: #4597F1;
3443 | }
3444 | .channel-list .channel-list-item .ctrls .pin {
3445 |   display: block;
3446 |   width: 20px;
3447 |   text-align: center;
3448 |   color: gray;
3449 |   -webkit-transition: color 0.2s;
3450 |   transition: color 0.2s;
3451 | }
3452 | .channel-list .channel-list-item .ctrls .pin:hover {
3453 |   color: #555;
3454 | }
3455 | .channel-list .channel-list-item .ctrls .pin.pinned {
3456 |   color: #006EFF;
3457 | }
3458 | .channel-list .channel-list-item .ctrls .pin.pinned:hover {
3459 |   color: #0058cc;
3460 | }
3461 | .search-palette {
3462 |   position: relative;
3463 |   padding: 6px 12px 7px 34px;
3464 | }
3465 | .search-palette > i {
3466 |   position: absolute;
3467 |   top: 10px;
3468 |   left: 10px;
3469 |   color: gray;
3470 |   font-size: 18px;
3471 | }
3472 | .search-palette > input {
3473 |   width: 100%;
3474 |   color: gray;
3475 |   padding: 0;
3476 |   border: 0;
3477 |   font-size: 18px;
3478 |   margin-top: 2px;
3479 | }
3480 | .search-palette > input:focus {
3481 |   outline: 0;
3482 | }
3483 | .search-palette .search-palette-results {
3484 |   box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
3485 |   z-index: 1000;
3486 |   background: #fff;
3487 |   position: absolute;
3488 |   top: 33px;
3489 |   left: 0;
3490 |   width: 100%;
3491 |   border: 1px solid #ccc;
3492 |   border-top: 0;
3493 | }
3494 | .search-palette .search-palette-results > div {
3495 |   padding: 10px;
3496 |   color: #555;
3497 |   border-top: 1px solid #ddd;
3498 |   cursor: pointer;
3499 | }
3500 | .search-palette .search-palette-results > div i {
3501 |   width: 20px;
3502 |   text-align: center;
3503 | }
3504 | .search-palette .search-palette-results > div.selected {
3505 |   color: #DCE8F7;
3506 |   background: #5292E6;
3507 | }
3508 | .search-palette .search-palette-results > div.selected i {
3509 |   color: #fff;
3510 | }
3511 | /**
3512 |  * Copyright 2015 Google Inc. All Rights Reserved.
3513 |  *
3514 |  * Licensed under the Apache License, Version 2.0 (the "License");
3515 |  * you may not use this file except in compliance with the License.
3516 |  * You may obtain a copy of the License at
3517 |  *
3518 |  *      http://www.apache.org/licenses/LICENSE-2.0
3519 |  *
3520 |  * Unless required by applicable law or agreed to in writing, software
3521 |  * distributed under the License is distributed on an "AS IS" BASIS,
3522 |  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3523 |  * See the License for the specific language governing permissions and
3524 |  * limitations under the License.
3525 |  */
3526 | .mdl-spinner {
3527 |   display: inline-block;
3528 |   position: relative;
3529 |   width: 28px;
3530 |   height: 28px;
3531 | }
3532 | .mdl-spinner:not(.is-upgraded).is-active:after {
3533 |   content: "Loading...";
3534 | }
3535 | .mdl-spinner.is-upgraded.is-active {
3536 |   -webkit-animation: mdl-spinner__container-rotate 1568.2352941ms linear infinite;
3537 |           animation: mdl-spinner__container-rotate 1568.2352941ms linear infinite;
3538 | }
3539 | @-webkit-keyframes mdl-spinner__container-rotate {
3540 |   to {
3541 |     -webkit-transform: rotate(360deg);
3542 |             transform: rotate(360deg);
3543 |   }
3544 | }
3545 | @keyframes mdl-spinner__container-rotate {
3546 |   to {
3547 |     -webkit-transform: rotate(360deg);
3548 |             transform: rotate(360deg);
3549 |   }
3550 | }
3551 | .mdl-spinner__layer {
3552 |   position: absolute;
3553 |   width: 100%;
3554 |   height: 100%;
3555 |   opacity: 0;
3556 | }
3557 | .mdl-spinner__layer-1 {
3558 |   border-color: #0057B8;
3559 | }
3560 | .mdl-spinner--single-color .mdl-spinner__layer-1 {
3561 |   border-color: #0057B8;
3562 | }
3563 | .mdl-spinner.is-active .mdl-spinner__layer {
3564 |   -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-1-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
3565 |           animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-1-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
3566 | }
3567 | .mdl-spinner__layer-2 {
3568 |   border-color: #F11E4A;
3569 | }
3570 | .mdl-spinner--single-color .mdl-spinner__layer-2 {
3571 |   border-color: #0057B8;
3572 | }
3573 | .mdl-spinner.is-active .mdl-spinner__layer-2 {
3574 |   -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-2-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
3575 |           animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-2-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
3576 | }
3577 | .mdl-spinner__layer-3 {
3578 |   border-color: #F8A527;
3579 | }
3580 | .mdl-spinner--single-color .mdl-spinner__layer-3 {
3581 |   border-color: #0057B8;
3582 | }
3583 | .mdl-spinner.is-active .mdl-spinner__layer-3 {
3584 |   -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-3-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
3585 |           animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-3-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
3586 | }
3587 | .mdl-spinner__layer-4 {
3588 |   border-color: #266D7F;
3589 | }
3590 | .mdl-spinner--single-color .mdl-spinner__layer-4 {
3591 |   border-color: #0057B8;
3592 | }
3593 | .mdl-spinner.is-active .mdl-spinner__layer-4 {
3594 |   -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-4-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
3595 |           animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-4-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
3596 | }
3597 | @-webkit-keyframes mdl-spinner__fill-unfill-rotate {
3598 |   12.5% {
3599 |     -webkit-transform: rotate(135deg);
3600 |             transform: rotate(135deg);
3601 |   }
3602 |   25% {
3603 |     -webkit-transform: rotate(270deg);
3604 |             transform: rotate(270deg);
3605 |   }
3606 |   37.5% {
3607 |     -webkit-transform: rotate(405deg);
3608 |             transform: rotate(405deg);
3609 |   }
3610 |   50% {
3611 |     -webkit-transform: rotate(540deg);
3612 |             transform: rotate(540deg);
3613 |   }
3614 |   62.5% {
3615 |     -webkit-transform: rotate(675deg);
3616 |             transform: rotate(675deg);
3617 |   }
3618 |   75% {
3619 |     -webkit-transform: rotate(810deg);
3620 |             transform: rotate(810deg);
3621 |   }
3622 |   87.5% {
3623 |     -webkit-transform: rotate(945deg);
3624 |             transform: rotate(945deg);
3625 |   }
3626 |   to {
3627 |     -webkit-transform: rotate(1080deg);
3628 |             transform: rotate(1080deg);
3629 |   }
3630 | }
3631 | @keyframes mdl-spinner__fill-unfill-rotate {
3632 |   12.5% {
3633 |     -webkit-transform: rotate(135deg);
3634 |             transform: rotate(135deg);
3635 |   }
3636 |   25% {
3637 |     -webkit-transform: rotate(270deg);
3638 |             transform: rotate(270deg);
3639 |   }
3640 |   37.5% {
3641 |     -webkit-transform: rotate(405deg);
3642 |             transform: rotate(405deg);
3643 |   }
3644 |   50% {
3645 |     -webkit-transform: rotate(540deg);
3646 |             transform: rotate(540deg);
3647 |   }
3648 |   62.5% {
3649 |     -webkit-transform: rotate(675deg);
3650 |             transform: rotate(675deg);
3651 |   }
3652 |   75% {
3653 |     -webkit-transform: rotate(810deg);
3654 |             transform: rotate(810deg);
3655 |   }
3656 |   87.5% {
3657 |     -webkit-transform: rotate(945deg);
3658 |             transform: rotate(945deg);
3659 |   }
3660 |   to {
3661 |     -webkit-transform: rotate(1080deg);
3662 |             transform: rotate(1080deg);
3663 |   }
3664 | }
3665 | /**
3666 | * HACK: Even though the intention is to have the current .mdl-spinner__layer-N
3667 | * at `opacity: 1`, we set it to `opacity: 0.99` instead since this forces Chrome
3668 | * to do proper subpixel rendering for the elements being animated. This is
3669 | * especially visible in Chrome 39 on Ubuntu 14.04. See:
3670 | *
3671 | * - https://github.com/Polymer/paper-spinner/issues/9
3672 | * - https://code.google.com/p/chromium/issues/detail?id=436255
3673 | */
3674 | @-webkit-keyframes mdl-spinner__layer-1-fade-in-out {
3675 |   from {
3676 |     opacity: 0.99;
3677 |   }
3678 |   25% {
3679 |     opacity: 0.99;
3680 |   }
3681 |   26% {
3682 |     opacity: 0;
3683 |   }
3684 |   89% {
3685 |     opacity: 0;
3686 |   }
3687 |   90% {
3688 |     opacity: 0.99;
3689 |   }
3690 |   100% {
3691 |     opacity: 0.99;
3692 |   }
3693 | }
3694 | @keyframes mdl-spinner__layer-1-fade-in-out {
3695 |   from {
3696 |     opacity: 0.99;
3697 |   }
3698 |   25% {
3699 |     opacity: 0.99;
3700 |   }
3701 |   26% {
3702 |     opacity: 0;
3703 |   }
3704 |   89% {
3705 |     opacity: 0;
3706 |   }
3707 |   90% {
3708 |     opacity: 0.99;
3709 |   }
3710 |   100% {
3711 |     opacity: 0.99;
3712 |   }
3713 | }
3714 | @-webkit-keyframes mdl-spinner__layer-2-fade-in-out {
3715 |   from {
3716 |     opacity: 0;
3717 |   }
3718 |   15% {
3719 |     opacity: 0;
3720 |   }
3721 |   25% {
3722 |     opacity: 0.99;
3723 |   }
3724 |   50% {
3725 |     opacity: 0.99;
3726 |   }
3727 |   51% {
3728 |     opacity: 0;
3729 |   }
3730 | }
3731 | @keyframes mdl-spinner__layer-2-fade-in-out {
3732 |   from {
3733 |     opacity: 0;
3734 |   }
3735 |   15% {
3736 |     opacity: 0;
3737 |   }
3738 |   25% {
3739 |     opacity: 0.99;
3740 |   }
3741 |   50% {
3742 |     opacity: 0.99;
3743 |   }
3744 |   51% {
3745 |     opacity: 0;
3746 |   }
3747 | }
3748 | @-webkit-keyframes mdl-spinner__layer-3-fade-in-out {
3749 |   from {
3750 |     opacity: 0;
3751 |   }
3752 |   40% {
3753 |     opacity: 0;
3754 |   }
3755 |   50% {
3756 |     opacity: 0.99;
3757 |   }
3758 |   75% {
3759 |     opacity: 0.99;
3760 |   }
3761 |   76% {
3762 |     opacity: 0;
3763 |   }
3764 | }
3765 | @keyframes mdl-spinner__layer-3-fade-in-out {
3766 |   from {
3767 |     opacity: 0;
3768 |   }
3769 |   40% {
3770 |     opacity: 0;
3771 |   }
3772 |   50% {
3773 |     opacity: 0.99;
3774 |   }
3775 |   75% {
3776 |     opacity: 0.99;
3777 |   }
3778 |   76% {
3779 |     opacity: 0;
3780 |   }
3781 | }
3782 | @-webkit-keyframes mdl-spinner__layer-4-fade-in-out {
3783 |   from {
3784 |     opacity: 0;
3785 |   }
3786 |   65% {
3787 |     opacity: 0;
3788 |   }
3789 |   75% {
3790 |     opacity: 0.99;
3791 |   }
3792 |   90% {
3793 |     opacity: 0.99;
3794 |   }
3795 |   100% {
3796 |     opacity: 0;
3797 |   }
3798 | }
3799 | @keyframes mdl-spinner__layer-4-fade-in-out {
3800 |   from {
3801 |     opacity: 0;
3802 |   }
3803 |   65% {
3804 |     opacity: 0;
3805 |   }
3806 |   75% {
3807 |     opacity: 0.99;
3808 |   }
3809 |   90% {
3810 |     opacity: 0.99;
3811 |   }
3812 |   100% {
3813 |     opacity: 0;
3814 |   }
3815 | }
3816 | /**
3817 | * Patch the gap that appear between the two adjacent
3818 | * div.mdl-spinner__circle-clipper while the spinner is rotating
3819 | * (appears on Chrome 38, Safari 7.1, and IE 11).
3820 | *
3821 | * Update: the gap no longer appears on Chrome when .mdl-spinner__layer-N's
3822 | * opacity is 0.99, but still does on Safari and IE.
3823 | */
3824 | .mdl-spinner__gap-patch {
3825 |   position: absolute;
3826 |   box-sizing: border-box;
3827 |   top: 0;
3828 |   left: 45%;
3829 |   width: 10%;
3830 |   height: 100%;
3831 |   overflow: hidden;
3832 |   border-color: inherit;
3833 | }
3834 | .mdl-spinner__gap-patch .mdl-spinner__circle {
3835 |   width: 1000%;
3836 |   left: -450%;
3837 | }
3838 | .mdl-spinner__circle-clipper {
3839 |   display: inline-block;
3840 |   position: relative;
3841 |   width: 50%;
3842 |   height: 100%;
3843 |   overflow: hidden;
3844 |   border-color: inherit;
3845 | }
3846 | .mdl-spinner__circle-clipper .mdl-spinner__circle {
3847 |   width: 200%;
3848 | }
3849 | .mdl-spinner__circle {
3850 |   box-sizing: border-box;
3851 |   height: 100%;
3852 |   border-width: 3px;
3853 |   border-style: solid;
3854 |   border-color: inherit;
3855 |   border-bottom-color: transparent !important;
3856 |   border-radius: 50%;
3857 |   -webkit-animation: none;
3858 |           animation: none;
3859 |   position: absolute;
3860 |   top: 0;
3861 |   right: 0;
3862 |   bottom: 0;
3863 |   left: 0;
3864 | }
3865 | .mdl-spinner__left .mdl-spinner__circle {
3866 |   border-right-color: transparent !important;
3867 |   -webkit-transform: rotate(129deg);
3868 |           transform: rotate(129deg);
3869 | }
3870 | .mdl-spinner.is-active .mdl-spinner__left .mdl-spinner__circle {
3871 |   -webkit-animation: mdl-spinner__left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
3872 |           animation: mdl-spinner__left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
3873 | }
3874 | .mdl-spinner__right .mdl-spinner__circle {
3875 |   left: -100%;
3876 |   border-left-color: transparent !important;
3877 |   -webkit-transform: rotate(-129deg);
3878 |           transform: rotate(-129deg);
3879 | }
3880 | .mdl-spinner.is-active .mdl-spinner__right .mdl-spinner__circle {
3881 |   -webkit-animation: mdl-spinner__right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
3882 |           animation: mdl-spinner__right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
3883 | }
3884 | @-webkit-keyframes mdl-spinner__left-spin {
3885 |   from {
3886 |     -webkit-transform: rotate(130deg);
3887 |             transform: rotate(130deg);
3888 |   }
3889 |   50% {
3890 |     -webkit-transform: rotate(-5deg);
3891 |             transform: rotate(-5deg);
3892 |   }
3893 |   to {
3894 |     -webkit-transform: rotate(130deg);
3895 |             transform: rotate(130deg);
3896 |   }
3897 | }
3898 | @keyframes mdl-spinner__left-spin {
3899 |   from {
3900 |     -webkit-transform: rotate(130deg);
3901 |             transform: rotate(130deg);
3902 |   }
3903 |   50% {
3904 |     -webkit-transform: rotate(-5deg);
3905 |             transform: rotate(-5deg);
3906 |   }
3907 |   to {
3908 |     -webkit-transform: rotate(130deg);
3909 |             transform: rotate(130deg);
3910 |   }
3911 | }
3912 | @-webkit-keyframes mdl-spinner__right-spin {
3913 |   from {
3914 |     -webkit-transform: rotate(-130deg);
3915 |             transform: rotate(-130deg);
3916 |   }
3917 |   50% {
3918 |     -webkit-transform: rotate(5deg);
3919 |             transform: rotate(5deg);
3920 |   }
3921 |   to {
3922 |     -webkit-transform: rotate(-130deg);
3923 |             transform: rotate(-130deg);
3924 |   }
3925 | }
3926 | @keyframes mdl-spinner__right-spin {
3927 |   from {
3928 |     -webkit-transform: rotate(-130deg);
3929 |             transform: rotate(-130deg);
3930 |   }
3931 |   50% {
3932 |     -webkit-transform: rotate(5deg);
3933 |             transform: rotate(5deg);
3934 |   }
3935 |   to {
3936 |     -webkit-transform: rotate(-130deg);
3937 |             transform: rotate(-130deg);
3938 |   }
3939 | }
3940 | table.pretty-raw {
3941 |   word-break: normal;
3942 | }
3943 | table.pretty-raw td {
3944 |   padding: 5px;
3945 |   border: 1px solid #ddd;
3946 | }
3947 | table.pretty-raw td:last-child {
3948 |   word-break: break-word;
3949 | }
3950 | div.pretty-raw > div {
3951 |   margin-right: 10px;
3952 |   word-break: break-all;
3953 |   display: inline;
3954 | }
3955 | .markdown-block > :first-child {
3956 |   margin-top: 0 !important;
3957 | }
3958 | .markdown-block > :last-child {
3959 |   margin-bottom: 0 !important;
3960 | }
3961 | .markdown h1,
3962 | .markdown h2,
3963 | .markdown h3,
3964 | .markdown h4,
3965 | .markdown h5 {
3966 |   font-weight: 300;
3967 |   line-height: 1;
3968 | }
3969 | .markdown h1 {
3970 |   font-size: 1.5em;
3971 | }
3972 | .markdown h2 {
3973 |   font-size: 1.25em;
3974 | }
3975 | .markdown h3 {
3976 |   font-size: 1.15em;
3977 | }
3978 | .markdown h4 {
3979 |   font-size: 1.05em;
3980 | }
3981 | .markdown img {
3982 |   max-width: 100%;
3983 | }
3984 | .markdown a.bad {
3985 |   color: inherit;
3986 |   cursor: default;
3987 |   text-decoration: none;
3988 | }
3989 | .markdown td,
3990 | .markdown th {
3991 |   padding: 0 6px 0 0;
3992 | }
3993 | .msg-view.card-post {
3994 |   box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
3995 |   background: #fff;
3996 |   -webkit-transition: 0.2s box-shadow;
3997 |   transition: 0.2s box-shadow;
3998 | }
3999 | .msg-view.card-post .header {
4000 |   display: -webkit-box;
4001 |   display: -ms-flexbox;
4002 |   display: flex;
4003 |   padding: 8px 15px 8px 8px;
4004 |   color: #777;
4005 |   white-space: pre;
4006 | }
4007 | .msg-view.card-post .header img {
4008 |   display: block;
4009 |   width: 40px;
4010 |   margin: 2px 6px 2px 2px;
4011 |   border-radius: 2px;
4012 | }
4013 | .msg-view.card-post .header .author a {
4014 |   color: #333;
4015 | }
4016 | .msg-view.card-post .header .author small,
4017 | .msg-view.card-post .header .author small a {
4018 |   color: #8694a7;
4019 | }
4020 | .msg-view.card-post .header .channel {
4021 |   font-weight: 300;
4022 |   font-size: 16px;
4023 | }
4024 | .msg-view.card-post .header .channel a {
4025 |   color: #8694a7;
4026 | }
4027 | .msg-view.card-post .header .date,
4028 | .msg-view.card-post .header .audience {
4029 |   font-weight: 200;
4030 |   font-size: 15px;
4031 |   color: #8694a7;
4032 | }
4033 | .msg-view.card-post .header .collapse-btn {
4034 |   margin: 0 15px;
4035 |   padding: 5px;
4036 | }
4037 | .msg-view.card-post .body {
4038 |   margin: 10px 20px 0;
4039 |   overflow: hidden;
4040 |   color: #555;
4041 |   font-weight: 300;
4042 |   font-family: "Helvetica";
4043 |   line-height: 1.4;
4044 |   word-break: break-word;
4045 | }
4046 | .msg-view.card-post .footer {
4047 |   display: -webkit-box;
4048 |   display: -ms-flexbox;
4049 |   display: flex;
4050 |   color: #aab8c2;
4051 |   font-size: 18px;
4052 |   padding: 0px 20px 10px 10px;
4053 | }
4054 | .msg-view.card-post .footer > div {
4055 |   margin-left: 40px;
4056 | }
4057 | .msg-view.card-post .footer > div:hover {
4058 |   color: #82939E;
4059 | }
4060 | .msg-view.card-post .footer > div.highlighted {
4061 |   color: #82939E;
4062 | }
4063 | .msg-view.card-post .footer .read-more {
4064 |   display: none;
4065 |   margin-left: 10px;
4066 |   font-weight: 300;
4067 | }
4068 | .msg-view.card-post .footer .dig {
4069 |   cursor: pointer;
4070 | }
4071 | .msg-view.card-post .footer .dig:hover i {
4072 |   -webkit-animation: rainbow-color-keyframes 0.6s 0.1s linear infinite;
4073 |           animation: rainbow-color-keyframes 0.6s 0.1s linear infinite;
4074 |   -webkit-transition: -webkit-transform 0.2s cubic-bezier(0, 0, 0.75, 2.65);
4075 |   transition: -webkit-transform 0.2s cubic-bezier(0, 0, 0.75, 2.65);
4076 |   transition: transform 0.2s cubic-bezier(0, 0, 0.75, 2.65);
4077 |   transition: transform 0.2s cubic-bezier(0, 0, 0.75, 2.65), -webkit-transform 0.2s cubic-bezier(0, 0, 0.75, 2.65);
4078 | }
4079 | .msg-view.card-post .footer .dig:hover span:nth-child(2) {
4080 |   -webkit-animation: rainbow-color-keyframes 0.6s 0.15s linear infinite;
4081 |           animation: rainbow-color-keyframes 0.6s 0.15s linear infinite;
4082 | }
4083 | .msg-view.card-post .footer .dig:hover span:nth-child(3) {
4084 |   -webkit-animation: rainbow-color-keyframes 0.6s 0.2s linear infinite;
4085 |           animation: rainbow-color-keyframes 0.6s 0.2s linear infinite;
4086 | }
4087 | .msg-view.card-post .footer .dig.highlighted i {
4088 |   -webkit-transform: scale(1.2);
4089 |           transform: scale(1.2);
4090 | }
4091 | .msg-view.card-post .raw-message pre {
4092 |   font-size: 80%;
4093 | }
4094 | .msg-view.card-post.oversized .body {
4095 |   height: 200px;
4096 | }
4097 | .msg-view.card-post.oversized .footer {
4098 |   border-top: 1px dashed #ccc;
4099 |   padding-top: 8px;
4100 |   margin-top: 1px;
4101 | }
4102 | .msg-view.card-post.oversized .footer .read-more {
4103 |   display: block;
4104 | }
4105 | .msg-view.card-post.collapsed {
4106 |   background: #fdfdfd;
4107 |   cursor: pointer;
4108 | }
4109 | .msg-view.card-post.collapsed:hover {
4110 |   background-color: #f5f5f5;
4111 | }
4112 | .msg-view.card-post.collapsed .header {
4113 |   padding-right: 2px;
4114 | }
4115 | .msg-view.card-post.collapsed .body {
4116 |   height: 24px;
4117 |   width: 510px;
4118 |   color: gray;
4119 |   overflow: hidden;
4120 |   text-overflow: ellipsis;
4121 |   word-break: break-all;
4122 |   white-space: nowrap;
4123 |   margin: 20px 0 0;
4124 | }
4125 | .msg-view.card-post.collapsed .ctrls {
4126 |   display: none;
4127 | }
4128 | .msg-view.card-post.list-view .body {
4129 |   overflow: hidden;
4130 |   max-height: 500px;
4131 | }
4132 | .msg-view.card-post.list-view.expanded .body {
4133 |   max-height: none;
4134 | }
4135 | .msg-view.card-post.list-view:hover {
4136 |   box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
4137 |   cursor: pointer;
4138 | }
4139 | .msg-view.card-post.list-view .reply {
4140 |   display: -webkit-box;
4141 |   display: -ms-flexbox;
4142 |   display: flex;
4143 |   border-top: 1px solid #ddd;
4144 |   padding: 9px;
4145 |   background: #fafafa;
4146 |   color: #666;
4147 |   font-weight: 300;
4148 |   word-break: break-word;
4149 | }
4150 | .msg-view.card-post.list-view .reply a {
4151 |   color: #777;
4152 |   font-weight: normal;
4153 | }
4154 | .msg-view.card-post.list-view .reply .user-pic img {
4155 |   display: block;
4156 |   width: 25px;
4157 |   border-radius: 2px;
4158 |   margin: 0 7px 0 2px;
4159 | }
4160 | .msg-view.card-post.list-view .reply > div {
4161 |   margin-top: 1px;
4162 | }
4163 | .msg-view.card-oldposts {
4164 |   background: #fdfdfd;
4165 |   margin: 1px 0;
4166 |   box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
4167 |   padding: 10px;
4168 |   text-align: center;
4169 |   color: gray;
4170 |   font-weight: 300;
4171 |   cursor: pointer;
4172 | }
4173 | .msg-view.card-oldposts:hover {
4174 |   background-color: #f5f5f5;
4175 | }
4176 | .msg-view.card-missing-post div {
4177 |   box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
4178 |   background: #fff;
4179 |   padding: 20px;
4180 |   font-weight: 300;
4181 |   color: #666;
4182 | }
4183 | .msg-view.card-missing-post.collapsed div {
4184 |   background: #fafafa;
4185 | }
4186 | .msg-view.card-mention {
4187 |   box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
4188 |   background: #fdfdfd;
4189 |   margin: 1px 0;
4190 |   padding: 10px 15px;
4191 | }
4192 | .msg-view.card-mention > div {
4193 |   display: -webkit-box;
4194 |   display: -ms-flexbox;
4195 |   display: flex;
4196 |   font-weight: 300;
4197 |   color: #666;
4198 |   height: 22px;
4199 |   overflow: hidden;
4200 |   word-break: break-all;
4201 | }
4202 | .msg-view.card-mention > div i {
4203 |   margin: 4px 5px 0 0;
4204 | }
4205 | .msg-view.card-mention > div .user-link {
4206 |   color: #555;
4207 |   font-weight: normal;
4208 | }
4209 | .msg-view.card-muted {
4210 |   display: -webkit-box;
4211 |   display: -ms-flexbox;
4212 |   display: flex;
4213 | }
4214 | .msg-view.card-muted .ctrls {
4215 |   -webkit-box-flex: 0;
4216 |       -ms-flex: 0 0 75px;
4217 |           flex: 0 0 75px;
4218 |   padding: 2px 5px 0 3px;
4219 |   text-align: right;
4220 | }
4221 | .msg-view.card-muted .ctrls img {
4222 |   width: 30px;
4223 |   border-radius: 3px;
4224 | }
4225 | .msg-view.card-muted .content {
4226 |   -webkit-box-flex: 1;
4227 |       -ms-flex: 1;
4228 |           flex: 1;
4229 |   padding: 7px;
4230 |   overflow: hidden;
4231 | }
4232 | .msg-view.card-muted .content a {
4233 |   color: gray;
4234 |   overflow: hidden;
4235 |   text-overflow: ellipsis;
4236 |   display: -webkit-box;
4237 |   -webkit-line-clamp: 2;
4238 |   -webkit-box-orient: vertical;
4239 | }
4240 | .msg-view.card-muted .content div:last-child {
4241 |   font-weight: 300;
4242 |   font-size: 12px;
4243 | }
4244 | .msg-view.notification {
4245 |   display: -webkit-box;
4246 |   display: -ms-flexbox;
4247 |   display: flex;
4248 |   overflow: hidden;
4249 |   margin: 1px auto;
4250 |   max-width: 660px;
4251 | }
4252 | .msg-view.notification.new {
4253 |   background: #fafafa;
4254 |   border-radius: 2px;
4255 | }
4256 | .msg-view.notification .ctrls {
4257 |   -webkit-box-flex: 0;
4258 |       -ms-flex: 0 0 40px;
4259 |           flex: 0 0 40px;
4260 |   padding: 12px 12px 0 3px;
4261 |   text-align: right;
4262 | }
4263 | .msg-view.notification .ctrls img {
4264 |   width: 30px;
4265 |   border-radius: 3px;
4266 | }
4267 | .msg-view.notification .content {
4268 |   -webkit-box-flex: 1;
4269 |       -ms-flex: 1;
4270 |           flex: 1;
4271 |   padding: 10px 10px 10px 0;
4272 | }
4273 | .msg-view.notification .content .user-link {
4274 |   color: #000;
4275 | }
4276 | .msg-view.notification .content .subject {
4277 |   color: #555;
4278 |   overflow: hidden;
4279 |   text-overflow: ellipsis;
4280 |   display: -webkit-box;
4281 |   -webkit-line-clamp: 2;
4282 |   -webkit-box-orient: vertical;
4283 |   font-family: "Helvetica";
4284 |   font-weight: 300;
4285 | }
4286 | .msg-view.notification .content div:last-child {
4287 |   font-weight: 300;
4288 |   font-size: 12px;
4289 | }
4290 | .msg-view.notification .content div:last-child a {
4291 |   color: #555;
4292 | }
4293 | .msg-view.oneline {
4294 |   box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
4295 |   display: -webkit-box;
4296 |   display: -ms-flexbox;
4297 |   display: flex;
4298 |   background: #fff;
4299 |   padding: 10px 10px 8px;
4300 |   max-width: 640px;
4301 |   margin: 1px auto;
4302 |   color: #555;
4303 | }
4304 | .msg-view.oneline strong {
4305 |   font-weight: normal;
4306 | }
4307 | .msg-view.oneline .authors {
4308 |   -webkit-box-flex: 0;
4309 |       -ms-flex: 0 0 150px;
4310 |           flex: 0 0 150px;
4311 |   white-space: pre;
4312 |   text-overflow: ellipsis;
4313 | }
4314 | .msg-view.oneline .authors a {
4315 |   color: #555;
4316 | }
4317 | .msg-view.oneline .authors .user-pic img {
4318 |   width: 32px;
4319 |   height: 32px;
4320 |   border-radius: 2px;
4321 |   margin-right: 4px;
4322 |   vertical-align: middle;
4323 | }
4324 | .msg-view.oneline .authors .replies {
4325 |   color: #bbb;
4326 |   padding: 0 5px;
4327 | }
4328 | .msg-view.oneline .content {
4329 |   -webkit-box-flex: 1;
4330 |       -ms-flex: 1;
4331 |           flex: 1;
4332 |   overflow: hidden;
4333 |   color: #666;
4334 |   line-height: 1.9;
4335 |   padding-left: 3px;
4336 | }
4337 | .msg-view.oneline .content .markdown,
4338 | .msg-view.oneline .content .raw {
4339 |   height: 32px;
4340 |   overflow: hidden;
4341 |   display: block;
4342 | }
4343 | .msg-view.oneline .date {
4344 |   text-align: right;
4345 |   padding: 5px 0 0 5px;
4346 | }
4347 | .msg-view.oneline .label {
4348 |   margin-left: 5px;
4349 |   padding: 8px 3px;
4350 |   background: #eee;
4351 |   color: gray;
4352 |   text-transform: uppercase;
4353 |   font-size: 12px;
4354 | }
4355 | .msg-view.oneline .label i {
4356 |   margin: 0 2px;
4357 | }
4358 | .msg-view.oneline.unread {
4359 |   background-color: #fff;
4360 | }
4361 | .msg-view.oneline.unread .authors,
4362 | .msg-view.oneline.unread .replies,
4363 | .msg-view.oneline.unread .content,
4364 | .msg-view.oneline.unread .date,
4365 | .msg-view.oneline.unread strong {
4366 |   font-weight: bold;
4367 | }
4368 | .msg-view.oneline:hover {
4369 |   background-color: #fafafa;
4370 | }
4371 | .msg-list .empty-msg {
4372 |   padding: 20px 20px;
4373 |   color: gray;
4374 |   text-align: center;
4375 | }
4376 | .msg-list .new-msg-queue {
4377 |   -webkit-transition: background 0.2s;
4378 |   transition: background 0.2s;
4379 |   display: block;
4380 |   text-align: center;
4381 |   padding: 15px 0 15px 0;
4382 |   background: #4DA1FF;
4383 |   color: #F5FAFF;
4384 |   font-weight: 100;
4385 |   font-size: 21px;
4386 | }
4387 | .msg-list .new-msg-queue:hover {
4388 |   text-decoration: none;
4389 |   background: #0079FF;
4390 | }
4391 | .msg-list-items {
4392 |   position: relative;
4393 | }
4394 | .msg-list-items .empty {
4395 |   padding: 10px;
4396 | }
4397 | .msg-list-items .toolbar {
4398 |   padding: 5px;
4399 | }
4400 | .msg-list-items hr {
4401 |   max-width: 660px;
4402 |   margin: 30px auto;
4403 | }
4404 | .msg-list-items .msg-view.card-post {
4405 |   max-width: 660px;
4406 |   margin: 16px auto;
4407 | }
4408 | .msg-thread {
4409 |   position: relative;
4410 |   margin: 20px 0;
4411 | }
4412 | .msg-thread .thread-toolbar {
4413 |   cursor: pointer;
4414 |   max-width: 660px;
4415 |   margin: 1px auto;
4416 |   background: #fff;
4417 |   box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
4418 | }
4419 | .msg-thread .thread-toolbar > a,
4420 | .msg-thread .thread-toolbar > div {
4421 |   padding: 14px;
4422 |   color: gray;
4423 | }
4424 | .msg-thread .items {
4425 |   margin: 0px auto;
4426 |   max-width: 660px;
4427 |   position: relative;
4428 | }
4429 | .msg-thread .items .msg-view.card-post {
4430 |   margin: 1px 0;
4431 | }
4432 | .msg-thread .items .msg-view.card-post .left-meta {
4433 |   display: none;
4434 | }
4435 | .msg-thread .container {
4436 |   max-width: 660px;
4437 |   margin: 0px auto;
4438 | }
4439 | .msg-thread .composer {
4440 |   margin: 0;
4441 | }
4442 | .msg-thread .composer .toolbar {
4443 |   display: none;
4444 | }
4445 | .msg-thread .recps-list {
4446 |   height: 60px;
4447 | }
4448 | .msg-thread .recps-list .user-pic img {
4449 |   width: 60px;
4450 |   height: 60px;
4451 |   border-radius: 2px;
4452 |   margin-right: 5px;
4453 | }
4454 | .msg-thread .width-gt500 .items .msg-view.card-post .left-meta {
4455 |   display: block;
4456 | }
4457 | .msg-thread.not-found {
4458 |   text-align: center;
4459 | }
4460 | .composer .composer-ctrls {
4461 |   box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
4462 |   background: #fff;
4463 |   font-weight: 300;
4464 |   margin: 1px 0;
4465 | }
4466 | .composer .composer-ctrls .btn {
4467 |   padding: 10px 20px;
4468 |   white-space: pre;
4469 |   border-radius: 0;
4470 |   background: none;
4471 |   box-shadow: none;
4472 | }
4473 | .composer .composer-ctrls .btn:hover {
4474 |   box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
4475 |   background: #fff;
4476 | }
4477 | .composer .composer-ctrls .btn.highlighted {
4478 |   color: #fff;
4479 |   background: #4880F1;
4480 | }
4481 | .composer .composer-ctrls .btn.highlighted:hover {
4482 |   background: #2967E2;
4483 | }
4484 | .composer .composer-ctrls .btn.disabled {
4485 |   cursor: default;
4486 |   color: #aaa !important;
4487 |   background: none !important;
4488 |   box-shadow: none !important;
4489 | }
4490 | .composer .composer-recps .fa-hashtag,
4491 | .composer .composer-recps .fa-user {
4492 |   color: #666;
4493 | }
4494 | .composer .composer-recps input {
4495 |   border: 0;
4496 |   margin-left: 5px;
4497 |   background: transparent;
4498 | }
4499 | .composer .composer-recps input:focus,
4500 | .composer .composer-recps input:active {
4501 |   outline: 0;
4502 | }
4503 | .composer .composer-recps .recps-inputs {
4504 |   padding: 10px;
4505 |   border-left: 1px solid #ddd;
4506 | }
4507 | .composer .composer-recps .recp {
4508 |   display: inline-block;
4509 |   border: 1px solid #ccc;
4510 |   border-radius: 2px;
4511 |   padding: 0px 5px 1px;
4512 |   margin-left: 5px;
4513 |   box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05);
4514 | }
4515 | .composer .composer-recps .recp a {
4516 |   margin-left: 5px;
4517 |   color: gray;
4518 | }
4519 | .composer .composer-content {
4520 |   box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
4521 |   font-family: "Helvetica";
4522 |   font-weight: 300;
4523 |   color: #555555;
4524 |   line-height: 1.4;
4525 |   background: #fff;
4526 |   margin: 1px 0;
4527 | }
4528 | .composer .composer-content textarea {
4529 |   display: block;
4530 |   box-sizing: border-box;
4531 |   width: 100%;
4532 |   resize: vertical;
4533 |   border: 0;
4534 |   min-height: 140px;
4535 |   padding: 10px;
4536 |   margin: 0;
4537 | }
4538 | .composer .composer-content textarea:active,
4539 | .composer .composer-content textarea:focus {
4540 |   outline: 0;
4541 | }
4542 | .composer .composer-content > div {
4543 |   padding: 10px;
4544 |   min-height: 140px;
4545 |   font-weight: 300;
4546 |   color: #555;
4547 | }
4548 | .composer .warning {
4549 |   color: #b21a1a;
4550 |   margin: 5px 0;
4551 | }
4552 | .composer .preview {
4553 |   box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
4554 |   background: #fff;
4555 |   margin: 1px 0;
4556 |   padding: 14px 20px 20px;
4557 |   color: #555;
4558 |   font-weight: 300;
4559 |   font-family: "Helvetica";
4560 |   line-height: 1.4;
4561 |   word-break: break-word;
4562 | }
4563 | .stepped-progress-bar {
4564 |   padding: 0;
4565 |   overflow: hidden;
4566 |   counter-reset: step;
4567 | }
4568 | .stepped-progress-bar li {
4569 |   list-style-type: none;
4570 |   color: gray;
4571 |   font-size: 16px;
4572 |   width: 100%;
4573 |   float: left;
4574 |   position: relative;
4575 |   text-align: center;
4576 | }
4577 | .stepped-progress-bar li:before {
4578 |   content: counter(step);
4579 |   counter-increment: step;
4580 |   position: relative;
4581 |   z-index: 2;
4582 |   text-align: center;
4583 |   width: 20px;
4584 |   line-height: 20px;
4585 |   display: block;
4586 |   font-size: 10px;
4587 |   color: #333;
4588 |   background: #ddd;
4589 |   border-radius: 10px;
4590 |   margin: 0 auto 5px auto;
4591 | }
4592 | .stepped-progress-bar li:after {
4593 |   content: '';
4594 |   width: 100%;
4595 |   height: 2px;
4596 |   background: #ddd;
4597 |   position: absolute;
4598 |   left: -50%;
4599 |   top: 9px;
4600 |   z-index: 1;
4601 |   background: -webkit-linear-gradient(left, #ddd 50%, #4DA1FF 50%);
4602 |   background: linear-gradient(to right, #ddd 50%, #4DA1FF 50%);
4603 |   background-size: 200% 100%;
4604 |   background-position: 0 0;
4605 |   -webkit-transition: background-position 1s;
4606 |   transition: background-position 1s;
4607 | }
4608 | .stepped-progress-bar li:first-child:after {
4609 |   content: none;
4610 | }
4611 | .stepped-progress-bar li.current {
4612 |   color: #4DA1FF;
4613 | }
4614 | .stepped-progress-bar li.active:before {
4615 |   background: #4DA1FF;
4616 |   color: #ddd;
4617 | }
4618 | .stepped-progress-bar li.active:after {
4619 |   background-position: -100% 0;
4620 | }
4621 | .stepped-progress-bar.n2 li {
4622 |   width: 50%;
4623 | }
4624 | .stepped-progress-bar.n3 li {
4625 |   width: 33.33%;
4626 | }
4627 | .stepped-progress-bar.n4 li {
4628 |   width: 25%;
4629 | }
4630 | .stepped-progress-bar.n5 li {
4631 |   width: 20%;
4632 | }
4633 | .stepped-progress-bar.can-go-back li.active:before {
4634 |   cursor: pointer;
4635 | }
4636 | .modal {
4637 |   position: fixed;
4638 |   top: 0;
4639 |   bottom: 0;
4640 |   left: 0;
4641 |   right: 0;
4642 |   z-index: 10000;
4643 |   cursor: default;
4644 |   background: #fff;
4645 |   overflow: auto;
4646 | }
4647 | .modal .modal-inner {
4648 |   display: -webkit-box;
4649 |   display: -ms-flexbox;
4650 |   display: flex;
4651 |   -webkit-box-orient: vertical;
4652 |   -webkit-box-direction: normal;
4653 |       -ms-flex-direction: column;
4654 |           flex-direction: column;
4655 | }
4656 | .modal .modal-content {
4657 |   -webkit-box-flex: 1;
4658 |       -ms-flex: 1;
4659 |           flex: 1;
4660 |   padding: 20px 40px 0;
4661 | }
4662 | .modal .modal-content h1 {
4663 |   margin-top: 40px;
4664 |   font-size: 2.5em;
4665 | }
4666 | .modal .modal-helptext {
4667 |   padding: 0 40px 20px;
4668 |   font-weight: 300;
4669 |   text-align: justify;
4670 | }
4671 | .modal .modal-ctrls {
4672 |   display: -webkit-box;
4673 |   display: -ms-flexbox;
4674 |   display: flex;
4675 |   -webkit-box-flex: 0;
4676 |       -ms-flex: 0 0 70px;
4677 |           flex: 0 0 70px;
4678 |   padding: 0 20px 0 0;
4679 | }
4680 | @media (max-width: 800px) {
4681 |   .modal .modal-ctrls {
4682 |     padding: 0 0 0 20px;
4683 |   }
4684 | }
4685 | .modal .modal-ctrls .cancel {
4686 |   -webkit-box-flex: 1;
4687 |       -ms-flex: 1;
4688 |           flex: 1;
4689 |   padding-left: 26px;
4690 |   text-align: left;
4691 | }
4692 | .modal .modal-ctrls .cancel .btn {
4693 |   box-shadow: none;
4694 |   background: #eee;
4695 | }
4696 | .modal .modal-ctrls .cancel .btn:hover {
4697 |   box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
4698 |   background: #fdfdfd;
4699 | }
4700 | .modal .modal-ctrls .stepped-progress-bar {
4701 |   -webkit-box-flex: 1;
4702 |       -ms-flex: 1;
4703 |           flex: 1;
4704 |   margin: 2px 5px 0 0;
4705 |   position: relative;
4706 |   left: -20px;
4707 | }
4708 | .modal .modal-ctrls .stepped-progress-bar.no-labels {
4709 |   margin-top: 10px;
4710 | }
4711 | .modal .modal-ctrls .next {
4712 |   -webkit-box-flex: 0;
4713 |       -ms-flex: 0 0 170px;
4714 |           flex: 0 0 170px;
4715 | }
4716 | .modal .modal-ctrls .next .disabled {
4717 |   box-shadow: none;
4718 | }
4719 | .modal .btn {
4720 |   padding: 10px 50px;
4721 |   font-size: 18px;
4722 |   white-space: nowrap;
4723 | }
4724 | .modal.center-block {
4725 |   overflow: none;
4726 |   background-color: rgba(100, 100, 100, 0.75);
4727 | }
4728 | .modal.center-block .modal-inner {
4729 |   position: absolute;
4730 |   top: 40px;
4731 |   left: 50%;
4732 |   -webkit-transform: translateX(-50%);
4733 |           transform: translateX(-50%);
4734 |   width: 640px;
4735 |   max-height: 90%;
4736 |   overflow: scroll;
4737 |   background: #fff;
4738 |   box-shadow: 0px 24px 48px rgba(0, 0, 0, 0.2);
4739 | }
4740 | .modal.center-block.fullheight .modal-inner {
4741 |   bottom: 40px;
4742 | }
4743 | .modal.fullheight:not(.center-block) .modal-inner {
4744 |   padding-bottom: 140px;
4745 | }
4746 | .modal.fullheight:not(.center-block) .modal-helptext {
4747 |   position: fixed;
4748 |   left: 0;
4749 |   bottom: 110px;
4750 |   right: 0;
4751 |   background: #fff;
4752 |   padding: 30px;
4753 |   text-align: center;
4754 | }
4755 | .modal.fullheight:not(.center-block) .modal-ctrls {
4756 |   position: fixed;
4757 |   left: 0;
4758 |   bottom: 0;
4759 |   right: 0;
4760 |   height: 80px;
4761 |   background: #fff;
4762 |   padding-top: 40px;
4763 |   border-top: 1px solid #ddd;
4764 | }
4765 | .image-uploader .image-uploader-ctrls > div {
4766 |   margin: 10px 0;
4767 |   width: 518px;
4768 | }
4769 | .image-uploader .image-uploader-ctrls input[type=range] {
4770 |   width: 100%;
4771 | }
4772 | .image-uploader canvas {
4773 |   border: 1px solid #eee;
4774 |   margin-bottom: 10px;
4775 | }
4776 | .image-uploader .btn {
4777 |   padding: 10px 50px;
4778 |   font-size: 18px;
4779 |   width: 280px;
4780 |   font-weight: 200;
4781 |   text-align: center;
4782 |   border: 1px solid #ccc;
4783 |   color: #333;
4784 | }
4785 | .selector {
4786 |   display: -webkit-box;
4787 |   display: -ms-flexbox;
4788 |   display: flex;
4789 | }
4790 | .selector .option {
4791 |   -webkit-box-flex: 1;
4792 |       -ms-flex: 1;
4793 |           flex: 1;
4794 |   text-align: center;
4795 |   color: gray;
4796 |   cursor: pointer;
4797 |   padding: 10px;
4798 | }
4799 | .selector .option:hover {
4800 |   background: #eee;
4801 | }
4802 | .selector .option div {
4803 |   margin-bottom: 5px;
4804 | }
4805 | .selector .option img {
4806 |   border-radius: 10px;
4807 |   border: 5px solid transparent;
4808 | }
4809 | .selector .option.selected {
4810 |   color: #4da1ff;
4811 | }
4812 | .selector .option.selected img {
4813 |   border-color: #4da1ff;
4814 | }
4815 | .loading {
4816 |   display: -webkit-box;
4817 |   display: -ms-flexbox;
4818 |   display: flex;
4819 |   -webkit-box-align: center;
4820 |       -ms-flex-align: center;
4821 |           align-items: center;
4822 |   -webkit-box-pack: center;
4823 |       -ms-flex-pack: center;
4824 |           justify-content: center;
4825 |   height: 100%;
4826 | }
4827 | .toolbar {
4828 |   background: #fff;
4829 |   border-bottom: 1px solid #ccc;
4830 |   font-weight: 300;
4831 |   height: 28px;
4832 |   padding: 5px;
4833 | }
4834 | .toolbar .centered {
4835 |   width: 645px;
4836 |   margin: 0px auto;
4837 | }
4838 | .toolbar .centered .tabs {
4839 |   margin-left: 20px;
4840 | }
4841 | .toolbar.floating {
4842 |   position: absolute;
4843 |   top: 0;
4844 |   left: 0;
4845 |   border: 0;
4846 |   z-index: 1000;
4847 |   background: rgba(238, 238, 238, 0.9);
4848 | }
4849 | .toolbar.floating .fa-commenting-o {
4850 |   position: relative;
4851 |   top: -1px;
4852 | }
4853 | .toolbar .divider {
4854 |   display: inline;
4855 |   width: 1px;
4856 |   border-left: 1px solid #ccc;
4857 |   margin: 0 12px;
4858 | }
4859 | .toolbar .btn {
4860 |   padding: 0 10px;
4861 |   border-radius: 0;
4862 |   box-shadow: none;
4863 |   background: none;
4864 |   line-height: 1.9;
4865 | }
4866 | .toolbar .btn:hover {
4867 |   color: #459EFF;
4868 | }
4869 | .toolbar .ctrl {
4870 |   display: inline-block;
4871 |   padding: 0 12px;
4872 |   font-size: 21px;
4873 |   text-align: center;
4874 |   color: #687890;
4875 |   -webkit-transition: color 0.2s;
4876 |   transition: color 0.2s;
4877 | }
4878 | .toolbar .ctrl:hover,
4879 | .toolbar .ctrl.selected {
4880 |   color: #459EFF;
4881 |   text-decoration: none;
4882 | }
4883 | .toolbar .ctrl .count {
4884 |   display: inline-block;
4885 |   position: relative;
4886 |   top: -10px;
4887 |   font-size: 12px;
4888 |   font-weight: normal;
4889 | }
4890 | .toolbar .back,
4891 | .toolbar .home {
4892 |   width: 40px;
4893 |   padding: 0;
4894 |   font-size: 23px;
4895 |   position: relative;
4896 |   top: -1px;
4897 | }
4898 | .toolbar .dipswitch {
4899 |   margin: 0 5px;
4900 | }
4901 | .toolbar .dipswitch:hover {
4902 |   color: #459EFF;
4903 | }
4904 | .light-toolbar a {
4905 |   margin: 3px 16px 0 0;
4906 |   color: gray;
4907 |   -webkit-transition: color 0.2s;
4908 |   transition: color 0.2s;
4909 | }
4910 | .light-toolbar:hover a {
4911 |   color: #555;
4912 | }
4913 | .suggest-box {
4914 |   position: fixed;
4915 |   border: 1px solid #ddd;
4916 |   z-index: 100000;
4917 |   background: white;
4918 | }
4919 | .suggest-box ul {
4920 |   margin: 0;
4921 |   padding: 0;
4922 |   list-style: none;
4923 | }
4924 | .suggest-box ul li {
4925 |   padding: 4px 8px;
4926 |   font-size: 85%;
4927 |   border-bottom: 1px solid #ddd;
4928 | }
4929 | .suggest-box ul li:last-child {
4930 |   border: 0;
4931 | }
4932 | .suggest-box ul li.selected {
4933 |   color: #fff;
4934 |   background-color: #00c;
4935 |   border-color: #0000b3;
4936 | }
4937 | .suggest-box ul li img {
4938 |   height: 20px;
4939 | }
4940 | .suggest-box ul li.user img {
4941 |   border-radius: 10px;
4942 | }
4943 | .suggest-box.msg-recipients ul li {
4944 |   font-size: 16px;
4945 | }
4946 | .suggest-box.msg-recipients ul li img {
4947 |   height: 24px;
4948 |   border-radius: 12px;
4949 | }
4950 | .user-info {
4951 |   box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
4952 |   border-radius: 2px;
4953 |   max-width: 800px;
4954 |   margin: 5px auto 1px;
4955 |   background: #fafafa;
4956 |   background: -webkit-linear-gradient(top, #fff, #fafafa);
4957 |   background: linear-gradient(to bottom, #fff, #fafafa);
4958 | }
4959 | .user-info .info {
4960 |   height: 120px;
4961 |   padding: 30px 30px 30px 225px;
4962 |   border-bottom: 1px solid #eee;
4963 | }
4964 | .user-info .info h1 {
4965 |   color: #444;
4966 |   font-size: 250%;
4967 |   margin: 0 0 5px;
4968 |   line-height: 1;
4969 | }
4970 | .user-info .info h1 small {
4971 |   color: gray;
4972 |   font-size: 50%;
4973 | }
4974 | .user-info .info > div {
4975 |   font-weight: 300;
4976 |   color: #555;
4977 |   margin-top: 10px;
4978 |   font-size: 20px;
4979 | }
4980 | .user-info .info .btn {
4981 |   border: 1px solid #ccc;
4982 |   padding: 6px 10px 7px 13px;
4983 | }
4984 | .user-info .info .btn:first-child {
4985 |   width: 140px;
4986 |   margin-right: 10px;
4987 |   background: #fff;
4988 | }
4989 | .user-info .info .btn:first-child > span {
4990 |   display: block;
4991 | }
4992 | .user-info .info .compose-btn {
4993 |   border: none;
4994 |   color: #fff;
4995 | }
4996 | .user-info .bar {
4997 |   position: relative;
4998 |   background: #fff;
4999 | }
5000 | .user-info .bar .avatar {
5001 |   position: absolute;
5002 |   bottom: 20px;
5003 |   left: 20px;
5004 |   background: #fff;
5005 |   border: 1px solid #ddd;
5006 |   padding: 3px;
5007 |   border-radius: 3px;
5008 | }
5009 | .user-info .bar .avatar img {
5010 |   display: block;
5011 |   width: 180px;
5012 |   border-radius: 2px;
5013 | }
5014 | .user-info .bar .tabs {
5015 |   margin-left: 220px;
5016 | }
5017 | .user-info .bar .tabs h2 {
5018 |   margin: 0;
5019 | }
5020 | .user-info .bar .tabs .selected {
5021 |   border-bottom: 2px solid;
5022 | }
5023 | .user-info .bar .tabs a {
5024 |   margin-left: 10px;
5025 | }
5026 | .user-info-cards {
5027 |   padding: 0 5px;
5028 | }
5029 | .user-info-cards .card {
5030 |   box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
5031 |   position: relative;
5032 |   background: #fff;
5033 |   display: inline-block;
5034 |   padding: 5px 10px;
5035 |   margin: 0 5px 5px 0;
5036 |   color: #555;
5037 | }
5038 | .user-info-cards .card h2 {
5039 |   margin: 0;
5040 | }
5041 | .user-info-cards .card.name,
5042 | .user-info-cards .card.pic {
5043 |   cursor: pointer;
5044 | }
5045 | .user-info-cards .card.name:hover,
5046 | .user-info-cards .card.pic:hover,
5047 | .user-info-cards .card.name.expanded,
5048 | .user-info-cards .card.pic.expanded {
5049 |   background: #fafafa;
5050 | }
5051 | .user-info-cards .card.name.current,
5052 | .user-info-cards .card.pic.current {
5053 |   border: 1px solid #4880F1;
5054 |   color: #4880F1;
5055 | }
5056 | .user-info-cards .card.pic {
5057 |   padding: 0;
5058 | }
5059 | .user-info-cards .card.pic img {
5060 |   width: 100px;
5061 |   height: 100px;
5062 |   vertical-align: middle;
5063 | }
5064 | .user-info-cards .card.pic:hover img {
5065 |   opacity: 0.9;
5066 | }
5067 | .user-info-cards .card.data {
5068 |   font-family: "Source Code Pro";
5069 |   padding: 5px 4px 7px 7px;
5070 | }
5071 | .user-info-cards .card.data code {
5072 |   border: 1px solid #bbb;
5073 | }
5074 | .user-info-cards .add-new {
5075 |   display: inline-block;
5076 |   padding: 5px 10px;
5077 |   margin: 0 5px 5px 0;
5078 |   cursor: pointer;
5079 | }
5080 | .user-info-cards .add-new:hover {
5081 |   background: #ddd;
5082 | }
5083 | .user-info-cards .add-new a {
5084 |   color: gray;
5085 |   text-decoration: none;
5086 | }
5087 | .user-info-cards .add-new h2 {
5088 |   margin: 0;
5089 | }
5090 | .user-info-cards .add-new i {
5091 |   font-size: 20px;
5092 | }
5093 | .user-info-cards .expanded-card-info {
5094 |   box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
5095 |   position: absolute;
5096 |   bottom: 110%;
5097 |   left: 0;
5098 |   color: #555;
5099 |   background: #fff;
5100 |   padding: 30px;
5101 |   min-width: 210px;
5102 |   border: 1px solid #ddd;
5103 | }
5104 | .user-info-cards .expanded-card-info h1 {
5105 |   margin: 0;
5106 | }
5107 | .user-info-cards .expanded-card-info ul {
5108 |   margin-bottom: 0;
5109 | }
5110 | .user-info-cards .expanded-card-info .hint--bottom {
5111 |   cursor: pointer;
5112 |   border-bottom: 1px dashed #ccc;
5113 | }
5114 | .user-info-cards .expanded-card-info .btn {
5115 |   display: block;
5116 |   font-size: 19px;
5117 |   margin: 15px 0 0;
5118 |   padding: 7px 12px;
5119 |   text-align: center;
5120 | }
5121 | .user-profile .user-profile-composer,
5122 | .user-profile .user-profile-about,
5123 | .user-profile .user-profile-contacts {
5124 |   max-width: 800px;
5125 |   margin: 1px auto;
5126 | }
5127 | .user-profile .user-profile-composer {
5128 |   margin-top: 10px;
5129 | }
5130 | .user-profile .user-profile-contacts {
5131 |   margin-top: 5px;
5132 | }
5133 | .user-summary {
5134 |   display: -webkit-box;
5135 |   display: -ms-flexbox;
5136 |   display: flex;
5137 |   position: relative;
5138 |   vertical-align: top;
5139 |   margin: 5px;
5140 |   cursor: pointer;
5141 |   color: #555;
5142 |   background: #fff;
5143 |   box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
5144 |   -webkit-transition: 0.2s box-shadow;
5145 |   transition: 0.2s box-shadow;
5146 |   border-radius: 2px;
5147 | }
5148 | .user-summary:hover {
5149 |   box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
5150 | }
5151 | .user-summary.placeholder {
5152 |   visibility: hidden;
5153 | }
5154 | .user-summary .user-pic {
5155 |   padding: 5px;
5156 | }
5157 | .user-summary .user-pic img {
5158 |   display: block;
5159 |   width: 80px;
5160 |   border-radius: 2px;
5161 | }
5162 | .user-summary .user-name {
5163 |   font-size: 21px;
5164 |   margin: 15px 10px;
5165 |   overflow: hidden;
5166 |   white-space: pre;
5167 |   text-overflow: ellipsis;
5168 |   max-width: 140px;
5169 | }
5170 | .user-summary .user-name small {
5171 |   color: gray;
5172 | }
5173 | .user-summary .follow-btn {
5174 |   font-size: 15px;
5175 |   box-shadow: none;
5176 |   border: none;
5177 |   background: #fff;
5178 |   padding: 0;
5179 | }
5180 | .user-summary .follow-btn > span {
5181 |   display: inline-block;
5182 |   padding: 3px 9px 4px 9px;
5183 | }
5184 | .user-summary .follow-btn:hover {
5185 |   color: #fff;
5186 |   background: #4880F1;
5187 | }
5188 | .user-summary .follow-btn.unfollow:hover {
5189 |   background: #E82222;
5190 | }
5191 | .user-summaries .user-summaries-row {
5192 |   display: -webkit-box;
5193 |   display: -ms-flexbox;
5194 |   display: flex;
5195 | }
5196 | .user-summaries .user-summary {
5197 |   -webkit-box-flex: 1;
5198 |       -ms-flex: 1;
5199 |           flex: 1;
5200 | }
5201 | .user-summaries .pending {
5202 |   color: #555;
5203 |   margin: 5px;
5204 | }
5205 | .user-summaries .pending h2 {
5206 |   margin: 0;
5207 | }
5208 | .user-summaries .pending img {
5209 |   width: 40px;
5210 |   height: 40px;
5211 |   margin: 1px;
5212 | }
5213 | .user-summaries .user-add {
5214 |   position: relative;
5215 |   -webkit-box-flex: 1;
5216 |       -ms-flex: 1;
5217 |           flex: 1;
5218 |   margin: 5px;
5219 |   text-align: center;
5220 |   background: #fafafa;
5221 |   color: gray;
5222 |   border-radius: 2px;
5223 | }
5224 | .user-summaries .user-add i {
5225 |   position: absolute;
5226 |   top: 50%;
5227 |   left: 50%;
5228 |   -webkit-transform: translate(-50%, -50%);
5229 |           transform: translate(-50%, -50%);
5230 |   font-size: 41px;
5231 | }
5232 | .user-summaries .user-add:hover {
5233 |   background: #fff;
5234 | }
5235 | .issue {
5236 |   padding: 20px;
5237 |   min-width: 450px;
5238 |   border-bottom: 1px solid #ddd;
5239 | }
5240 | .issue h1 {
5241 |   font-weight: 100;
5242 |   margin-top: 0;
5243 | }
5244 | .issue h1 small {
5245 |   color: gray;
5246 | }
5247 | .issue.dismissed {
5248 |   background: #eee;
5249 | }
5250 | .issue pre {
5251 |   max-width: 600px;
5252 | }
5253 | .findbar {
5254 |   position: fixed;
5255 |   bottom: 0;
5256 |   left: 0;
5257 |   right: 0;
5258 |   z-index: 100;
5259 |   background: rgba(238, 238, 238, 0.8);
5260 |   border-top: 1px solid #ccc;
5261 |   font-weight: 300;
5262 |   height: 28px;
5263 |   padding: 5px;
5264 | }
5265 | .findbar.hidden {
5266 |   display: none;
5267 | }
5268 | .findbar .search {
5269 |   display: inline-block;
5270 |   position: relative;
5271 |   padding-right: 5px;
5272 | }
5273 | .findbar .search i {
5274 |   position: absolute;
5275 |   top: 5px;
5276 |   left: 10px;
5277 |   color: #999;
5278 | }
5279 | .findbar .search input {
5280 |   color: gray;
5281 |   border-radius: 20px;
5282 |   border: 1px solid #ccc;
5283 |   padding: 3px 0 3px 30px;
5284 |   width: 300px;
5285 | }
5286 | .findbar .search input:focus {
5287 |   outline: 0;
5288 | }
5289 | .findbar .close {
5290 |   float: right;
5291 | }
5292 | highlight {
5293 |   background-color: yellow;
5294 | }
5295 | .topnav {
5296 |   max-width: 660px;
5297 |   margin: 10px auto;
5298 | }
5299 | .topnav .topnav-bar .flex-fill {
5300 |   box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
5301 |   background: #fff;
5302 |   border-radius: 2px;
5303 | }
5304 | .topnav .topnav-bar .btn {
5305 |   margin-left: 10px;
5306 |   border-radius: 2px;
5307 |   padding: 8px 10px 7px 13px;
5308 | }
5309 | .topnav .topnav-bar .btn i {
5310 |   position: relative;
5311 |   top: 1px;
5312 | }
5313 | .topnav .topnav-bar .search-palette input {
5314 |   background-color: white;
5315 | }
5316 | .topnav .topnav-composer {
5317 |   margin-top: 10px;
5318 | }
5319 | .sidenav {
5320 |   width: 200px;
5321 |   -webkit-box-flex: 0;
5322 |       -ms-flex: 0 0 200px;
5323 |           flex: 0 0 200px;
5324 | }
5325 | .sidenav .logo {
5326 |   font-size: 28px;
5327 |   padding: 0 15px 10px;
5328 |   font-weight: 100;
5329 | }
5330 | .sidenav .logo a {
5331 |   color: #666;
5332 | }
5333 | .sidenav .logo a:hover {
5334 |   text-decoration: none;
5335 | }
5336 | .sidenav .logo a:hover span:nth-child(1) {
5337 |   -webkit-animation: rainbow-color-keyframes 0.6s 0.1s linear infinite;
5338 |           animation: rainbow-color-keyframes 0.6s 0.1s linear infinite;
5339 | }
5340 | .sidenav .logo a:hover span:nth-child(2) {
5341 |   -webkit-animation: rainbow-color-keyframes 0.6s 0.15s linear infinite;
5342 |           animation: rainbow-color-keyframes 0.6s 0.15s linear infinite;
5343 | }
5344 | .sidenav .logo a:hover span:nth-child(3) {
5345 |   -webkit-animation: rainbow-color-keyframes 0.6s 0.2s linear infinite;
5346 |           animation: rainbow-color-keyframes 0.6s 0.2s linear infinite;
5347 | }
5348 | .sidenav .logo a:hover span:nth-child(4) {
5349 |   -webkit-animation: rainbow-color-keyframes 0.6s 0.25s linear infinite;
5350 |           animation: rainbow-color-keyframes 0.6s 0.25s linear infinite;
5351 | }
5352 | .sidenav .logo a:hover span:nth-child(5) {
5353 |   -webkit-animation: rainbow-color-keyframes 0.6s 0.3s linear infinite;
5354 |           animation: rainbow-color-keyframes 0.6s 0.3s linear infinite;
5355 | }
5356 | .sidenav .logo a:hover span:nth-child(6) {
5357 |   -webkit-animation: rainbow-color-keyframes 0.6s 0.35s linear infinite;
5358 |           animation: rainbow-color-keyframes 0.6s 0.35s linear infinite;
5359 | }
5360 | .sidenav .logo a:hover span:nth-child(7) {
5361 |   -webkit-animation: rainbow-color-keyframes 0.6s 0.4s linear infinite;
5362 |           animation: rainbow-color-keyframes 0.6s 0.4s linear infinite;
5363 | }
5364 | .sidenav .logo a:hover span:nth-child(8) {
5365 |   -webkit-animation: rainbow-color-keyframes 0.6s 0.45s linear infinite;
5366 |           animation: rainbow-color-keyframes 0.6s 0.45s linear infinite;
5367 | }
5368 | .sidenav .logo a:hover span:nth-child(9) {
5369 |   -webkit-animation: rainbow-color-keyframes 0.6s 0.5s linear infinite;
5370 |           animation: rainbow-color-keyframes 0.6s 0.5s linear infinite;
5371 | }
5372 | .sidenav .logo a:hover span:nth-child(10) {
5373 |   -webkit-animation: rainbow-color-keyframes 0.6s 0.55s linear infinite;
5374 |           animation: rainbow-color-keyframes 0.6s 0.55s linear infinite;
5375 | }
5376 | .sidenav .logo a:hover span:nth-child(11) {
5377 |   -webkit-animation: rainbow-color-keyframes 0.6s 0.6s linear infinite;
5378 |           animation: rainbow-color-keyframes 0.6s 0.6s linear infinite;
5379 | }
5380 | .sidenav .logo a:hover span:nth-child(12) {
5381 |   -webkit-animation: rainbow-color-keyframes 0.6s 0.65s linear infinite;
5382 |           animation: rainbow-color-keyframes 0.6s 0.65s linear infinite;
5383 | }
5384 | .sidenav .logo a:hover span:nth-child(13) {
5385 |   -webkit-animation: rainbow-color-keyframes 0.6s 0.7s linear infinite;
5386 |           animation: rainbow-color-keyframes 0.6s 0.7s linear infinite;
5387 | }
5388 | .sidenav .logo a:hover span:nth-child(14) {
5389 |   -webkit-animation: rainbow-color-keyframes 0.6s 0.75s linear infinite;
5390 |           animation: rainbow-color-keyframes 0.6s 0.75s linear infinite;
5391 | }
5392 | .sidenav .heading {
5393 |   margin: 15px 0 5px 10px;
5394 |   font-weight: bold;
5395 |   color: gray;
5396 |   font-size: 12px;
5397 |   text-transform: uppercase;
5398 | }
5399 | .sidenav .heading a {
5400 |   color: #aaa;
5401 | }
5402 | .sidenav .heading a:hover {
5403 |   color: gray;
5404 | }
5405 | .sidenav .link {
5406 |   border-left: 5px solid transparent;
5407 |   padding-left: 5px;
5408 |   white-space: nowrap;
5409 | }
5410 | .sidenav .link a,
5411 | .sidenav .link .expander {
5412 |   display: inline-block;
5413 |   padding: 5px 3px;
5414 |   color: #555;
5415 |   cursor: pointer;
5416 |   border-radius: 2px;
5417 | }
5418 | .sidenav .link a:hover {
5419 |   color: #1a86ff;
5420 |   text-decoration: none;
5421 | }
5422 | .sidenav .link.thin {
5423 |   font-weight: 300;
5424 | }
5425 | .sidenav .link.thin a {
5426 |   color: gray;
5427 | }
5428 | .sidenav .link .expander:hover {
5429 |   background: #ddd;
5430 | }
5431 | .sidenav .link.selected {
5432 |   border-color: #1a86ff;
5433 | }
5434 | .sidenav .link.selected a,
5435 | .sidenav .link.selected .expander {
5436 |   color: #1a86ff;
5437 | }
5438 | .sidenav .link.big-btn {
5439 |   padding: 12px 0 15px 10px;
5440 | }
5441 | .sidenav .link.big-btn a {
5442 |   background: -webkit-linear-gradient(top, #4da1ff, #4F9BEF);
5443 |   background: linear-gradient(to bottom, #4da1ff, #4F9BEF);
5444 |   color: white;
5445 |   padding: 5px 23px 6px 20px;
5446 |   border-radius: 3px;
5447 | }
5448 | .sidenav .link.big-btn a:hover {
5449 |   background: #3394ff;
5450 |   text-decoration: none;
5451 | }
5452 | .sidenav .link i {
5453 |   width: 15px;
5454 |   text-align: center;
5455 | }
5456 | .sidenav .link a i {
5457 |   margin-right: 8px;
5458 | }
5459 | .sidenav .link a i.fa-newspaper-o {
5460 |   font-size: 14px;
5461 | }
5462 | .sidenav .sublinks {
5463 |   padding-bottom: 10px;
5464 | }
5465 | .sidenav .sublinks .link {
5466 |   padding-left: 26px;
5467 | }
5468 | .sidenav .btn i {
5469 |   width: 20px;
5470 |   text-align: center;
5471 | }
5472 | .sidenav hr {
5473 |   margin: 10px;
5474 | }
5475 | .leftnav {
5476 |   width: 200px;
5477 |   -webkit-box-flex: 0;
5478 |       -ms-flex: 0 0 200px;
5479 |           flex: 0 0 200px;
5480 |   padding-top: 10px;
5481 | }
5482 | .leftnav .logo {
5483 |   font-size: 28px;
5484 |   padding: 0 15px 10px;
5485 |   font-weight: 100;
5486 | }
5487 | .leftnav .logo a {
5488 |   color: #666;
5489 | }
5490 | .leftnav .logo a:hover {
5491 |   text-decoration: none;
5492 | }
5493 | .leftnav .logo a:hover span:nth-child(1) {
5494 |   -webkit-animation: rainbow-color-keyframes 0.6s 0.1s linear infinite;
5495 |           animation: rainbow-color-keyframes 0.6s 0.1s linear infinite;
5496 | }
5497 | .leftnav .logo a:hover span:nth-child(2) {
5498 |   -webkit-animation: rainbow-color-keyframes 0.6s 0.15s linear infinite;
5499 |           animation: rainbow-color-keyframes 0.6s 0.15s linear infinite;
5500 | }
5501 | .leftnav .logo a:hover span:nth-child(3) {
5502 |   -webkit-animation: rainbow-color-keyframes 0.6s 0.2s linear infinite;
5503 |           animation: rainbow-color-keyframes 0.6s 0.2s linear infinite;
5504 | }
5505 | .leftnav .logo a:hover span:nth-child(4) {
5506 |   -webkit-animation: rainbow-color-keyframes 0.6s 0.25s linear infinite;
5507 |           animation: rainbow-color-keyframes 0.6s 0.25s linear infinite;
5508 | }
5509 | .leftnav .logo a:hover span:nth-child(5) {
5510 |   -webkit-animation: rainbow-color-keyframes 0.6s 0.3s linear infinite;
5511 |           animation: rainbow-color-keyframes 0.6s 0.3s linear infinite;
5512 | }
5513 | .leftnav .logo a:hover span:nth-child(6) {
5514 |   -webkit-animation: rainbow-color-keyframes 0.6s 0.35s linear infinite;
5515 |           animation: rainbow-color-keyframes 0.6s 0.35s linear infinite;
5516 | }
5517 | .leftnav .logo a:hover span:nth-child(7) {
5518 |   -webkit-animation: rainbow-color-keyframes 0.6s 0.4s linear infinite;
5519 |           animation: rainbow-color-keyframes 0.6s 0.4s linear infinite;
5520 | }
5521 | .leftnav .logo a:hover span:nth-child(8) {
5522 |   -webkit-animation: rainbow-color-keyframes 0.6s 0.45s linear infinite;
5523 |           animation: rainbow-color-keyframes 0.6s 0.45s linear infinite;
5524 | }
5525 | .leftnav .logo a:hover span:nth-child(9) {
5526 |   -webkit-animation: rainbow-color-keyframes 0.6s 0.5s linear infinite;
5527 |           animation: rainbow-color-keyframes 0.6s 0.5s linear infinite;
5528 | }
5529 | .leftnav .logo a:hover span:nth-child(10) {
5530 |   -webkit-animation: rainbow-color-keyframes 0.6s 0.55s linear infinite;
5531 |           animation: rainbow-color-keyframes 0.6s 0.55s linear infinite;
5532 | }
5533 | .leftnav .logo a:hover span:nth-child(11) {
5534 |   -webkit-animation: rainbow-color-keyframes 0.6s 0.6s linear infinite;
5535 |           animation: rainbow-color-keyframes 0.6s 0.6s linear infinite;
5536 | }
5537 | .leftnav .logo a:hover span:nth-child(12) {
5538 |   -webkit-animation: rainbow-color-keyframes 0.6s 0.65s linear infinite;
5539 |           animation: rainbow-color-keyframes 0.6s 0.65s linear infinite;
5540 | }
5541 | .leftnav .logo a:hover span:nth-child(13) {
5542 |   -webkit-animation: rainbow-color-keyframes 0.6s 0.7s linear infinite;
5543 |           animation: rainbow-color-keyframes 0.6s 0.7s linear infinite;
5544 | }
5545 | .leftnav .logo a:hover span:nth-child(14) {
5546 |   -webkit-animation: rainbow-color-keyframes 0.6s 0.75s linear infinite;
5547 |           animation: rainbow-color-keyframes 0.6s 0.75s linear infinite;
5548 | }
5549 | .leftnav .heading {
5550 |   margin: 15px 0 5px 10px;
5551 |   font-weight: bold;
5552 |   color: gray;
5553 |   font-size: 12px;
5554 |   text-transform: uppercase;
5555 | }
5556 | .leftnav .heading a {
5557 |   color: #aaa;
5558 | }
5559 | .leftnav .heading a:hover {
5560 |   color: gray;
5561 | }
5562 | .leftnav .link {
5563 |   border-left: 5px solid transparent;
5564 |   padding-left: 5px;
5565 |   white-space: nowrap;
5566 | }
5567 | .leftnav .link a,
5568 | .leftnav .link .expander {
5569 |   display: inline-block;
5570 |   padding: 5px 3px;
5571 |   color: #555;
5572 |   cursor: pointer;
5573 |   border-radius: 2px;
5574 | }
5575 | .leftnav .link a:hover {
5576 |   color: #1a86ff;
5577 |   text-decoration: none;
5578 | }
5579 | .leftnav .link.thin {
5580 |   font-weight: 300;
5581 | }
5582 | .leftnav .link.thin a {
5583 |   color: gray;
5584 | }
5585 | .leftnav .link .expander:hover {
5586 |   background: #ddd;
5587 | }
5588 | .leftnav .link.selected {
5589 |   border-color: #1a86ff;
5590 | }
5591 | .leftnav .link.selected a,
5592 | .leftnav .link.selected .expander {
5593 |   color: #1a86ff;
5594 | }
5595 | .leftnav .link.big-btn {
5596 |   padding: 12px 0 15px 10px;
5597 | }
5598 | .leftnav .link.big-btn a {
5599 |   background: -webkit-linear-gradient(top, #4da1ff, #4F9BEF);
5600 |   background: linear-gradient(to bottom, #4da1ff, #4F9BEF);
5601 |   color: white;
5602 |   padding: 5px 23px 6px 20px;
5603 |   border-radius: 3px;
5604 | }
5605 | .leftnav .link.big-btn a:hover {
5606 |   background: #3394ff;
5607 |   text-decoration: none;
5608 | }
5609 | .leftnav .link i {
5610 |   width: 15px;
5611 |   text-align: center;
5612 | }
5613 | .leftnav .link a i {
5614 |   margin-right: 8px;
5615 | }
5616 | .leftnav .link a i.fa-newspaper-o {
5617 |   font-size: 14px;
5618 | }
5619 | .leftnav .sublinks {
5620 |   padding-bottom: 10px;
5621 | }
5622 | .leftnav .sublinks .link {
5623 |   padding-left: 26px;
5624 | }
5625 | .leftnav .btn i {
5626 |   width: 20px;
5627 |   text-align: center;
5628 | }
5629 | .leftnav hr {
5630 |   margin: 10px;
5631 | }
5632 | .leftnav .channel-list {
5633 |   position: fixed;
5634 |   left: 80px;
5635 |   top: 50%;
5636 |   height: 80%;
5637 |   -webkit-transform: translateY(-50%);
5638 |           transform: translateY(-50%);
5639 |   z-index: 100000;
5640 |   border: 1px solid #ccc;
5641 |   overflow-y: auto;
5642 |   overflow-x: hidden;
5643 | }
5644 | @media (min-width: 1080px) {
5645 |   .leftnav {
5646 |     position: absolute;
5647 |     z-index: 1;
5648 |   }
5649 | }
5650 | .rightnav {
5651 |   width: 200px;
5652 |   -webkit-box-flex: 0;
5653 |       -ms-flex: 0 0 200px;
5654 |           flex: 0 0 200px;
5655 |   position: absolute;
5656 |   right: 0;
5657 |   z-index: 1;
5658 | }
5659 | .rightnav .logo {
5660 |   font-size: 28px;
5661 |   padding: 0 15px 10px;
5662 |   font-weight: 100;
5663 | }
5664 | .rightnav .logo a {
5665 |   color: #666;
5666 | }
5667 | .rightnav .logo a:hover {
5668 |   text-decoration: none;
5669 | }
5670 | .rightnav .logo a:hover span:nth-child(1) {
5671 |   -webkit-animation: rainbow-color-keyframes 0.6s 0.1s linear infinite;
5672 |           animation: rainbow-color-keyframes 0.6s 0.1s linear infinite;
5673 | }
5674 | .rightnav .logo a:hover span:nth-child(2) {
5675 |   -webkit-animation: rainbow-color-keyframes 0.6s 0.15s linear infinite;
5676 |           animation: rainbow-color-keyframes 0.6s 0.15s linear infinite;
5677 | }
5678 | .rightnav .logo a:hover span:nth-child(3) {
5679 |   -webkit-animation: rainbow-color-keyframes 0.6s 0.2s linear infinite;
5680 |           animation: rainbow-color-keyframes 0.6s 0.2s linear infinite;
5681 | }
5682 | .rightnav .logo a:hover span:nth-child(4) {
5683 |   -webkit-animation: rainbow-color-keyframes 0.6s 0.25s linear infinite;
5684 |           animation: rainbow-color-keyframes 0.6s 0.25s linear infinite;
5685 | }
5686 | .rightnav .logo a:hover span:nth-child(5) {
5687 |   -webkit-animation: rainbow-color-keyframes 0.6s 0.3s linear infinite;
5688 |           animation: rainbow-color-keyframes 0.6s 0.3s linear infinite;
5689 | }
5690 | .rightnav .logo a:hover span:nth-child(6) {
5691 |   -webkit-animation: rainbow-color-keyframes 0.6s 0.35s linear infinite;
5692 |           animation: rainbow-color-keyframes 0.6s 0.35s linear infinite;
5693 | }
5694 | .rightnav .logo a:hover span:nth-child(7) {
5695 |   -webkit-animation: rainbow-color-keyframes 0.6s 0.4s linear infinite;
5696 |           animation: rainbow-color-keyframes 0.6s 0.4s linear infinite;
5697 | }
5698 | .rightnav .logo a:hover span:nth-child(8) {
5699 |   -webkit-animation: rainbow-color-keyframes 0.6s 0.45s linear infinite;
5700 |           animation: rainbow-color-keyframes 0.6s 0.45s linear infinite;
5701 | }
5702 | .rightnav .logo a:hover span:nth-child(9) {
5703 |   -webkit-animation: rainbow-color-keyframes 0.6s 0.5s linear infinite;
5704 |           animation: rainbow-color-keyframes 0.6s 0.5s linear infinite;
5705 | }
5706 | .rightnav .logo a:hover span:nth-child(10) {
5707 |   -webkit-animation: rainbow-color-keyframes 0.6s 0.55s linear infinite;
5708 |           animation: rainbow-color-keyframes 0.6s 0.55s linear infinite;
5709 | }
5710 | .rightnav .logo a:hover span:nth-child(11) {
5711 |   -webkit-animation: rainbow-color-keyframes 0.6s 0.6s linear infinite;
5712 |           animation: rainbow-color-keyframes 0.6s 0.6s linear infinite;
5713 | }
5714 | .rightnav .logo a:hover span:nth-child(12) {
5715 |   -webkit-animation: rainbow-color-keyframes 0.6s 0.65s linear infinite;
5716 |           animation: rainbow-color-keyframes 0.6s 0.65s linear infinite;
5717 | }
5718 | .rightnav .logo a:hover span:nth-child(13) {
5719 |   -webkit-animation: rainbow-color-keyframes 0.6s 0.7s linear infinite;
5720 |           animation: rainbow-color-keyframes 0.6s 0.7s linear infinite;
5721 | }
5722 | .rightnav .logo a:hover span:nth-child(14) {
5723 |   -webkit-animation: rainbow-color-keyframes 0.6s 0.75s linear infinite;
5724 |           animation: rainbow-color-keyframes 0.6s 0.75s linear infinite;
5725 | }
5726 | .rightnav .heading {
5727 |   margin: 15px 0 5px 10px;
5728 |   font-weight: bold;
5729 |   color: gray;
5730 |   font-size: 12px;
5731 |   text-transform: uppercase;
5732 | }
5733 | .rightnav .heading a {
5734 |   color: #aaa;
5735 | }
5736 | .rightnav .heading a:hover {
5737 |   color: gray;
5738 | }
5739 | .rightnav .link {
5740 |   border-left: 5px solid transparent;
5741 |   padding-left: 5px;
5742 |   white-space: nowrap;
5743 | }
5744 | .rightnav .link a,
5745 | .rightnav .link .expander {
5746 |   display: inline-block;
5747 |   padding: 5px 3px;
5748 |   color: #555;
5749 |   cursor: pointer;
5750 |   border-radius: 2px;
5751 | }
5752 | .rightnav .link a:hover {
5753 |   color: #1a86ff;
5754 |   text-decoration: none;
5755 | }
5756 | .rightnav .link.thin {
5757 |   font-weight: 300;
5758 | }
5759 | .rightnav .link.thin a {
5760 |   color: gray;
5761 | }
5762 | .rightnav .link .expander:hover {
5763 |   background: #ddd;
5764 | }
5765 | .rightnav .link.selected {
5766 |   border-color: #1a86ff;
5767 | }
5768 | .rightnav .link.selected a,
5769 | .rightnav .link.selected .expander {
5770 |   color: #1a86ff;
5771 | }
5772 | .rightnav .link.big-btn {
5773 |   padding: 12px 0 15px 10px;
5774 | }
5775 | .rightnav .link.big-btn a {
5776 |   background: -webkit-linear-gradient(top, #4da1ff, #4F9BEF);
5777 |   background: linear-gradient(to bottom, #4da1ff, #4F9BEF);
5778 |   color: white;
5779 |   padding: 5px 23px 6px 20px;
5780 |   border-radius: 3px;
5781 | }
5782 | .rightnav .link.big-btn a:hover {
5783 |   background: #3394ff;
5784 |   text-decoration: none;
5785 | }
5786 | .rightnav .link i {
5787 |   width: 15px;
5788 |   text-align: center;
5789 | }
5790 | .rightnav .link a i {
5791 |   margin-right: 8px;
5792 | }
5793 | .rightnav .link a i.fa-newspaper-o {
5794 |   font-size: 14px;
5795 | }
5796 | .rightnav .sublinks {
5797 |   padding-bottom: 10px;
5798 | }
5799 | .rightnav .sublinks .link {
5800 |   padding-left: 26px;
5801 | }
5802 | .rightnav .btn i {
5803 |   width: 20px;
5804 |   text-align: center;
5805 | }
5806 | .rightnav hr {
5807 |   margin: 10px;
5808 | }
5809 | .rightnav .heading {
5810 |   margin: 15px 10px 5px 0;
5811 | }
5812 | .rightnav .link {
5813 |   padding: 5px 0 0;
5814 | }
5815 | .rightnav .link a {
5816 |   color: gray;
5817 |   font-weight: 300;
5818 | }
5819 | .rightnav a.btn {
5820 |   display: block;
5821 |   margin: 10px 10px 0 0;
5822 |   padding: 10px;
5823 | }
5824 | .rightnav .dropdown {
5825 |   margin-right: 10px;
5826 | }
5827 | .rightnav hr {
5828 |   margin: 30px 10px 30px 0;
5829 | }
5830 | .rightnav .toolbar {
5831 |   background: none;
5832 |   border: 0;
5833 |   margin-top: 10px;
5834 |   margin-bottom: 30px;
5835 | }
5836 | .rightnav .toolbar a {
5837 |   color: #555;
5838 |   font-size: 23px;
5839 |   padding: 0 22px 0 0;
5840 | }
5841 | .rightnav .toolbar .user-pic img {
5842 |   width: 32px;
5843 |   height: 32px;
5844 |   border-radius: 2px;
5845 | }
5846 | @media (max-width: 1079px) {
5847 |   .rightnav {
5848 |     display: none;
5849 |   }
5850 | }
5851 | .slideup-enter {
5852 |   -webkit-transform: translateY(30px);
5853 |           transform: translateY(30px);
5854 | }
5855 | .slideup-enter.slideup-enter-active {
5856 |   -webkit-transform: translateY(0);
5857 |           transform: translateY(0);
5858 |   -webkit-transition: -webkit-transform 300ms ease-out;
5859 |   transition: -webkit-transform 300ms ease-out;
5860 |   transition: transform 300ms ease-out;
5861 |   transition: transform 300ms ease-out, -webkit-transform 300ms ease-out;
5862 | }
5863 | .slideup-appear {
5864 |   -webkit-transform: translateY(30px);
5865 |           transform: translateY(30px);
5866 | }
5867 | .slideup-appear.slideup-appear-active {
5868 |   -webkit-transform: translateY(0);
5869 |           transform: translateY(0);
5870 |   -webkit-transition: -webkit-transform 300ms ease-out;
5871 |   transition: -webkit-transform 300ms ease-out;
5872 |   transition: transform 300ms ease-out;
5873 |   transition: transform 300ms ease-out, -webkit-transform 300ms ease-out;
5874 | }
5875 | .fade-enter {
5876 |   opacity: 0.01;
5877 | }
5878 | .fade-enter.fade-enter-active {
5879 |   opacity: 1;
5880 |   -webkit-transition: opacity 200ms ease-in;
5881 |   transition: opacity 200ms ease-in;
5882 | }
5883 | .fade-appear {
5884 |   opacity: 0.01;
5885 | }
5886 | .fade-appear.fade-appear-active {
5887 |   opacity: 1;
5888 |   -webkit-transition: opacity 200ms ease-in;
5889 |   transition: opacity 200ms ease-in;
5890 | }
5891 | .fade-leave {
5892 |   opacity: 1;
5893 | }
5894 | .fade-leave.fade-leave-active {
5895 |   opacity: 0.01;
5896 |   -webkit-transition: opacity 300ms ease-in;
5897 |   transition: opacity 300ms ease-in;
5898 | }
5899 | #channels {
5900 |   max-width: 320px;
5901 |   margin: 20px auto;
5902 | }
5903 | #composer .composer {
5904 |   margin: 5px;
5905 | }
5906 | .composer-content textarea {
5907 |   background-color: white;
5908 | }
5909 | #contacts h1 {
5910 |   margin: 0px;
5911 |   padding: 10px 0 0;
5912 | }
5913 | #contacts .section {
5914 |   padding: 0 10px;
5915 |   margin: 5px;
5916 |   color: #555;
5917 |   border-radius: 2px;
5918 | }
5919 | @media (min-width: 1000px) {
5920 |   #contacts > .flex-fill {
5921 |     margin: 0 200px;
5922 |   }
5923 | }
5924 | @media (min-width: 1000px) {
5925 |   #profile > .flex > .flex-fill,
5926 |   #profile #msg-list-infinite > .flex > .flex-fill {
5927 |     margin: 0 200px;
5928 |   }
5929 | }
5930 | #sync > .flex-fill {
5931 |   max-width: 660px;
5932 |   margin: 0 auto;
5933 | }
5934 | #sync .header {
5935 |   padding: 20px;
5936 |   text-align: center;
5937 | }
5938 | #sync .header > h1 {
5939 |   font-weight: 100;
5940 |   font-size: 250%;
5941 |   margin: 0 0 12px;
5942 | }
5943 | #sync .header .warning {
5944 |   margin-top: 10px;
5945 |   padding: 10px;
5946 |   background: #fafafa;
5947 |   font-weight: 300;
5948 |   color: #555;
5949 | }
5950 | #sync .header > .btn {
5951 |   background: #fff;
5952 | }
5953 | #sync .connection-counter {
5954 |   display: inline-block;
5955 |   margin-right: 40px;
5956 |   margin-top: 5px;
5957 | }
5958 | #sync .connection-counter i {
5959 |   color: #444;
5960 |   font-size: 30px;
5961 |   margin: 0 2px 4px;
5962 |   vertical-align: middle;
5963 | }
5964 | #sync .peer-status-group {
5965 |   color: #444;
5966 |   margin: 0px 20px 20px;
5967 |   background-color: #fff;
5968 |   max-width: 800px;
5969 |   box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
5970 | }
5971 | #sync .peer-status-group .peer-status-group-header {
5972 |   padding: 20px;
5973 |   padding-top: 1px;
5974 | }
5975 | #sync .peer {
5976 |   padding: 10px;
5977 |   border-top: 1px solid #ddd;
5978 | }
5979 | #sync .peer.failure {
5980 |   background: #fafafa;
5981 | }
5982 | #sync .peer.failure a {
5983 |   color: #999;
5984 | }
5985 | #sync .peer:last-child {
5986 |   border-bottom: 1px solid #ddd;
5987 | }
5988 | #sync .peer.ismember {
5989 |   background: #fff;
5990 | }
5991 | #sync .peer .light {
5992 |   font-weight: 300;
5993 |   color: gray;
5994 | }
5995 | #sync .explanatory-text {
5996 |   color: #676767;
5997 |   font-weight: 300;
5998 |   margin: 1em 0;
5999 | }
6000 | #sync .explanatory-text i {
6001 |   color: #B9B9B9;
6002 |   width: 15px;
6003 | }
6004 | #sync .explanatory-text i.fa-circle {
6005 |   font-size: 11px;
6006 |   width: 13px;
6007 |   padding-left: 2px;
6008 | }
6009 | #sync .connection-status {
6010 |   margin-right: 10px;
6011 |   display: inline-block;
6012 |   vertical-align: middle;
6013 |   color: #B9B9B9;
6014 | }
6015 | #sync .connection-status.connected {
6016 |   color: #2AD02A;
6017 | }
6018 | #sync .connection-status.fa-circle {
6019 |   font-size: 11px;
6020 |   margin-left: 3px;
6021 |   color: #B9B9B9;
6022 | }
6023 | #sync .connection-status.fa-circle.connected {
6024 |   color: #2AD02A;
6025 | }
6026 | #sync .toolbar.join-pub {
6027 |   margin-top: 20px;
6028 | }
6029 | #sync .peer-graph-container {
6030 |   min-height: 500px;
6031 | }
6032 | #sync .peer-graph-container svg {
6033 |   /*position: absolute;*/
6034 |   width: 100%;
6035 |   height: 600px;
6036 | }
6037 | #sync .peer-graph-container svg circle {
6038 |   fill: #fff;
6039 |   stroke: #8694A7;
6040 |   stroke-width: 1;
6041 | }
6042 | #sync .peer-graph-container svg circle.is-connected {
6043 |   stroke: #2AD02A;
6044 | }
6045 | #sync .peer-graph-container svg circle.is-user {
6046 |   fill: #920EA9;
6047 |   stroke-width: 0;
6048 | }
6049 | #sync .peer-graph-container svg circle.is-friend {
6050 |   fill: #8694A7;
6051 |   stroke-width: 0;
6052 | }
6053 | #sync .peer-graph-container svg circle.is-friend.is-connected {
6054 |   fill: #2AD02A;
6055 | }
6056 | #sync .peer-graph-container svg line {
6057 |   stroke: #8694A7;
6058 |   stroke-width: 1;
6059 |   opacity: 0.4;
6060 |   stroke-dasharray: 1.5;
6061 | }
6062 | #sync .peer-graph-container svg line.is-connected {
6063 |   stroke: #2AD02A;
6064 |   stroke-width: 5;
6065 |   opacity: 0.5;
6066 |   stroke-dasharray: 1;
6067 | }
6068 | #sync .peer-graph-container svg line.involves-relay-peer.is-linking-user {
6069 |   stroke-width: 5;
6070 |   opacity: 0.5;
6071 |   stroke-dasharray: 1;
6072 | }
6073 | 


--------------------------------------------------------------------------------