├── .babelrc ├── .codeclimate.yml ├── .eslintignore ├── .eslintrc.json ├── .gitignore ├── .jshintrc ├── .travis.yml ├── Dockerfile ├── LICENSE ├── README.md ├── demo ├── bundle.js ├── css │ ├── bootstrap.css │ └── bootstrap.css.map ├── index.html ├── js │ └── main.jsx └── webpack.config.js ├── dist └── pager.js ├── img └── pager-default.png ├── karma.conf.js ├── package.json ├── spec ├── component │ └── pager.jsx └── support │ └── jasmine.json ├── src └── pager.jsx ├── webpack.config.js └── yarn.lock /.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["latest", "react"] 3 | } -------------------------------------------------------------------------------- /.codeclimate.yml: -------------------------------------------------------------------------------- 1 | engines: 2 | eslint: 3 | enabled: true 4 | channel: "eslint-3" 5 | ratings: 6 | paths: 7 | - src/pager.jsx 8 | exclude_paths: 9 | - spec/**/* 10 | - demo/**/* 11 | - demo/bundle.js 12 | - dist/**/* 13 | - img/**/* 14 | - webpack.config.js 15 | - karma.conf.js -------------------------------------------------------------------------------- /.eslintignore: -------------------------------------------------------------------------------- 1 | karma.conf.js 2 | gulpfile.js 3 | webpack.config.js -------------------------------------------------------------------------------- /.eslintrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "parser": "babel-eslint", 3 | "extends": "airbnb", 4 | "rules": { 5 | "indent": [1, "tab"], 6 | "no-tabs": "off", 7 | "no-multi-spaces": "off", 8 | "key-spacing": "off", 9 | "no-plusplus": "off", 10 | "no-use-before-define": "off", 11 | "react/jsx-indent": [2, "tab"], 12 | "react/jsx-indent-props": [2, "tab"] 13 | } 14 | } -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules/ 2 | spec/bundle.spec.js 3 | npm-debug.log 4 | -------------------------------------------------------------------------------- /.jshintrc: -------------------------------------------------------------------------------- 1 | { 2 | "laxcomma": true 3 | } -------------------------------------------------------------------------------- /.travis.yml: -------------------------------------------------------------------------------- 1 | language: node_js 2 | node_js: 3 | - "6" -------------------------------------------------------------------------------- /Dockerfile: -------------------------------------------------------------------------------- 1 | FROM node:7.10 2 | 3 | EXPOSE 3077 4 | ENV HOME=/home/node 5 | 6 | COPY package.json $HOME/react-pager/ 7 | RUN chown -R node:node $HOME/* 8 | 9 | USER node 10 | WORKDIR $HOME/react-pager/ 11 | #RUN yarn install 12 | 13 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2014 A. Zaviruha 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | 23 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # *DEPRECATED* Stateless Pager component 2 | [![Code Climate][cc-image]][cc-url] 3 | [![Build Status][travis-image]][travis-url]
4 | [![NPM version][npm-stats]][npm-url] 5 | 6 | 7 | ## Deprecation notice 8 | 9 | Now all my free time is spent on [react-ui-generator](https://github.com/react-ui-generator/react-ui-generator), which is my main project. So, I don't have any more time to maintain this package. Please, fill free to fork this repository. 10 | 11 | ## Getting started 12 | 13 | ```javascript 14 | import React from 'react'; 15 | import { render } from 'react-dom'; 16 | import Pager from 'react-pager'; 17 | 18 | class App extends React.Component { 19 | constructor(props) { 20 | super(props); 21 | 22 | this.handlePageChanged = this.handlePageChanged.bind(this); 23 | 24 | this.state = { 25 | total: 11, 26 | current: 7, 27 | visiblePage: 3, 28 | }; 29 | } 30 | 31 | handlePageChanged(newPage) { 32 | this.setState({ current : newPage }); 33 | } 34 | 35 | render() { 36 | return ( 37 | |' }} 42 | className="pagination-sm pull-right" 43 | onPageChanged={this.handlePageChanged} 44 | /> 45 | ); 46 | } 47 | } 48 | 49 | window.onload = () => { 50 | render(React.createElement(App), document.querySelector('#app')); 51 | }; 52 | 53 | ``` 54 | 55 | ## What it looks like* 56 | 57 | ![First | Prev | ... | 6 | 7 | 8 | 9 | ... | Next | Last](./img/pager-default.png) 58 | 59 | \* Bootstrap 3.0 is required by default, but you can replace it with your own css. 60 | 61 | 62 | ## Demo 63 | 64 | Just open `demo/index.html` in your browser. 65 | Or see interactive demo [here](http://azaviruha.github.io/demo/react-pager/). 66 | 67 | 68 | 69 | ## Tests 70 | 71 | ```sh 72 | npm test 73 | ``` 74 | 75 | ## Changelog 76 | 77 | ### v1.3.0 78 | * @kallaspriit fixed [#16](https://github.com/AZaviruha/pager/issues/16) 79 | * Updates devDependencies 80 | * Move building procedure to Docker 81 | 82 | ### v1.2.1 83 | * Fixed [#12](https://github.com/AZaviruha/pager/issues/12) 84 | 85 | ### v1.2.0 86 | * Rewrited all to ES6. 87 | * Switched from gulp + browserify to webpack. 88 | * Now officially supports only React >= 15.0.0 89 | 90 | ### v1.1.4 91 | * Updated to React 15. Thanks to contributors! 92 | 93 | ### v1.1.1 94 | * Updated to React 0.13. 95 | * Updated local demo. 96 | 97 | ### v1.1.0 98 | * Added `titles` property. See [demo](http://jsfiddle.net/azaviruha/kb3gN/10213/). 99 | * Improved building script. 100 | 101 | ### v1.0.6 102 | * Fixed `
  • .caret, 249 | .dropup > .btn > .caret { 250 | border-top-color: #000 !important; 251 | } 252 | .label { 253 | border: 1px solid #000; 254 | } 255 | .table { 256 | border-collapse: collapse !important; 257 | } 258 | .table td, 259 | .table th { 260 | background-color: #fff !important; 261 | } 262 | .table-bordered th, 263 | .table-bordered td { 264 | border: 1px solid #ddd !important; 265 | } 266 | } 267 | @font-face { 268 | font-family: 'Glyphicons Halflings'; 269 | 270 | src: url('../fonts/glyphicons-halflings-regular.eot'); 271 | src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); 272 | } 273 | .glyphicon { 274 | position: relative; 275 | top: 1px; 276 | display: inline-block; 277 | font-family: 'Glyphicons Halflings'; 278 | font-style: normal; 279 | font-weight: normal; 280 | line-height: 1; 281 | 282 | -webkit-font-smoothing: antialiased; 283 | -moz-osx-font-smoothing: grayscale; 284 | } 285 | .glyphicon-asterisk:before { 286 | content: "\2a"; 287 | } 288 | .glyphicon-plus:before { 289 | content: "\2b"; 290 | } 291 | .glyphicon-euro:before, 292 | .glyphicon-eur:before { 293 | content: "\20ac"; 294 | } 295 | .glyphicon-minus:before { 296 | content: "\2212"; 297 | } 298 | .glyphicon-cloud:before { 299 | content: "\2601"; 300 | } 301 | .glyphicon-envelope:before { 302 | content: "\2709"; 303 | } 304 | .glyphicon-pencil:before { 305 | content: "\270f"; 306 | } 307 | .glyphicon-glass:before { 308 | content: "\e001"; 309 | } 310 | .glyphicon-music:before { 311 | content: "\e002"; 312 | } 313 | .glyphicon-search:before { 314 | content: "\e003"; 315 | } 316 | .glyphicon-heart:before { 317 | content: "\e005"; 318 | } 319 | .glyphicon-star:before { 320 | content: "\e006"; 321 | } 322 | .glyphicon-star-empty:before { 323 | content: "\e007"; 324 | } 325 | .glyphicon-user:before { 326 | content: "\e008"; 327 | } 328 | .glyphicon-film:before { 329 | content: "\e009"; 330 | } 331 | .glyphicon-th-large:before { 332 | content: "\e010"; 333 | } 334 | .glyphicon-th:before { 335 | content: "\e011"; 336 | } 337 | .glyphicon-th-list:before { 338 | content: "\e012"; 339 | } 340 | .glyphicon-ok:before { 341 | content: "\e013"; 342 | } 343 | .glyphicon-remove:before { 344 | content: "\e014"; 345 | } 346 | .glyphicon-zoom-in:before { 347 | content: "\e015"; 348 | } 349 | .glyphicon-zoom-out:before { 350 | content: "\e016"; 351 | } 352 | .glyphicon-off:before { 353 | content: "\e017"; 354 | } 355 | .glyphicon-signal:before { 356 | content: "\e018"; 357 | } 358 | .glyphicon-cog:before { 359 | content: "\e019"; 360 | } 361 | .glyphicon-trash:before { 362 | content: "\e020"; 363 | } 364 | .glyphicon-home:before { 365 | content: "\e021"; 366 | } 367 | .glyphicon-file:before { 368 | content: "\e022"; 369 | } 370 | .glyphicon-time:before { 371 | content: "\e023"; 372 | } 373 | .glyphicon-road:before { 374 | content: "\e024"; 375 | } 376 | .glyphicon-download-alt:before { 377 | content: "\e025"; 378 | } 379 | .glyphicon-download:before { 380 | content: "\e026"; 381 | } 382 | .glyphicon-upload:before { 383 | content: "\e027"; 384 | } 385 | .glyphicon-inbox:before { 386 | content: "\e028"; 387 | } 388 | .glyphicon-play-circle:before { 389 | content: "\e029"; 390 | } 391 | .glyphicon-repeat:before { 392 | content: "\e030"; 393 | } 394 | .glyphicon-refresh:before { 395 | content: "\e031"; 396 | } 397 | .glyphicon-list-alt:before { 398 | content: "\e032"; 399 | } 400 | .glyphicon-lock:before { 401 | content: "\e033"; 402 | } 403 | .glyphicon-flag:before { 404 | content: "\e034"; 405 | } 406 | .glyphicon-headphones:before { 407 | content: "\e035"; 408 | } 409 | .glyphicon-volume-off:before { 410 | content: "\e036"; 411 | } 412 | .glyphicon-volume-down:before { 413 | content: "\e037"; 414 | } 415 | .glyphicon-volume-up:before { 416 | content: "\e038"; 417 | } 418 | .glyphicon-qrcode:before { 419 | content: "\e039"; 420 | } 421 | .glyphicon-barcode:before { 422 | content: "\e040"; 423 | } 424 | .glyphicon-tag:before { 425 | content: "\e041"; 426 | } 427 | .glyphicon-tags:before { 428 | content: "\e042"; 429 | } 430 | .glyphicon-book:before { 431 | content: "\e043"; 432 | } 433 | .glyphicon-bookmark:before { 434 | content: "\e044"; 435 | } 436 | .glyphicon-print:before { 437 | content: "\e045"; 438 | } 439 | .glyphicon-camera:before { 440 | content: "\e046"; 441 | } 442 | .glyphicon-font:before { 443 | content: "\e047"; 444 | } 445 | .glyphicon-bold:before { 446 | content: "\e048"; 447 | } 448 | .glyphicon-italic:before { 449 | content: "\e049"; 450 | } 451 | .glyphicon-text-height:before { 452 | content: "\e050"; 453 | } 454 | .glyphicon-text-width:before { 455 | content: "\e051"; 456 | } 457 | .glyphicon-align-left:before { 458 | content: "\e052"; 459 | } 460 | .glyphicon-align-center:before { 461 | content: "\e053"; 462 | } 463 | .glyphicon-align-right:before { 464 | content: "\e054"; 465 | } 466 | .glyphicon-align-justify:before { 467 | content: "\e055"; 468 | } 469 | .glyphicon-list:before { 470 | content: "\e056"; 471 | } 472 | .glyphicon-indent-left:before { 473 | content: "\e057"; 474 | } 475 | .glyphicon-indent-right:before { 476 | content: "\e058"; 477 | } 478 | .glyphicon-facetime-video:before { 479 | content: "\e059"; 480 | } 481 | .glyphicon-picture:before { 482 | content: "\e060"; 483 | } 484 | .glyphicon-map-marker:before { 485 | content: "\e062"; 486 | } 487 | .glyphicon-adjust:before { 488 | content: "\e063"; 489 | } 490 | .glyphicon-tint:before { 491 | content: "\e064"; 492 | } 493 | .glyphicon-edit:before { 494 | content: "\e065"; 495 | } 496 | .glyphicon-share:before { 497 | content: "\e066"; 498 | } 499 | .glyphicon-check:before { 500 | content: "\e067"; 501 | } 502 | .glyphicon-move:before { 503 | content: "\e068"; 504 | } 505 | .glyphicon-step-backward:before { 506 | content: "\e069"; 507 | } 508 | .glyphicon-fast-backward:before { 509 | content: "\e070"; 510 | } 511 | .glyphicon-backward:before { 512 | content: "\e071"; 513 | } 514 | .glyphicon-play:before { 515 | content: "\e072"; 516 | } 517 | .glyphicon-pause:before { 518 | content: "\e073"; 519 | } 520 | .glyphicon-stop:before { 521 | content: "\e074"; 522 | } 523 | .glyphicon-forward:before { 524 | content: "\e075"; 525 | } 526 | .glyphicon-fast-forward:before { 527 | content: "\e076"; 528 | } 529 | .glyphicon-step-forward:before { 530 | content: "\e077"; 531 | } 532 | .glyphicon-eject:before { 533 | content: "\e078"; 534 | } 535 | .glyphicon-chevron-left:before { 536 | content: "\e079"; 537 | } 538 | .glyphicon-chevron-right:before { 539 | content: "\e080"; 540 | } 541 | .glyphicon-plus-sign:before { 542 | content: "\e081"; 543 | } 544 | .glyphicon-minus-sign:before { 545 | content: "\e082"; 546 | } 547 | .glyphicon-remove-sign:before { 548 | content: "\e083"; 549 | } 550 | .glyphicon-ok-sign:before { 551 | content: "\e084"; 552 | } 553 | .glyphicon-question-sign:before { 554 | content: "\e085"; 555 | } 556 | .glyphicon-info-sign:before { 557 | content: "\e086"; 558 | } 559 | .glyphicon-screenshot:before { 560 | content: "\e087"; 561 | } 562 | .glyphicon-remove-circle:before { 563 | content: "\e088"; 564 | } 565 | .glyphicon-ok-circle:before { 566 | content: "\e089"; 567 | } 568 | .glyphicon-ban-circle:before { 569 | content: "\e090"; 570 | } 571 | .glyphicon-arrow-left:before { 572 | content: "\e091"; 573 | } 574 | .glyphicon-arrow-right:before { 575 | content: "\e092"; 576 | } 577 | .glyphicon-arrow-up:before { 578 | content: "\e093"; 579 | } 580 | .glyphicon-arrow-down:before { 581 | content: "\e094"; 582 | } 583 | .glyphicon-share-alt:before { 584 | content: "\e095"; 585 | } 586 | .glyphicon-resize-full:before { 587 | content: "\e096"; 588 | } 589 | .glyphicon-resize-small:before { 590 | content: "\e097"; 591 | } 592 | .glyphicon-exclamation-sign:before { 593 | content: "\e101"; 594 | } 595 | .glyphicon-gift:before { 596 | content: "\e102"; 597 | } 598 | .glyphicon-leaf:before { 599 | content: "\e103"; 600 | } 601 | .glyphicon-fire:before { 602 | content: "\e104"; 603 | } 604 | .glyphicon-eye-open:before { 605 | content: "\e105"; 606 | } 607 | .glyphicon-eye-close:before { 608 | content: "\e106"; 609 | } 610 | .glyphicon-warning-sign:before { 611 | content: "\e107"; 612 | } 613 | .glyphicon-plane:before { 614 | content: "\e108"; 615 | } 616 | .glyphicon-calendar:before { 617 | content: "\e109"; 618 | } 619 | .glyphicon-random:before { 620 | content: "\e110"; 621 | } 622 | .glyphicon-comment:before { 623 | content: "\e111"; 624 | } 625 | .glyphicon-magnet:before { 626 | content: "\e112"; 627 | } 628 | .glyphicon-chevron-up:before { 629 | content: "\e113"; 630 | } 631 | .glyphicon-chevron-down:before { 632 | content: "\e114"; 633 | } 634 | .glyphicon-retweet:before { 635 | content: "\e115"; 636 | } 637 | .glyphicon-shopping-cart:before { 638 | content: "\e116"; 639 | } 640 | .glyphicon-folder-close:before { 641 | content: "\e117"; 642 | } 643 | .glyphicon-folder-open:before { 644 | content: "\e118"; 645 | } 646 | .glyphicon-resize-vertical:before { 647 | content: "\e119"; 648 | } 649 | .glyphicon-resize-horizontal:before { 650 | content: "\e120"; 651 | } 652 | .glyphicon-hdd:before { 653 | content: "\e121"; 654 | } 655 | .glyphicon-bullhorn:before { 656 | content: "\e122"; 657 | } 658 | .glyphicon-bell:before { 659 | content: "\e123"; 660 | } 661 | .glyphicon-certificate:before { 662 | content: "\e124"; 663 | } 664 | .glyphicon-thumbs-up:before { 665 | content: "\e125"; 666 | } 667 | .glyphicon-thumbs-down:before { 668 | content: "\e126"; 669 | } 670 | .glyphicon-hand-right:before { 671 | content: "\e127"; 672 | } 673 | .glyphicon-hand-left:before { 674 | content: "\e128"; 675 | } 676 | .glyphicon-hand-up:before { 677 | content: "\e129"; 678 | } 679 | .glyphicon-hand-down:before { 680 | content: "\e130"; 681 | } 682 | .glyphicon-circle-arrow-right:before { 683 | content: "\e131"; 684 | } 685 | .glyphicon-circle-arrow-left:before { 686 | content: "\e132"; 687 | } 688 | .glyphicon-circle-arrow-up:before { 689 | content: "\e133"; 690 | } 691 | .glyphicon-circle-arrow-down:before { 692 | content: "\e134"; 693 | } 694 | .glyphicon-globe:before { 695 | content: "\e135"; 696 | } 697 | .glyphicon-wrench:before { 698 | content: "\e136"; 699 | } 700 | .glyphicon-tasks:before { 701 | content: "\e137"; 702 | } 703 | .glyphicon-filter:before { 704 | content: "\e138"; 705 | } 706 | .glyphicon-briefcase:before { 707 | content: "\e139"; 708 | } 709 | .glyphicon-fullscreen:before { 710 | content: "\e140"; 711 | } 712 | .glyphicon-dashboard:before { 713 | content: "\e141"; 714 | } 715 | .glyphicon-paperclip:before { 716 | content: "\e142"; 717 | } 718 | .glyphicon-heart-empty:before { 719 | content: "\e143"; 720 | } 721 | .glyphicon-link:before { 722 | content: "\e144"; 723 | } 724 | .glyphicon-phone:before { 725 | content: "\e145"; 726 | } 727 | .glyphicon-pushpin:before { 728 | content: "\e146"; 729 | } 730 | .glyphicon-usd:before { 731 | content: "\e148"; 732 | } 733 | .glyphicon-gbp:before { 734 | content: "\e149"; 735 | } 736 | .glyphicon-sort:before { 737 | content: "\e150"; 738 | } 739 | .glyphicon-sort-by-alphabet:before { 740 | content: "\e151"; 741 | } 742 | .glyphicon-sort-by-alphabet-alt:before { 743 | content: "\e152"; 744 | } 745 | .glyphicon-sort-by-order:before { 746 | content: "\e153"; 747 | } 748 | .glyphicon-sort-by-order-alt:before { 749 | content: "\e154"; 750 | } 751 | .glyphicon-sort-by-attributes:before { 752 | content: "\e155"; 753 | } 754 | .glyphicon-sort-by-attributes-alt:before { 755 | content: "\e156"; 756 | } 757 | .glyphicon-unchecked:before { 758 | content: "\e157"; 759 | } 760 | .glyphicon-expand:before { 761 | content: "\e158"; 762 | } 763 | .glyphicon-collapse-down:before { 764 | content: "\e159"; 765 | } 766 | .glyphicon-collapse-up:before { 767 | content: "\e160"; 768 | } 769 | .glyphicon-log-in:before { 770 | content: "\e161"; 771 | } 772 | .glyphicon-flash:before { 773 | content: "\e162"; 774 | } 775 | .glyphicon-log-out:before { 776 | content: "\e163"; 777 | } 778 | .glyphicon-new-window:before { 779 | content: "\e164"; 780 | } 781 | .glyphicon-record:before { 782 | content: "\e165"; 783 | } 784 | .glyphicon-save:before { 785 | content: "\e166"; 786 | } 787 | .glyphicon-open:before { 788 | content: "\e167"; 789 | } 790 | .glyphicon-saved:before { 791 | content: "\e168"; 792 | } 793 | .glyphicon-import:before { 794 | content: "\e169"; 795 | } 796 | .glyphicon-export:before { 797 | content: "\e170"; 798 | } 799 | .glyphicon-send:before { 800 | content: "\e171"; 801 | } 802 | .glyphicon-floppy-disk:before { 803 | content: "\e172"; 804 | } 805 | .glyphicon-floppy-saved:before { 806 | content: "\e173"; 807 | } 808 | .glyphicon-floppy-remove:before { 809 | content: "\e174"; 810 | } 811 | .glyphicon-floppy-save:before { 812 | content: "\e175"; 813 | } 814 | .glyphicon-floppy-open:before { 815 | content: "\e176"; 816 | } 817 | .glyphicon-credit-card:before { 818 | content: "\e177"; 819 | } 820 | .glyphicon-transfer:before { 821 | content: "\e178"; 822 | } 823 | .glyphicon-cutlery:before { 824 | content: "\e179"; 825 | } 826 | .glyphicon-header:before { 827 | content: "\e180"; 828 | } 829 | .glyphicon-compressed:before { 830 | content: "\e181"; 831 | } 832 | .glyphicon-earphone:before { 833 | content: "\e182"; 834 | } 835 | .glyphicon-phone-alt:before { 836 | content: "\e183"; 837 | } 838 | .glyphicon-tower:before { 839 | content: "\e184"; 840 | } 841 | .glyphicon-stats:before { 842 | content: "\e185"; 843 | } 844 | .glyphicon-sd-video:before { 845 | content: "\e186"; 846 | } 847 | .glyphicon-hd-video:before { 848 | content: "\e187"; 849 | } 850 | .glyphicon-subtitles:before { 851 | content: "\e188"; 852 | } 853 | .glyphicon-sound-stereo:before { 854 | content: "\e189"; 855 | } 856 | .glyphicon-sound-dolby:before { 857 | content: "\e190"; 858 | } 859 | .glyphicon-sound-5-1:before { 860 | content: "\e191"; 861 | } 862 | .glyphicon-sound-6-1:before { 863 | content: "\e192"; 864 | } 865 | .glyphicon-sound-7-1:before { 866 | content: "\e193"; 867 | } 868 | .glyphicon-copyright-mark:before { 869 | content: "\e194"; 870 | } 871 | .glyphicon-registration-mark:before { 872 | content: "\e195"; 873 | } 874 | .glyphicon-cloud-download:before { 875 | content: "\e197"; 876 | } 877 | .glyphicon-cloud-upload:before { 878 | content: "\e198"; 879 | } 880 | .glyphicon-tree-conifer:before { 881 | content: "\e199"; 882 | } 883 | .glyphicon-tree-deciduous:before { 884 | content: "\e200"; 885 | } 886 | .glyphicon-cd:before { 887 | content: "\e201"; 888 | } 889 | .glyphicon-save-file:before { 890 | content: "\e202"; 891 | } 892 | .glyphicon-open-file:before { 893 | content: "\e203"; 894 | } 895 | .glyphicon-level-up:before { 896 | content: "\e204"; 897 | } 898 | .glyphicon-copy:before { 899 | content: "\e205"; 900 | } 901 | .glyphicon-paste:before { 902 | content: "\e206"; 903 | } 904 | .glyphicon-alert:before { 905 | content: "\e209"; 906 | } 907 | .glyphicon-equalizer:before { 908 | content: "\e210"; 909 | } 910 | .glyphicon-king:before { 911 | content: "\e211"; 912 | } 913 | .glyphicon-queen:before { 914 | content: "\e212"; 915 | } 916 | .glyphicon-pawn:before { 917 | content: "\e213"; 918 | } 919 | .glyphicon-bishop:before { 920 | content: "\e214"; 921 | } 922 | .glyphicon-knight:before { 923 | content: "\e215"; 924 | } 925 | .glyphicon-baby-formula:before { 926 | content: "\e216"; 927 | } 928 | .glyphicon-tent:before { 929 | content: "\26fa"; 930 | } 931 | .glyphicon-blackboard:before { 932 | content: "\e218"; 933 | } 934 | .glyphicon-bed:before { 935 | content: "\e219"; 936 | } 937 | .glyphicon-apple:before { 938 | content: "\f8ff"; 939 | } 940 | .glyphicon-erase:before { 941 | content: "\e221"; 942 | } 943 | .glyphicon-hourglass:before { 944 | content: "\231b"; 945 | } 946 | .glyphicon-lamp:before { 947 | content: "\e223"; 948 | } 949 | .glyphicon-duplicate:before { 950 | content: "\e224"; 951 | } 952 | .glyphicon-piggy-bank:before { 953 | content: "\e225"; 954 | } 955 | .glyphicon-scissors:before { 956 | content: "\e226"; 957 | } 958 | .glyphicon-bitcoin:before { 959 | content: "\e227"; 960 | } 961 | .glyphicon-yen:before { 962 | content: "\00a5"; 963 | } 964 | .glyphicon-ruble:before { 965 | content: "\20bd"; 966 | } 967 | .glyphicon-scale:before { 968 | content: "\e230"; 969 | } 970 | .glyphicon-ice-lolly:before { 971 | content: "\e231"; 972 | } 973 | .glyphicon-ice-lolly-tasted:before { 974 | content: "\e232"; 975 | } 976 | .glyphicon-education:before { 977 | content: "\e233"; 978 | } 979 | .glyphicon-option-horizontal:before { 980 | content: "\e234"; 981 | } 982 | .glyphicon-option-vertical:before { 983 | content: "\e235"; 984 | } 985 | .glyphicon-menu-hamburger:before { 986 | content: "\e236"; 987 | } 988 | .glyphicon-modal-window:before { 989 | content: "\e237"; 990 | } 991 | .glyphicon-oil:before { 992 | content: "\e238"; 993 | } 994 | .glyphicon-grain:before { 995 | content: "\e239"; 996 | } 997 | .glyphicon-sunglasses:before { 998 | content: "\e240"; 999 | } 1000 | .glyphicon-text-size:before { 1001 | content: "\e241"; 1002 | } 1003 | .glyphicon-text-color:before { 1004 | content: "\e242"; 1005 | } 1006 | .glyphicon-text-background:before { 1007 | content: "\e243"; 1008 | } 1009 | .glyphicon-object-align-top:before { 1010 | content: "\e244"; 1011 | } 1012 | .glyphicon-object-align-bottom:before { 1013 | content: "\e245"; 1014 | } 1015 | .glyphicon-object-align-horizontal:before { 1016 | content: "\e246"; 1017 | } 1018 | .glyphicon-object-align-left:before { 1019 | content: "\e247"; 1020 | } 1021 | .glyphicon-object-align-vertical:before { 1022 | content: "\e248"; 1023 | } 1024 | .glyphicon-object-align-right:before { 1025 | content: "\e249"; 1026 | } 1027 | .glyphicon-triangle-right:before { 1028 | content: "\e250"; 1029 | } 1030 | .glyphicon-triangle-left:before { 1031 | content: "\e251"; 1032 | } 1033 | .glyphicon-triangle-bottom:before { 1034 | content: "\e252"; 1035 | } 1036 | .glyphicon-triangle-top:before { 1037 | content: "\e253"; 1038 | } 1039 | .glyphicon-console:before { 1040 | content: "\e254"; 1041 | } 1042 | .glyphicon-superscript:before { 1043 | content: "\e255"; 1044 | } 1045 | .glyphicon-subscript:before { 1046 | content: "\e256"; 1047 | } 1048 | .glyphicon-menu-left:before { 1049 | content: "\e257"; 1050 | } 1051 | .glyphicon-menu-right:before { 1052 | content: "\e258"; 1053 | } 1054 | .glyphicon-menu-down:before { 1055 | content: "\e259"; 1056 | } 1057 | .glyphicon-menu-up:before { 1058 | content: "\e260"; 1059 | } 1060 | * { 1061 | -webkit-box-sizing: border-box; 1062 | -moz-box-sizing: border-box; 1063 | box-sizing: border-box; 1064 | } 1065 | *:before, 1066 | *:after { 1067 | -webkit-box-sizing: border-box; 1068 | -moz-box-sizing: border-box; 1069 | box-sizing: border-box; 1070 | } 1071 | html { 1072 | font-size: 10px; 1073 | 1074 | -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 1075 | } 1076 | body { 1077 | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 1078 | font-size: 14px; 1079 | line-height: 1.42857143; 1080 | color: #333; 1081 | background-color: #fff; 1082 | } 1083 | input, 1084 | button, 1085 | select, 1086 | textarea { 1087 | font-family: inherit; 1088 | font-size: inherit; 1089 | line-height: inherit; 1090 | } 1091 | a { 1092 | color: #337ab7; 1093 | text-decoration: none; 1094 | } 1095 | a:hover, 1096 | a:focus { 1097 | color: #23527c; 1098 | text-decoration: underline; 1099 | } 1100 | a:focus { 1101 | outline: thin dotted; 1102 | outline: 5px auto -webkit-focus-ring-color; 1103 | outline-offset: -2px; 1104 | } 1105 | figure { 1106 | margin: 0; 1107 | } 1108 | img { 1109 | vertical-align: middle; 1110 | } 1111 | .img-responsive, 1112 | .thumbnail > img, 1113 | .thumbnail a > img, 1114 | .carousel-inner > .item > img, 1115 | .carousel-inner > .item > a > img { 1116 | display: block; 1117 | max-width: 100%; 1118 | height: auto; 1119 | } 1120 | .img-rounded { 1121 | border-radius: 6px; 1122 | } 1123 | .img-thumbnail { 1124 | display: inline-block; 1125 | max-width: 100%; 1126 | height: auto; 1127 | padding: 4px; 1128 | line-height: 1.42857143; 1129 | background-color: #fff; 1130 | border: 1px solid #ddd; 1131 | border-radius: 4px; 1132 | -webkit-transition: all .2s ease-in-out; 1133 | -o-transition: all .2s ease-in-out; 1134 | transition: all .2s ease-in-out; 1135 | } 1136 | .img-circle { 1137 | border-radius: 50%; 1138 | } 1139 | hr { 1140 | margin-top: 20px; 1141 | margin-bottom: 20px; 1142 | border: 0; 1143 | border-top: 1px solid #eee; 1144 | } 1145 | .sr-only { 1146 | position: absolute; 1147 | width: 1px; 1148 | height: 1px; 1149 | padding: 0; 1150 | margin: -1px; 1151 | overflow: hidden; 1152 | clip: rect(0, 0, 0, 0); 1153 | border: 0; 1154 | } 1155 | .sr-only-focusable:active, 1156 | .sr-only-focusable:focus { 1157 | position: static; 1158 | width: auto; 1159 | height: auto; 1160 | margin: 0; 1161 | overflow: visible; 1162 | clip: auto; 1163 | } 1164 | h1, 1165 | h2, 1166 | h3, 1167 | h4, 1168 | h5, 1169 | h6, 1170 | .h1, 1171 | .h2, 1172 | .h3, 1173 | .h4, 1174 | .h5, 1175 | .h6 { 1176 | font-family: inherit; 1177 | font-weight: 500; 1178 | line-height: 1.1; 1179 | color: inherit; 1180 | } 1181 | h1 small, 1182 | h2 small, 1183 | h3 small, 1184 | h4 small, 1185 | h5 small, 1186 | h6 small, 1187 | .h1 small, 1188 | .h2 small, 1189 | .h3 small, 1190 | .h4 small, 1191 | .h5 small, 1192 | .h6 small, 1193 | h1 .small, 1194 | h2 .small, 1195 | h3 .small, 1196 | h4 .small, 1197 | h5 .small, 1198 | h6 .small, 1199 | .h1 .small, 1200 | .h2 .small, 1201 | .h3 .small, 1202 | .h4 .small, 1203 | .h5 .small, 1204 | .h6 .small { 1205 | font-weight: normal; 1206 | line-height: 1; 1207 | color: #777; 1208 | } 1209 | h1, 1210 | .h1, 1211 | h2, 1212 | .h2, 1213 | h3, 1214 | .h3 { 1215 | margin-top: 20px; 1216 | margin-bottom: 10px; 1217 | } 1218 | h1 small, 1219 | .h1 small, 1220 | h2 small, 1221 | .h2 small, 1222 | h3 small, 1223 | .h3 small, 1224 | h1 .small, 1225 | .h1 .small, 1226 | h2 .small, 1227 | .h2 .small, 1228 | h3 .small, 1229 | .h3 .small { 1230 | font-size: 65%; 1231 | } 1232 | h4, 1233 | .h4, 1234 | h5, 1235 | .h5, 1236 | h6, 1237 | .h6 { 1238 | margin-top: 10px; 1239 | margin-bottom: 10px; 1240 | } 1241 | h4 small, 1242 | .h4 small, 1243 | h5 small, 1244 | .h5 small, 1245 | h6 small, 1246 | .h6 small, 1247 | h4 .small, 1248 | .h4 .small, 1249 | h5 .small, 1250 | .h5 .small, 1251 | h6 .small, 1252 | .h6 .small { 1253 | font-size: 75%; 1254 | } 1255 | h1, 1256 | .h1 { 1257 | font-size: 36px; 1258 | } 1259 | h2, 1260 | .h2 { 1261 | font-size: 30px; 1262 | } 1263 | h3, 1264 | .h3 { 1265 | font-size: 24px; 1266 | } 1267 | h4, 1268 | .h4 { 1269 | font-size: 18px; 1270 | } 1271 | h5, 1272 | .h5 { 1273 | font-size: 14px; 1274 | } 1275 | h6, 1276 | .h6 { 1277 | font-size: 12px; 1278 | } 1279 | p { 1280 | margin: 0 0 10px; 1281 | } 1282 | .lead { 1283 | margin-bottom: 20px; 1284 | font-size: 16px; 1285 | font-weight: 300; 1286 | line-height: 1.4; 1287 | } 1288 | @media (min-width: 768px) { 1289 | .lead { 1290 | font-size: 21px; 1291 | } 1292 | } 1293 | small, 1294 | .small { 1295 | font-size: 85%; 1296 | } 1297 | mark, 1298 | .mark { 1299 | padding: .2em; 1300 | background-color: #fcf8e3; 1301 | } 1302 | .text-left { 1303 | text-align: left; 1304 | } 1305 | .text-right { 1306 | text-align: right; 1307 | } 1308 | .text-center { 1309 | text-align: center; 1310 | } 1311 | .text-justify { 1312 | text-align: justify; 1313 | } 1314 | .text-nowrap { 1315 | white-space: nowrap; 1316 | } 1317 | .text-lowercase { 1318 | text-transform: lowercase; 1319 | } 1320 | .text-uppercase { 1321 | text-transform: uppercase; 1322 | } 1323 | .text-capitalize { 1324 | text-transform: capitalize; 1325 | } 1326 | .text-muted { 1327 | color: #777; 1328 | } 1329 | .text-primary { 1330 | color: #337ab7; 1331 | } 1332 | a.text-primary:hover { 1333 | color: #286090; 1334 | } 1335 | .text-success { 1336 | color: #3c763d; 1337 | } 1338 | a.text-success:hover { 1339 | color: #2b542c; 1340 | } 1341 | .text-info { 1342 | color: #31708f; 1343 | } 1344 | a.text-info:hover { 1345 | color: #245269; 1346 | } 1347 | .text-warning { 1348 | color: #8a6d3b; 1349 | } 1350 | a.text-warning:hover { 1351 | color: #66512c; 1352 | } 1353 | .text-danger { 1354 | color: #a94442; 1355 | } 1356 | a.text-danger:hover { 1357 | color: #843534; 1358 | } 1359 | .bg-primary { 1360 | color: #fff; 1361 | background-color: #337ab7; 1362 | } 1363 | a.bg-primary:hover { 1364 | background-color: #286090; 1365 | } 1366 | .bg-success { 1367 | background-color: #dff0d8; 1368 | } 1369 | a.bg-success:hover { 1370 | background-color: #c1e2b3; 1371 | } 1372 | .bg-info { 1373 | background-color: #d9edf7; 1374 | } 1375 | a.bg-info:hover { 1376 | background-color: #afd9ee; 1377 | } 1378 | .bg-warning { 1379 | background-color: #fcf8e3; 1380 | } 1381 | a.bg-warning:hover { 1382 | background-color: #f7ecb5; 1383 | } 1384 | .bg-danger { 1385 | background-color: #f2dede; 1386 | } 1387 | a.bg-danger:hover { 1388 | background-color: #e4b9b9; 1389 | } 1390 | .page-header { 1391 | padding-bottom: 9px; 1392 | margin: 40px 0 20px; 1393 | border-bottom: 1px solid #eee; 1394 | } 1395 | ul, 1396 | ol { 1397 | margin-top: 0; 1398 | margin-bottom: 10px; 1399 | } 1400 | ul ul, 1401 | ol ul, 1402 | ul ol, 1403 | ol ol { 1404 | margin-bottom: 0; 1405 | } 1406 | .list-unstyled { 1407 | padding-left: 0; 1408 | list-style: none; 1409 | } 1410 | .list-inline { 1411 | padding-left: 0; 1412 | margin-left: -5px; 1413 | list-style: none; 1414 | } 1415 | .list-inline > li { 1416 | display: inline-block; 1417 | padding-right: 5px; 1418 | padding-left: 5px; 1419 | } 1420 | dl { 1421 | margin-top: 0; 1422 | margin-bottom: 20px; 1423 | } 1424 | dt, 1425 | dd { 1426 | line-height: 1.42857143; 1427 | } 1428 | dt { 1429 | font-weight: bold; 1430 | } 1431 | dd { 1432 | margin-left: 0; 1433 | } 1434 | @media (min-width: 768px) { 1435 | .dl-horizontal dt { 1436 | float: left; 1437 | width: 160px; 1438 | overflow: hidden; 1439 | clear: left; 1440 | text-align: right; 1441 | text-overflow: ellipsis; 1442 | white-space: nowrap; 1443 | } 1444 | .dl-horizontal dd { 1445 | margin-left: 180px; 1446 | } 1447 | } 1448 | abbr[title], 1449 | abbr[data-original-title] { 1450 | cursor: help; 1451 | border-bottom: 1px dotted #777; 1452 | } 1453 | .initialism { 1454 | font-size: 90%; 1455 | text-transform: uppercase; 1456 | } 1457 | blockquote { 1458 | padding: 10px 20px; 1459 | margin: 0 0 20px; 1460 | font-size: 17.5px; 1461 | border-left: 5px solid #eee; 1462 | } 1463 | blockquote p:last-child, 1464 | blockquote ul:last-child, 1465 | blockquote ol:last-child { 1466 | margin-bottom: 0; 1467 | } 1468 | blockquote footer, 1469 | blockquote small, 1470 | blockquote .small { 1471 | display: block; 1472 | font-size: 80%; 1473 | line-height: 1.42857143; 1474 | color: #777; 1475 | } 1476 | blockquote footer:before, 1477 | blockquote small:before, 1478 | blockquote .small:before { 1479 | content: '\2014 \00A0'; 1480 | } 1481 | .blockquote-reverse, 1482 | blockquote.pull-right { 1483 | padding-right: 15px; 1484 | padding-left: 0; 1485 | text-align: right; 1486 | border-right: 5px solid #eee; 1487 | border-left: 0; 1488 | } 1489 | .blockquote-reverse footer:before, 1490 | blockquote.pull-right footer:before, 1491 | .blockquote-reverse small:before, 1492 | blockquote.pull-right small:before, 1493 | .blockquote-reverse .small:before, 1494 | blockquote.pull-right .small:before { 1495 | content: ''; 1496 | } 1497 | .blockquote-reverse footer:after, 1498 | blockquote.pull-right footer:after, 1499 | .blockquote-reverse small:after, 1500 | blockquote.pull-right small:after, 1501 | .blockquote-reverse .small:after, 1502 | blockquote.pull-right .small:after { 1503 | content: '\00A0 \2014'; 1504 | } 1505 | address { 1506 | margin-bottom: 20px; 1507 | font-style: normal; 1508 | line-height: 1.42857143; 1509 | } 1510 | code, 1511 | kbd, 1512 | pre, 1513 | samp { 1514 | font-family: Menlo, Monaco, Consolas, "Courier New", monospace; 1515 | } 1516 | code { 1517 | padding: 2px 4px; 1518 | font-size: 90%; 1519 | color: #c7254e; 1520 | background-color: #f9f2f4; 1521 | border-radius: 4px; 1522 | } 1523 | kbd { 1524 | padding: 2px 4px; 1525 | font-size: 90%; 1526 | color: #fff; 1527 | background-color: #333; 1528 | border-radius: 3px; 1529 | -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25); 1530 | box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25); 1531 | } 1532 | kbd kbd { 1533 | padding: 0; 1534 | font-size: 100%; 1535 | font-weight: bold; 1536 | -webkit-box-shadow: none; 1537 | box-shadow: none; 1538 | } 1539 | pre { 1540 | display: block; 1541 | padding: 9.5px; 1542 | margin: 0 0 10px; 1543 | font-size: 13px; 1544 | line-height: 1.42857143; 1545 | color: #333; 1546 | word-break: break-all; 1547 | word-wrap: break-word; 1548 | background-color: #f5f5f5; 1549 | border: 1px solid #ccc; 1550 | border-radius: 4px; 1551 | } 1552 | pre code { 1553 | padding: 0; 1554 | font-size: inherit; 1555 | color: inherit; 1556 | white-space: pre-wrap; 1557 | background-color: transparent; 1558 | border-radius: 0; 1559 | } 1560 | .pre-scrollable { 1561 | max-height: 340px; 1562 | overflow-y: scroll; 1563 | } 1564 | .container { 1565 | padding-right: 15px; 1566 | padding-left: 15px; 1567 | margin-right: auto; 1568 | margin-left: auto; 1569 | } 1570 | @media (min-width: 768px) { 1571 | .container { 1572 | width: 750px; 1573 | } 1574 | } 1575 | @media (min-width: 992px) { 1576 | .container { 1577 | width: 970px; 1578 | } 1579 | } 1580 | @media (min-width: 1200px) { 1581 | .container { 1582 | width: 1170px; 1583 | } 1584 | } 1585 | .container-fluid { 1586 | padding-right: 15px; 1587 | padding-left: 15px; 1588 | margin-right: auto; 1589 | margin-left: auto; 1590 | } 1591 | .row { 1592 | margin-right: -15px; 1593 | margin-left: -15px; 1594 | } 1595 | .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { 1596 | position: relative; 1597 | min-height: 1px; 1598 | padding-right: 15px; 1599 | padding-left: 15px; 1600 | } 1601 | .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { 1602 | float: left; 1603 | } 1604 | .col-xs-12 { 1605 | width: 100%; 1606 | } 1607 | .col-xs-11 { 1608 | width: 91.66666667%; 1609 | } 1610 | .col-xs-10 { 1611 | width: 83.33333333%; 1612 | } 1613 | .col-xs-9 { 1614 | width: 75%; 1615 | } 1616 | .col-xs-8 { 1617 | width: 66.66666667%; 1618 | } 1619 | .col-xs-7 { 1620 | width: 58.33333333%; 1621 | } 1622 | .col-xs-6 { 1623 | width: 50%; 1624 | } 1625 | .col-xs-5 { 1626 | width: 41.66666667%; 1627 | } 1628 | .col-xs-4 { 1629 | width: 33.33333333%; 1630 | } 1631 | .col-xs-3 { 1632 | width: 25%; 1633 | } 1634 | .col-xs-2 { 1635 | width: 16.66666667%; 1636 | } 1637 | .col-xs-1 { 1638 | width: 8.33333333%; 1639 | } 1640 | .col-xs-pull-12 { 1641 | right: 100%; 1642 | } 1643 | .col-xs-pull-11 { 1644 | right: 91.66666667%; 1645 | } 1646 | .col-xs-pull-10 { 1647 | right: 83.33333333%; 1648 | } 1649 | .col-xs-pull-9 { 1650 | right: 75%; 1651 | } 1652 | .col-xs-pull-8 { 1653 | right: 66.66666667%; 1654 | } 1655 | .col-xs-pull-7 { 1656 | right: 58.33333333%; 1657 | } 1658 | .col-xs-pull-6 { 1659 | right: 50%; 1660 | } 1661 | .col-xs-pull-5 { 1662 | right: 41.66666667%; 1663 | } 1664 | .col-xs-pull-4 { 1665 | right: 33.33333333%; 1666 | } 1667 | .col-xs-pull-3 { 1668 | right: 25%; 1669 | } 1670 | .col-xs-pull-2 { 1671 | right: 16.66666667%; 1672 | } 1673 | .col-xs-pull-1 { 1674 | right: 8.33333333%; 1675 | } 1676 | .col-xs-pull-0 { 1677 | right: auto; 1678 | } 1679 | .col-xs-push-12 { 1680 | left: 100%; 1681 | } 1682 | .col-xs-push-11 { 1683 | left: 91.66666667%; 1684 | } 1685 | .col-xs-push-10 { 1686 | left: 83.33333333%; 1687 | } 1688 | .col-xs-push-9 { 1689 | left: 75%; 1690 | } 1691 | .col-xs-push-8 { 1692 | left: 66.66666667%; 1693 | } 1694 | .col-xs-push-7 { 1695 | left: 58.33333333%; 1696 | } 1697 | .col-xs-push-6 { 1698 | left: 50%; 1699 | } 1700 | .col-xs-push-5 { 1701 | left: 41.66666667%; 1702 | } 1703 | .col-xs-push-4 { 1704 | left: 33.33333333%; 1705 | } 1706 | .col-xs-push-3 { 1707 | left: 25%; 1708 | } 1709 | .col-xs-push-2 { 1710 | left: 16.66666667%; 1711 | } 1712 | .col-xs-push-1 { 1713 | left: 8.33333333%; 1714 | } 1715 | .col-xs-push-0 { 1716 | left: auto; 1717 | } 1718 | .col-xs-offset-12 { 1719 | margin-left: 100%; 1720 | } 1721 | .col-xs-offset-11 { 1722 | margin-left: 91.66666667%; 1723 | } 1724 | .col-xs-offset-10 { 1725 | margin-left: 83.33333333%; 1726 | } 1727 | .col-xs-offset-9 { 1728 | margin-left: 75%; 1729 | } 1730 | .col-xs-offset-8 { 1731 | margin-left: 66.66666667%; 1732 | } 1733 | .col-xs-offset-7 { 1734 | margin-left: 58.33333333%; 1735 | } 1736 | .col-xs-offset-6 { 1737 | margin-left: 50%; 1738 | } 1739 | .col-xs-offset-5 { 1740 | margin-left: 41.66666667%; 1741 | } 1742 | .col-xs-offset-4 { 1743 | margin-left: 33.33333333%; 1744 | } 1745 | .col-xs-offset-3 { 1746 | margin-left: 25%; 1747 | } 1748 | .col-xs-offset-2 { 1749 | margin-left: 16.66666667%; 1750 | } 1751 | .col-xs-offset-1 { 1752 | margin-left: 8.33333333%; 1753 | } 1754 | .col-xs-offset-0 { 1755 | margin-left: 0; 1756 | } 1757 | @media (min-width: 768px) { 1758 | .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { 1759 | float: left; 1760 | } 1761 | .col-sm-12 { 1762 | width: 100%; 1763 | } 1764 | .col-sm-11 { 1765 | width: 91.66666667%; 1766 | } 1767 | .col-sm-10 { 1768 | width: 83.33333333%; 1769 | } 1770 | .col-sm-9 { 1771 | width: 75%; 1772 | } 1773 | .col-sm-8 { 1774 | width: 66.66666667%; 1775 | } 1776 | .col-sm-7 { 1777 | width: 58.33333333%; 1778 | } 1779 | .col-sm-6 { 1780 | width: 50%; 1781 | } 1782 | .col-sm-5 { 1783 | width: 41.66666667%; 1784 | } 1785 | .col-sm-4 { 1786 | width: 33.33333333%; 1787 | } 1788 | .col-sm-3 { 1789 | width: 25%; 1790 | } 1791 | .col-sm-2 { 1792 | width: 16.66666667%; 1793 | } 1794 | .col-sm-1 { 1795 | width: 8.33333333%; 1796 | } 1797 | .col-sm-pull-12 { 1798 | right: 100%; 1799 | } 1800 | .col-sm-pull-11 { 1801 | right: 91.66666667%; 1802 | } 1803 | .col-sm-pull-10 { 1804 | right: 83.33333333%; 1805 | } 1806 | .col-sm-pull-9 { 1807 | right: 75%; 1808 | } 1809 | .col-sm-pull-8 { 1810 | right: 66.66666667%; 1811 | } 1812 | .col-sm-pull-7 { 1813 | right: 58.33333333%; 1814 | } 1815 | .col-sm-pull-6 { 1816 | right: 50%; 1817 | } 1818 | .col-sm-pull-5 { 1819 | right: 41.66666667%; 1820 | } 1821 | .col-sm-pull-4 { 1822 | right: 33.33333333%; 1823 | } 1824 | .col-sm-pull-3 { 1825 | right: 25%; 1826 | } 1827 | .col-sm-pull-2 { 1828 | right: 16.66666667%; 1829 | } 1830 | .col-sm-pull-1 { 1831 | right: 8.33333333%; 1832 | } 1833 | .col-sm-pull-0 { 1834 | right: auto; 1835 | } 1836 | .col-sm-push-12 { 1837 | left: 100%; 1838 | } 1839 | .col-sm-push-11 { 1840 | left: 91.66666667%; 1841 | } 1842 | .col-sm-push-10 { 1843 | left: 83.33333333%; 1844 | } 1845 | .col-sm-push-9 { 1846 | left: 75%; 1847 | } 1848 | .col-sm-push-8 { 1849 | left: 66.66666667%; 1850 | } 1851 | .col-sm-push-7 { 1852 | left: 58.33333333%; 1853 | } 1854 | .col-sm-push-6 { 1855 | left: 50%; 1856 | } 1857 | .col-sm-push-5 { 1858 | left: 41.66666667%; 1859 | } 1860 | .col-sm-push-4 { 1861 | left: 33.33333333%; 1862 | } 1863 | .col-sm-push-3 { 1864 | left: 25%; 1865 | } 1866 | .col-sm-push-2 { 1867 | left: 16.66666667%; 1868 | } 1869 | .col-sm-push-1 { 1870 | left: 8.33333333%; 1871 | } 1872 | .col-sm-push-0 { 1873 | left: auto; 1874 | } 1875 | .col-sm-offset-12 { 1876 | margin-left: 100%; 1877 | } 1878 | .col-sm-offset-11 { 1879 | margin-left: 91.66666667%; 1880 | } 1881 | .col-sm-offset-10 { 1882 | margin-left: 83.33333333%; 1883 | } 1884 | .col-sm-offset-9 { 1885 | margin-left: 75%; 1886 | } 1887 | .col-sm-offset-8 { 1888 | margin-left: 66.66666667%; 1889 | } 1890 | .col-sm-offset-7 { 1891 | margin-left: 58.33333333%; 1892 | } 1893 | .col-sm-offset-6 { 1894 | margin-left: 50%; 1895 | } 1896 | .col-sm-offset-5 { 1897 | margin-left: 41.66666667%; 1898 | } 1899 | .col-sm-offset-4 { 1900 | margin-left: 33.33333333%; 1901 | } 1902 | .col-sm-offset-3 { 1903 | margin-left: 25%; 1904 | } 1905 | .col-sm-offset-2 { 1906 | margin-left: 16.66666667%; 1907 | } 1908 | .col-sm-offset-1 { 1909 | margin-left: 8.33333333%; 1910 | } 1911 | .col-sm-offset-0 { 1912 | margin-left: 0; 1913 | } 1914 | } 1915 | @media (min-width: 992px) { 1916 | .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { 1917 | float: left; 1918 | } 1919 | .col-md-12 { 1920 | width: 100%; 1921 | } 1922 | .col-md-11 { 1923 | width: 91.66666667%; 1924 | } 1925 | .col-md-10 { 1926 | width: 83.33333333%; 1927 | } 1928 | .col-md-9 { 1929 | width: 75%; 1930 | } 1931 | .col-md-8 { 1932 | width: 66.66666667%; 1933 | } 1934 | .col-md-7 { 1935 | width: 58.33333333%; 1936 | } 1937 | .col-md-6 { 1938 | width: 50%; 1939 | } 1940 | .col-md-5 { 1941 | width: 41.66666667%; 1942 | } 1943 | .col-md-4 { 1944 | width: 33.33333333%; 1945 | } 1946 | .col-md-3 { 1947 | width: 25%; 1948 | } 1949 | .col-md-2 { 1950 | width: 16.66666667%; 1951 | } 1952 | .col-md-1 { 1953 | width: 8.33333333%; 1954 | } 1955 | .col-md-pull-12 { 1956 | right: 100%; 1957 | } 1958 | .col-md-pull-11 { 1959 | right: 91.66666667%; 1960 | } 1961 | .col-md-pull-10 { 1962 | right: 83.33333333%; 1963 | } 1964 | .col-md-pull-9 { 1965 | right: 75%; 1966 | } 1967 | .col-md-pull-8 { 1968 | right: 66.66666667%; 1969 | } 1970 | .col-md-pull-7 { 1971 | right: 58.33333333%; 1972 | } 1973 | .col-md-pull-6 { 1974 | right: 50%; 1975 | } 1976 | .col-md-pull-5 { 1977 | right: 41.66666667%; 1978 | } 1979 | .col-md-pull-4 { 1980 | right: 33.33333333%; 1981 | } 1982 | .col-md-pull-3 { 1983 | right: 25%; 1984 | } 1985 | .col-md-pull-2 { 1986 | right: 16.66666667%; 1987 | } 1988 | .col-md-pull-1 { 1989 | right: 8.33333333%; 1990 | } 1991 | .col-md-pull-0 { 1992 | right: auto; 1993 | } 1994 | .col-md-push-12 { 1995 | left: 100%; 1996 | } 1997 | .col-md-push-11 { 1998 | left: 91.66666667%; 1999 | } 2000 | .col-md-push-10 { 2001 | left: 83.33333333%; 2002 | } 2003 | .col-md-push-9 { 2004 | left: 75%; 2005 | } 2006 | .col-md-push-8 { 2007 | left: 66.66666667%; 2008 | } 2009 | .col-md-push-7 { 2010 | left: 58.33333333%; 2011 | } 2012 | .col-md-push-6 { 2013 | left: 50%; 2014 | } 2015 | .col-md-push-5 { 2016 | left: 41.66666667%; 2017 | } 2018 | .col-md-push-4 { 2019 | left: 33.33333333%; 2020 | } 2021 | .col-md-push-3 { 2022 | left: 25%; 2023 | } 2024 | .col-md-push-2 { 2025 | left: 16.66666667%; 2026 | } 2027 | .col-md-push-1 { 2028 | left: 8.33333333%; 2029 | } 2030 | .col-md-push-0 { 2031 | left: auto; 2032 | } 2033 | .col-md-offset-12 { 2034 | margin-left: 100%; 2035 | } 2036 | .col-md-offset-11 { 2037 | margin-left: 91.66666667%; 2038 | } 2039 | .col-md-offset-10 { 2040 | margin-left: 83.33333333%; 2041 | } 2042 | .col-md-offset-9 { 2043 | margin-left: 75%; 2044 | } 2045 | .col-md-offset-8 { 2046 | margin-left: 66.66666667%; 2047 | } 2048 | .col-md-offset-7 { 2049 | margin-left: 58.33333333%; 2050 | } 2051 | .col-md-offset-6 { 2052 | margin-left: 50%; 2053 | } 2054 | .col-md-offset-5 { 2055 | margin-left: 41.66666667%; 2056 | } 2057 | .col-md-offset-4 { 2058 | margin-left: 33.33333333%; 2059 | } 2060 | .col-md-offset-3 { 2061 | margin-left: 25%; 2062 | } 2063 | .col-md-offset-2 { 2064 | margin-left: 16.66666667%; 2065 | } 2066 | .col-md-offset-1 { 2067 | margin-left: 8.33333333%; 2068 | } 2069 | .col-md-offset-0 { 2070 | margin-left: 0; 2071 | } 2072 | } 2073 | @media (min-width: 1200px) { 2074 | .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { 2075 | float: left; 2076 | } 2077 | .col-lg-12 { 2078 | width: 100%; 2079 | } 2080 | .col-lg-11 { 2081 | width: 91.66666667%; 2082 | } 2083 | .col-lg-10 { 2084 | width: 83.33333333%; 2085 | } 2086 | .col-lg-9 { 2087 | width: 75%; 2088 | } 2089 | .col-lg-8 { 2090 | width: 66.66666667%; 2091 | } 2092 | .col-lg-7 { 2093 | width: 58.33333333%; 2094 | } 2095 | .col-lg-6 { 2096 | width: 50%; 2097 | } 2098 | .col-lg-5 { 2099 | width: 41.66666667%; 2100 | } 2101 | .col-lg-4 { 2102 | width: 33.33333333%; 2103 | } 2104 | .col-lg-3 { 2105 | width: 25%; 2106 | } 2107 | .col-lg-2 { 2108 | width: 16.66666667%; 2109 | } 2110 | .col-lg-1 { 2111 | width: 8.33333333%; 2112 | } 2113 | .col-lg-pull-12 { 2114 | right: 100%; 2115 | } 2116 | .col-lg-pull-11 { 2117 | right: 91.66666667%; 2118 | } 2119 | .col-lg-pull-10 { 2120 | right: 83.33333333%; 2121 | } 2122 | .col-lg-pull-9 { 2123 | right: 75%; 2124 | } 2125 | .col-lg-pull-8 { 2126 | right: 66.66666667%; 2127 | } 2128 | .col-lg-pull-7 { 2129 | right: 58.33333333%; 2130 | } 2131 | .col-lg-pull-6 { 2132 | right: 50%; 2133 | } 2134 | .col-lg-pull-5 { 2135 | right: 41.66666667%; 2136 | } 2137 | .col-lg-pull-4 { 2138 | right: 33.33333333%; 2139 | } 2140 | .col-lg-pull-3 { 2141 | right: 25%; 2142 | } 2143 | .col-lg-pull-2 { 2144 | right: 16.66666667%; 2145 | } 2146 | .col-lg-pull-1 { 2147 | right: 8.33333333%; 2148 | } 2149 | .col-lg-pull-0 { 2150 | right: auto; 2151 | } 2152 | .col-lg-push-12 { 2153 | left: 100%; 2154 | } 2155 | .col-lg-push-11 { 2156 | left: 91.66666667%; 2157 | } 2158 | .col-lg-push-10 { 2159 | left: 83.33333333%; 2160 | } 2161 | .col-lg-push-9 { 2162 | left: 75%; 2163 | } 2164 | .col-lg-push-8 { 2165 | left: 66.66666667%; 2166 | } 2167 | .col-lg-push-7 { 2168 | left: 58.33333333%; 2169 | } 2170 | .col-lg-push-6 { 2171 | left: 50%; 2172 | } 2173 | .col-lg-push-5 { 2174 | left: 41.66666667%; 2175 | } 2176 | .col-lg-push-4 { 2177 | left: 33.33333333%; 2178 | } 2179 | .col-lg-push-3 { 2180 | left: 25%; 2181 | } 2182 | .col-lg-push-2 { 2183 | left: 16.66666667%; 2184 | } 2185 | .col-lg-push-1 { 2186 | left: 8.33333333%; 2187 | } 2188 | .col-lg-push-0 { 2189 | left: auto; 2190 | } 2191 | .col-lg-offset-12 { 2192 | margin-left: 100%; 2193 | } 2194 | .col-lg-offset-11 { 2195 | margin-left: 91.66666667%; 2196 | } 2197 | .col-lg-offset-10 { 2198 | margin-left: 83.33333333%; 2199 | } 2200 | .col-lg-offset-9 { 2201 | margin-left: 75%; 2202 | } 2203 | .col-lg-offset-8 { 2204 | margin-left: 66.66666667%; 2205 | } 2206 | .col-lg-offset-7 { 2207 | margin-left: 58.33333333%; 2208 | } 2209 | .col-lg-offset-6 { 2210 | margin-left: 50%; 2211 | } 2212 | .col-lg-offset-5 { 2213 | margin-left: 41.66666667%; 2214 | } 2215 | .col-lg-offset-4 { 2216 | margin-left: 33.33333333%; 2217 | } 2218 | .col-lg-offset-3 { 2219 | margin-left: 25%; 2220 | } 2221 | .col-lg-offset-2 { 2222 | margin-left: 16.66666667%; 2223 | } 2224 | .col-lg-offset-1 { 2225 | margin-left: 8.33333333%; 2226 | } 2227 | .col-lg-offset-0 { 2228 | margin-left: 0; 2229 | } 2230 | } 2231 | table { 2232 | background-color: transparent; 2233 | } 2234 | caption { 2235 | padding-top: 8px; 2236 | padding-bottom: 8px; 2237 | color: #777; 2238 | text-align: left; 2239 | } 2240 | th { 2241 | text-align: left; 2242 | } 2243 | .table { 2244 | width: 100%; 2245 | max-width: 100%; 2246 | margin-bottom: 20px; 2247 | } 2248 | .table > thead > tr > th, 2249 | .table > tbody > tr > th, 2250 | .table > tfoot > tr > th, 2251 | .table > thead > tr > td, 2252 | .table > tbody > tr > td, 2253 | .table > tfoot > tr > td { 2254 | padding: 8px; 2255 | line-height: 1.42857143; 2256 | vertical-align: top; 2257 | border-top: 1px solid #ddd; 2258 | } 2259 | .table > thead > tr > th { 2260 | vertical-align: bottom; 2261 | border-bottom: 2px solid #ddd; 2262 | } 2263 | .table > caption + thead > tr:first-child > th, 2264 | .table > colgroup + thead > tr:first-child > th, 2265 | .table > thead:first-child > tr:first-child > th, 2266 | .table > caption + thead > tr:first-child > td, 2267 | .table > colgroup + thead > tr:first-child > td, 2268 | .table > thead:first-child > tr:first-child > td { 2269 | border-top: 0; 2270 | } 2271 | .table > tbody + tbody { 2272 | border-top: 2px solid #ddd; 2273 | } 2274 | .table .table { 2275 | background-color: #fff; 2276 | } 2277 | .table-condensed > thead > tr > th, 2278 | .table-condensed > tbody > tr > th, 2279 | .table-condensed > tfoot > tr > th, 2280 | .table-condensed > thead > tr > td, 2281 | .table-condensed > tbody > tr > td, 2282 | .table-condensed > tfoot > tr > td { 2283 | padding: 5px; 2284 | } 2285 | .table-bordered { 2286 | border: 1px solid #ddd; 2287 | } 2288 | .table-bordered > thead > tr > th, 2289 | .table-bordered > tbody > tr > th, 2290 | .table-bordered > tfoot > tr > th, 2291 | .table-bordered > thead > tr > td, 2292 | .table-bordered > tbody > tr > td, 2293 | .table-bordered > tfoot > tr > td { 2294 | border: 1px solid #ddd; 2295 | } 2296 | .table-bordered > thead > tr > th, 2297 | .table-bordered > thead > tr > td { 2298 | border-bottom-width: 2px; 2299 | } 2300 | .table-striped > tbody > tr:nth-of-type(odd) { 2301 | background-color: #f9f9f9; 2302 | } 2303 | .table-hover > tbody > tr:hover { 2304 | background-color: #f5f5f5; 2305 | } 2306 | table col[class*="col-"] { 2307 | position: static; 2308 | display: table-column; 2309 | float: none; 2310 | } 2311 | table td[class*="col-"], 2312 | table th[class*="col-"] { 2313 | position: static; 2314 | display: table-cell; 2315 | float: none; 2316 | } 2317 | .table > thead > tr > td.active, 2318 | .table > tbody > tr > td.active, 2319 | .table > tfoot > tr > td.active, 2320 | .table > thead > tr > th.active, 2321 | .table > tbody > tr > th.active, 2322 | .table > tfoot > tr > th.active, 2323 | .table > thead > tr.active > td, 2324 | .table > tbody > tr.active > td, 2325 | .table > tfoot > tr.active > td, 2326 | .table > thead > tr.active > th, 2327 | .table > tbody > tr.active > th, 2328 | .table > tfoot > tr.active > th { 2329 | background-color: #f5f5f5; 2330 | } 2331 | .table-hover > tbody > tr > td.active:hover, 2332 | .table-hover > tbody > tr > th.active:hover, 2333 | .table-hover > tbody > tr.active:hover > td, 2334 | .table-hover > tbody > tr:hover > .active, 2335 | .table-hover > tbody > tr.active:hover > th { 2336 | background-color: #e8e8e8; 2337 | } 2338 | .table > thead > tr > td.success, 2339 | .table > tbody > tr > td.success, 2340 | .table > tfoot > tr > td.success, 2341 | .table > thead > tr > th.success, 2342 | .table > tbody > tr > th.success, 2343 | .table > tfoot > tr > th.success, 2344 | .table > thead > tr.success > td, 2345 | .table > tbody > tr.success > td, 2346 | .table > tfoot > tr.success > td, 2347 | .table > thead > tr.success > th, 2348 | .table > tbody > tr.success > th, 2349 | .table > tfoot > tr.success > th { 2350 | background-color: #dff0d8; 2351 | } 2352 | .table-hover > tbody > tr > td.success:hover, 2353 | .table-hover > tbody > tr > th.success:hover, 2354 | .table-hover > tbody > tr.success:hover > td, 2355 | .table-hover > tbody > tr:hover > .success, 2356 | .table-hover > tbody > tr.success:hover > th { 2357 | background-color: #d0e9c6; 2358 | } 2359 | .table > thead > tr > td.info, 2360 | .table > tbody > tr > td.info, 2361 | .table > tfoot > tr > td.info, 2362 | .table > thead > tr > th.info, 2363 | .table > tbody > tr > th.info, 2364 | .table > tfoot > tr > th.info, 2365 | .table > thead > tr.info > td, 2366 | .table > tbody > tr.info > td, 2367 | .table > tfoot > tr.info > td, 2368 | .table > thead > tr.info > th, 2369 | .table > tbody > tr.info > th, 2370 | .table > tfoot > tr.info > th { 2371 | background-color: #d9edf7; 2372 | } 2373 | .table-hover > tbody > tr > td.info:hover, 2374 | .table-hover > tbody > tr > th.info:hover, 2375 | .table-hover > tbody > tr.info:hover > td, 2376 | .table-hover > tbody > tr:hover > .info, 2377 | .table-hover > tbody > tr.info:hover > th { 2378 | background-color: #c4e3f3; 2379 | } 2380 | .table > thead > tr > td.warning, 2381 | .table > tbody > tr > td.warning, 2382 | .table > tfoot > tr > td.warning, 2383 | .table > thead > tr > th.warning, 2384 | .table > tbody > tr > th.warning, 2385 | .table > tfoot > tr > th.warning, 2386 | .table > thead > tr.warning > td, 2387 | .table > tbody > tr.warning > td, 2388 | .table > tfoot > tr.warning > td, 2389 | .table > thead > tr.warning > th, 2390 | .table > tbody > tr.warning > th, 2391 | .table > tfoot > tr.warning > th { 2392 | background-color: #fcf8e3; 2393 | } 2394 | .table-hover > tbody > tr > td.warning:hover, 2395 | .table-hover > tbody > tr > th.warning:hover, 2396 | .table-hover > tbody > tr.warning:hover > td, 2397 | .table-hover > tbody > tr:hover > .warning, 2398 | .table-hover > tbody > tr.warning:hover > th { 2399 | background-color: #faf2cc; 2400 | } 2401 | .table > thead > tr > td.danger, 2402 | .table > tbody > tr > td.danger, 2403 | .table > tfoot > tr > td.danger, 2404 | .table > thead > tr > th.danger, 2405 | .table > tbody > tr > th.danger, 2406 | .table > tfoot > tr > th.danger, 2407 | .table > thead > tr.danger > td, 2408 | .table > tbody > tr.danger > td, 2409 | .table > tfoot > tr.danger > td, 2410 | .table > thead > tr.danger > th, 2411 | .table > tbody > tr.danger > th, 2412 | .table > tfoot > tr.danger > th { 2413 | background-color: #f2dede; 2414 | } 2415 | .table-hover > tbody > tr > td.danger:hover, 2416 | .table-hover > tbody > tr > th.danger:hover, 2417 | .table-hover > tbody > tr.danger:hover > td, 2418 | .table-hover > tbody > tr:hover > .danger, 2419 | .table-hover > tbody > tr.danger:hover > th { 2420 | background-color: #ebcccc; 2421 | } 2422 | .table-responsive { 2423 | min-height: .01%; 2424 | overflow-x: auto; 2425 | } 2426 | @media screen and (max-width: 767px) { 2427 | .table-responsive { 2428 | width: 100%; 2429 | margin-bottom: 15px; 2430 | overflow-y: hidden; 2431 | -ms-overflow-style: -ms-autohiding-scrollbar; 2432 | border: 1px solid #ddd; 2433 | } 2434 | .table-responsive > .table { 2435 | margin-bottom: 0; 2436 | } 2437 | .table-responsive > .table > thead > tr > th, 2438 | .table-responsive > .table > tbody > tr > th, 2439 | .table-responsive > .table > tfoot > tr > th, 2440 | .table-responsive > .table > thead > tr > td, 2441 | .table-responsive > .table > tbody > tr > td, 2442 | .table-responsive > .table > tfoot > tr > td { 2443 | white-space: nowrap; 2444 | } 2445 | .table-responsive > .table-bordered { 2446 | border: 0; 2447 | } 2448 | .table-responsive > .table-bordered > thead > tr > th:first-child, 2449 | .table-responsive > .table-bordered > tbody > tr > th:first-child, 2450 | .table-responsive > .table-bordered > tfoot > tr > th:first-child, 2451 | .table-responsive > .table-bordered > thead > tr > td:first-child, 2452 | .table-responsive > .table-bordered > tbody > tr > td:first-child, 2453 | .table-responsive > .table-bordered > tfoot > tr > td:first-child { 2454 | border-left: 0; 2455 | } 2456 | .table-responsive > .table-bordered > thead > tr > th:last-child, 2457 | .table-responsive > .table-bordered > tbody > tr > th:last-child, 2458 | .table-responsive > .table-bordered > tfoot > tr > th:last-child, 2459 | .table-responsive > .table-bordered > thead > tr > td:last-child, 2460 | .table-responsive > .table-bordered > tbody > tr > td:last-child, 2461 | .table-responsive > .table-bordered > tfoot > tr > td:last-child { 2462 | border-right: 0; 2463 | } 2464 | .table-responsive > .table-bordered > tbody > tr:last-child > th, 2465 | .table-responsive > .table-bordered > tfoot > tr:last-child > th, 2466 | .table-responsive > .table-bordered > tbody > tr:last-child > td, 2467 | .table-responsive > .table-bordered > tfoot > tr:last-child > td { 2468 | border-bottom: 0; 2469 | } 2470 | } 2471 | fieldset { 2472 | min-width: 0; 2473 | padding: 0; 2474 | margin: 0; 2475 | border: 0; 2476 | } 2477 | legend { 2478 | display: block; 2479 | width: 100%; 2480 | padding: 0; 2481 | margin-bottom: 20px; 2482 | font-size: 21px; 2483 | line-height: inherit; 2484 | color: #333; 2485 | border: 0; 2486 | border-bottom: 1px solid #e5e5e5; 2487 | } 2488 | label { 2489 | display: inline-block; 2490 | max-width: 100%; 2491 | margin-bottom: 5px; 2492 | font-weight: bold; 2493 | } 2494 | input[type="search"] { 2495 | -webkit-box-sizing: border-box; 2496 | -moz-box-sizing: border-box; 2497 | box-sizing: border-box; 2498 | } 2499 | input[type="radio"], 2500 | input[type="checkbox"] { 2501 | margin: 4px 0 0; 2502 | margin-top: 1px \9; 2503 | line-height: normal; 2504 | } 2505 | input[type="file"] { 2506 | display: block; 2507 | } 2508 | input[type="range"] { 2509 | display: block; 2510 | width: 100%; 2511 | } 2512 | select[multiple], 2513 | select[size] { 2514 | height: auto; 2515 | } 2516 | input[type="file"]:focus, 2517 | input[type="radio"]:focus, 2518 | input[type="checkbox"]:focus { 2519 | outline: thin dotted; 2520 | outline: 5px auto -webkit-focus-ring-color; 2521 | outline-offset: -2px; 2522 | } 2523 | output { 2524 | display: block; 2525 | padding-top: 7px; 2526 | font-size: 14px; 2527 | line-height: 1.42857143; 2528 | color: #555; 2529 | } 2530 | .form-control { 2531 | display: block; 2532 | width: 100%; 2533 | height: 34px; 2534 | padding: 6px 12px; 2535 | font-size: 14px; 2536 | line-height: 1.42857143; 2537 | color: #555; 2538 | background-color: #fff; 2539 | background-image: none; 2540 | border: 1px solid #ccc; 2541 | border-radius: 4px; 2542 | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); 2543 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); 2544 | -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; 2545 | -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; 2546 | transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; 2547 | } 2548 | .form-control:focus { 2549 | border-color: #66afe9; 2550 | outline: 0; 2551 | -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); 2552 | box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); 2553 | } 2554 | .form-control::-moz-placeholder { 2555 | color: #999; 2556 | opacity: 1; 2557 | } 2558 | .form-control:-ms-input-placeholder { 2559 | color: #999; 2560 | } 2561 | .form-control::-webkit-input-placeholder { 2562 | color: #999; 2563 | } 2564 | .form-control[disabled], 2565 | .form-control[readonly], 2566 | fieldset[disabled] .form-control { 2567 | cursor: not-allowed; 2568 | background-color: #eee; 2569 | opacity: 1; 2570 | } 2571 | textarea.form-control { 2572 | height: auto; 2573 | } 2574 | input[type="search"] { 2575 | -webkit-appearance: none; 2576 | } 2577 | @media screen and (-webkit-min-device-pixel-ratio: 0) { 2578 | input[type="date"], 2579 | input[type="time"], 2580 | input[type="datetime-local"], 2581 | input[type="month"] { 2582 | line-height: 34px; 2583 | } 2584 | input[type="date"].input-sm, 2585 | input[type="time"].input-sm, 2586 | input[type="datetime-local"].input-sm, 2587 | input[type="month"].input-sm, 2588 | .input-group-sm input[type="date"], 2589 | .input-group-sm input[type="time"], 2590 | .input-group-sm input[type="datetime-local"], 2591 | .input-group-sm input[type="month"] { 2592 | line-height: 30px; 2593 | } 2594 | input[type="date"].input-lg, 2595 | input[type="time"].input-lg, 2596 | input[type="datetime-local"].input-lg, 2597 | input[type="month"].input-lg, 2598 | .input-group-lg input[type="date"], 2599 | .input-group-lg input[type="time"], 2600 | .input-group-lg input[type="datetime-local"], 2601 | .input-group-lg input[type="month"] { 2602 | line-height: 46px; 2603 | } 2604 | } 2605 | .form-group { 2606 | margin-bottom: 15px; 2607 | } 2608 | .radio, 2609 | .checkbox { 2610 | position: relative; 2611 | display: block; 2612 | margin-top: 10px; 2613 | margin-bottom: 10px; 2614 | } 2615 | .radio label, 2616 | .checkbox label { 2617 | min-height: 20px; 2618 | padding-left: 20px; 2619 | margin-bottom: 0; 2620 | font-weight: normal; 2621 | cursor: pointer; 2622 | } 2623 | .radio input[type="radio"], 2624 | .radio-inline input[type="radio"], 2625 | .checkbox input[type="checkbox"], 2626 | .checkbox-inline input[type="checkbox"] { 2627 | position: absolute; 2628 | margin-top: 4px \9; 2629 | margin-left: -20px; 2630 | } 2631 | .radio + .radio, 2632 | .checkbox + .checkbox { 2633 | margin-top: -5px; 2634 | } 2635 | .radio-inline, 2636 | .checkbox-inline { 2637 | display: inline-block; 2638 | padding-left: 20px; 2639 | margin-bottom: 0; 2640 | font-weight: normal; 2641 | vertical-align: middle; 2642 | cursor: pointer; 2643 | } 2644 | .radio-inline + .radio-inline, 2645 | .checkbox-inline + .checkbox-inline { 2646 | margin-top: 0; 2647 | margin-left: 10px; 2648 | } 2649 | input[type="radio"][disabled], 2650 | input[type="checkbox"][disabled], 2651 | input[type="radio"].disabled, 2652 | input[type="checkbox"].disabled, 2653 | fieldset[disabled] input[type="radio"], 2654 | fieldset[disabled] input[type="checkbox"] { 2655 | cursor: not-allowed; 2656 | } 2657 | .radio-inline.disabled, 2658 | .checkbox-inline.disabled, 2659 | fieldset[disabled] .radio-inline, 2660 | fieldset[disabled] .checkbox-inline { 2661 | cursor: not-allowed; 2662 | } 2663 | .radio.disabled label, 2664 | .checkbox.disabled label, 2665 | fieldset[disabled] .radio label, 2666 | fieldset[disabled] .checkbox label { 2667 | cursor: not-allowed; 2668 | } 2669 | .form-control-static { 2670 | padding-top: 7px; 2671 | padding-bottom: 7px; 2672 | margin-bottom: 0; 2673 | } 2674 | .form-control-static.input-lg, 2675 | .form-control-static.input-sm { 2676 | padding-right: 0; 2677 | padding-left: 0; 2678 | } 2679 | .input-sm { 2680 | height: 30px; 2681 | padding: 5px 10px; 2682 | font-size: 12px; 2683 | line-height: 1.5; 2684 | border-radius: 3px; 2685 | } 2686 | select.input-sm { 2687 | height: 30px; 2688 | line-height: 30px; 2689 | } 2690 | textarea.input-sm, 2691 | select[multiple].input-sm { 2692 | height: auto; 2693 | } 2694 | .form-group-sm .form-control { 2695 | height: 30px; 2696 | padding: 5px 10px; 2697 | font-size: 12px; 2698 | line-height: 1.5; 2699 | border-radius: 3px; 2700 | } 2701 | select.form-group-sm .form-control { 2702 | height: 30px; 2703 | line-height: 30px; 2704 | } 2705 | textarea.form-group-sm .form-control, 2706 | select[multiple].form-group-sm .form-control { 2707 | height: auto; 2708 | } 2709 | .form-group-sm .form-control-static { 2710 | height: 30px; 2711 | padding: 5px 10px; 2712 | font-size: 12px; 2713 | line-height: 1.5; 2714 | } 2715 | .input-lg { 2716 | height: 46px; 2717 | padding: 10px 16px; 2718 | font-size: 18px; 2719 | line-height: 1.3333333; 2720 | border-radius: 6px; 2721 | } 2722 | select.input-lg { 2723 | height: 46px; 2724 | line-height: 46px; 2725 | } 2726 | textarea.input-lg, 2727 | select[multiple].input-lg { 2728 | height: auto; 2729 | } 2730 | .form-group-lg .form-control { 2731 | height: 46px; 2732 | padding: 10px 16px; 2733 | font-size: 18px; 2734 | line-height: 1.3333333; 2735 | border-radius: 6px; 2736 | } 2737 | select.form-group-lg .form-control { 2738 | height: 46px; 2739 | line-height: 46px; 2740 | } 2741 | textarea.form-group-lg .form-control, 2742 | select[multiple].form-group-lg .form-control { 2743 | height: auto; 2744 | } 2745 | .form-group-lg .form-control-static { 2746 | height: 46px; 2747 | padding: 10px 16px; 2748 | font-size: 18px; 2749 | line-height: 1.3333333; 2750 | } 2751 | .has-feedback { 2752 | position: relative; 2753 | } 2754 | .has-feedback .form-control { 2755 | padding-right: 42.5px; 2756 | } 2757 | .form-control-feedback { 2758 | position: absolute; 2759 | top: 0; 2760 | right: 0; 2761 | z-index: 2; 2762 | display: block; 2763 | width: 34px; 2764 | height: 34px; 2765 | line-height: 34px; 2766 | text-align: center; 2767 | pointer-events: none; 2768 | } 2769 | .input-lg + .form-control-feedback { 2770 | width: 46px; 2771 | height: 46px; 2772 | line-height: 46px; 2773 | } 2774 | .input-sm + .form-control-feedback { 2775 | width: 30px; 2776 | height: 30px; 2777 | line-height: 30px; 2778 | } 2779 | .has-success .help-block, 2780 | .has-success .control-label, 2781 | .has-success .radio, 2782 | .has-success .checkbox, 2783 | .has-success .radio-inline, 2784 | .has-success .checkbox-inline, 2785 | .has-success.radio label, 2786 | .has-success.checkbox label, 2787 | .has-success.radio-inline label, 2788 | .has-success.checkbox-inline label { 2789 | color: #3c763d; 2790 | } 2791 | .has-success .form-control { 2792 | border-color: #3c763d; 2793 | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); 2794 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); 2795 | } 2796 | .has-success .form-control:focus { 2797 | border-color: #2b542c; 2798 | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168; 2799 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168; 2800 | } 2801 | .has-success .input-group-addon { 2802 | color: #3c763d; 2803 | background-color: #dff0d8; 2804 | border-color: #3c763d; 2805 | } 2806 | .has-success .form-control-feedback { 2807 | color: #3c763d; 2808 | } 2809 | .has-warning .help-block, 2810 | .has-warning .control-label, 2811 | .has-warning .radio, 2812 | .has-warning .checkbox, 2813 | .has-warning .radio-inline, 2814 | .has-warning .checkbox-inline, 2815 | .has-warning.radio label, 2816 | .has-warning.checkbox label, 2817 | .has-warning.radio-inline label, 2818 | .has-warning.checkbox-inline label { 2819 | color: #8a6d3b; 2820 | } 2821 | .has-warning .form-control { 2822 | border-color: #8a6d3b; 2823 | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); 2824 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); 2825 | } 2826 | .has-warning .form-control:focus { 2827 | border-color: #66512c; 2828 | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b; 2829 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b; 2830 | } 2831 | .has-warning .input-group-addon { 2832 | color: #8a6d3b; 2833 | background-color: #fcf8e3; 2834 | border-color: #8a6d3b; 2835 | } 2836 | .has-warning .form-control-feedback { 2837 | color: #8a6d3b; 2838 | } 2839 | .has-error .help-block, 2840 | .has-error .control-label, 2841 | .has-error .radio, 2842 | .has-error .checkbox, 2843 | .has-error .radio-inline, 2844 | .has-error .checkbox-inline, 2845 | .has-error.radio label, 2846 | .has-error.checkbox label, 2847 | .has-error.radio-inline label, 2848 | .has-error.checkbox-inline label { 2849 | color: #a94442; 2850 | } 2851 | .has-error .form-control { 2852 | border-color: #a94442; 2853 | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); 2854 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); 2855 | } 2856 | .has-error .form-control:focus { 2857 | border-color: #843534; 2858 | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483; 2859 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483; 2860 | } 2861 | .has-error .input-group-addon { 2862 | color: #a94442; 2863 | background-color: #f2dede; 2864 | border-color: #a94442; 2865 | } 2866 | .has-error .form-control-feedback { 2867 | color: #a94442; 2868 | } 2869 | .has-feedback label ~ .form-control-feedback { 2870 | top: 25px; 2871 | } 2872 | .has-feedback label.sr-only ~ .form-control-feedback { 2873 | top: 0; 2874 | } 2875 | .help-block { 2876 | display: block; 2877 | margin-top: 5px; 2878 | margin-bottom: 10px; 2879 | color: #737373; 2880 | } 2881 | @media (min-width: 768px) { 2882 | .form-inline .form-group { 2883 | display: inline-block; 2884 | margin-bottom: 0; 2885 | vertical-align: middle; 2886 | } 2887 | .form-inline .form-control { 2888 | display: inline-block; 2889 | width: auto; 2890 | vertical-align: middle; 2891 | } 2892 | .form-inline .form-control-static { 2893 | display: inline-block; 2894 | } 2895 | .form-inline .input-group { 2896 | display: inline-table; 2897 | vertical-align: middle; 2898 | } 2899 | .form-inline .input-group .input-group-addon, 2900 | .form-inline .input-group .input-group-btn, 2901 | .form-inline .input-group .form-control { 2902 | width: auto; 2903 | } 2904 | .form-inline .input-group > .form-control { 2905 | width: 100%; 2906 | } 2907 | .form-inline .control-label { 2908 | margin-bottom: 0; 2909 | vertical-align: middle; 2910 | } 2911 | .form-inline .radio, 2912 | .form-inline .checkbox { 2913 | display: inline-block; 2914 | margin-top: 0; 2915 | margin-bottom: 0; 2916 | vertical-align: middle; 2917 | } 2918 | .form-inline .radio label, 2919 | .form-inline .checkbox label { 2920 | padding-left: 0; 2921 | } 2922 | .form-inline .radio input[type="radio"], 2923 | .form-inline .checkbox input[type="checkbox"] { 2924 | position: relative; 2925 | margin-left: 0; 2926 | } 2927 | .form-inline .has-feedback .form-control-feedback { 2928 | top: 0; 2929 | } 2930 | } 2931 | .form-horizontal .radio, 2932 | .form-horizontal .checkbox, 2933 | .form-horizontal .radio-inline, 2934 | .form-horizontal .checkbox-inline { 2935 | padding-top: 7px; 2936 | margin-top: 0; 2937 | margin-bottom: 0; 2938 | } 2939 | .form-horizontal .radio, 2940 | .form-horizontal .checkbox { 2941 | min-height: 27px; 2942 | } 2943 | .form-horizontal .form-group { 2944 | margin-right: -15px; 2945 | margin-left: -15px; 2946 | } 2947 | @media (min-width: 768px) { 2948 | .form-horizontal .control-label { 2949 | padding-top: 7px; 2950 | margin-bottom: 0; 2951 | text-align: right; 2952 | } 2953 | } 2954 | .form-horizontal .has-feedback .form-control-feedback { 2955 | right: 15px; 2956 | } 2957 | @media (min-width: 768px) { 2958 | .form-horizontal .form-group-lg .control-label { 2959 | padding-top: 14.333333px; 2960 | } 2961 | } 2962 | @media (min-width: 768px) { 2963 | .form-horizontal .form-group-sm .control-label { 2964 | padding-top: 6px; 2965 | } 2966 | } 2967 | .btn { 2968 | display: inline-block; 2969 | padding: 6px 12px; 2970 | margin-bottom: 0; 2971 | font-size: 14px; 2972 | font-weight: normal; 2973 | line-height: 1.42857143; 2974 | text-align: center; 2975 | white-space: nowrap; 2976 | vertical-align: middle; 2977 | -ms-touch-action: manipulation; 2978 | touch-action: manipulation; 2979 | cursor: pointer; 2980 | -webkit-user-select: none; 2981 | -moz-user-select: none; 2982 | -ms-user-select: none; 2983 | user-select: none; 2984 | background-image: none; 2985 | border: 1px solid transparent; 2986 | border-radius: 4px; 2987 | } 2988 | .btn:focus, 2989 | .btn:active:focus, 2990 | .btn.active:focus, 2991 | .btn.focus, 2992 | .btn:active.focus, 2993 | .btn.active.focus { 2994 | outline: thin dotted; 2995 | outline: 5px auto -webkit-focus-ring-color; 2996 | outline-offset: -2px; 2997 | } 2998 | .btn:hover, 2999 | .btn:focus, 3000 | .btn.focus { 3001 | color: #333; 3002 | text-decoration: none; 3003 | } 3004 | .btn:active, 3005 | .btn.active { 3006 | background-image: none; 3007 | outline: 0; 3008 | -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); 3009 | box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); 3010 | } 3011 | .btn.disabled, 3012 | .btn[disabled], 3013 | fieldset[disabled] .btn { 3014 | pointer-events: none; 3015 | cursor: not-allowed; 3016 | filter: alpha(opacity=65); 3017 | -webkit-box-shadow: none; 3018 | box-shadow: none; 3019 | opacity: .65; 3020 | } 3021 | .btn-default { 3022 | color: #333; 3023 | background-color: #fff; 3024 | border-color: #ccc; 3025 | } 3026 | .btn-default:hover, 3027 | .btn-default:focus, 3028 | .btn-default.focus, 3029 | .btn-default:active, 3030 | .btn-default.active, 3031 | .open > .dropdown-toggle.btn-default { 3032 | color: #333; 3033 | background-color: #e6e6e6; 3034 | border-color: #adadad; 3035 | } 3036 | .btn-default:active, 3037 | .btn-default.active, 3038 | .open > .dropdown-toggle.btn-default { 3039 | background-image: none; 3040 | } 3041 | .btn-default.disabled, 3042 | .btn-default[disabled], 3043 | fieldset[disabled] .btn-default, 3044 | .btn-default.disabled:hover, 3045 | .btn-default[disabled]:hover, 3046 | fieldset[disabled] .btn-default:hover, 3047 | .btn-default.disabled:focus, 3048 | .btn-default[disabled]:focus, 3049 | fieldset[disabled] .btn-default:focus, 3050 | .btn-default.disabled.focus, 3051 | .btn-default[disabled].focus, 3052 | fieldset[disabled] .btn-default.focus, 3053 | .btn-default.disabled:active, 3054 | .btn-default[disabled]:active, 3055 | fieldset[disabled] .btn-default:active, 3056 | .btn-default.disabled.active, 3057 | .btn-default[disabled].active, 3058 | fieldset[disabled] .btn-default.active { 3059 | background-color: #fff; 3060 | border-color: #ccc; 3061 | } 3062 | .btn-default .badge { 3063 | color: #fff; 3064 | background-color: #333; 3065 | } 3066 | .btn-primary { 3067 | color: #fff; 3068 | background-color: #337ab7; 3069 | border-color: #2e6da4; 3070 | } 3071 | .btn-primary:hover, 3072 | .btn-primary:focus, 3073 | .btn-primary.focus, 3074 | .btn-primary:active, 3075 | .btn-primary.active, 3076 | .open > .dropdown-toggle.btn-primary { 3077 | color: #fff; 3078 | background-color: #286090; 3079 | border-color: #204d74; 3080 | } 3081 | .btn-primary:active, 3082 | .btn-primary.active, 3083 | .open > .dropdown-toggle.btn-primary { 3084 | background-image: none; 3085 | } 3086 | .btn-primary.disabled, 3087 | .btn-primary[disabled], 3088 | fieldset[disabled] .btn-primary, 3089 | .btn-primary.disabled:hover, 3090 | .btn-primary[disabled]:hover, 3091 | fieldset[disabled] .btn-primary:hover, 3092 | .btn-primary.disabled:focus, 3093 | .btn-primary[disabled]:focus, 3094 | fieldset[disabled] .btn-primary:focus, 3095 | .btn-primary.disabled.focus, 3096 | .btn-primary[disabled].focus, 3097 | fieldset[disabled] .btn-primary.focus, 3098 | .btn-primary.disabled:active, 3099 | .btn-primary[disabled]:active, 3100 | fieldset[disabled] .btn-primary:active, 3101 | .btn-primary.disabled.active, 3102 | .btn-primary[disabled].active, 3103 | fieldset[disabled] .btn-primary.active { 3104 | background-color: #337ab7; 3105 | border-color: #2e6da4; 3106 | } 3107 | .btn-primary .badge { 3108 | color: #337ab7; 3109 | background-color: #fff; 3110 | } 3111 | .btn-success { 3112 | color: #fff; 3113 | background-color: #5cb85c; 3114 | border-color: #4cae4c; 3115 | } 3116 | .btn-success:hover, 3117 | .btn-success:focus, 3118 | .btn-success.focus, 3119 | .btn-success:active, 3120 | .btn-success.active, 3121 | .open > .dropdown-toggle.btn-success { 3122 | color: #fff; 3123 | background-color: #449d44; 3124 | border-color: #398439; 3125 | } 3126 | .btn-success:active, 3127 | .btn-success.active, 3128 | .open > .dropdown-toggle.btn-success { 3129 | background-image: none; 3130 | } 3131 | .btn-success.disabled, 3132 | .btn-success[disabled], 3133 | fieldset[disabled] .btn-success, 3134 | .btn-success.disabled:hover, 3135 | .btn-success[disabled]:hover, 3136 | fieldset[disabled] .btn-success:hover, 3137 | .btn-success.disabled:focus, 3138 | .btn-success[disabled]:focus, 3139 | fieldset[disabled] .btn-success:focus, 3140 | .btn-success.disabled.focus, 3141 | .btn-success[disabled].focus, 3142 | fieldset[disabled] .btn-success.focus, 3143 | .btn-success.disabled:active, 3144 | .btn-success[disabled]:active, 3145 | fieldset[disabled] .btn-success:active, 3146 | .btn-success.disabled.active, 3147 | .btn-success[disabled].active, 3148 | fieldset[disabled] .btn-success.active { 3149 | background-color: #5cb85c; 3150 | border-color: #4cae4c; 3151 | } 3152 | .btn-success .badge { 3153 | color: #5cb85c; 3154 | background-color: #fff; 3155 | } 3156 | .btn-info { 3157 | color: #fff; 3158 | background-color: #5bc0de; 3159 | border-color: #46b8da; 3160 | } 3161 | .btn-info:hover, 3162 | .btn-info:focus, 3163 | .btn-info.focus, 3164 | .btn-info:active, 3165 | .btn-info.active, 3166 | .open > .dropdown-toggle.btn-info { 3167 | color: #fff; 3168 | background-color: #31b0d5; 3169 | border-color: #269abc; 3170 | } 3171 | .btn-info:active, 3172 | .btn-info.active, 3173 | .open > .dropdown-toggle.btn-info { 3174 | background-image: none; 3175 | } 3176 | .btn-info.disabled, 3177 | .btn-info[disabled], 3178 | fieldset[disabled] .btn-info, 3179 | .btn-info.disabled:hover, 3180 | .btn-info[disabled]:hover, 3181 | fieldset[disabled] .btn-info:hover, 3182 | .btn-info.disabled:focus, 3183 | .btn-info[disabled]:focus, 3184 | fieldset[disabled] .btn-info:focus, 3185 | .btn-info.disabled.focus, 3186 | .btn-info[disabled].focus, 3187 | fieldset[disabled] .btn-info.focus, 3188 | .btn-info.disabled:active, 3189 | .btn-info[disabled]:active, 3190 | fieldset[disabled] .btn-info:active, 3191 | .btn-info.disabled.active, 3192 | .btn-info[disabled].active, 3193 | fieldset[disabled] .btn-info.active { 3194 | background-color: #5bc0de; 3195 | border-color: #46b8da; 3196 | } 3197 | .btn-info .badge { 3198 | color: #5bc0de; 3199 | background-color: #fff; 3200 | } 3201 | .btn-warning { 3202 | color: #fff; 3203 | background-color: #f0ad4e; 3204 | border-color: #eea236; 3205 | } 3206 | .btn-warning:hover, 3207 | .btn-warning:focus, 3208 | .btn-warning.focus, 3209 | .btn-warning:active, 3210 | .btn-warning.active, 3211 | .open > .dropdown-toggle.btn-warning { 3212 | color: #fff; 3213 | background-color: #ec971f; 3214 | border-color: #d58512; 3215 | } 3216 | .btn-warning:active, 3217 | .btn-warning.active, 3218 | .open > .dropdown-toggle.btn-warning { 3219 | background-image: none; 3220 | } 3221 | .btn-warning.disabled, 3222 | .btn-warning[disabled], 3223 | fieldset[disabled] .btn-warning, 3224 | .btn-warning.disabled:hover, 3225 | .btn-warning[disabled]:hover, 3226 | fieldset[disabled] .btn-warning:hover, 3227 | .btn-warning.disabled:focus, 3228 | .btn-warning[disabled]:focus, 3229 | fieldset[disabled] .btn-warning:focus, 3230 | .btn-warning.disabled.focus, 3231 | .btn-warning[disabled].focus, 3232 | fieldset[disabled] .btn-warning.focus, 3233 | .btn-warning.disabled:active, 3234 | .btn-warning[disabled]:active, 3235 | fieldset[disabled] .btn-warning:active, 3236 | .btn-warning.disabled.active, 3237 | .btn-warning[disabled].active, 3238 | fieldset[disabled] .btn-warning.active { 3239 | background-color: #f0ad4e; 3240 | border-color: #eea236; 3241 | } 3242 | .btn-warning .badge { 3243 | color: #f0ad4e; 3244 | background-color: #fff; 3245 | } 3246 | .btn-danger { 3247 | color: #fff; 3248 | background-color: #d9534f; 3249 | border-color: #d43f3a; 3250 | } 3251 | .btn-danger:hover, 3252 | .btn-danger:focus, 3253 | .btn-danger.focus, 3254 | .btn-danger:active, 3255 | .btn-danger.active, 3256 | .open > .dropdown-toggle.btn-danger { 3257 | color: #fff; 3258 | background-color: #c9302c; 3259 | border-color: #ac2925; 3260 | } 3261 | .btn-danger:active, 3262 | .btn-danger.active, 3263 | .open > .dropdown-toggle.btn-danger { 3264 | background-image: none; 3265 | } 3266 | .btn-danger.disabled, 3267 | .btn-danger[disabled], 3268 | fieldset[disabled] .btn-danger, 3269 | .btn-danger.disabled:hover, 3270 | .btn-danger[disabled]:hover, 3271 | fieldset[disabled] .btn-danger:hover, 3272 | .btn-danger.disabled:focus, 3273 | .btn-danger[disabled]:focus, 3274 | fieldset[disabled] .btn-danger:focus, 3275 | .btn-danger.disabled.focus, 3276 | .btn-danger[disabled].focus, 3277 | fieldset[disabled] .btn-danger.focus, 3278 | .btn-danger.disabled:active, 3279 | .btn-danger[disabled]:active, 3280 | fieldset[disabled] .btn-danger:active, 3281 | .btn-danger.disabled.active, 3282 | .btn-danger[disabled].active, 3283 | fieldset[disabled] .btn-danger.active { 3284 | background-color: #d9534f; 3285 | border-color: #d43f3a; 3286 | } 3287 | .btn-danger .badge { 3288 | color: #d9534f; 3289 | background-color: #fff; 3290 | } 3291 | .btn-link { 3292 | font-weight: normal; 3293 | color: #337ab7; 3294 | border-radius: 0; 3295 | } 3296 | .btn-link, 3297 | .btn-link:active, 3298 | .btn-link.active, 3299 | .btn-link[disabled], 3300 | fieldset[disabled] .btn-link { 3301 | background-color: transparent; 3302 | -webkit-box-shadow: none; 3303 | box-shadow: none; 3304 | } 3305 | .btn-link, 3306 | .btn-link:hover, 3307 | .btn-link:focus, 3308 | .btn-link:active { 3309 | border-color: transparent; 3310 | } 3311 | .btn-link:hover, 3312 | .btn-link:focus { 3313 | color: #23527c; 3314 | text-decoration: underline; 3315 | background-color: transparent; 3316 | } 3317 | .btn-link[disabled]:hover, 3318 | fieldset[disabled] .btn-link:hover, 3319 | .btn-link[disabled]:focus, 3320 | fieldset[disabled] .btn-link:focus { 3321 | color: #777; 3322 | text-decoration: none; 3323 | } 3324 | .btn-lg, 3325 | .btn-group-lg > .btn { 3326 | padding: 10px 16px; 3327 | font-size: 18px; 3328 | line-height: 1.3333333; 3329 | border-radius: 6px; 3330 | } 3331 | .btn-sm, 3332 | .btn-group-sm > .btn { 3333 | padding: 5px 10px; 3334 | font-size: 12px; 3335 | line-height: 1.5; 3336 | border-radius: 3px; 3337 | } 3338 | .btn-xs, 3339 | .btn-group-xs > .btn { 3340 | padding: 1px 5px; 3341 | font-size: 12px; 3342 | line-height: 1.5; 3343 | border-radius: 3px; 3344 | } 3345 | .btn-block { 3346 | display: block; 3347 | width: 100%; 3348 | } 3349 | .btn-block + .btn-block { 3350 | margin-top: 5px; 3351 | } 3352 | input[type="submit"].btn-block, 3353 | input[type="reset"].btn-block, 3354 | input[type="button"].btn-block { 3355 | width: 100%; 3356 | } 3357 | .fade { 3358 | opacity: 0; 3359 | -webkit-transition: opacity .15s linear; 3360 | -o-transition: opacity .15s linear; 3361 | transition: opacity .15s linear; 3362 | } 3363 | .fade.in { 3364 | opacity: 1; 3365 | } 3366 | .collapse { 3367 | display: none; 3368 | visibility: hidden; 3369 | } 3370 | .collapse.in { 3371 | display: block; 3372 | visibility: visible; 3373 | } 3374 | tr.collapse.in { 3375 | display: table-row; 3376 | } 3377 | tbody.collapse.in { 3378 | display: table-row-group; 3379 | } 3380 | .collapsing { 3381 | position: relative; 3382 | height: 0; 3383 | overflow: hidden; 3384 | -webkit-transition-timing-function: ease; 3385 | -o-transition-timing-function: ease; 3386 | transition-timing-function: ease; 3387 | -webkit-transition-duration: .35s; 3388 | -o-transition-duration: .35s; 3389 | transition-duration: .35s; 3390 | -webkit-transition-property: height, visibility; 3391 | -o-transition-property: height, visibility; 3392 | transition-property: height, visibility; 3393 | } 3394 | .caret { 3395 | display: inline-block; 3396 | width: 0; 3397 | height: 0; 3398 | margin-left: 2px; 3399 | vertical-align: middle; 3400 | border-top: 4px solid; 3401 | border-right: 4px solid transparent; 3402 | border-left: 4px solid transparent; 3403 | } 3404 | .dropup, 3405 | .dropdown { 3406 | position: relative; 3407 | } 3408 | .dropdown-toggle:focus { 3409 | outline: 0; 3410 | } 3411 | .dropdown-menu { 3412 | position: absolute; 3413 | top: 100%; 3414 | left: 0; 3415 | z-index: 1000; 3416 | display: none; 3417 | float: left; 3418 | min-width: 160px; 3419 | padding: 5px 0; 3420 | margin: 2px 0 0; 3421 | font-size: 14px; 3422 | text-align: left; 3423 | list-style: none; 3424 | background-color: #fff; 3425 | -webkit-background-clip: padding-box; 3426 | background-clip: padding-box; 3427 | border: 1px solid #ccc; 3428 | border: 1px solid rgba(0, 0, 0, .15); 3429 | border-radius: 4px; 3430 | -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); 3431 | box-shadow: 0 6px 12px rgba(0, 0, 0, .175); 3432 | } 3433 | .dropdown-menu.pull-right { 3434 | right: 0; 3435 | left: auto; 3436 | } 3437 | .dropdown-menu .divider { 3438 | height: 1px; 3439 | margin: 9px 0; 3440 | overflow: hidden; 3441 | background-color: #e5e5e5; 3442 | } 3443 | .dropdown-menu > li > a { 3444 | display: block; 3445 | padding: 3px 20px; 3446 | clear: both; 3447 | font-weight: normal; 3448 | line-height: 1.42857143; 3449 | color: #333; 3450 | white-space: nowrap; 3451 | } 3452 | .dropdown-menu > li > a:hover, 3453 | .dropdown-menu > li > a:focus { 3454 | color: #262626; 3455 | text-decoration: none; 3456 | background-color: #f5f5f5; 3457 | } 3458 | .dropdown-menu > .active > a, 3459 | .dropdown-menu > .active > a:hover, 3460 | .dropdown-menu > .active > a:focus { 3461 | color: #fff; 3462 | text-decoration: none; 3463 | background-color: #337ab7; 3464 | outline: 0; 3465 | } 3466 | .dropdown-menu > .disabled > a, 3467 | .dropdown-menu > .disabled > a:hover, 3468 | .dropdown-menu > .disabled > a:focus { 3469 | color: #777; 3470 | } 3471 | .dropdown-menu > .disabled > a:hover, 3472 | .dropdown-menu > .disabled > a:focus { 3473 | text-decoration: none; 3474 | cursor: not-allowed; 3475 | background-color: transparent; 3476 | background-image: none; 3477 | filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); 3478 | } 3479 | .open > .dropdown-menu { 3480 | display: block; 3481 | } 3482 | .open > a { 3483 | outline: 0; 3484 | } 3485 | .dropdown-menu-right { 3486 | right: 0; 3487 | left: auto; 3488 | } 3489 | .dropdown-menu-left { 3490 | right: auto; 3491 | left: 0; 3492 | } 3493 | .dropdown-header { 3494 | display: block; 3495 | padding: 3px 20px; 3496 | font-size: 12px; 3497 | line-height: 1.42857143; 3498 | color: #777; 3499 | white-space: nowrap; 3500 | } 3501 | .dropdown-backdrop { 3502 | position: fixed; 3503 | top: 0; 3504 | right: 0; 3505 | bottom: 0; 3506 | left: 0; 3507 | z-index: 990; 3508 | } 3509 | .pull-right > .dropdown-menu { 3510 | right: 0; 3511 | left: auto; 3512 | } 3513 | .dropup .caret, 3514 | .navbar-fixed-bottom .dropdown .caret { 3515 | content: ""; 3516 | border-top: 0; 3517 | border-bottom: 4px solid; 3518 | } 3519 | .dropup .dropdown-menu, 3520 | .navbar-fixed-bottom .dropdown .dropdown-menu { 3521 | top: auto; 3522 | bottom: 100%; 3523 | margin-bottom: 2px; 3524 | } 3525 | @media (min-width: 768px) { 3526 | .navbar-right .dropdown-menu { 3527 | right: 0; 3528 | left: auto; 3529 | } 3530 | .navbar-right .dropdown-menu-left { 3531 | right: auto; 3532 | left: 0; 3533 | } 3534 | } 3535 | .btn-group, 3536 | .btn-group-vertical { 3537 | position: relative; 3538 | display: inline-block; 3539 | vertical-align: middle; 3540 | } 3541 | .btn-group > .btn, 3542 | .btn-group-vertical > .btn { 3543 | position: relative; 3544 | float: left; 3545 | } 3546 | .btn-group > .btn:hover, 3547 | .btn-group-vertical > .btn:hover, 3548 | .btn-group > .btn:focus, 3549 | .btn-group-vertical > .btn:focus, 3550 | .btn-group > .btn:active, 3551 | .btn-group-vertical > .btn:active, 3552 | .btn-group > .btn.active, 3553 | .btn-group-vertical > .btn.active { 3554 | z-index: 2; 3555 | } 3556 | .btn-group .btn + .btn, 3557 | .btn-group .btn + .btn-group, 3558 | .btn-group .btn-group + .btn, 3559 | .btn-group .btn-group + .btn-group { 3560 | margin-left: -1px; 3561 | } 3562 | .btn-toolbar { 3563 | margin-left: -5px; 3564 | } 3565 | .btn-toolbar .btn-group, 3566 | .btn-toolbar .input-group { 3567 | float: left; 3568 | } 3569 | .btn-toolbar > .btn, 3570 | .btn-toolbar > .btn-group, 3571 | .btn-toolbar > .input-group { 3572 | margin-left: 5px; 3573 | } 3574 | .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { 3575 | border-radius: 0; 3576 | } 3577 | .btn-group > .btn:first-child { 3578 | margin-left: 0; 3579 | } 3580 | .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { 3581 | border-top-right-radius: 0; 3582 | border-bottom-right-radius: 0; 3583 | } 3584 | .btn-group > .btn:last-child:not(:first-child), 3585 | .btn-group > .dropdown-toggle:not(:first-child) { 3586 | border-top-left-radius: 0; 3587 | border-bottom-left-radius: 0; 3588 | } 3589 | .btn-group > .btn-group { 3590 | float: left; 3591 | } 3592 | .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { 3593 | border-radius: 0; 3594 | } 3595 | .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, 3596 | .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { 3597 | border-top-right-radius: 0; 3598 | border-bottom-right-radius: 0; 3599 | } 3600 | .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { 3601 | border-top-left-radius: 0; 3602 | border-bottom-left-radius: 0; 3603 | } 3604 | .btn-group .dropdown-toggle:active, 3605 | .btn-group.open .dropdown-toggle { 3606 | outline: 0; 3607 | } 3608 | .btn-group > .btn + .dropdown-toggle { 3609 | padding-right: 8px; 3610 | padding-left: 8px; 3611 | } 3612 | .btn-group > .btn-lg + .dropdown-toggle { 3613 | padding-right: 12px; 3614 | padding-left: 12px; 3615 | } 3616 | .btn-group.open .dropdown-toggle { 3617 | -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); 3618 | box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); 3619 | } 3620 | .btn-group.open .dropdown-toggle.btn-link { 3621 | -webkit-box-shadow: none; 3622 | box-shadow: none; 3623 | } 3624 | .btn .caret { 3625 | margin-left: 0; 3626 | } 3627 | .btn-lg .caret { 3628 | border-width: 5px 5px 0; 3629 | border-bottom-width: 0; 3630 | } 3631 | .dropup .btn-lg .caret { 3632 | border-width: 0 5px 5px; 3633 | } 3634 | .btn-group-vertical > .btn, 3635 | .btn-group-vertical > .btn-group, 3636 | .btn-group-vertical > .btn-group > .btn { 3637 | display: block; 3638 | float: none; 3639 | width: 100%; 3640 | max-width: 100%; 3641 | } 3642 | .btn-group-vertical > .btn-group > .btn { 3643 | float: none; 3644 | } 3645 | .btn-group-vertical > .btn + .btn, 3646 | .btn-group-vertical > .btn + .btn-group, 3647 | .btn-group-vertical > .btn-group + .btn, 3648 | .btn-group-vertical > .btn-group + .btn-group { 3649 | margin-top: -1px; 3650 | margin-left: 0; 3651 | } 3652 | .btn-group-vertical > .btn:not(:first-child):not(:last-child) { 3653 | border-radius: 0; 3654 | } 3655 | .btn-group-vertical > .btn:first-child:not(:last-child) { 3656 | border-top-right-radius: 4px; 3657 | border-bottom-right-radius: 0; 3658 | border-bottom-left-radius: 0; 3659 | } 3660 | .btn-group-vertical > .btn:last-child:not(:first-child) { 3661 | border-top-left-radius: 0; 3662 | border-top-right-radius: 0; 3663 | border-bottom-left-radius: 4px; 3664 | } 3665 | .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { 3666 | border-radius: 0; 3667 | } 3668 | .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, 3669 | .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { 3670 | border-bottom-right-radius: 0; 3671 | border-bottom-left-radius: 0; 3672 | } 3673 | .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { 3674 | border-top-left-radius: 0; 3675 | border-top-right-radius: 0; 3676 | } 3677 | .btn-group-justified { 3678 | display: table; 3679 | width: 100%; 3680 | table-layout: fixed; 3681 | border-collapse: separate; 3682 | } 3683 | .btn-group-justified > .btn, 3684 | .btn-group-justified > .btn-group { 3685 | display: table-cell; 3686 | float: none; 3687 | width: 1%; 3688 | } 3689 | .btn-group-justified > .btn-group .btn { 3690 | width: 100%; 3691 | } 3692 | .btn-group-justified > .btn-group .dropdown-menu { 3693 | left: auto; 3694 | } 3695 | [data-toggle="buttons"] > .btn input[type="radio"], 3696 | [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], 3697 | [data-toggle="buttons"] > .btn input[type="checkbox"], 3698 | [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { 3699 | position: absolute; 3700 | clip: rect(0, 0, 0, 0); 3701 | pointer-events: none; 3702 | } 3703 | .input-group { 3704 | position: relative; 3705 | display: table; 3706 | border-collapse: separate; 3707 | } 3708 | .input-group[class*="col-"] { 3709 | float: none; 3710 | padding-right: 0; 3711 | padding-left: 0; 3712 | } 3713 | .input-group .form-control { 3714 | position: relative; 3715 | z-index: 2; 3716 | float: left; 3717 | width: 100%; 3718 | margin-bottom: 0; 3719 | } 3720 | .input-group-lg > .form-control, 3721 | .input-group-lg > .input-group-addon, 3722 | .input-group-lg > .input-group-btn > .btn { 3723 | height: 46px; 3724 | padding: 10px 16px; 3725 | font-size: 18px; 3726 | line-height: 1.3333333; 3727 | border-radius: 6px; 3728 | } 3729 | select.input-group-lg > .form-control, 3730 | select.input-group-lg > .input-group-addon, 3731 | select.input-group-lg > .input-group-btn > .btn { 3732 | height: 46px; 3733 | line-height: 46px; 3734 | } 3735 | textarea.input-group-lg > .form-control, 3736 | textarea.input-group-lg > .input-group-addon, 3737 | textarea.input-group-lg > .input-group-btn > .btn, 3738 | select[multiple].input-group-lg > .form-control, 3739 | select[multiple].input-group-lg > .input-group-addon, 3740 | select[multiple].input-group-lg > .input-group-btn > .btn { 3741 | height: auto; 3742 | } 3743 | .input-group-sm > .form-control, 3744 | .input-group-sm > .input-group-addon, 3745 | .input-group-sm > .input-group-btn > .btn { 3746 | height: 30px; 3747 | padding: 5px 10px; 3748 | font-size: 12px; 3749 | line-height: 1.5; 3750 | border-radius: 3px; 3751 | } 3752 | select.input-group-sm > .form-control, 3753 | select.input-group-sm > .input-group-addon, 3754 | select.input-group-sm > .input-group-btn > .btn { 3755 | height: 30px; 3756 | line-height: 30px; 3757 | } 3758 | textarea.input-group-sm > .form-control, 3759 | textarea.input-group-sm > .input-group-addon, 3760 | textarea.input-group-sm > .input-group-btn > .btn, 3761 | select[multiple].input-group-sm > .form-control, 3762 | select[multiple].input-group-sm > .input-group-addon, 3763 | select[multiple].input-group-sm > .input-group-btn > .btn { 3764 | height: auto; 3765 | } 3766 | .input-group-addon, 3767 | .input-group-btn, 3768 | .input-group .form-control { 3769 | display: table-cell; 3770 | } 3771 | .input-group-addon:not(:first-child):not(:last-child), 3772 | .input-group-btn:not(:first-child):not(:last-child), 3773 | .input-group .form-control:not(:first-child):not(:last-child) { 3774 | border-radius: 0; 3775 | } 3776 | .input-group-addon, 3777 | .input-group-btn { 3778 | width: 1%; 3779 | white-space: nowrap; 3780 | vertical-align: middle; 3781 | } 3782 | .input-group-addon { 3783 | padding: 6px 12px; 3784 | font-size: 14px; 3785 | font-weight: normal; 3786 | line-height: 1; 3787 | color: #555; 3788 | text-align: center; 3789 | background-color: #eee; 3790 | border: 1px solid #ccc; 3791 | border-radius: 4px; 3792 | } 3793 | .input-group-addon.input-sm { 3794 | padding: 5px 10px; 3795 | font-size: 12px; 3796 | border-radius: 3px; 3797 | } 3798 | .input-group-addon.input-lg { 3799 | padding: 10px 16px; 3800 | font-size: 18px; 3801 | border-radius: 6px; 3802 | } 3803 | .input-group-addon input[type="radio"], 3804 | .input-group-addon input[type="checkbox"] { 3805 | margin-top: 0; 3806 | } 3807 | .input-group .form-control:first-child, 3808 | .input-group-addon:first-child, 3809 | .input-group-btn:first-child > .btn, 3810 | .input-group-btn:first-child > .btn-group > .btn, 3811 | .input-group-btn:first-child > .dropdown-toggle, 3812 | .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), 3813 | .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { 3814 | border-top-right-radius: 0; 3815 | border-bottom-right-radius: 0; 3816 | } 3817 | .input-group-addon:first-child { 3818 | border-right: 0; 3819 | } 3820 | .input-group .form-control:last-child, 3821 | .input-group-addon:last-child, 3822 | .input-group-btn:last-child > .btn, 3823 | .input-group-btn:last-child > .btn-group > .btn, 3824 | .input-group-btn:last-child > .dropdown-toggle, 3825 | .input-group-btn:first-child > .btn:not(:first-child), 3826 | .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { 3827 | border-top-left-radius: 0; 3828 | border-bottom-left-radius: 0; 3829 | } 3830 | .input-group-addon:last-child { 3831 | border-left: 0; 3832 | } 3833 | .input-group-btn { 3834 | position: relative; 3835 | font-size: 0; 3836 | white-space: nowrap; 3837 | } 3838 | .input-group-btn > .btn { 3839 | position: relative; 3840 | } 3841 | .input-group-btn > .btn + .btn { 3842 | margin-left: -1px; 3843 | } 3844 | .input-group-btn > .btn:hover, 3845 | .input-group-btn > .btn:focus, 3846 | .input-group-btn > .btn:active { 3847 | z-index: 2; 3848 | } 3849 | .input-group-btn:first-child > .btn, 3850 | .input-group-btn:first-child > .btn-group { 3851 | margin-right: -1px; 3852 | } 3853 | .input-group-btn:last-child > .btn, 3854 | .input-group-btn:last-child > .btn-group { 3855 | margin-left: -1px; 3856 | } 3857 | .nav { 3858 | padding-left: 0; 3859 | margin-bottom: 0; 3860 | list-style: none; 3861 | } 3862 | .nav > li { 3863 | position: relative; 3864 | display: block; 3865 | } 3866 | .nav > li > a { 3867 | position: relative; 3868 | display: block; 3869 | padding: 10px 15px; 3870 | } 3871 | .nav > li > a:hover, 3872 | .nav > li > a:focus { 3873 | text-decoration: none; 3874 | background-color: #eee; 3875 | } 3876 | .nav > li.disabled > a { 3877 | color: #777; 3878 | } 3879 | .nav > li.disabled > a:hover, 3880 | .nav > li.disabled > a:focus { 3881 | color: #777; 3882 | text-decoration: none; 3883 | cursor: not-allowed; 3884 | background-color: transparent; 3885 | } 3886 | .nav .open > a, 3887 | .nav .open > a:hover, 3888 | .nav .open > a:focus { 3889 | background-color: #eee; 3890 | border-color: #337ab7; 3891 | } 3892 | .nav .nav-divider { 3893 | height: 1px; 3894 | margin: 9px 0; 3895 | overflow: hidden; 3896 | background-color: #e5e5e5; 3897 | } 3898 | .nav > li > a > img { 3899 | max-width: none; 3900 | } 3901 | .nav-tabs { 3902 | border-bottom: 1px solid #ddd; 3903 | } 3904 | .nav-tabs > li { 3905 | float: left; 3906 | margin-bottom: -1px; 3907 | } 3908 | .nav-tabs > li > a { 3909 | margin-right: 2px; 3910 | line-height: 1.42857143; 3911 | border: 1px solid transparent; 3912 | border-radius: 4px 4px 0 0; 3913 | } 3914 | .nav-tabs > li > a:hover { 3915 | border-color: #eee #eee #ddd; 3916 | } 3917 | .nav-tabs > li.active > a, 3918 | .nav-tabs > li.active > a:hover, 3919 | .nav-tabs > li.active > a:focus { 3920 | color: #555; 3921 | cursor: default; 3922 | background-color: #fff; 3923 | border: 1px solid #ddd; 3924 | border-bottom-color: transparent; 3925 | } 3926 | .nav-tabs.nav-justified { 3927 | width: 100%; 3928 | border-bottom: 0; 3929 | } 3930 | .nav-tabs.nav-justified > li { 3931 | float: none; 3932 | } 3933 | .nav-tabs.nav-justified > li > a { 3934 | margin-bottom: 5px; 3935 | text-align: center; 3936 | } 3937 | .nav-tabs.nav-justified > .dropdown .dropdown-menu { 3938 | top: auto; 3939 | left: auto; 3940 | } 3941 | @media (min-width: 768px) { 3942 | .nav-tabs.nav-justified > li { 3943 | display: table-cell; 3944 | width: 1%; 3945 | } 3946 | .nav-tabs.nav-justified > li > a { 3947 | margin-bottom: 0; 3948 | } 3949 | } 3950 | .nav-tabs.nav-justified > li > a { 3951 | margin-right: 0; 3952 | border-radius: 4px; 3953 | } 3954 | .nav-tabs.nav-justified > .active > a, 3955 | .nav-tabs.nav-justified > .active > a:hover, 3956 | .nav-tabs.nav-justified > .active > a:focus { 3957 | border: 1px solid #ddd; 3958 | } 3959 | @media (min-width: 768px) { 3960 | .nav-tabs.nav-justified > li > a { 3961 | border-bottom: 1px solid #ddd; 3962 | border-radius: 4px 4px 0 0; 3963 | } 3964 | .nav-tabs.nav-justified > .active > a, 3965 | .nav-tabs.nav-justified > .active > a:hover, 3966 | .nav-tabs.nav-justified > .active > a:focus { 3967 | border-bottom-color: #fff; 3968 | } 3969 | } 3970 | .nav-pills > li { 3971 | float: left; 3972 | } 3973 | .nav-pills > li > a { 3974 | border-radius: 4px; 3975 | } 3976 | .nav-pills > li + li { 3977 | margin-left: 2px; 3978 | } 3979 | .nav-pills > li.active > a, 3980 | .nav-pills > li.active > a:hover, 3981 | .nav-pills > li.active > a:focus { 3982 | color: #fff; 3983 | background-color: #337ab7; 3984 | } 3985 | .nav-stacked > li { 3986 | float: none; 3987 | } 3988 | .nav-stacked > li + li { 3989 | margin-top: 2px; 3990 | margin-left: 0; 3991 | } 3992 | .nav-justified { 3993 | width: 100%; 3994 | } 3995 | .nav-justified > li { 3996 | float: none; 3997 | } 3998 | .nav-justified > li > a { 3999 | margin-bottom: 5px; 4000 | text-align: center; 4001 | } 4002 | .nav-justified > .dropdown .dropdown-menu { 4003 | top: auto; 4004 | left: auto; 4005 | } 4006 | @media (min-width: 768px) { 4007 | .nav-justified > li { 4008 | display: table-cell; 4009 | width: 1%; 4010 | } 4011 | .nav-justified > li > a { 4012 | margin-bottom: 0; 4013 | } 4014 | } 4015 | .nav-tabs-justified { 4016 | border-bottom: 0; 4017 | } 4018 | .nav-tabs-justified > li > a { 4019 | margin-right: 0; 4020 | border-radius: 4px; 4021 | } 4022 | .nav-tabs-justified > .active > a, 4023 | .nav-tabs-justified > .active > a:hover, 4024 | .nav-tabs-justified > .active > a:focus { 4025 | border: 1px solid #ddd; 4026 | } 4027 | @media (min-width: 768px) { 4028 | .nav-tabs-justified > li > a { 4029 | border-bottom: 1px solid #ddd; 4030 | border-radius: 4px 4px 0 0; 4031 | } 4032 | .nav-tabs-justified > .active > a, 4033 | .nav-tabs-justified > .active > a:hover, 4034 | .nav-tabs-justified > .active > a:focus { 4035 | border-bottom-color: #fff; 4036 | } 4037 | } 4038 | .tab-content > .tab-pane { 4039 | display: none; 4040 | visibility: hidden; 4041 | } 4042 | .tab-content > .active { 4043 | display: block; 4044 | visibility: visible; 4045 | } 4046 | .nav-tabs .dropdown-menu { 4047 | margin-top: -1px; 4048 | border-top-left-radius: 0; 4049 | border-top-right-radius: 0; 4050 | } 4051 | .navbar { 4052 | position: relative; 4053 | min-height: 50px; 4054 | margin-bottom: 20px; 4055 | border: 1px solid transparent; 4056 | } 4057 | @media (min-width: 768px) { 4058 | .navbar { 4059 | border-radius: 4px; 4060 | } 4061 | } 4062 | @media (min-width: 768px) { 4063 | .navbar-header { 4064 | float: left; 4065 | } 4066 | } 4067 | .navbar-collapse { 4068 | padding-right: 15px; 4069 | padding-left: 15px; 4070 | overflow-x: visible; 4071 | -webkit-overflow-scrolling: touch; 4072 | border-top: 1px solid transparent; 4073 | -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); 4074 | box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); 4075 | } 4076 | .navbar-collapse.in { 4077 | overflow-y: auto; 4078 | } 4079 | @media (min-width: 768px) { 4080 | .navbar-collapse { 4081 | width: auto; 4082 | border-top: 0; 4083 | -webkit-box-shadow: none; 4084 | box-shadow: none; 4085 | } 4086 | .navbar-collapse.collapse { 4087 | display: block !important; 4088 | height: auto !important; 4089 | padding-bottom: 0; 4090 | overflow: visible !important; 4091 | visibility: visible !important; 4092 | } 4093 | .navbar-collapse.in { 4094 | overflow-y: visible; 4095 | } 4096 | .navbar-fixed-top .navbar-collapse, 4097 | .navbar-static-top .navbar-collapse, 4098 | .navbar-fixed-bottom .navbar-collapse { 4099 | padding-right: 0; 4100 | padding-left: 0; 4101 | } 4102 | } 4103 | .navbar-fixed-top .navbar-collapse, 4104 | .navbar-fixed-bottom .navbar-collapse { 4105 | max-height: 340px; 4106 | } 4107 | @media (max-device-width: 480px) and (orientation: landscape) { 4108 | .navbar-fixed-top .navbar-collapse, 4109 | .navbar-fixed-bottom .navbar-collapse { 4110 | max-height: 200px; 4111 | } 4112 | } 4113 | .container > .navbar-header, 4114 | .container-fluid > .navbar-header, 4115 | .container > .navbar-collapse, 4116 | .container-fluid > .navbar-collapse { 4117 | margin-right: -15px; 4118 | margin-left: -15px; 4119 | } 4120 | @media (min-width: 768px) { 4121 | .container > .navbar-header, 4122 | .container-fluid > .navbar-header, 4123 | .container > .navbar-collapse, 4124 | .container-fluid > .navbar-collapse { 4125 | margin-right: 0; 4126 | margin-left: 0; 4127 | } 4128 | } 4129 | .navbar-static-top { 4130 | z-index: 1000; 4131 | border-width: 0 0 1px; 4132 | } 4133 | @media (min-width: 768px) { 4134 | .navbar-static-top { 4135 | border-radius: 0; 4136 | } 4137 | } 4138 | .navbar-fixed-top, 4139 | .navbar-fixed-bottom { 4140 | position: fixed; 4141 | right: 0; 4142 | left: 0; 4143 | z-index: 1030; 4144 | } 4145 | @media (min-width: 768px) { 4146 | .navbar-fixed-top, 4147 | .navbar-fixed-bottom { 4148 | border-radius: 0; 4149 | } 4150 | } 4151 | .navbar-fixed-top { 4152 | top: 0; 4153 | border-width: 0 0 1px; 4154 | } 4155 | .navbar-fixed-bottom { 4156 | bottom: 0; 4157 | margin-bottom: 0; 4158 | border-width: 1px 0 0; 4159 | } 4160 | .navbar-brand { 4161 | float: left; 4162 | height: 50px; 4163 | padding: 15px 15px; 4164 | font-size: 18px; 4165 | line-height: 20px; 4166 | } 4167 | .navbar-brand:hover, 4168 | .navbar-brand:focus { 4169 | text-decoration: none; 4170 | } 4171 | .navbar-brand > img { 4172 | display: block; 4173 | } 4174 | @media (min-width: 768px) { 4175 | .navbar > .container .navbar-brand, 4176 | .navbar > .container-fluid .navbar-brand { 4177 | margin-left: -15px; 4178 | } 4179 | } 4180 | .navbar-toggle { 4181 | position: relative; 4182 | float: right; 4183 | padding: 9px 10px; 4184 | margin-top: 8px; 4185 | margin-right: 15px; 4186 | margin-bottom: 8px; 4187 | background-color: transparent; 4188 | background-image: none; 4189 | border: 1px solid transparent; 4190 | border-radius: 4px; 4191 | } 4192 | .navbar-toggle:focus { 4193 | outline: 0; 4194 | } 4195 | .navbar-toggle .icon-bar { 4196 | display: block; 4197 | width: 22px; 4198 | height: 2px; 4199 | border-radius: 1px; 4200 | } 4201 | .navbar-toggle .icon-bar + .icon-bar { 4202 | margin-top: 4px; 4203 | } 4204 | @media (min-width: 768px) { 4205 | .navbar-toggle { 4206 | display: none; 4207 | } 4208 | } 4209 | .navbar-nav { 4210 | margin: 7.5px -15px; 4211 | } 4212 | .navbar-nav > li > a { 4213 | padding-top: 10px; 4214 | padding-bottom: 10px; 4215 | line-height: 20px; 4216 | } 4217 | @media (max-width: 767px) { 4218 | .navbar-nav .open .dropdown-menu { 4219 | position: static; 4220 | float: none; 4221 | width: auto; 4222 | margin-top: 0; 4223 | background-color: transparent; 4224 | border: 0; 4225 | -webkit-box-shadow: none; 4226 | box-shadow: none; 4227 | } 4228 | .navbar-nav .open .dropdown-menu > li > a, 4229 | .navbar-nav .open .dropdown-menu .dropdown-header { 4230 | padding: 5px 15px 5px 25px; 4231 | } 4232 | .navbar-nav .open .dropdown-menu > li > a { 4233 | line-height: 20px; 4234 | } 4235 | .navbar-nav .open .dropdown-menu > li > a:hover, 4236 | .navbar-nav .open .dropdown-menu > li > a:focus { 4237 | background-image: none; 4238 | } 4239 | } 4240 | @media (min-width: 768px) { 4241 | .navbar-nav { 4242 | float: left; 4243 | margin: 0; 4244 | } 4245 | .navbar-nav > li { 4246 | float: left; 4247 | } 4248 | .navbar-nav > li > a { 4249 | padding-top: 15px; 4250 | padding-bottom: 15px; 4251 | } 4252 | } 4253 | .navbar-form { 4254 | padding: 10px 15px; 4255 | margin-top: 8px; 4256 | margin-right: -15px; 4257 | margin-bottom: 8px; 4258 | margin-left: -15px; 4259 | border-top: 1px solid transparent; 4260 | border-bottom: 1px solid transparent; 4261 | -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1); 4262 | box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1); 4263 | } 4264 | @media (min-width: 768px) { 4265 | .navbar-form .form-group { 4266 | display: inline-block; 4267 | margin-bottom: 0; 4268 | vertical-align: middle; 4269 | } 4270 | .navbar-form .form-control { 4271 | display: inline-block; 4272 | width: auto; 4273 | vertical-align: middle; 4274 | } 4275 | .navbar-form .form-control-static { 4276 | display: inline-block; 4277 | } 4278 | .navbar-form .input-group { 4279 | display: inline-table; 4280 | vertical-align: middle; 4281 | } 4282 | .navbar-form .input-group .input-group-addon, 4283 | .navbar-form .input-group .input-group-btn, 4284 | .navbar-form .input-group .form-control { 4285 | width: auto; 4286 | } 4287 | .navbar-form .input-group > .form-control { 4288 | width: 100%; 4289 | } 4290 | .navbar-form .control-label { 4291 | margin-bottom: 0; 4292 | vertical-align: middle; 4293 | } 4294 | .navbar-form .radio, 4295 | .navbar-form .checkbox { 4296 | display: inline-block; 4297 | margin-top: 0; 4298 | margin-bottom: 0; 4299 | vertical-align: middle; 4300 | } 4301 | .navbar-form .radio label, 4302 | .navbar-form .checkbox label { 4303 | padding-left: 0; 4304 | } 4305 | .navbar-form .radio input[type="radio"], 4306 | .navbar-form .checkbox input[type="checkbox"] { 4307 | position: relative; 4308 | margin-left: 0; 4309 | } 4310 | .navbar-form .has-feedback .form-control-feedback { 4311 | top: 0; 4312 | } 4313 | } 4314 | @media (max-width: 767px) { 4315 | .navbar-form .form-group { 4316 | margin-bottom: 5px; 4317 | } 4318 | .navbar-form .form-group:last-child { 4319 | margin-bottom: 0; 4320 | } 4321 | } 4322 | @media (min-width: 768px) { 4323 | .navbar-form { 4324 | width: auto; 4325 | padding-top: 0; 4326 | padding-bottom: 0; 4327 | margin-right: 0; 4328 | margin-left: 0; 4329 | border: 0; 4330 | -webkit-box-shadow: none; 4331 | box-shadow: none; 4332 | } 4333 | } 4334 | .navbar-nav > li > .dropdown-menu { 4335 | margin-top: 0; 4336 | border-top-left-radius: 0; 4337 | border-top-right-radius: 0; 4338 | } 4339 | .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { 4340 | margin-bottom: 0; 4341 | border-top-left-radius: 4px; 4342 | border-top-right-radius: 4px; 4343 | border-bottom-right-radius: 0; 4344 | border-bottom-left-radius: 0; 4345 | } 4346 | .navbar-btn { 4347 | margin-top: 8px; 4348 | margin-bottom: 8px; 4349 | } 4350 | .navbar-btn.btn-sm { 4351 | margin-top: 10px; 4352 | margin-bottom: 10px; 4353 | } 4354 | .navbar-btn.btn-xs { 4355 | margin-top: 14px; 4356 | margin-bottom: 14px; 4357 | } 4358 | .navbar-text { 4359 | margin-top: 15px; 4360 | margin-bottom: 15px; 4361 | } 4362 | @media (min-width: 768px) { 4363 | .navbar-text { 4364 | float: left; 4365 | margin-right: 15px; 4366 | margin-left: 15px; 4367 | } 4368 | } 4369 | @media (min-width: 768px) { 4370 | .navbar-left { 4371 | float: left !important; 4372 | } 4373 | .navbar-right { 4374 | float: right !important; 4375 | margin-right: -15px; 4376 | } 4377 | .navbar-right ~ .navbar-right { 4378 | margin-right: 0; 4379 | } 4380 | } 4381 | .navbar-default { 4382 | background-color: #f8f8f8; 4383 | border-color: #e7e7e7; 4384 | } 4385 | .navbar-default .navbar-brand { 4386 | color: #777; 4387 | } 4388 | .navbar-default .navbar-brand:hover, 4389 | .navbar-default .navbar-brand:focus { 4390 | color: #5e5e5e; 4391 | background-color: transparent; 4392 | } 4393 | .navbar-default .navbar-text { 4394 | color: #777; 4395 | } 4396 | .navbar-default .navbar-nav > li > a { 4397 | color: #777; 4398 | } 4399 | .navbar-default .navbar-nav > li > a:hover, 4400 | .navbar-default .navbar-nav > li > a:focus { 4401 | color: #333; 4402 | background-color: transparent; 4403 | } 4404 | .navbar-default .navbar-nav > .active > a, 4405 | .navbar-default .navbar-nav > .active > a:hover, 4406 | .navbar-default .navbar-nav > .active > a:focus { 4407 | color: #555; 4408 | background-color: #e7e7e7; 4409 | } 4410 | .navbar-default .navbar-nav > .disabled > a, 4411 | .navbar-default .navbar-nav > .disabled > a:hover, 4412 | .navbar-default .navbar-nav > .disabled > a:focus { 4413 | color: #ccc; 4414 | background-color: transparent; 4415 | } 4416 | .navbar-default .navbar-toggle { 4417 | border-color: #ddd; 4418 | } 4419 | .navbar-default .navbar-toggle:hover, 4420 | .navbar-default .navbar-toggle:focus { 4421 | background-color: #ddd; 4422 | } 4423 | .navbar-default .navbar-toggle .icon-bar { 4424 | background-color: #888; 4425 | } 4426 | .navbar-default .navbar-collapse, 4427 | .navbar-default .navbar-form { 4428 | border-color: #e7e7e7; 4429 | } 4430 | .navbar-default .navbar-nav > .open > a, 4431 | .navbar-default .navbar-nav > .open > a:hover, 4432 | .navbar-default .navbar-nav > .open > a:focus { 4433 | color: #555; 4434 | background-color: #e7e7e7; 4435 | } 4436 | @media (max-width: 767px) { 4437 | .navbar-default .navbar-nav .open .dropdown-menu > li > a { 4438 | color: #777; 4439 | } 4440 | .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, 4441 | .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { 4442 | color: #333; 4443 | background-color: transparent; 4444 | } 4445 | .navbar-default .navbar-nav .open .dropdown-menu > .active > a, 4446 | .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, 4447 | .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { 4448 | color: #555; 4449 | background-color: #e7e7e7; 4450 | } 4451 | .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, 4452 | .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, 4453 | .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { 4454 | color: #ccc; 4455 | background-color: transparent; 4456 | } 4457 | } 4458 | .navbar-default .navbar-link { 4459 | color: #777; 4460 | } 4461 | .navbar-default .navbar-link:hover { 4462 | color: #333; 4463 | } 4464 | .navbar-default .btn-link { 4465 | color: #777; 4466 | } 4467 | .navbar-default .btn-link:hover, 4468 | .navbar-default .btn-link:focus { 4469 | color: #333; 4470 | } 4471 | .navbar-default .btn-link[disabled]:hover, 4472 | fieldset[disabled] .navbar-default .btn-link:hover, 4473 | .navbar-default .btn-link[disabled]:focus, 4474 | fieldset[disabled] .navbar-default .btn-link:focus { 4475 | color: #ccc; 4476 | } 4477 | .navbar-inverse { 4478 | background-color: #222; 4479 | border-color: #080808; 4480 | } 4481 | .navbar-inverse .navbar-brand { 4482 | color: #9d9d9d; 4483 | } 4484 | .navbar-inverse .navbar-brand:hover, 4485 | .navbar-inverse .navbar-brand:focus { 4486 | color: #fff; 4487 | background-color: transparent; 4488 | } 4489 | .navbar-inverse .navbar-text { 4490 | color: #9d9d9d; 4491 | } 4492 | .navbar-inverse .navbar-nav > li > a { 4493 | color: #9d9d9d; 4494 | } 4495 | .navbar-inverse .navbar-nav > li > a:hover, 4496 | .navbar-inverse .navbar-nav > li > a:focus { 4497 | color: #fff; 4498 | background-color: transparent; 4499 | } 4500 | .navbar-inverse .navbar-nav > .active > a, 4501 | .navbar-inverse .navbar-nav > .active > a:hover, 4502 | .navbar-inverse .navbar-nav > .active > a:focus { 4503 | color: #fff; 4504 | background-color: #080808; 4505 | } 4506 | .navbar-inverse .navbar-nav > .disabled > a, 4507 | .navbar-inverse .navbar-nav > .disabled > a:hover, 4508 | .navbar-inverse .navbar-nav > .disabled > a:focus { 4509 | color: #444; 4510 | background-color: transparent; 4511 | } 4512 | .navbar-inverse .navbar-toggle { 4513 | border-color: #333; 4514 | } 4515 | .navbar-inverse .navbar-toggle:hover, 4516 | .navbar-inverse .navbar-toggle:focus { 4517 | background-color: #333; 4518 | } 4519 | .navbar-inverse .navbar-toggle .icon-bar { 4520 | background-color: #fff; 4521 | } 4522 | .navbar-inverse .navbar-collapse, 4523 | .navbar-inverse .navbar-form { 4524 | border-color: #101010; 4525 | } 4526 | .navbar-inverse .navbar-nav > .open > a, 4527 | .navbar-inverse .navbar-nav > .open > a:hover, 4528 | .navbar-inverse .navbar-nav > .open > a:focus { 4529 | color: #fff; 4530 | background-color: #080808; 4531 | } 4532 | @media (max-width: 767px) { 4533 | .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { 4534 | border-color: #080808; 4535 | } 4536 | .navbar-inverse .navbar-nav .open .dropdown-menu .divider { 4537 | background-color: #080808; 4538 | } 4539 | .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { 4540 | color: #9d9d9d; 4541 | } 4542 | .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, 4543 | .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { 4544 | color: #fff; 4545 | background-color: transparent; 4546 | } 4547 | .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, 4548 | .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, 4549 | .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { 4550 | color: #fff; 4551 | background-color: #080808; 4552 | } 4553 | .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, 4554 | .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, 4555 | .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { 4556 | color: #444; 4557 | background-color: transparent; 4558 | } 4559 | } 4560 | .navbar-inverse .navbar-link { 4561 | color: #9d9d9d; 4562 | } 4563 | .navbar-inverse .navbar-link:hover { 4564 | color: #fff; 4565 | } 4566 | .navbar-inverse .btn-link { 4567 | color: #9d9d9d; 4568 | } 4569 | .navbar-inverse .btn-link:hover, 4570 | .navbar-inverse .btn-link:focus { 4571 | color: #fff; 4572 | } 4573 | .navbar-inverse .btn-link[disabled]:hover, 4574 | fieldset[disabled] .navbar-inverse .btn-link:hover, 4575 | .navbar-inverse .btn-link[disabled]:focus, 4576 | fieldset[disabled] .navbar-inverse .btn-link:focus { 4577 | color: #444; 4578 | } 4579 | .breadcrumb { 4580 | padding: 8px 15px; 4581 | margin-bottom: 20px; 4582 | list-style: none; 4583 | background-color: #f5f5f5; 4584 | border-radius: 4px; 4585 | } 4586 | .breadcrumb > li { 4587 | display: inline-block; 4588 | } 4589 | .breadcrumb > li + li:before { 4590 | padding: 0 5px; 4591 | color: #ccc; 4592 | content: "/\00a0"; 4593 | } 4594 | .breadcrumb > .active { 4595 | color: #777; 4596 | } 4597 | .pagination { 4598 | display: inline-block; 4599 | padding-left: 0; 4600 | margin: 20px 0; 4601 | border-radius: 4px; 4602 | } 4603 | .pagination > li { 4604 | display: inline; 4605 | } 4606 | .pagination > li > a, 4607 | .pagination > li > span { 4608 | position: relative; 4609 | float: left; 4610 | padding: 6px 12px; 4611 | margin-left: -1px; 4612 | line-height: 1.42857143; 4613 | color: #337ab7; 4614 | text-decoration: none; 4615 | background-color: #fff; 4616 | border: 1px solid #ddd; 4617 | } 4618 | .pagination > li:first-child > a, 4619 | .pagination > li:first-child > span { 4620 | margin-left: 0; 4621 | border-top-left-radius: 4px; 4622 | border-bottom-left-radius: 4px; 4623 | } 4624 | .pagination > li:last-child > a, 4625 | .pagination > li:last-child > span { 4626 | border-top-right-radius: 4px; 4627 | border-bottom-right-radius: 4px; 4628 | } 4629 | .pagination > li > a:hover, 4630 | .pagination > li > span:hover, 4631 | .pagination > li > a:focus, 4632 | .pagination > li > span:focus { 4633 | color: #23527c; 4634 | background-color: #eee; 4635 | border-color: #ddd; 4636 | } 4637 | .pagination > .active > a, 4638 | .pagination > .active > span, 4639 | .pagination > .active > a:hover, 4640 | .pagination > .active > span:hover, 4641 | .pagination > .active > a:focus, 4642 | .pagination > .active > span:focus { 4643 | z-index: 2; 4644 | color: #fff; 4645 | cursor: default; 4646 | background-color: #337ab7; 4647 | border-color: #337ab7; 4648 | } 4649 | .pagination > .disabled > span, 4650 | .pagination > .disabled > span:hover, 4651 | .pagination > .disabled > span:focus, 4652 | .pagination > .disabled > a, 4653 | .pagination > .disabled > a:hover, 4654 | .pagination > .disabled > a:focus { 4655 | color: #777; 4656 | cursor: not-allowed; 4657 | background-color: #fff; 4658 | border-color: #ddd; 4659 | } 4660 | .pagination-lg > li > a, 4661 | .pagination-lg > li > span { 4662 | padding: 10px 16px; 4663 | font-size: 18px; 4664 | } 4665 | .pagination-lg > li:first-child > a, 4666 | .pagination-lg > li:first-child > span { 4667 | border-top-left-radius: 6px; 4668 | border-bottom-left-radius: 6px; 4669 | } 4670 | .pagination-lg > li:last-child > a, 4671 | .pagination-lg > li:last-child > span { 4672 | border-top-right-radius: 6px; 4673 | border-bottom-right-radius: 6px; 4674 | } 4675 | .pagination-sm > li > a, 4676 | .pagination-sm > li > span { 4677 | padding: 5px 10px; 4678 | font-size: 12px; 4679 | } 4680 | .pagination-sm > li:first-child > a, 4681 | .pagination-sm > li:first-child > span { 4682 | border-top-left-radius: 3px; 4683 | border-bottom-left-radius: 3px; 4684 | } 4685 | .pagination-sm > li:last-child > a, 4686 | .pagination-sm > li:last-child > span { 4687 | border-top-right-radius: 3px; 4688 | border-bottom-right-radius: 3px; 4689 | } 4690 | .pager { 4691 | padding-left: 0; 4692 | margin: 20px 0; 4693 | text-align: center; 4694 | list-style: none; 4695 | } 4696 | .pager li { 4697 | display: inline; 4698 | } 4699 | .pager li > a, 4700 | .pager li > span { 4701 | display: inline-block; 4702 | padding: 5px 14px; 4703 | background-color: #fff; 4704 | border: 1px solid #ddd; 4705 | border-radius: 15px; 4706 | } 4707 | .pager li > a:hover, 4708 | .pager li > a:focus { 4709 | text-decoration: none; 4710 | background-color: #eee; 4711 | } 4712 | .pager .next > a, 4713 | .pager .next > span { 4714 | float: right; 4715 | } 4716 | .pager .previous > a, 4717 | .pager .previous > span { 4718 | float: left; 4719 | } 4720 | .pager .disabled > a, 4721 | .pager .disabled > a:hover, 4722 | .pager .disabled > a:focus, 4723 | .pager .disabled > span { 4724 | color: #777; 4725 | cursor: not-allowed; 4726 | background-color: #fff; 4727 | } 4728 | .label { 4729 | display: inline; 4730 | padding: .2em .6em .3em; 4731 | font-size: 75%; 4732 | font-weight: bold; 4733 | line-height: 1; 4734 | color: #fff; 4735 | text-align: center; 4736 | white-space: nowrap; 4737 | vertical-align: baseline; 4738 | border-radius: .25em; 4739 | } 4740 | a.label:hover, 4741 | a.label:focus { 4742 | color: #fff; 4743 | text-decoration: none; 4744 | cursor: pointer; 4745 | } 4746 | .label:empty { 4747 | display: none; 4748 | } 4749 | .btn .label { 4750 | position: relative; 4751 | top: -1px; 4752 | } 4753 | .label-default { 4754 | background-color: #777; 4755 | } 4756 | .label-default[href]:hover, 4757 | .label-default[href]:focus { 4758 | background-color: #5e5e5e; 4759 | } 4760 | .label-primary { 4761 | background-color: #337ab7; 4762 | } 4763 | .label-primary[href]:hover, 4764 | .label-primary[href]:focus { 4765 | background-color: #286090; 4766 | } 4767 | .label-success { 4768 | background-color: #5cb85c; 4769 | } 4770 | .label-success[href]:hover, 4771 | .label-success[href]:focus { 4772 | background-color: #449d44; 4773 | } 4774 | .label-info { 4775 | background-color: #5bc0de; 4776 | } 4777 | .label-info[href]:hover, 4778 | .label-info[href]:focus { 4779 | background-color: #31b0d5; 4780 | } 4781 | .label-warning { 4782 | background-color: #f0ad4e; 4783 | } 4784 | .label-warning[href]:hover, 4785 | .label-warning[href]:focus { 4786 | background-color: #ec971f; 4787 | } 4788 | .label-danger { 4789 | background-color: #d9534f; 4790 | } 4791 | .label-danger[href]:hover, 4792 | .label-danger[href]:focus { 4793 | background-color: #c9302c; 4794 | } 4795 | .badge { 4796 | display: inline-block; 4797 | min-width: 10px; 4798 | padding: 3px 7px; 4799 | font-size: 12px; 4800 | font-weight: bold; 4801 | line-height: 1; 4802 | color: #fff; 4803 | text-align: center; 4804 | white-space: nowrap; 4805 | vertical-align: baseline; 4806 | background-color: #777; 4807 | border-radius: 10px; 4808 | } 4809 | .badge:empty { 4810 | display: none; 4811 | } 4812 | .btn .badge { 4813 | position: relative; 4814 | top: -1px; 4815 | } 4816 | .btn-xs .badge { 4817 | top: 0; 4818 | padding: 1px 5px; 4819 | } 4820 | a.badge:hover, 4821 | a.badge:focus { 4822 | color: #fff; 4823 | text-decoration: none; 4824 | cursor: pointer; 4825 | } 4826 | .list-group-item.active > .badge, 4827 | .nav-pills > .active > a > .badge { 4828 | color: #337ab7; 4829 | background-color: #fff; 4830 | } 4831 | .list-group-item > .badge { 4832 | float: right; 4833 | } 4834 | .list-group-item > .badge + .badge { 4835 | margin-right: 5px; 4836 | } 4837 | .nav-pills > li > a > .badge { 4838 | margin-left: 3px; 4839 | } 4840 | .jumbotron { 4841 | padding: 30px 15px; 4842 | margin-bottom: 30px; 4843 | color: inherit; 4844 | background-color: #eee; 4845 | } 4846 | .jumbotron h1, 4847 | .jumbotron .h1 { 4848 | color: inherit; 4849 | } 4850 | .jumbotron p { 4851 | margin-bottom: 15px; 4852 | font-size: 21px; 4853 | font-weight: 200; 4854 | } 4855 | .jumbotron > hr { 4856 | border-top-color: #d5d5d5; 4857 | } 4858 | .container .jumbotron, 4859 | .container-fluid .jumbotron { 4860 | border-radius: 6px; 4861 | } 4862 | .jumbotron .container { 4863 | max-width: 100%; 4864 | } 4865 | @media screen and (min-width: 768px) { 4866 | .jumbotron { 4867 | padding: 48px 0; 4868 | } 4869 | .container .jumbotron, 4870 | .container-fluid .jumbotron { 4871 | padding-right: 60px; 4872 | padding-left: 60px; 4873 | } 4874 | .jumbotron h1, 4875 | .jumbotron .h1 { 4876 | font-size: 63px; 4877 | } 4878 | } 4879 | .thumbnail { 4880 | display: block; 4881 | padding: 4px; 4882 | margin-bottom: 20px; 4883 | line-height: 1.42857143; 4884 | background-color: #fff; 4885 | border: 1px solid #ddd; 4886 | border-radius: 4px; 4887 | -webkit-transition: border .2s ease-in-out; 4888 | -o-transition: border .2s ease-in-out; 4889 | transition: border .2s ease-in-out; 4890 | } 4891 | .thumbnail > img, 4892 | .thumbnail a > img { 4893 | margin-right: auto; 4894 | margin-left: auto; 4895 | } 4896 | a.thumbnail:hover, 4897 | a.thumbnail:focus, 4898 | a.thumbnail.active { 4899 | border-color: #337ab7; 4900 | } 4901 | .thumbnail .caption { 4902 | padding: 9px; 4903 | color: #333; 4904 | } 4905 | .alert { 4906 | padding: 15px; 4907 | margin-bottom: 20px; 4908 | border: 1px solid transparent; 4909 | border-radius: 4px; 4910 | } 4911 | .alert h4 { 4912 | margin-top: 0; 4913 | color: inherit; 4914 | } 4915 | .alert .alert-link { 4916 | font-weight: bold; 4917 | } 4918 | .alert > p, 4919 | .alert > ul { 4920 | margin-bottom: 0; 4921 | } 4922 | .alert > p + p { 4923 | margin-top: 5px; 4924 | } 4925 | .alert-dismissable, 4926 | .alert-dismissible { 4927 | padding-right: 35px; 4928 | } 4929 | .alert-dismissable .close, 4930 | .alert-dismissible .close { 4931 | position: relative; 4932 | top: -2px; 4933 | right: -21px; 4934 | color: inherit; 4935 | } 4936 | .alert-success { 4937 | color: #3c763d; 4938 | background-color: #dff0d8; 4939 | border-color: #d6e9c6; 4940 | } 4941 | .alert-success hr { 4942 | border-top-color: #c9e2b3; 4943 | } 4944 | .alert-success .alert-link { 4945 | color: #2b542c; 4946 | } 4947 | .alert-info { 4948 | color: #31708f; 4949 | background-color: #d9edf7; 4950 | border-color: #bce8f1; 4951 | } 4952 | .alert-info hr { 4953 | border-top-color: #a6e1ec; 4954 | } 4955 | .alert-info .alert-link { 4956 | color: #245269; 4957 | } 4958 | .alert-warning { 4959 | color: #8a6d3b; 4960 | background-color: #fcf8e3; 4961 | border-color: #faebcc; 4962 | } 4963 | .alert-warning hr { 4964 | border-top-color: #f7e1b5; 4965 | } 4966 | .alert-warning .alert-link { 4967 | color: #66512c; 4968 | } 4969 | .alert-danger { 4970 | color: #a94442; 4971 | background-color: #f2dede; 4972 | border-color: #ebccd1; 4973 | } 4974 | .alert-danger hr { 4975 | border-top-color: #e4b9c0; 4976 | } 4977 | .alert-danger .alert-link { 4978 | color: #843534; 4979 | } 4980 | @-webkit-keyframes progress-bar-stripes { 4981 | from { 4982 | background-position: 40px 0; 4983 | } 4984 | to { 4985 | background-position: 0 0; 4986 | } 4987 | } 4988 | @-o-keyframes progress-bar-stripes { 4989 | from { 4990 | background-position: 40px 0; 4991 | } 4992 | to { 4993 | background-position: 0 0; 4994 | } 4995 | } 4996 | @keyframes progress-bar-stripes { 4997 | from { 4998 | background-position: 40px 0; 4999 | } 5000 | to { 5001 | background-position: 0 0; 5002 | } 5003 | } 5004 | .progress { 5005 | height: 20px; 5006 | margin-bottom: 20px; 5007 | overflow: hidden; 5008 | background-color: #f5f5f5; 5009 | border-radius: 4px; 5010 | -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); 5011 | box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); 5012 | } 5013 | .progress-bar { 5014 | float: left; 5015 | width: 0; 5016 | height: 100%; 5017 | font-size: 12px; 5018 | line-height: 20px; 5019 | color: #fff; 5020 | text-align: center; 5021 | background-color: #337ab7; 5022 | -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); 5023 | box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); 5024 | -webkit-transition: width .6s ease; 5025 | -o-transition: width .6s ease; 5026 | transition: width .6s ease; 5027 | } 5028 | .progress-striped .progress-bar, 5029 | .progress-bar-striped { 5030 | background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); 5031 | background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); 5032 | background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); 5033 | -webkit-background-size: 40px 40px; 5034 | background-size: 40px 40px; 5035 | } 5036 | .progress.active .progress-bar, 5037 | .progress-bar.active { 5038 | -webkit-animation: progress-bar-stripes 2s linear infinite; 5039 | -o-animation: progress-bar-stripes 2s linear infinite; 5040 | animation: progress-bar-stripes 2s linear infinite; 5041 | } 5042 | .progress-bar-success { 5043 | background-color: #5cb85c; 5044 | } 5045 | .progress-striped .progress-bar-success { 5046 | background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); 5047 | background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); 5048 | background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); 5049 | } 5050 | .progress-bar-info { 5051 | background-color: #5bc0de; 5052 | } 5053 | .progress-striped .progress-bar-info { 5054 | background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); 5055 | background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); 5056 | background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); 5057 | } 5058 | .progress-bar-warning { 5059 | background-color: #f0ad4e; 5060 | } 5061 | .progress-striped .progress-bar-warning { 5062 | background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); 5063 | background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); 5064 | background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); 5065 | } 5066 | .progress-bar-danger { 5067 | background-color: #d9534f; 5068 | } 5069 | .progress-striped .progress-bar-danger { 5070 | background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); 5071 | background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); 5072 | background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); 5073 | } 5074 | .media { 5075 | margin-top: 15px; 5076 | } 5077 | .media:first-child { 5078 | margin-top: 0; 5079 | } 5080 | .media, 5081 | .media-body { 5082 | overflow: hidden; 5083 | zoom: 1; 5084 | } 5085 | .media-body { 5086 | width: 10000px; 5087 | } 5088 | .media-object { 5089 | display: block; 5090 | } 5091 | .media-right, 5092 | .media > .pull-right { 5093 | padding-left: 10px; 5094 | } 5095 | .media-left, 5096 | .media > .pull-left { 5097 | padding-right: 10px; 5098 | } 5099 | .media-left, 5100 | .media-right, 5101 | .media-body { 5102 | display: table-cell; 5103 | vertical-align: top; 5104 | } 5105 | .media-middle { 5106 | vertical-align: middle; 5107 | } 5108 | .media-bottom { 5109 | vertical-align: bottom; 5110 | } 5111 | .media-heading { 5112 | margin-top: 0; 5113 | margin-bottom: 5px; 5114 | } 5115 | .media-list { 5116 | padding-left: 0; 5117 | list-style: none; 5118 | } 5119 | .list-group { 5120 | padding-left: 0; 5121 | margin-bottom: 20px; 5122 | } 5123 | .list-group-item { 5124 | position: relative; 5125 | display: block; 5126 | padding: 10px 15px; 5127 | margin-bottom: -1px; 5128 | background-color: #fff; 5129 | border: 1px solid #ddd; 5130 | } 5131 | .list-group-item:first-child { 5132 | border-top-left-radius: 4px; 5133 | border-top-right-radius: 4px; 5134 | } 5135 | .list-group-item:last-child { 5136 | margin-bottom: 0; 5137 | border-bottom-right-radius: 4px; 5138 | border-bottom-left-radius: 4px; 5139 | } 5140 | a.list-group-item { 5141 | color: #555; 5142 | } 5143 | a.list-group-item .list-group-item-heading { 5144 | color: #333; 5145 | } 5146 | a.list-group-item:hover, 5147 | a.list-group-item:focus { 5148 | color: #555; 5149 | text-decoration: none; 5150 | background-color: #f5f5f5; 5151 | } 5152 | .list-group-item.disabled, 5153 | .list-group-item.disabled:hover, 5154 | .list-group-item.disabled:focus { 5155 | color: #777; 5156 | cursor: not-allowed; 5157 | background-color: #eee; 5158 | } 5159 | .list-group-item.disabled .list-group-item-heading, 5160 | .list-group-item.disabled:hover .list-group-item-heading, 5161 | .list-group-item.disabled:focus .list-group-item-heading { 5162 | color: inherit; 5163 | } 5164 | .list-group-item.disabled .list-group-item-text, 5165 | .list-group-item.disabled:hover .list-group-item-text, 5166 | .list-group-item.disabled:focus .list-group-item-text { 5167 | color: #777; 5168 | } 5169 | .list-group-item.active, 5170 | .list-group-item.active:hover, 5171 | .list-group-item.active:focus { 5172 | z-index: 2; 5173 | color: #fff; 5174 | background-color: #337ab7; 5175 | border-color: #337ab7; 5176 | } 5177 | .list-group-item.active .list-group-item-heading, 5178 | .list-group-item.active:hover .list-group-item-heading, 5179 | .list-group-item.active:focus .list-group-item-heading, 5180 | .list-group-item.active .list-group-item-heading > small, 5181 | .list-group-item.active:hover .list-group-item-heading > small, 5182 | .list-group-item.active:focus .list-group-item-heading > small, 5183 | .list-group-item.active .list-group-item-heading > .small, 5184 | .list-group-item.active:hover .list-group-item-heading > .small, 5185 | .list-group-item.active:focus .list-group-item-heading > .small { 5186 | color: inherit; 5187 | } 5188 | .list-group-item.active .list-group-item-text, 5189 | .list-group-item.active:hover .list-group-item-text, 5190 | .list-group-item.active:focus .list-group-item-text { 5191 | color: #c7ddef; 5192 | } 5193 | .list-group-item-success { 5194 | color: #3c763d; 5195 | background-color: #dff0d8; 5196 | } 5197 | a.list-group-item-success { 5198 | color: #3c763d; 5199 | } 5200 | a.list-group-item-success .list-group-item-heading { 5201 | color: inherit; 5202 | } 5203 | a.list-group-item-success:hover, 5204 | a.list-group-item-success:focus { 5205 | color: #3c763d; 5206 | background-color: #d0e9c6; 5207 | } 5208 | a.list-group-item-success.active, 5209 | a.list-group-item-success.active:hover, 5210 | a.list-group-item-success.active:focus { 5211 | color: #fff; 5212 | background-color: #3c763d; 5213 | border-color: #3c763d; 5214 | } 5215 | .list-group-item-info { 5216 | color: #31708f; 5217 | background-color: #d9edf7; 5218 | } 5219 | a.list-group-item-info { 5220 | color: #31708f; 5221 | } 5222 | a.list-group-item-info .list-group-item-heading { 5223 | color: inherit; 5224 | } 5225 | a.list-group-item-info:hover, 5226 | a.list-group-item-info:focus { 5227 | color: #31708f; 5228 | background-color: #c4e3f3; 5229 | } 5230 | a.list-group-item-info.active, 5231 | a.list-group-item-info.active:hover, 5232 | a.list-group-item-info.active:focus { 5233 | color: #fff; 5234 | background-color: #31708f; 5235 | border-color: #31708f; 5236 | } 5237 | .list-group-item-warning { 5238 | color: #8a6d3b; 5239 | background-color: #fcf8e3; 5240 | } 5241 | a.list-group-item-warning { 5242 | color: #8a6d3b; 5243 | } 5244 | a.list-group-item-warning .list-group-item-heading { 5245 | color: inherit; 5246 | } 5247 | a.list-group-item-warning:hover, 5248 | a.list-group-item-warning:focus { 5249 | color: #8a6d3b; 5250 | background-color: #faf2cc; 5251 | } 5252 | a.list-group-item-warning.active, 5253 | a.list-group-item-warning.active:hover, 5254 | a.list-group-item-warning.active:focus { 5255 | color: #fff; 5256 | background-color: #8a6d3b; 5257 | border-color: #8a6d3b; 5258 | } 5259 | .list-group-item-danger { 5260 | color: #a94442; 5261 | background-color: #f2dede; 5262 | } 5263 | a.list-group-item-danger { 5264 | color: #a94442; 5265 | } 5266 | a.list-group-item-danger .list-group-item-heading { 5267 | color: inherit; 5268 | } 5269 | a.list-group-item-danger:hover, 5270 | a.list-group-item-danger:focus { 5271 | color: #a94442; 5272 | background-color: #ebcccc; 5273 | } 5274 | a.list-group-item-danger.active, 5275 | a.list-group-item-danger.active:hover, 5276 | a.list-group-item-danger.active:focus { 5277 | color: #fff; 5278 | background-color: #a94442; 5279 | border-color: #a94442; 5280 | } 5281 | .list-group-item-heading { 5282 | margin-top: 0; 5283 | margin-bottom: 5px; 5284 | } 5285 | .list-group-item-text { 5286 | margin-bottom: 0; 5287 | line-height: 1.3; 5288 | } 5289 | .panel { 5290 | margin-bottom: 20px; 5291 | background-color: #fff; 5292 | border: 1px solid transparent; 5293 | border-radius: 4px; 5294 | -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); 5295 | box-shadow: 0 1px 1px rgba(0, 0, 0, .05); 5296 | } 5297 | .panel-body { 5298 | padding: 15px; 5299 | } 5300 | .panel-heading { 5301 | padding: 10px 15px; 5302 | border-bottom: 1px solid transparent; 5303 | border-top-left-radius: 3px; 5304 | border-top-right-radius: 3px; 5305 | } 5306 | .panel-heading > .dropdown .dropdown-toggle { 5307 | color: inherit; 5308 | } 5309 | .panel-title { 5310 | margin-top: 0; 5311 | margin-bottom: 0; 5312 | font-size: 16px; 5313 | color: inherit; 5314 | } 5315 | .panel-title > a, 5316 | .panel-title > small, 5317 | .panel-title > .small, 5318 | .panel-title > small > a, 5319 | .panel-title > .small > a { 5320 | color: inherit; 5321 | } 5322 | .panel-footer { 5323 | padding: 10px 15px; 5324 | background-color: #f5f5f5; 5325 | border-top: 1px solid #ddd; 5326 | border-bottom-right-radius: 3px; 5327 | border-bottom-left-radius: 3px; 5328 | } 5329 | .panel > .list-group, 5330 | .panel > .panel-collapse > .list-group { 5331 | margin-bottom: 0; 5332 | } 5333 | .panel > .list-group .list-group-item, 5334 | .panel > .panel-collapse > .list-group .list-group-item { 5335 | border-width: 1px 0; 5336 | border-radius: 0; 5337 | } 5338 | .panel > .list-group:first-child .list-group-item:first-child, 5339 | .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child { 5340 | border-top: 0; 5341 | border-top-left-radius: 3px; 5342 | border-top-right-radius: 3px; 5343 | } 5344 | .panel > .list-group:last-child .list-group-item:last-child, 5345 | .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child { 5346 | border-bottom: 0; 5347 | border-bottom-right-radius: 3px; 5348 | border-bottom-left-radius: 3px; 5349 | } 5350 | .panel-heading + .list-group .list-group-item:first-child { 5351 | border-top-width: 0; 5352 | } 5353 | .list-group + .panel-footer { 5354 | border-top-width: 0; 5355 | } 5356 | .panel > .table, 5357 | .panel > .table-responsive > .table, 5358 | .panel > .panel-collapse > .table { 5359 | margin-bottom: 0; 5360 | } 5361 | .panel > .table caption, 5362 | .panel > .table-responsive > .table caption, 5363 | .panel > .panel-collapse > .table caption { 5364 | padding-right: 15px; 5365 | padding-left: 15px; 5366 | } 5367 | .panel > .table:first-child, 5368 | .panel > .table-responsive:first-child > .table:first-child { 5369 | border-top-left-radius: 3px; 5370 | border-top-right-radius: 3px; 5371 | } 5372 | .panel > .table:first-child > thead:first-child > tr:first-child, 5373 | .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, 5374 | .panel > .table:first-child > tbody:first-child > tr:first-child, 5375 | .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child { 5376 | border-top-left-radius: 3px; 5377 | border-top-right-radius: 3px; 5378 | } 5379 | .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, 5380 | .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, 5381 | .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, 5382 | .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, 5383 | .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, 5384 | .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, 5385 | .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, 5386 | .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { 5387 | border-top-left-radius: 3px; 5388 | } 5389 | .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, 5390 | .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, 5391 | .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, 5392 | .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, 5393 | .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, 5394 | .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, 5395 | .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, 5396 | .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { 5397 | border-top-right-radius: 3px; 5398 | } 5399 | .panel > .table:last-child, 5400 | .panel > .table-responsive:last-child > .table:last-child { 5401 | border-bottom-right-radius: 3px; 5402 | border-bottom-left-radius: 3px; 5403 | } 5404 | .panel > .table:last-child > tbody:last-child > tr:last-child, 5405 | .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, 5406 | .panel > .table:last-child > tfoot:last-child > tr:last-child, 5407 | .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child { 5408 | border-bottom-right-radius: 3px; 5409 | border-bottom-left-radius: 3px; 5410 | } 5411 | .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, 5412 | .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, 5413 | .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, 5414 | .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, 5415 | .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, 5416 | .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, 5417 | .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, 5418 | .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { 5419 | border-bottom-left-radius: 3px; 5420 | } 5421 | .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, 5422 | .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, 5423 | .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, 5424 | .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, 5425 | .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, 5426 | .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, 5427 | .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, 5428 | .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { 5429 | border-bottom-right-radius: 3px; 5430 | } 5431 | .panel > .panel-body + .table, 5432 | .panel > .panel-body + .table-responsive, 5433 | .panel > .table + .panel-body, 5434 | .panel > .table-responsive + .panel-body { 5435 | border-top: 1px solid #ddd; 5436 | } 5437 | .panel > .table > tbody:first-child > tr:first-child th, 5438 | .panel > .table > tbody:first-child > tr:first-child td { 5439 | border-top: 0; 5440 | } 5441 | .panel > .table-bordered, 5442 | .panel > .table-responsive > .table-bordered { 5443 | border: 0; 5444 | } 5445 | .panel > .table-bordered > thead > tr > th:first-child, 5446 | .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, 5447 | .panel > .table-bordered > tbody > tr > th:first-child, 5448 | .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, 5449 | .panel > .table-bordered > tfoot > tr > th:first-child, 5450 | .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, 5451 | .panel > .table-bordered > thead > tr > td:first-child, 5452 | .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, 5453 | .panel > .table-bordered > tbody > tr > td:first-child, 5454 | .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, 5455 | .panel > .table-bordered > tfoot > tr > td:first-child, 5456 | .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { 5457 | border-left: 0; 5458 | } 5459 | .panel > .table-bordered > thead > tr > th:last-child, 5460 | .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, 5461 | .panel > .table-bordered > tbody > tr > th:last-child, 5462 | .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, 5463 | .panel > .table-bordered > tfoot > tr > th:last-child, 5464 | .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, 5465 | .panel > .table-bordered > thead > tr > td:last-child, 5466 | .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, 5467 | .panel > .table-bordered > tbody > tr > td:last-child, 5468 | .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, 5469 | .panel > .table-bordered > tfoot > tr > td:last-child, 5470 | .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { 5471 | border-right: 0; 5472 | } 5473 | .panel > .table-bordered > thead > tr:first-child > td, 5474 | .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, 5475 | .panel > .table-bordered > tbody > tr:first-child > td, 5476 | .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, 5477 | .panel > .table-bordered > thead > tr:first-child > th, 5478 | .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, 5479 | .panel > .table-bordered > tbody > tr:first-child > th, 5480 | .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { 5481 | border-bottom: 0; 5482 | } 5483 | .panel > .table-bordered > tbody > tr:last-child > td, 5484 | .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, 5485 | .panel > .table-bordered > tfoot > tr:last-child > td, 5486 | .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, 5487 | .panel > .table-bordered > tbody > tr:last-child > th, 5488 | .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, 5489 | .panel > .table-bordered > tfoot > tr:last-child > th, 5490 | .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { 5491 | border-bottom: 0; 5492 | } 5493 | .panel > .table-responsive { 5494 | margin-bottom: 0; 5495 | border: 0; 5496 | } 5497 | .panel-group { 5498 | margin-bottom: 20px; 5499 | } 5500 | .panel-group .panel { 5501 | margin-bottom: 0; 5502 | border-radius: 4px; 5503 | } 5504 | .panel-group .panel + .panel { 5505 | margin-top: 5px; 5506 | } 5507 | .panel-group .panel-heading { 5508 | border-bottom: 0; 5509 | } 5510 | .panel-group .panel-heading + .panel-collapse > .panel-body, 5511 | .panel-group .panel-heading + .panel-collapse > .list-group { 5512 | border-top: 1px solid #ddd; 5513 | } 5514 | .panel-group .panel-footer { 5515 | border-top: 0; 5516 | } 5517 | .panel-group .panel-footer + .panel-collapse .panel-body { 5518 | border-bottom: 1px solid #ddd; 5519 | } 5520 | .panel-default { 5521 | border-color: #ddd; 5522 | } 5523 | .panel-default > .panel-heading { 5524 | color: #333; 5525 | background-color: #f5f5f5; 5526 | border-color: #ddd; 5527 | } 5528 | .panel-default > .panel-heading + .panel-collapse > .panel-body { 5529 | border-top-color: #ddd; 5530 | } 5531 | .panel-default > .panel-heading .badge { 5532 | color: #f5f5f5; 5533 | background-color: #333; 5534 | } 5535 | .panel-default > .panel-footer + .panel-collapse > .panel-body { 5536 | border-bottom-color: #ddd; 5537 | } 5538 | .panel-primary { 5539 | border-color: #337ab7; 5540 | } 5541 | .panel-primary > .panel-heading { 5542 | color: #fff; 5543 | background-color: #337ab7; 5544 | border-color: #337ab7; 5545 | } 5546 | .panel-primary > .panel-heading + .panel-collapse > .panel-body { 5547 | border-top-color: #337ab7; 5548 | } 5549 | .panel-primary > .panel-heading .badge { 5550 | color: #337ab7; 5551 | background-color: #fff; 5552 | } 5553 | .panel-primary > .panel-footer + .panel-collapse > .panel-body { 5554 | border-bottom-color: #337ab7; 5555 | } 5556 | .panel-success { 5557 | border-color: #d6e9c6; 5558 | } 5559 | .panel-success > .panel-heading { 5560 | color: #3c763d; 5561 | background-color: #dff0d8; 5562 | border-color: #d6e9c6; 5563 | } 5564 | .panel-success > .panel-heading + .panel-collapse > .panel-body { 5565 | border-top-color: #d6e9c6; 5566 | } 5567 | .panel-success > .panel-heading .badge { 5568 | color: #dff0d8; 5569 | background-color: #3c763d; 5570 | } 5571 | .panel-success > .panel-footer + .panel-collapse > .panel-body { 5572 | border-bottom-color: #d6e9c6; 5573 | } 5574 | .panel-info { 5575 | border-color: #bce8f1; 5576 | } 5577 | .panel-info > .panel-heading { 5578 | color: #31708f; 5579 | background-color: #d9edf7; 5580 | border-color: #bce8f1; 5581 | } 5582 | .panel-info > .panel-heading + .panel-collapse > .panel-body { 5583 | border-top-color: #bce8f1; 5584 | } 5585 | .panel-info > .panel-heading .badge { 5586 | color: #d9edf7; 5587 | background-color: #31708f; 5588 | } 5589 | .panel-info > .panel-footer + .panel-collapse > .panel-body { 5590 | border-bottom-color: #bce8f1; 5591 | } 5592 | .panel-warning { 5593 | border-color: #faebcc; 5594 | } 5595 | .panel-warning > .panel-heading { 5596 | color: #8a6d3b; 5597 | background-color: #fcf8e3; 5598 | border-color: #faebcc; 5599 | } 5600 | .panel-warning > .panel-heading + .panel-collapse > .panel-body { 5601 | border-top-color: #faebcc; 5602 | } 5603 | .panel-warning > .panel-heading .badge { 5604 | color: #fcf8e3; 5605 | background-color: #8a6d3b; 5606 | } 5607 | .panel-warning > .panel-footer + .panel-collapse > .panel-body { 5608 | border-bottom-color: #faebcc; 5609 | } 5610 | .panel-danger { 5611 | border-color: #ebccd1; 5612 | } 5613 | .panel-danger > .panel-heading { 5614 | color: #a94442; 5615 | background-color: #f2dede; 5616 | border-color: #ebccd1; 5617 | } 5618 | .panel-danger > .panel-heading + .panel-collapse > .panel-body { 5619 | border-top-color: #ebccd1; 5620 | } 5621 | .panel-danger > .panel-heading .badge { 5622 | color: #f2dede; 5623 | background-color: #a94442; 5624 | } 5625 | .panel-danger > .panel-footer + .panel-collapse > .panel-body { 5626 | border-bottom-color: #ebccd1; 5627 | } 5628 | .embed-responsive { 5629 | position: relative; 5630 | display: block; 5631 | height: 0; 5632 | padding: 0; 5633 | overflow: hidden; 5634 | } 5635 | .embed-responsive .embed-responsive-item, 5636 | .embed-responsive iframe, 5637 | .embed-responsive embed, 5638 | .embed-responsive object, 5639 | .embed-responsive video { 5640 | position: absolute; 5641 | top: 0; 5642 | bottom: 0; 5643 | left: 0; 5644 | width: 100%; 5645 | height: 100%; 5646 | border: 0; 5647 | } 5648 | .embed-responsive.embed-responsive-16by9 { 5649 | padding-bottom: 56.25%; 5650 | } 5651 | .embed-responsive.embed-responsive-4by3 { 5652 | padding-bottom: 75%; 5653 | } 5654 | .well { 5655 | min-height: 20px; 5656 | padding: 19px; 5657 | margin-bottom: 20px; 5658 | background-color: #f5f5f5; 5659 | border: 1px solid #e3e3e3; 5660 | border-radius: 4px; 5661 | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); 5662 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); 5663 | } 5664 | .well blockquote { 5665 | border-color: #ddd; 5666 | border-color: rgba(0, 0, 0, .15); 5667 | } 5668 | .well-lg { 5669 | padding: 24px; 5670 | border-radius: 6px; 5671 | } 5672 | .well-sm { 5673 | padding: 9px; 5674 | border-radius: 3px; 5675 | } 5676 | .close { 5677 | float: right; 5678 | font-size: 21px; 5679 | font-weight: bold; 5680 | line-height: 1; 5681 | color: #000; 5682 | text-shadow: 0 1px 0 #fff; 5683 | filter: alpha(opacity=20); 5684 | opacity: .2; 5685 | } 5686 | .close:hover, 5687 | .close:focus { 5688 | color: #000; 5689 | text-decoration: none; 5690 | cursor: pointer; 5691 | filter: alpha(opacity=50); 5692 | opacity: .5; 5693 | } 5694 | button.close { 5695 | -webkit-appearance: none; 5696 | padding: 0; 5697 | cursor: pointer; 5698 | background: transparent; 5699 | border: 0; 5700 | } 5701 | .modal-open { 5702 | overflow: hidden; 5703 | } 5704 | .modal { 5705 | position: fixed; 5706 | top: 0; 5707 | right: 0; 5708 | bottom: 0; 5709 | left: 0; 5710 | z-index: 1040; 5711 | display: none; 5712 | overflow: hidden; 5713 | -webkit-overflow-scrolling: touch; 5714 | outline: 0; 5715 | } 5716 | .modal.fade .modal-dialog { 5717 | -webkit-transition: -webkit-transform .3s ease-out; 5718 | -o-transition: -o-transform .3s ease-out; 5719 | transition: transform .3s ease-out; 5720 | -webkit-transform: translate(0, -25%); 5721 | -ms-transform: translate(0, -25%); 5722 | -o-transform: translate(0, -25%); 5723 | transform: translate(0, -25%); 5724 | } 5725 | .modal.in .modal-dialog { 5726 | -webkit-transform: translate(0, 0); 5727 | -ms-transform: translate(0, 0); 5728 | -o-transform: translate(0, 0); 5729 | transform: translate(0, 0); 5730 | } 5731 | .modal-open .modal { 5732 | overflow-x: hidden; 5733 | overflow-y: auto; 5734 | } 5735 | .modal-dialog { 5736 | position: relative; 5737 | width: auto; 5738 | margin: 10px; 5739 | } 5740 | .modal-content { 5741 | position: relative; 5742 | background-color: #fff; 5743 | -webkit-background-clip: padding-box; 5744 | background-clip: padding-box; 5745 | border: 1px solid #999; 5746 | border: 1px solid rgba(0, 0, 0, .2); 5747 | border-radius: 6px; 5748 | outline: 0; 5749 | -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); 5750 | box-shadow: 0 3px 9px rgba(0, 0, 0, .5); 5751 | } 5752 | .modal-backdrop { 5753 | position: absolute; 5754 | top: 0; 5755 | right: 0; 5756 | left: 0; 5757 | background-color: #000; 5758 | } 5759 | .modal-backdrop.fade { 5760 | filter: alpha(opacity=0); 5761 | opacity: 0; 5762 | } 5763 | .modal-backdrop.in { 5764 | filter: alpha(opacity=50); 5765 | opacity: .5; 5766 | } 5767 | .modal-header { 5768 | min-height: 16.42857143px; 5769 | padding: 15px; 5770 | border-bottom: 1px solid #e5e5e5; 5771 | } 5772 | .modal-header .close { 5773 | margin-top: -2px; 5774 | } 5775 | .modal-title { 5776 | margin: 0; 5777 | line-height: 1.42857143; 5778 | } 5779 | .modal-body { 5780 | position: relative; 5781 | padding: 15px; 5782 | } 5783 | .modal-footer { 5784 | padding: 15px; 5785 | text-align: right; 5786 | border-top: 1px solid #e5e5e5; 5787 | } 5788 | .modal-footer .btn + .btn { 5789 | margin-bottom: 0; 5790 | margin-left: 5px; 5791 | } 5792 | .modal-footer .btn-group .btn + .btn { 5793 | margin-left: -1px; 5794 | } 5795 | .modal-footer .btn-block + .btn-block { 5796 | margin-left: 0; 5797 | } 5798 | .modal-scrollbar-measure { 5799 | position: absolute; 5800 | top: -9999px; 5801 | width: 50px; 5802 | height: 50px; 5803 | overflow: scroll; 5804 | } 5805 | @media (min-width: 768px) { 5806 | .modal-dialog { 5807 | width: 600px; 5808 | margin: 30px auto; 5809 | } 5810 | .modal-content { 5811 | -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5); 5812 | box-shadow: 0 5px 15px rgba(0, 0, 0, .5); 5813 | } 5814 | .modal-sm { 5815 | width: 300px; 5816 | } 5817 | } 5818 | @media (min-width: 992px) { 5819 | .modal-lg { 5820 | width: 900px; 5821 | } 5822 | } 5823 | .tooltip { 5824 | position: absolute; 5825 | z-index: 1070; 5826 | display: block; 5827 | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 5828 | font-size: 12px; 5829 | font-weight: normal; 5830 | line-height: 1.4; 5831 | visibility: visible; 5832 | filter: alpha(opacity=0); 5833 | opacity: 0; 5834 | } 5835 | .tooltip.in { 5836 | filter: alpha(opacity=90); 5837 | opacity: .9; 5838 | } 5839 | .tooltip.top { 5840 | padding: 5px 0; 5841 | margin-top: -3px; 5842 | } 5843 | .tooltip.right { 5844 | padding: 0 5px; 5845 | margin-left: 3px; 5846 | } 5847 | .tooltip.bottom { 5848 | padding: 5px 0; 5849 | margin-top: 3px; 5850 | } 5851 | .tooltip.left { 5852 | padding: 0 5px; 5853 | margin-left: -3px; 5854 | } 5855 | .tooltip-inner { 5856 | max-width: 200px; 5857 | padding: 3px 8px; 5858 | color: #fff; 5859 | text-align: center; 5860 | text-decoration: none; 5861 | background-color: #000; 5862 | border-radius: 4px; 5863 | } 5864 | .tooltip-arrow { 5865 | position: absolute; 5866 | width: 0; 5867 | height: 0; 5868 | border-color: transparent; 5869 | border-style: solid; 5870 | } 5871 | .tooltip.top .tooltip-arrow { 5872 | bottom: 0; 5873 | left: 50%; 5874 | margin-left: -5px; 5875 | border-width: 5px 5px 0; 5876 | border-top-color: #000; 5877 | } 5878 | .tooltip.top-left .tooltip-arrow { 5879 | right: 5px; 5880 | bottom: 0; 5881 | margin-bottom: -5px; 5882 | border-width: 5px 5px 0; 5883 | border-top-color: #000; 5884 | } 5885 | .tooltip.top-right .tooltip-arrow { 5886 | bottom: 0; 5887 | left: 5px; 5888 | margin-bottom: -5px; 5889 | border-width: 5px 5px 0; 5890 | border-top-color: #000; 5891 | } 5892 | .tooltip.right .tooltip-arrow { 5893 | top: 50%; 5894 | left: 0; 5895 | margin-top: -5px; 5896 | border-width: 5px 5px 5px 0; 5897 | border-right-color: #000; 5898 | } 5899 | .tooltip.left .tooltip-arrow { 5900 | top: 50%; 5901 | right: 0; 5902 | margin-top: -5px; 5903 | border-width: 5px 0 5px 5px; 5904 | border-left-color: #000; 5905 | } 5906 | .tooltip.bottom .tooltip-arrow { 5907 | top: 0; 5908 | left: 50%; 5909 | margin-left: -5px; 5910 | border-width: 0 5px 5px; 5911 | border-bottom-color: #000; 5912 | } 5913 | .tooltip.bottom-left .tooltip-arrow { 5914 | top: 0; 5915 | right: 5px; 5916 | margin-top: -5px; 5917 | border-width: 0 5px 5px; 5918 | border-bottom-color: #000; 5919 | } 5920 | .tooltip.bottom-right .tooltip-arrow { 5921 | top: 0; 5922 | left: 5px; 5923 | margin-top: -5px; 5924 | border-width: 0 5px 5px; 5925 | border-bottom-color: #000; 5926 | } 5927 | .popover { 5928 | position: absolute; 5929 | top: 0; 5930 | left: 0; 5931 | z-index: 1060; 5932 | display: none; 5933 | max-width: 276px; 5934 | padding: 1px; 5935 | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 5936 | font-size: 14px; 5937 | font-weight: normal; 5938 | line-height: 1.42857143; 5939 | text-align: left; 5940 | white-space: normal; 5941 | background-color: #fff; 5942 | -webkit-background-clip: padding-box; 5943 | background-clip: padding-box; 5944 | border: 1px solid #ccc; 5945 | border: 1px solid rgba(0, 0, 0, .2); 5946 | border-radius: 6px; 5947 | -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); 5948 | box-shadow: 0 5px 10px rgba(0, 0, 0, .2); 5949 | } 5950 | .popover.top { 5951 | margin-top: -10px; 5952 | } 5953 | .popover.right { 5954 | margin-left: 10px; 5955 | } 5956 | .popover.bottom { 5957 | margin-top: 10px; 5958 | } 5959 | .popover.left { 5960 | margin-left: -10px; 5961 | } 5962 | .popover-title { 5963 | padding: 8px 14px; 5964 | margin: 0; 5965 | font-size: 14px; 5966 | background-color: #f7f7f7; 5967 | border-bottom: 1px solid #ebebeb; 5968 | border-radius: 5px 5px 0 0; 5969 | } 5970 | .popover-content { 5971 | padding: 9px 14px; 5972 | } 5973 | .popover > .arrow, 5974 | .popover > .arrow:after { 5975 | position: absolute; 5976 | display: block; 5977 | width: 0; 5978 | height: 0; 5979 | border-color: transparent; 5980 | border-style: solid; 5981 | } 5982 | .popover > .arrow { 5983 | border-width: 11px; 5984 | } 5985 | .popover > .arrow:after { 5986 | content: ""; 5987 | border-width: 10px; 5988 | } 5989 | .popover.top > .arrow { 5990 | bottom: -11px; 5991 | left: 50%; 5992 | margin-left: -11px; 5993 | border-top-color: #999; 5994 | border-top-color: rgba(0, 0, 0, .25); 5995 | border-bottom-width: 0; 5996 | } 5997 | .popover.top > .arrow:after { 5998 | bottom: 1px; 5999 | margin-left: -10px; 6000 | content: " "; 6001 | border-top-color: #fff; 6002 | border-bottom-width: 0; 6003 | } 6004 | .popover.right > .arrow { 6005 | top: 50%; 6006 | left: -11px; 6007 | margin-top: -11px; 6008 | border-right-color: #999; 6009 | border-right-color: rgba(0, 0, 0, .25); 6010 | border-left-width: 0; 6011 | } 6012 | .popover.right > .arrow:after { 6013 | bottom: -10px; 6014 | left: 1px; 6015 | content: " "; 6016 | border-right-color: #fff; 6017 | border-left-width: 0; 6018 | } 6019 | .popover.bottom > .arrow { 6020 | top: -11px; 6021 | left: 50%; 6022 | margin-left: -11px; 6023 | border-top-width: 0; 6024 | border-bottom-color: #999; 6025 | border-bottom-color: rgba(0, 0, 0, .25); 6026 | } 6027 | .popover.bottom > .arrow:after { 6028 | top: 1px; 6029 | margin-left: -10px; 6030 | content: " "; 6031 | border-top-width: 0; 6032 | border-bottom-color: #fff; 6033 | } 6034 | .popover.left > .arrow { 6035 | top: 50%; 6036 | right: -11px; 6037 | margin-top: -11px; 6038 | border-right-width: 0; 6039 | border-left-color: #999; 6040 | border-left-color: rgba(0, 0, 0, .25); 6041 | } 6042 | .popover.left > .arrow:after { 6043 | right: 1px; 6044 | bottom: -10px; 6045 | content: " "; 6046 | border-right-width: 0; 6047 | border-left-color: #fff; 6048 | } 6049 | .carousel { 6050 | position: relative; 6051 | } 6052 | .carousel-inner { 6053 | position: relative; 6054 | width: 100%; 6055 | overflow: hidden; 6056 | } 6057 | .carousel-inner > .item { 6058 | position: relative; 6059 | display: none; 6060 | -webkit-transition: .6s ease-in-out left; 6061 | -o-transition: .6s ease-in-out left; 6062 | transition: .6s ease-in-out left; 6063 | } 6064 | .carousel-inner > .item > img, 6065 | .carousel-inner > .item > a > img { 6066 | line-height: 1; 6067 | } 6068 | @media all and (transform-3d), (-webkit-transform-3d) { 6069 | .carousel-inner > .item { 6070 | -webkit-transition: -webkit-transform .6s ease-in-out; 6071 | -o-transition: -o-transform .6s ease-in-out; 6072 | transition: transform .6s ease-in-out; 6073 | 6074 | -webkit-backface-visibility: hidden; 6075 | backface-visibility: hidden; 6076 | -webkit-perspective: 1000; 6077 | perspective: 1000; 6078 | } 6079 | .carousel-inner > .item.next, 6080 | .carousel-inner > .item.active.right { 6081 | left: 0; 6082 | -webkit-transform: translate3d(100%, 0, 0); 6083 | transform: translate3d(100%, 0, 0); 6084 | } 6085 | .carousel-inner > .item.prev, 6086 | .carousel-inner > .item.active.left { 6087 | left: 0; 6088 | -webkit-transform: translate3d(-100%, 0, 0); 6089 | transform: translate3d(-100%, 0, 0); 6090 | } 6091 | .carousel-inner > .item.next.left, 6092 | .carousel-inner > .item.prev.right, 6093 | .carousel-inner > .item.active { 6094 | left: 0; 6095 | -webkit-transform: translate3d(0, 0, 0); 6096 | transform: translate3d(0, 0, 0); 6097 | } 6098 | } 6099 | .carousel-inner > .active, 6100 | .carousel-inner > .next, 6101 | .carousel-inner > .prev { 6102 | display: block; 6103 | } 6104 | .carousel-inner > .active { 6105 | left: 0; 6106 | } 6107 | .carousel-inner > .next, 6108 | .carousel-inner > .prev { 6109 | position: absolute; 6110 | top: 0; 6111 | width: 100%; 6112 | } 6113 | .carousel-inner > .next { 6114 | left: 100%; 6115 | } 6116 | .carousel-inner > .prev { 6117 | left: -100%; 6118 | } 6119 | .carousel-inner > .next.left, 6120 | .carousel-inner > .prev.right { 6121 | left: 0; 6122 | } 6123 | .carousel-inner > .active.left { 6124 | left: -100%; 6125 | } 6126 | .carousel-inner > .active.right { 6127 | left: 100%; 6128 | } 6129 | .carousel-control { 6130 | position: absolute; 6131 | top: 0; 6132 | bottom: 0; 6133 | left: 0; 6134 | width: 15%; 6135 | font-size: 20px; 6136 | color: #fff; 6137 | text-align: center; 6138 | text-shadow: 0 1px 2px rgba(0, 0, 0, .6); 6139 | filter: alpha(opacity=50); 6140 | opacity: .5; 6141 | } 6142 | .carousel-control.left { 6143 | background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); 6144 | background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); 6145 | background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001))); 6146 | background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); 6147 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); 6148 | background-repeat: repeat-x; 6149 | } 6150 | .carousel-control.right { 6151 | right: 0; 6152 | left: auto; 6153 | background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); 6154 | background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); 6155 | background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5))); 6156 | background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); 6157 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); 6158 | background-repeat: repeat-x; 6159 | } 6160 | .carousel-control:hover, 6161 | .carousel-control:focus { 6162 | color: #fff; 6163 | text-decoration: none; 6164 | filter: alpha(opacity=90); 6165 | outline: 0; 6166 | opacity: .9; 6167 | } 6168 | .carousel-control .icon-prev, 6169 | .carousel-control .icon-next, 6170 | .carousel-control .glyphicon-chevron-left, 6171 | .carousel-control .glyphicon-chevron-right { 6172 | position: absolute; 6173 | top: 50%; 6174 | z-index: 5; 6175 | display: inline-block; 6176 | } 6177 | .carousel-control .icon-prev, 6178 | .carousel-control .glyphicon-chevron-left { 6179 | left: 50%; 6180 | margin-left: -10px; 6181 | } 6182 | .carousel-control .icon-next, 6183 | .carousel-control .glyphicon-chevron-right { 6184 | right: 50%; 6185 | margin-right: -10px; 6186 | } 6187 | .carousel-control .icon-prev, 6188 | .carousel-control .icon-next { 6189 | width: 20px; 6190 | height: 20px; 6191 | margin-top: -10px; 6192 | font-family: serif; 6193 | line-height: 1; 6194 | } 6195 | .carousel-control .icon-prev:before { 6196 | content: '\2039'; 6197 | } 6198 | .carousel-control .icon-next:before { 6199 | content: '\203a'; 6200 | } 6201 | .carousel-indicators { 6202 | position: absolute; 6203 | bottom: 10px; 6204 | left: 50%; 6205 | z-index: 15; 6206 | width: 60%; 6207 | padding-left: 0; 6208 | margin-left: -30%; 6209 | text-align: center; 6210 | list-style: none; 6211 | } 6212 | .carousel-indicators li { 6213 | display: inline-block; 6214 | width: 10px; 6215 | height: 10px; 6216 | margin: 1px; 6217 | text-indent: -999px; 6218 | cursor: pointer; 6219 | background-color: #000 \9; 6220 | background-color: rgba(0, 0, 0, 0); 6221 | border: 1px solid #fff; 6222 | border-radius: 10px; 6223 | } 6224 | .carousel-indicators .active { 6225 | width: 12px; 6226 | height: 12px; 6227 | margin: 0; 6228 | background-color: #fff; 6229 | } 6230 | .carousel-caption { 6231 | position: absolute; 6232 | right: 15%; 6233 | bottom: 20px; 6234 | left: 15%; 6235 | z-index: 10; 6236 | padding-top: 20px; 6237 | padding-bottom: 20px; 6238 | color: #fff; 6239 | text-align: center; 6240 | text-shadow: 0 1px 2px rgba(0, 0, 0, .6); 6241 | } 6242 | .carousel-caption .btn { 6243 | text-shadow: none; 6244 | } 6245 | @media screen and (min-width: 768px) { 6246 | .carousel-control .glyphicon-chevron-left, 6247 | .carousel-control .glyphicon-chevron-right, 6248 | .carousel-control .icon-prev, 6249 | .carousel-control .icon-next { 6250 | width: 30px; 6251 | height: 30px; 6252 | margin-top: -15px; 6253 | font-size: 30px; 6254 | } 6255 | .carousel-control .glyphicon-chevron-left, 6256 | .carousel-control .icon-prev { 6257 | margin-left: -15px; 6258 | } 6259 | .carousel-control .glyphicon-chevron-right, 6260 | .carousel-control .icon-next { 6261 | margin-right: -15px; 6262 | } 6263 | .carousel-caption { 6264 | right: 20%; 6265 | left: 20%; 6266 | padding-bottom: 30px; 6267 | } 6268 | .carousel-indicators { 6269 | bottom: 20px; 6270 | } 6271 | } 6272 | .clearfix:before, 6273 | .clearfix:after, 6274 | .dl-horizontal dd:before, 6275 | .dl-horizontal dd:after, 6276 | .container:before, 6277 | .container:after, 6278 | .container-fluid:before, 6279 | .container-fluid:after, 6280 | .row:before, 6281 | .row:after, 6282 | .form-horizontal .form-group:before, 6283 | .form-horizontal .form-group:after, 6284 | .btn-toolbar:before, 6285 | .btn-toolbar:after, 6286 | .btn-group-vertical > .btn-group:before, 6287 | .btn-group-vertical > .btn-group:after, 6288 | .nav:before, 6289 | .nav:after, 6290 | .navbar:before, 6291 | .navbar:after, 6292 | .navbar-header:before, 6293 | .navbar-header:after, 6294 | .navbar-collapse:before, 6295 | .navbar-collapse:after, 6296 | .pager:before, 6297 | .pager:after, 6298 | .panel-body:before, 6299 | .panel-body:after, 6300 | .modal-footer:before, 6301 | .modal-footer:after { 6302 | display: table; 6303 | content: " "; 6304 | } 6305 | .clearfix:after, 6306 | .dl-horizontal dd:after, 6307 | .container:after, 6308 | .container-fluid:after, 6309 | .row:after, 6310 | .form-horizontal .form-group:after, 6311 | .btn-toolbar:after, 6312 | .btn-group-vertical > .btn-group:after, 6313 | .nav:after, 6314 | .navbar:after, 6315 | .navbar-header:after, 6316 | .navbar-collapse:after, 6317 | .pager:after, 6318 | .panel-body:after, 6319 | .modal-footer:after { 6320 | clear: both; 6321 | } 6322 | .center-block { 6323 | display: block; 6324 | margin-right: auto; 6325 | margin-left: auto; 6326 | } 6327 | .pull-right { 6328 | float: right !important; 6329 | } 6330 | .pull-left { 6331 | float: left !important; 6332 | } 6333 | .hide { 6334 | display: none !important; 6335 | } 6336 | .show { 6337 | display: block !important; 6338 | } 6339 | .invisible { 6340 | visibility: hidden; 6341 | } 6342 | .text-hide { 6343 | font: 0/0 a; 6344 | color: transparent; 6345 | text-shadow: none; 6346 | background-color: transparent; 6347 | border: 0; 6348 | } 6349 | .hidden { 6350 | display: none !important; 6351 | visibility: hidden !important; 6352 | } 6353 | .affix { 6354 | position: fixed; 6355 | } 6356 | @-ms-viewport { 6357 | width: device-width; 6358 | } 6359 | .visible-xs, 6360 | .visible-sm, 6361 | .visible-md, 6362 | .visible-lg { 6363 | display: none !important; 6364 | } 6365 | .visible-xs-block, 6366 | .visible-xs-inline, 6367 | .visible-xs-inline-block, 6368 | .visible-sm-block, 6369 | .visible-sm-inline, 6370 | .visible-sm-inline-block, 6371 | .visible-md-block, 6372 | .visible-md-inline, 6373 | .visible-md-inline-block, 6374 | .visible-lg-block, 6375 | .visible-lg-inline, 6376 | .visible-lg-inline-block { 6377 | display: none !important; 6378 | } 6379 | @media (max-width: 767px) { 6380 | .visible-xs { 6381 | display: block !important; 6382 | } 6383 | table.visible-xs { 6384 | display: table; 6385 | } 6386 | tr.visible-xs { 6387 | display: table-row !important; 6388 | } 6389 | th.visible-xs, 6390 | td.visible-xs { 6391 | display: table-cell !important; 6392 | } 6393 | } 6394 | @media (max-width: 767px) { 6395 | .visible-xs-block { 6396 | display: block !important; 6397 | } 6398 | } 6399 | @media (max-width: 767px) { 6400 | .visible-xs-inline { 6401 | display: inline !important; 6402 | } 6403 | } 6404 | @media (max-width: 767px) { 6405 | .visible-xs-inline-block { 6406 | display: inline-block !important; 6407 | } 6408 | } 6409 | @media (min-width: 768px) and (max-width: 991px) { 6410 | .visible-sm { 6411 | display: block !important; 6412 | } 6413 | table.visible-sm { 6414 | display: table; 6415 | } 6416 | tr.visible-sm { 6417 | display: table-row !important; 6418 | } 6419 | th.visible-sm, 6420 | td.visible-sm { 6421 | display: table-cell !important; 6422 | } 6423 | } 6424 | @media (min-width: 768px) and (max-width: 991px) { 6425 | .visible-sm-block { 6426 | display: block !important; 6427 | } 6428 | } 6429 | @media (min-width: 768px) and (max-width: 991px) { 6430 | .visible-sm-inline { 6431 | display: inline !important; 6432 | } 6433 | } 6434 | @media (min-width: 768px) and (max-width: 991px) { 6435 | .visible-sm-inline-block { 6436 | display: inline-block !important; 6437 | } 6438 | } 6439 | @media (min-width: 992px) and (max-width: 1199px) { 6440 | .visible-md { 6441 | display: block !important; 6442 | } 6443 | table.visible-md { 6444 | display: table; 6445 | } 6446 | tr.visible-md { 6447 | display: table-row !important; 6448 | } 6449 | th.visible-md, 6450 | td.visible-md { 6451 | display: table-cell !important; 6452 | } 6453 | } 6454 | @media (min-width: 992px) and (max-width: 1199px) { 6455 | .visible-md-block { 6456 | display: block !important; 6457 | } 6458 | } 6459 | @media (min-width: 992px) and (max-width: 1199px) { 6460 | .visible-md-inline { 6461 | display: inline !important; 6462 | } 6463 | } 6464 | @media (min-width: 992px) and (max-width: 1199px) { 6465 | .visible-md-inline-block { 6466 | display: inline-block !important; 6467 | } 6468 | } 6469 | @media (min-width: 1200px) { 6470 | .visible-lg { 6471 | display: block !important; 6472 | } 6473 | table.visible-lg { 6474 | display: table; 6475 | } 6476 | tr.visible-lg { 6477 | display: table-row !important; 6478 | } 6479 | th.visible-lg, 6480 | td.visible-lg { 6481 | display: table-cell !important; 6482 | } 6483 | } 6484 | @media (min-width: 1200px) { 6485 | .visible-lg-block { 6486 | display: block !important; 6487 | } 6488 | } 6489 | @media (min-width: 1200px) { 6490 | .visible-lg-inline { 6491 | display: inline !important; 6492 | } 6493 | } 6494 | @media (min-width: 1200px) { 6495 | .visible-lg-inline-block { 6496 | display: inline-block !important; 6497 | } 6498 | } 6499 | @media (max-width: 767px) { 6500 | .hidden-xs { 6501 | display: none !important; 6502 | } 6503 | } 6504 | @media (min-width: 768px) and (max-width: 991px) { 6505 | .hidden-sm { 6506 | display: none !important; 6507 | } 6508 | } 6509 | @media (min-width: 992px) and (max-width: 1199px) { 6510 | .hidden-md { 6511 | display: none !important; 6512 | } 6513 | } 6514 | @media (min-width: 1200px) { 6515 | .hidden-lg { 6516 | display: none !important; 6517 | } 6518 | } 6519 | .visible-print { 6520 | display: none !important; 6521 | } 6522 | @media print { 6523 | .visible-print { 6524 | display: block !important; 6525 | } 6526 | table.visible-print { 6527 | display: table; 6528 | } 6529 | tr.visible-print { 6530 | display: table-row !important; 6531 | } 6532 | th.visible-print, 6533 | td.visible-print { 6534 | display: table-cell !important; 6535 | } 6536 | } 6537 | .visible-print-block { 6538 | display: none !important; 6539 | } 6540 | @media print { 6541 | .visible-print-block { 6542 | display: block !important; 6543 | } 6544 | } 6545 | .visible-print-inline { 6546 | display: none !important; 6547 | } 6548 | @media print { 6549 | .visible-print-inline { 6550 | display: inline !important; 6551 | } 6552 | } 6553 | .visible-print-inline-block { 6554 | display: none !important; 6555 | } 6556 | @media print { 6557 | .visible-print-inline-block { 6558 | display: inline-block !important; 6559 | } 6560 | } 6561 | @media print { 6562 | .hidden-print { 6563 | display: none !important; 6564 | } 6565 | } 6566 | /*# sourceMappingURL=bootstrap.css.map */ 6567 | -------------------------------------------------------------------------------- /demo/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Pager demo 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 |
    13 | 14 | 15 | -------------------------------------------------------------------------------- /demo/js/main.jsx: -------------------------------------------------------------------------------- 1 | /* global window = true */ 2 | /* global document = true */ 3 | 4 | import React from 'react'; 5 | import { render } from 'react-dom'; 6 | import Pager from '../../dist/pager.js'; 7 | 8 | class App extends React.Component { 9 | constructor(props) { 10 | super(props); 11 | 12 | this.handlePageChanged = this.handlePageChanged.bind(this); 13 | 14 | this.state = { 15 | total: 11, 16 | current: 7, 17 | visiblePage: 3, 18 | }; 19 | } 20 | 21 | handlePageChanged(newPage) { 22 | this.setState({ current : newPage }); 23 | } 24 | 25 | render() { 26 | return ( 27 | ' }} 32 | onPageChanged={this.handlePageChanged} 33 | /> 34 | ); 35 | } 36 | } 37 | 38 | 39 | window.onload = () => { 40 | render(React.createElement(App), document.querySelector('#app')); 41 | }; 42 | -------------------------------------------------------------------------------- /demo/webpack.config.js: -------------------------------------------------------------------------------- 1 | var path = require('path'); 2 | 3 | module.exports = { 4 | entry: path.resolve(__dirname, './js/main.jsx'), 5 | 6 | output: { 7 | path: __dirname, 8 | filename: 'bundle.js' 9 | }, 10 | 11 | module: { 12 | loaders: [ 13 | { 14 | test: /\.jsx$/, 15 | loader: 'babel-loader' 16 | } 17 | ], 18 | } 19 | }; 20 | -------------------------------------------------------------------------------- /dist/pager.js: -------------------------------------------------------------------------------- 1 | !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):"object"==typeof exports?exports.Pager=t(require("react")):e.Pager=t(e.react)}(this,function(e){return function(e){function t(r){if(n[r])return n[r].exports;var a=n[r]={i:r,l:!1,exports:{}};return e[r].call(a.exports,a,a.exports,t),a.l=!0,a.exports}var n={};return t.m=e,t.c=n,t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=5)}([function(e,t){function n(){throw new Error("setTimeout has not been defined")}function r(){throw new Error("clearTimeout has not been defined")}function a(e){if(c===setTimeout)return setTimeout(e,0);if((c===n||!c)&&setTimeout)return c=setTimeout,setTimeout(e,0);try{return c(e,0)}catch(t){try{return c.call(null,e,0)}catch(t){return c.call(this,e,0)}}}function i(e){if(f===clearTimeout)return clearTimeout(e);if((f===r||!f)&&clearTimeout)return f=clearTimeout,clearTimeout(e);try{return f(e)}catch(t){try{return f.call(null,e)}catch(t){return f.call(this,e)}}}function o(){y&&d&&(y=!1,d.length?h=d.concat(h):v=-1,h.length&&u())}function u(){if(!y){var e=a(o);y=!0;for(var t=h.length;t;){for(d=h,h=[];++v1)for(var n=1;n1?t-1:0),r=1;r2?r-2:0),i=2;i=this.props.total-1}},{key:"isPrevMoreHidden",value:function(){var e=this.calcBlocks();return 1===e.total||0===e.current}},{key:"isNextMoreHidden",value:function(){var e=this.calcBlocks();return 1===e.total||e.current===e.total-1}},{key:"visibleRange",value:function(){var e=this.calcBlocks(),t=e.current*e.size,n=this.props.total-t;return[t+1,t+(n>e.size?e.size:n)+1]}},{key:"handleFirstPage",value:function(){this.isPrevDisabled()||this.handlePageChanged(0)}},{key:"handlePreviousPage",value:function(){this.isPrevDisabled()||this.handlePageChanged(this.props.current-1)}},{key:"handleNextPage",value:function(){this.isNextDisabled()||this.handlePageChanged(this.props.current+1)}},{key:"handleLastPage",value:function(){this.isNextDisabled()||this.handlePageChanged(this.props.total-1)}},{key:"handleMorePrevPages",value:function(){var e=this.calcBlocks();this.handlePageChanged(e.current*e.size-1)}},{key:"handleMoreNextPages",value:function(){var e=this.calcBlocks();this.handlePageChanged((e.current+1)*e.size)}},{key:"handlePageChanged",value:function(e){var t=this.props.onPageChanged;t&&t(e)}},{key:"renderPages",value:function(e){var t=this;return u(e[0],e[1]).map(function(e,n){var r=e-1,a=t.handlePageChanged.bind(t,r),i=t.props.current===r;return c.default.createElement(y,{key:n,index:n,isActive:i,className:"btn-numbered-page",onClick:a},e)})}},{key:"render",value:function(){var e=this.getTitles.bind(this),t="pagination";return this.props.className&&(t+=" "+this.props.className),c.default.createElement("nav",null,c.default.createElement("ul",{className:t},c.default.createElement(y,{className:"btn-first-page",key:"btn-first-page",isDisabled:this.isPrevDisabled(),onClick:this.handleFirstPage},e("first")),c.default.createElement(y,{className:"btn-prev-page",key:"btn-prev-page",isDisabled:this.isPrevDisabled(),onClick:this.handlePreviousPage},e("prev")),c.default.createElement(y,{className:"btn-prev-more",key:"btn-prev-more",isHidden:this.isPrevMoreHidden(),onClick:this.handleMorePrevPages},e("prevSet")),this.renderPages(this.visibleRange()),c.default.createElement(y,{className:"btn-next-more",key:"btn-next-more",isHidden:this.isNextMoreHidden(),onClick:this.handleMoreNextPages},e("nextSet")),c.default.createElement(y,{className:"btn-next-page",key:"btn-next-page",isDisabled:this.isNextDisabled(),onClick:this.handleNextPage},e("next")),c.default.createElement(y,{className:"btn-last-page",key:"btn-last-page",isDisabled:this.isNextDisabled(),onClick:this.handleLastPage},e("last"))))}}]),t}(c.default.Component);h.propTypes={current:p.default.number.isRequired,total:p.default.number.isRequired,visiblePages:p.default.number.isRequired,titles:p.default.object,onPageChanged:p.default.func},h.defaultProps={titles:d};var y=function(e){if(e.isHidden)return null;var t=e.className?e.className+" ":"",n=t+(e.isActive?" active":"")+(e.isDisabled?" disabled":"");return c.default.createElement("li",{key:e.index,className:n},c.default.createElement("a",{onClick:e.onClick},e.children))};y.propTypes={isHidden:p.default.bool,isActive:p.default.bool,isDisabled:p.default.bool,className:p.default.string,onClick:p.default.func},t.default=h},function(t,n){t.exports=e},function(e,t,n){(function(t){if("production"!==t.env.NODE_ENV){var r="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103,a=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===r};e.exports=n(8)(a,!0)}else e.exports=n(10)()}).call(t,n(0))},function(e,t,n){"use strict";(function(t){var r=n(1),a=n(2),i=n(4),o=n(3),u=n(9);e.exports=function(e,n){function s(e){var t=e&&(w&&e[w]||e[T]);if("function"==typeof t)return t}function l(e,t){return e===t?0!==e||1/e==1/t:e!==e&&t!==t}function c(e){this.message=e,this.stack=""}function f(e){function r(r,l,f,p,d,h,y){if(p=p||O,h=h||f,y!==o)if(n)a(!1,"Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types");else if("production"!==t.env.NODE_ENV&&"undefined"!=typeof console){var v=p+":"+f;!u[v]&&s<3&&(i(!1,"You are manually calling a React.PropTypes validation function for the `%s` prop on `%s`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details.",h,p),u[v]=!0,s++)}return null==l[f]?r?new c(null===l[f]?"The "+d+" `"+h+"` is marked as required in `"+p+"`, but its value is `null`.":"The "+d+" `"+h+"` is marked as required in `"+p+"`, but its value is `undefined`."):null:e(l,f,p,d,h)}if("production"!==t.env.NODE_ENV)var u={},s=0;var l=r.bind(null,!1);return l.isRequired=r.bind(null,!0),l}function p(e){function t(t,n,r,a,i,o){var u=t[n];if(x(u)!==e)return new c("Invalid "+a+" `"+i+"` of type `"+k(u)+"` supplied to `"+r+"`, expected `"+e+"`.");return null}return f(t)}function d(e){function t(t,n,r,a,i){if("function"!=typeof e)return new c("Property `"+i+"` of component `"+r+"` has invalid PropType notation inside arrayOf.");var u=t[n];if(!Array.isArray(u)){return new c("Invalid "+a+" `"+i+"` of type `"+x(u)+"` supplied to `"+r+"`, expected an array.")}for(var s=0;s", 21 | "repository": { 22 | "type": "git", 23 | "url": "git@github.com:AZaviruha/pager.git" 24 | }, 25 | "license": "MIT", 26 | "peerDependencies": { 27 | "react": "^15.0.0 || ^16.0.0", 28 | "react-dom": "^15.0.0 || ^16.0.0" 29 | }, 30 | "dependencies": { 31 | "prop-types": "^15.5.10" 32 | }, 33 | "devDependencies": { 34 | "babel-core": "^6.25.0", 35 | "babel-eslint": "^7.2.3", 36 | "babel-loader": "^7.1.0", 37 | "babel-preset-latest": "^6.24.1", 38 | "babel-preset-react": "^6.24.1", 39 | "enzyme": "^2.9.1", 40 | "eslint": "^4.1.1", 41 | "eslint-config-airbnb": "^15.0.1", 42 | "eslint-plugin-import": "^2.6.0", 43 | "eslint-plugin-jsx-a11y": "^5.0.3", 44 | "eslint-plugin-react": "^7.1.0", 45 | "http-server": "^0.10.0", 46 | "jasmine-core": "^2.6.4", 47 | "json-loader": "^0.5.4", 48 | "karma": "^1.7.0", 49 | "karma-chrome-launcher": "^2.2.0", 50 | "karma-firefox-launcher": "^1.0.1", 51 | "karma-jasmine": "^1.1.0", 52 | "karma-phantomjs-launcher": "^1.0.4", 53 | "karma-webpack": "^2.0.3", 54 | "np": "^2.16.0", 55 | "phantomjs-prebuilt": "^2.1.14", 56 | "react": "^15.6.1", 57 | "react-dom": "^15.6.1", 58 | "react-test-renderer": "^15.6.1", 59 | "watchify": "^3.9.0", 60 | "webpack": "^3.0.0" 61 | } 62 | } 63 | -------------------------------------------------------------------------------- /spec/component/pager.jsx: -------------------------------------------------------------------------------- 1 | /* global describe: true */ 2 | /* global it: true */ 3 | /* global expect: true */ 4 | 5 | import React from 'react'; 6 | import { shallow, mount } from 'enzyme'; 7 | import Pager from '../../src/pager.jsx'; 8 | 9 | 10 | describe('react-pager component', () => { 11 | it('should create set of numbered buttons whose length equals to `visiblePages` property', () => { 12 | let pager = generatePager(5, 20, 7); 13 | let numberedPages = pager.find('.btn-numbered-page').length; 14 | 15 | expect(numberedPages).toEqual(7); 16 | 17 | pager = generatePager(5, 20, 10); 18 | numberedPages = pager.find('.btn-numbered-page').length; 19 | 20 | expect(numberedPages).toEqual(10); 21 | 22 | pager = generatePager(5, 20, 0); 23 | numberedPages = pager.find('.btn-numbered-page').length; 24 | 25 | expect(numberedPages).toEqual(0); 26 | }); 27 | 28 | 29 | it('should disable `fistPage` button if `current` equals to `0`', () => { 30 | let pager = generatePager(0, 20, 5); 31 | let btnFirstPage = pager.find('.btn-first-page').first(); 32 | 33 | expect(btnFirstPage.hasClass('disabled')).toBe(true); 34 | 35 | pager = generatePager(1, 20, 5); 36 | btnFirstPage = pager.find('.btn-first-page').first(); 37 | 38 | expect(btnFirstPage.hasClass('disabled')).toBe(false); 39 | }); 40 | 41 | 42 | it('should disable `prevPage` button if `current` equals to `0`', () => { 43 | let pager = generatePager(0, 20, 5); 44 | let btnPrevPage = pager.find('.btn-prev-page').first(); 45 | 46 | expect(btnPrevPage.hasClass('disabled')).toBe(true); 47 | 48 | pager = generatePager(1, 20, 5); 49 | btnPrevPage = pager.find('.btn-prev-page').first(); 50 | 51 | expect(btnPrevPage.hasClass('disabled')).toBe(false); 52 | }); 53 | 54 | 55 | it('should disable `nextPage` button if `current` equals to `total-1`', () => { 56 | let pager = generatePager(19, 20, 5); 57 | let btnNextPage = pager.find('.btn-next-page').first(); 58 | 59 | expect(btnNextPage.hasClass('disabled')).toBe(true); 60 | 61 | pager = generatePager(18, 20, 5); 62 | btnNextPage = pager.find('.btn-next-page').first(); 63 | 64 | expect(btnNextPage.hasClass('disabled')).toBe(false); 65 | }); 66 | 67 | 68 | it('should disable `lastPage` button if `current` equals to `total-1`', () => { 69 | let pager = generatePager(19, 20, 5); 70 | let btnLastPage = pager.find('.btn-last-page').first(); 71 | 72 | expect(btnLastPage.hasClass('disabled')).toBe(true); 73 | 74 | pager = generatePager(18, 20, 5); 75 | btnLastPage = pager.find('.btn-last-page').first(); 76 | 77 | expect(btnLastPage.hasClass('disabled')).toBe(false); 78 | }); 79 | 80 | 81 | it('should increment active button number after click on `nextPage` button', (done) => { 82 | let pager = generatePager(3, 20, 5); 83 | const numberedPages = pager.find('.btn-numbered-page'); 84 | 85 | expect(nth(numberedPages, 'active')).toEqual(3); 86 | 87 | function handler(next) { 88 | expect(next).toEqual(4); 89 | done(); 90 | } 91 | 92 | pager = generatePager(3, 20, 5, handler); 93 | const btnNextPage = pager.find('.btn-next-page').first(); 94 | 95 | btnNextPage.simulate('click'); 96 | }); 97 | 98 | 99 | it('should decrement active button number after click on `prevPage` button', (done) => { 100 | let pager = generatePager(3, 20, 5); 101 | const numberedPages = pager.find('.btn-numbered-page'); 102 | 103 | expect(nth(numberedPages, 'active')).toEqual(3); 104 | 105 | function handler(next) { 106 | expect(next).toEqual(2); 107 | done(); 108 | } 109 | 110 | pager = generatePager(3, 20, 5, handler); 111 | const btnPrevPage = pager.find('.btn-prev-page'); 112 | 113 | btnPrevPage.simulate('click'); 114 | }); 115 | 116 | 117 | it('should return `0` after click on `firstPage` button', (done) => { 118 | let pager = generatePager(3, 20, 5); 119 | const numberedPages = pager.find('.btn-numbered-page'); 120 | 121 | expect(nth(numberedPages, 'active')).toEqual(3); 122 | 123 | 124 | pager = generatePager(3, 20, 5, handler); 125 | const btnFirstPage = pager.find('.btn-first-page').first(); 126 | 127 | function handler(next) { 128 | expect(next).toEqual(0); 129 | done(); 130 | } 131 | 132 | btnFirstPage.simulate('click'); 133 | }); 134 | 135 | 136 | it('should return `total-1` after click on `lastPage` button', (done) => { 137 | let pager = generatePager(3, 20, 5); 138 | const numberedPages = pager.find('.btn-numbered-page'); 139 | 140 | expect(nth(numberedPages, 'active')).toEqual(3); 141 | 142 | pager = generatePager(3, 20, 5, handler); 143 | const btnLastPage = pager.find('.btn-last-page').first(); 144 | 145 | function handler(next) { 146 | expect(next).toEqual(19); 147 | done(); 148 | } 149 | 150 | btnLastPage.simulate('click'); 151 | }); 152 | 153 | 154 | it('should render labels for buttons according to `titles` prop', () => { 155 | const titles = { 156 | first: '|<', 157 | prev: '<', 158 | prevSet: '<#', 159 | nextSet: '#>', 160 | next: '>', 161 | last: '>|', 162 | }; 163 | 164 | const pager = mount( 165 | 171 | ); 172 | 173 | const btnFirstPage = pager.find('.btn-first-page').first(); 174 | const btnPrevPage = pager.find('.btn-prev-page').first(); 175 | const btnPrevSet = pager.find('.btn-prev-more').first(); 176 | const btnNextPage = pager.find('.btn-next-page').first(); 177 | const btnNextSet = pager.find('.btn-next-more').first(); 178 | const btnLastPage = pager.find('.btn-last-page').first(); 179 | 180 | expect(btnFirstPage.find('a').first().text()).toEqual(titles.first); 181 | expect(btnPrevPage.find('a').first().text()).toEqual(titles.prev); 182 | expect(btnPrevSet.find('a').first().text()).toEqual(titles.prevSet); 183 | expect(btnNextSet.find('a').first().text()).toEqual(titles.nextSet); 184 | expect(btnNextPage.find('a').first().text()).toEqual(titles.next); 185 | expect(btnLastPage.find('a').first().text()).toEqual(titles.last); 186 | }); 187 | }); 188 | 189 | 190 | function generatePager(c, t, v, fn) { 191 | /** 192 | * `render` is needed because of combinations of these issues: 193 | * https://github.com/airbnb/enzyme/issues/134 (so we need `mount` to use `.hasClass()`); 194 | * https://github.com/airbnb/enzyme/issues/308#issuecomment-215348290 (so 195 | * we need `shallow` to use `.simulate()`) 196 | */ 197 | const render = fn ? shallow : mount; 198 | 199 | return render( 200 | 206 | ); 207 | } 208 | 209 | 210 | function nth(comps, className) { 211 | let res = -1; 212 | 213 | comps.forEach((node, idx) => { 214 | if (node.hasClass(className)) res = idx; 215 | }); 216 | 217 | return res; 218 | } 219 | -------------------------------------------------------------------------------- /spec/support/jasmine.json: -------------------------------------------------------------------------------- 1 | { 2 | "spec_dir": "spec", 3 | "spec_files": [ 4 | "**/*[sS]pec.js" 5 | ], 6 | "helpers": [ 7 | "helpers/**/*.js" 8 | ] 9 | } 10 | -------------------------------------------------------------------------------- /src/pager.jsx: -------------------------------------------------------------------------------- 1 | /** 2 | * # Stateless Pager component 3 | * 4 | * ## Usage 5 | * ``` 6 | * >>", 15 | * next: "Next", 16 | * last: "Last" 17 | * }} /> 18 | * ``` 19 | * 20 | * ## How it looks like 21 | * ``` 22 | * First | Prev | ... | 6 | 7 | 8 | 9 | ... | Next | Last 23 | * ``` 24 | * 25 | */ 26 | 27 | import React from 'react'; 28 | import PropTypes from 'prop-types'; 29 | 30 | 31 | /** 32 | * ## Constants 33 | */ 34 | const BASE_SHIFT = 0; 35 | const TITLE_SHIFT = 1; 36 | 37 | const TITLES = { 38 | first: 'First', 39 | prev: '\u00AB', 40 | prevSet: '...', 41 | nextSet: '...', 42 | next: '\u00BB', 43 | last: 'Last', 44 | }; 45 | 46 | 47 | /** 48 | * ## Constructor 49 | */ 50 | class Pager extends React.Component { 51 | constructor(props) { 52 | super(props); 53 | 54 | this.handleFirstPage = this.handleFirstPage.bind(this); 55 | this.handlePreviousPage = this.handlePreviousPage.bind(this); 56 | this.handleNextPage = this.handleNextPage.bind(this); 57 | this.handleLastPage = this.handleLastPage.bind(this); 58 | this.handleMorePrevPages = this.handleMorePrevPages.bind(this); 59 | this.handleMoreNextPages = this.handleMoreNextPages.bind(this); 60 | this.handlePageChanged = this.handlePageChanged.bind(this); 61 | } 62 | 63 | /* ========================= HELPERS ==============================*/ 64 | getTitles(key) { 65 | return this.props.titles[key] || TITLES[key]; 66 | } 67 | 68 | /** 69 | * Calculates "blocks" of buttons with page numbers. 70 | */ 71 | calcBlocks() { 72 | const props = this.props; 73 | const total = props.total; 74 | const blockSize = props.visiblePages; 75 | const current = props.current + TITLE_SHIFT; 76 | const blocks = Math.ceil(total / blockSize); 77 | const currBlock = Math.ceil(current / blockSize) - TITLE_SHIFT; 78 | 79 | return { 80 | total: blocks, 81 | current: currBlock, 82 | size: blockSize, 83 | }; 84 | } 85 | 86 | isPrevDisabled() { 87 | return this.props.current <= BASE_SHIFT; 88 | } 89 | 90 | isNextDisabled() { 91 | return this.props.current >= (this.props.total - TITLE_SHIFT); 92 | } 93 | 94 | isPrevMoreHidden() { 95 | const blocks = this.calcBlocks(); 96 | return (blocks.total === TITLE_SHIFT) || (blocks.current === BASE_SHIFT); 97 | } 98 | 99 | isNextMoreHidden() { 100 | const blocks = this.calcBlocks(); 101 | return (blocks.total === TITLE_SHIFT) || (blocks.current === (blocks.total - TITLE_SHIFT)); 102 | } 103 | 104 | visibleRange() { 105 | const blocks = this.calcBlocks(); 106 | const start = blocks.current * blocks.size; 107 | const delta = this.props.total - start; 108 | const end = start + ((delta > blocks.size) ? blocks.size : delta); 109 | 110 | return [start + TITLE_SHIFT, end + TITLE_SHIFT]; 111 | } 112 | 113 | 114 | /* ========================= HANDLERS =============================*/ 115 | handleFirstPage() { 116 | if (!this.isPrevDisabled()) { 117 | this.handlePageChanged(BASE_SHIFT); 118 | } 119 | } 120 | 121 | handlePreviousPage() { 122 | if (!this.isPrevDisabled()) { 123 | this.handlePageChanged(this.props.current - TITLE_SHIFT); 124 | } 125 | } 126 | 127 | handleNextPage() { 128 | if (!this.isNextDisabled()) { 129 | this.handlePageChanged(this.props.current + TITLE_SHIFT); 130 | } 131 | } 132 | 133 | handleLastPage() { 134 | if (!this.isNextDisabled()) { 135 | this.handlePageChanged(this.props.total - TITLE_SHIFT); 136 | } 137 | } 138 | 139 | /** 140 | * Chooses page, that is one before min of currently visible 141 | * pages. 142 | */ 143 | handleMorePrevPages() { 144 | const blocks = this.calcBlocks(); 145 | this.handlePageChanged((blocks.current * blocks.size) - TITLE_SHIFT); 146 | } 147 | 148 | /** 149 | * Chooses page, that is one after max of currently visible 150 | * pages. 151 | */ 152 | handleMoreNextPages() { 153 | const blocks = this.calcBlocks(); 154 | this.handlePageChanged((blocks.current + TITLE_SHIFT) * blocks.size); 155 | } 156 | 157 | handlePageChanged(num) { 158 | const handler = this.props.onPageChanged; 159 | if (handler) handler(num); 160 | } 161 | 162 | 163 | /* ========================= RENDERS ==============================*/ 164 | /** 165 | * ### renderPages() 166 | * Renders block of pages' buttons with numbers. 167 | * @param {Number[]} range - pair of [start, from], `from` - not inclusive. 168 | * @return {React.Element[]} - array of React nodes. 169 | */ 170 | renderPages(pair) { 171 | return range(pair[0], pair[1]).map((num, idx) => { 172 | const current = num - TITLE_SHIFT; 173 | const onClick = this.handlePageChanged.bind(this, current); 174 | const isActive = (this.props.current === current); 175 | 176 | return ( 177 | {num} 184 | ); 185 | }); 186 | } 187 | 188 | 189 | render() { 190 | const titles = this.getTitles.bind(this); 191 | let className = "pagination"; 192 | if (this.props.className) { 193 | className += " " + this.props.className; 194 | } 195 | 196 | return ( 197 | 244 | ); 245 | } 246 | } 247 | 248 | Pager.propTypes = { 249 | current: PropTypes.number.isRequired, 250 | total: PropTypes.number.isRequired, 251 | visiblePages: PropTypes.number.isRequired, 252 | titles: PropTypes.object, 253 | onPageChanged: PropTypes.func, 254 | }; 255 | 256 | Pager.defaultProps = { 257 | titles: TITLES, 258 | }; 259 | 260 | 261 | const Page = (props) => { 262 | if (props.isHidden) return null; 263 | 264 | const baseCss = props.className ? `${props.className} ` : ''; 265 | const fullCss = `${baseCss}${props.isActive ? ' active' : ''}${props.isDisabled ? ' disabled' : ''}`; 266 | 267 | return ( 268 |
  • 269 | {props.children} 270 |
    • 271 | ); 272 | }; 273 | 274 | Page.propTypes = { 275 | isHidden: PropTypes.bool, 276 | isActive: PropTypes.bool, 277 | isDisabled: PropTypes.bool, 278 | className: PropTypes.string, 279 | onClick: PropTypes.func, 280 | }; 281 | 282 | 283 | function range(start, end) { 284 | const res = []; 285 | for (let i = start; i < end; i++) { 286 | res.push(i); 287 | } 288 | 289 | return res; 290 | } 291 | 292 | export default Pager; 293 | -------------------------------------------------------------------------------- /webpack.config.js: -------------------------------------------------------------------------------- 1 | var path = require('path'); 2 | var webpack = require('webpack'); 3 | 4 | var uglify = new webpack.optimize.UglifyJsPlugin({ 5 | compress: { 6 | warnings: false 7 | } 8 | }); 9 | 10 | 11 | module.exports = { 12 | entry: './src/pager.jsx', 13 | 14 | output: { 15 | path: path.resolve(__dirname, 'dist'), 16 | filename: 'pager.js', 17 | 18 | libraryTarget: 'umd', 19 | library: 'Pager' 20 | }, 21 | 22 | externals: { 23 | 'react': true 24 | }, 25 | 26 | module: { 27 | loaders: [ 28 | { 29 | test: /\.jsx$/, 30 | loader: 'babel-loader' 31 | } 32 | ], 33 | }, 34 | 35 | plugins: [uglify] 36 | }; 37 | --------------------------------------------------------------------------------