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

{page.title.rendered}

18 |
19 |
20 | ); 21 | } 22 | } -------------------------------------------------------------------------------- /src/components/Footer.js: -------------------------------------------------------------------------------- 1 | import React, { Component } from 'react'; 2 | 3 | export default class Footer extends Component { 4 | render() { 5 | return ( 6 | 12 | ); 13 | } 14 | } -------------------------------------------------------------------------------- /src/components/Header.js: -------------------------------------------------------------------------------- 1 | import React, { Component } from 'react'; 2 | 3 | export default class Header extends Component { 4 | render() { 5 | return ( 6 |
7 |
8 |

The Bootstrap Blog

9 |

An example blog template built with Bootstrap.

10 |
11 |
12 | ); 13 | } 14 | } -------------------------------------------------------------------------------- /src/components/MainNavigation.js: -------------------------------------------------------------------------------- 1 | import React, { Component } from 'react'; 2 | import { Link } from 'react-router'; 3 | 4 | export default class MainNavigation extends Component { 5 | render() { 6 | return ( 7 |
8 |
9 | 14 |
15 |
16 | ); 17 | } 18 | } -------------------------------------------------------------------------------- /src/components/Post.js: -------------------------------------------------------------------------------- 1 | import React, { Component } from 'react'; 2 | 3 | // Dumb component 4 | export default class Post extends Component { 5 | createMarkup(html) { 6 | return { 7 | __html: html 8 | }; 9 | } 10 | 11 | render() { 12 | const { post } = this.props; 13 | 14 | return ( 15 |
16 |

{post.title.rendered}

17 |

{post.date} Mark

18 | 19 |
20 | 21 |
22 | ); 23 | } 24 | } -------------------------------------------------------------------------------- /src/components/Sidebar.js: -------------------------------------------------------------------------------- 1 | import React, { Component } from 'react'; 2 | 3 | export default class Sidebar extends Component { 4 | render() { 5 | return ( 6 |
7 |
8 |

About

9 |

Etiam porta sem malesuada magna mollis euismod. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur.

10 |
11 |
12 |

Archives

13 |
    14 |
  1. March 2014
    2. 15 |
  2. February 2014
    3. 16 |
  3. January 2014
    4. 17 |
  4. December 2013
    5. 18 |
  5. November 2013
    6. 19 |
  6. October 2013
    7. 20 |
  7. September 2013
    8. 21 |
  8. August 2013
    9. 22 |
  9. July 2013
    10. 23 |
  10. June 2013
    11. 24 |
  11. May 2013
    12. 25 |
  12. April 2013
    13. 26 |
27 |
28 |
29 |

Elsewhere

30 |
    31 |
  1. GitHub
    2. 32 |
  2. Twitter
    3. 33 |
  3. Facebook
    4. 34 |
35 |
36 |
37 | 38 | ); 39 | } 40 | } -------------------------------------------------------------------------------- /src/containers/AboutPageContainer.js: -------------------------------------------------------------------------------- 1 | import React, { Component } from 'react'; 2 | import AboutPage from '../components/AboutPage'; 3 | import { connect } from 'react-redux'; 4 | import { fetchPageIfNeeded } from '../actions'; 5 | import { bindActionCreators } from 'redux'; 6 | import { DEFAULT_PAGE } from '../reducers/pages'; 7 | 8 | const PAGE_NAME = 'about'; 9 | 10 | // Smart component 11 | class AboutPageContainer extends Component { 12 | componentWillMount() { 13 | const { fetchPageIfNeeded } = this.props; 14 | 15 | fetchPageIfNeeded(PAGE_NAME); 16 | } 17 | 18 | render() { 19 | const { page } = this.props; 20 | 21 | return (); 22 | } 23 | } 24 | 25 | function mapStateToProps(state) { 26 | const page = state.pages[PAGE_NAME] || state.pages[DEFAULT_PAGE]; 27 | 28 | return { 29 | page: page 30 | }; 31 | } 32 | // We need to connect it to Redux store 33 | export default connect( 34 | mapStateToProps, 35 | { fetchPageIfNeeded } 36 | )(AboutPageContainer); 37 | 38 | -------------------------------------------------------------------------------- /src/containers/LexiTheme.js: -------------------------------------------------------------------------------- 1 | import { bindActionCreators } from 'redux'; 2 | import React, { Component } from 'react'; 3 | import { connect } from 'react-redux'; 4 | import * as LexiActions from '../actions'; 5 | import MainNavigation from '../components/MainNavigation'; 6 | import Header from '../components/Header'; 7 | import Sidebar from '../components/Sidebar'; 8 | import Footer from '../components/Footer'; 9 | 10 | export default class LexiTheme extends Component { 11 | render() { 12 | return ( 13 |
14 | 15 |
16 |
17 |
18 |
19 | {this.props.children} 20 |
21 | 22 |
23 |
24 |
25 |
26 | ); 27 | } 28 | } 29 | 30 | -------------------------------------------------------------------------------- /src/containers/PostContainer.js: -------------------------------------------------------------------------------- 1 | import React, { Component } from 'react'; 2 | 3 | export default class PostContainer extends Component { 4 | 5 | render() { 6 | 7 | } 8 | 9 | } -------------------------------------------------------------------------------- /src/containers/PostsContainer.js: -------------------------------------------------------------------------------- 1 | import React, { Component } from 'react'; 2 | import { connect } from 'react-redux'; 3 | import { fetchPosts } from '../actions'; 4 | import { Link } from 'react-router'; 5 | import Post from '../components/Post'; 6 | 7 | // Smart component 8 | class PostsContainer extends Component { 9 | componentWillMount() { 10 | const { fetchPosts, pageNum = 1 } = this.props; 11 | 12 | fetchPosts(pageNum); 13 | } 14 | 15 | buildPosts(posts) { 16 | return posts.map(post => 17 | 18 | ); 19 | } 20 | 21 | handlePaginationClick(pageNum) { 22 | console.log('pagination clicked'); 23 | 24 | scroll(0, 0); 25 | 26 | this.props.fetchPosts(pageNum); 27 | } 28 | 29 | buildPagination(pageNum, totalPages) { 30 | const prevText = "Previous"; 31 | const nextText = "Next"; 32 | 33 | let prevLink = { 34 | link: {prevText}, 35 | enabled: false 36 | }; 37 | 38 | let nextLink = { 39 | link: this.handlePaginationClick(pageNum + 1)}>{nextText}, 40 | enabled: true 41 | }; 42 | 43 | if (pageNum > 1 && pageNum < totalPages) { 44 | prevLink.link = this.handlePaginationClick(pageNum - 1)}>{prevText}; 45 | prevLink.enabled = true; 46 | } else if (pageNum == totalPages) { 47 | nextLink.link = {nextText}; 48 | nextLink.enabled = false; 49 | 50 | prevLink.link = this.handlePaginationClick(pageNum - 1)}>{prevText}; 51 | prevLink.enabled = true; 52 | } 53 | 54 | return ( 55 | 64 | ); 65 | } 66 | 67 | componentDidUpdate() { 68 | } 69 | 70 | render() { 71 | const { posts, totalPages, pageNum = 1 } = this.props; 72 | 73 | console.log('PostsContainer:render'); 74 | 75 | return ( 76 |
77 | 78 | {this.buildPosts(posts)} 79 | 80 | {this.buildPagination(parseInt(pageNum), totalPages)} 81 | 82 |
83 | ); 84 | } 85 | } 86 | 87 | function mapStateToProps(state) { 88 | return { 89 | posts: state.posts.posts, 90 | pageNum: state.posts.pageNum, 91 | totalPages: state.posts.totalPages 92 | }; 93 | } 94 | 95 | export default connect( 96 | mapStateToProps, 97 | { fetchPosts } 98 | )(PostsContainer); -------------------------------------------------------------------------------- /src/index.js: -------------------------------------------------------------------------------- 1 | import React, { Component } from 'react'; 2 | import ReactDOM from 'react-dom'; 3 | import createBrowserHistory from 'history/lib/createBrowserHistory'; 4 | import { Provider } from 'react-redux'; 5 | import { Router, Route, IndexRoute } from 'react-router'; 6 | import configureStore from './store/configureStore'; 7 | import LexiTheme from './containers/LexiTheme'; 8 | import PostsContainer from './containers/PostsContainer'; 9 | import PostContainer from './containers/PostContainer'; 10 | import AboutPageContainer from './containers/AboutPageContainer'; 11 | import '../sass/bootstrap.css'; 12 | import '../sass/bootstrap-blog.css'; 13 | 14 | const history = new createBrowserHistory(); 15 | const store = configureStore(); 16 | let rootElement = document.getElementById('root'); 17 | 18 | ReactDOM.render( 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | , 29 | rootElement 30 | ); 31 | 32 | -------------------------------------------------------------------------------- /src/index.template.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | -------------------------------------------------------------------------------- /src/reducers/index.js: -------------------------------------------------------------------------------- 1 | import { combineReducers } from 'redux'; 2 | import pages from './pages'; 3 | import posts from './posts'; 4 | // TODO: try to import * from './' instead of importing individual reducers 5 | 6 | const rootReducer = combineReducers({ 7 | pages, 8 | posts 9 | }); 10 | 11 | export default rootReducer; -------------------------------------------------------------------------------- /src/reducers/pages.js: -------------------------------------------------------------------------------- 1 | import { RECEIVE_PAGE } from '../actions'; 2 | 3 | export const DEFAULT_PAGE = 'defaultPage'; 4 | 5 | let defaultPage = { 6 | content: { 7 | rendered: '' 8 | }, 9 | title: { 10 | rendered: '' 11 | } 12 | }; 13 | 14 | let defaultState = { 15 | [DEFAULT_PAGE]: defaultPage 16 | }; 17 | 18 | export default function pages(state = defaultState, action) { 19 | switch(action.type) { 20 | case RECEIVE_PAGE: 21 | const { pageName, page } = action.payload; 22 | 23 | return Object.assign({}, state, { 24 | [pageName]: page 25 | }); 26 | 27 | default: 28 | return state; 29 | } 30 | } -------------------------------------------------------------------------------- /src/reducers/posts.js: -------------------------------------------------------------------------------- 1 | import { RECEIVE_POSTS } from '../actions'; 2 | 3 | const defaultState = { 4 | posts: [], 5 | pageNum: 1, 6 | totalPages: 1 7 | }; 8 | 9 | export default function posts(state = defaultState, action) { 10 | switch(action.type) { 11 | case RECEIVE_POSTS: 12 | const { pageNum, totalPages, posts } = action.payload; 13 | 14 | return Object.assign({}, state, { 15 | posts: posts, 16 | pageNum: pageNum, 17 | totalPages: parseInt(totalPages) 18 | }); 19 | 20 | default: 21 | return state; 22 | } 23 | 24 | } -------------------------------------------------------------------------------- /src/store/configureStore.js: -------------------------------------------------------------------------------- 1 | import { createStore, applyMiddleware } from 'redux'; 2 | import rootReducer from '../reducers'; 3 | import thunkMiddleware from 'redux-thunk'; 4 | 5 | const createStoreWithMiddleware = applyMiddleware( 6 | thunkMiddleware 7 | )(createStore); 8 | 9 | export default function configureStore(initialState) { 10 | const store = createStoreWithMiddleware(rootReducer, initialState); 11 | 12 | if (module.hot) { 13 | // Enable Webpack hot module replacement for reducers 14 | module.hot.accept('../reducers', () => { 15 | const nextRootReducer = require('../reducers'); 16 | store.replaceReducer(nextRootReducer); 17 | }); 18 | } 19 | 20 | return store; 21 | } 22 | -------------------------------------------------------------------------------- /style.css: -------------------------------------------------------------------------------- 1 | /* 2 | Theme Name: Lexi 3 | Theme URI: https://lexi.lamosty.com/ 4 | Author: Rastislav Lamos 5 | Author URI: https://lamosty.com/ 6 | Description: A single-page WordPress theme powered by WP REST API, React, alt (Flux-like), ES6, webpack and most importantly, Tufte CSS. 7 | Version: 1.0 8 | License: MIT 9 | License URI: http://opensource.org/licenses/MIT 10 | Text Domain: lexi 11 | */ -------------------------------------------------------------------------------- /webpack.config.js: -------------------------------------------------------------------------------- 1 | var path = require('path'); 2 | var webpack = require('webpack'); 3 | var HtmlWebpackPlugin = require('html-webpack-plugin'); 4 | var ExtractTextPlugin = require('extract-text-webpack-plugin'); 5 | 6 | module.exports = { 7 | devtool: 'source-map', 8 | entry: [ 9 | 'webpack-dev-server/client?http://localhost:3000', 10 | 'webpack/hot/only-dev-server', 11 | './src/index' 12 | ], 13 | output: { 14 | path: path.join(__dirname, 'dist'), 15 | filename: 'bundle.js', 16 | publicPath: '/' 17 | }, 18 | plugins: [ 19 | new webpack.HotModuleReplacementPlugin(), 20 | new HtmlWebpackPlugin({ 21 | filename: 'index.html', 22 | template: './src/index.template.html', 23 | inject: true 24 | }), 25 | new webpack.NoErrorsPlugin(), 26 | new ExtractTextPlugin("style.css", { 27 | allChunks: true 28 | }) 29 | ], 30 | module: { 31 | loaders: [ 32 | { 33 | test: /\.js$/, 34 | loaders: ['react-hot', 'babel'], 35 | exclude: /node_modules/, 36 | include: __dirname 37 | }, { 38 | test: /\.css$/, 39 | loader: ExtractTextPlugin.extract("style-loader", "css-loader") 40 | }, { 41 | test: /\.png$/, 42 | loader: "url-loader?limit=100000" 43 | }, { 44 | test: /\.jpg$/, 45 | loader: "file-loader" 46 | }, { 47 | test: /\.(ttf|eot|svg|woff(2)?)(\?[a-z0-9]+)?$/, 48 | loader: 'file-loader' 49 | } 50 | ] 51 | } 52 | }; --------------------------------------------------------------------------------