Talk given at RMACC August 17, 2017 titled "Practical Data Wrangling in Pandas".
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

17033 lines
364 KiB

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta http-equiv="X-UA-Compatible" content="chrome=1" />
  6. <meta name="apple-mobile-web-app-capable" content="yes" />
  7. <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
  8. <title>3_dataframe_operations slides</title>
  9. <script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.1.10/require.min.js"></script>
  10. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
  11. <!-- General and theme style sheets -->
  12. <link rel="stylesheet" href="http://cdn.jsdelivr.net/reveal.js/3.0.0/css/reveal.css">
  13. <link rel="stylesheet" href="http://cdn.jsdelivr.net/reveal.js/3.0.0/css/theme/simple.css" id="theme">
  14. <!-- If the query includes 'print-pdf', include the PDF print sheet -->
  15. <script>
  16. if( window.location.search.match( /print-pdf/gi ) ) {
  17. var link = document.createElement( 'link' );
  18. link.rel = 'stylesheet';
  19. link.type = 'text/css';
  20. link.href = 'http://cdn.jsdelivr.net/reveal.js/3.0.0/css/print/pdf.css';
  21. document.getElementsByTagName( 'head' )[0].appendChild( link );
  22. }
  23. </script>
  24. <!--[if lt IE 9]>
  25. <script src="http://cdn.jsdelivr.net/reveal.js/3.0.0/lib/js/html5shiv.js"></script>
  26. <![endif]-->
  27. <!-- Loading the mathjax macro -->
  28. <!-- Load mathjax -->
  29. <script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML"></script>
  30. <!-- MathJax configuration -->
  31. <script type="text/x-mathjax-config">
  32. MathJax.Hub.Config({
  33. tex2jax: {
  34. inlineMath: [ ['$','$'], ["\\(","\\)"] ],
  35. displayMath: [ ['$$','$$'], ["\\[","\\]"] ],
  36. processEscapes: true,
  37. processEnvironments: true
  38. },
  39. // Center justify equations in code and markdown cells. Elsewhere
  40. // we use CSS to left justify single line equations in code cells.
  41. displayAlign: 'center',
  42. "HTML-CSS": {
  43. styles: {'.MathJax_Display': {"margin": 0}},
  44. linebreaks: { automatic: true }
  45. }
  46. });
  47. </script>
  48. <!-- End of mathjax configuration -->
  49. <!-- Get Font-awesome from cdn -->
  50. <link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.css">
  51. <style type="text/css">
  52. /*!
  53. *
  54. * Twitter Bootstrap
  55. *
  56. */
  57. /*!
  58. * Bootstrap v3.3.7 (http://getbootstrap.com)
  59. * Copyright 2011-2016 Twitter, Inc.
  60. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
  61. */
  62. /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
  63. html {
  64. font-family: sans-serif;
  65. -ms-text-size-adjust: 100%;
  66. -webkit-text-size-adjust: 100%;
  67. }
  68. body {
  69. margin: 0;
  70. }
  71. article,
  72. aside,
  73. details,
  74. figcaption,
  75. figure,
  76. footer,
  77. header,
  78. hgroup,
  79. main,
  80. menu,
  81. nav,
  82. section,
  83. summary {
  84. display: block;
  85. }
  86. audio,
  87. canvas,
  88. progress,
  89. video {
  90. display: inline-block;
  91. vertical-align: baseline;
  92. }
  93. audio:not([controls]) {
  94. display: none;
  95. height: 0;
  96. }
  97. [hidden],
  98. template {
  99. display: none;
  100. }
  101. a {
  102. background-color: transparent;
  103. }
  104. a:active,
  105. a:hover {
  106. outline: 0;
  107. }
  108. abbr[title] {
  109. border-bottom: 1px dotted;
  110. }
  111. b,
  112. strong {
  113. font-weight: bold;
  114. }
  115. dfn {
  116. font-style: italic;
  117. }
  118. h1 {
  119. font-size: 2em;
  120. margin: 0.67em 0;
  121. }
  122. mark {
  123. background: #ff0;
  124. color: #000;
  125. }
  126. small {
  127. font-size: 80%;
  128. }
  129. sub,
  130. sup {
  131. font-size: 75%;
  132. line-height: 0;
  133. position: relative;
  134. vertical-align: baseline;
  135. }
  136. sup {
  137. top: -0.5em;
  138. }
  139. sub {
  140. bottom: -0.25em;
  141. }
  142. img {
  143. border: 0;
  144. }
  145. svg:not(:root) {
  146. overflow: hidden;
  147. }
  148. figure {
  149. margin: 1em 40px;
  150. }
  151. hr {
  152. box-sizing: content-box;
  153. height: 0;
  154. }
  155. pre {
  156. overflow: auto;
  157. }
  158. code,
  159. kbd,
  160. pre,
  161. samp {
  162. font-family: monospace, monospace;
  163. font-size: 1em;
  164. }
  165. button,
  166. input,
  167. optgroup,
  168. select,
  169. textarea {
  170. color: inherit;
  171. font: inherit;
  172. margin: 0;
  173. }
  174. button {
  175. overflow: visible;
  176. }
  177. button,
  178. select {
  179. text-transform: none;
  180. }
  181. button,
  182. html input[type="button"],
  183. input[type="reset"],
  184. input[type="submit"] {
  185. -webkit-appearance: button;
  186. cursor: pointer;
  187. }
  188. button[disabled],
  189. html input[disabled] {
  190. cursor: default;
  191. }
  192. button::-moz-focus-inner,
  193. input::-moz-focus-inner {
  194. border: 0;
  195. padding: 0;
  196. }
  197. input {
  198. line-height: normal;
  199. }
  200. input[type="checkbox"],
  201. input[type="radio"] {
  202. box-sizing: border-box;
  203. padding: 0;
  204. }
  205. input[type="number"]::-webkit-inner-spin-button,
  206. input[type="number"]::-webkit-outer-spin-button {
  207. height: auto;
  208. }
  209. input[type="search"] {
  210. -webkit-appearance: textfield;
  211. box-sizing: content-box;
  212. }
  213. input[type="search"]::-webkit-search-cancel-button,
  214. input[type="search"]::-webkit-search-decoration {
  215. -webkit-appearance: none;
  216. }
  217. fieldset {
  218. border: 1px solid #c0c0c0;
  219. margin: 0 2px;
  220. padding: 0.35em 0.625em 0.75em;
  221. }
  222. legend {
  223. border: 0;
  224. padding: 0;
  225. }
  226. textarea {
  227. overflow: auto;
  228. }
  229. optgroup {
  230. font-weight: bold;
  231. }
  232. table {
  233. border-collapse: collapse;
  234. border-spacing: 0;
  235. }
  236. td,
  237. th {
  238. padding: 0;
  239. }
  240. /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
  241. @media print {
  242. *,
  243. *:before,
  244. *:after {
  245. background: transparent !important;
  246. color: #000 !important;
  247. box-shadow: none !important;
  248. text-shadow: none !important;
  249. }
  250. a,
  251. a:visited {
  252. text-decoration: underline;
  253. }
  254. a[href]:after {
  255. content: " (" attr(href) ")";
  256. }
  257. abbr[title]:after {
  258. content: " (" attr(title) ")";
  259. }
  260. a[href^="#"]:after,
  261. a[href^="javascript:"]:after {
  262. content: "";
  263. }
  264. pre,
  265. blockquote {
  266. border: 1px solid #999;
  267. page-break-inside: avoid;
  268. }
  269. thead {
  270. display: table-header-group;
  271. }
  272. tr,
  273. img {
  274. page-break-inside: avoid;
  275. }
  276. img {
  277. max-width: 100% !important;
  278. }
  279. p,
  280. h2,
  281. h3 {
  282. orphans: 3;
  283. widows: 3;
  284. }
  285. h2,
  286. h3 {
  287. page-break-after: avoid;
  288. }
  289. .navbar {
  290. display: none;
  291. }
  292. .btn > .caret,
  293. .dropup > .btn > .caret {
  294. border-top-color: #000 !important;
  295. }
  296. .label {
  297. border: 1px solid #000;
  298. }
  299. .table {
  300. border-collapse: collapse !important;
  301. }
  302. .table td,
  303. .table th {
  304. background-color: #fff !important;
  305. }
  306. .table-bordered th,
  307. .table-bordered td {
  308. border: 1px solid #ddd !important;
  309. }
  310. }
  311. @font-face {
  312. font-family: 'Glyphicons Halflings';
  313. src: url('../components/bootstrap/fonts/glyphicons-halflings-regular.eot');
  314. src: url('../components/bootstrap/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../components/bootstrap/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../components/bootstrap/fonts/glyphicons-halflings-regular.woff') format('woff'), url('../components/bootstrap/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../components/bootstrap/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
  315. }
  316. .glyphicon {
  317. position: relative;
  318. top: 1px;
  319. display: inline-block;
  320. font-family: 'Glyphicons Halflings';
  321. font-style: normal;
  322. font-weight: normal;
  323. line-height: 1;
  324. -webkit-font-smoothing: antialiased;
  325. -moz-osx-font-smoothing: grayscale;
  326. }
  327. .glyphicon-asterisk:before {
  328. content: "\002a";
  329. }
  330. .glyphicon-plus:before {
  331. content: "\002b";
  332. }
  333. .glyphicon-euro:before,
  334. .glyphicon-eur:before {
  335. content: "\20ac";
  336. }
  337. .glyphicon-minus:before {
  338. content: "\2212";
  339. }
  340. .glyphicon-cloud:before {
  341. content: "\2601";
  342. }
  343. .glyphicon-envelope:before {
  344. content: "\2709";
  345. }
  346. .glyphicon-pencil:before {
  347. content: "\270f";
  348. }
  349. .glyphicon-glass:before {
  350. content: "\e001";
  351. }
  352. .glyphicon-music:before {
  353. content: "\e002";
  354. }
  355. .glyphicon-search:before {
  356. content: "\e003";
  357. }
  358. .glyphicon-heart:before {
  359. content: "\e005";
  360. }
  361. .glyphicon-star:before {
  362. content: "\e006";
  363. }
  364. .glyphicon-star-empty:before {
  365. content: "\e007";
  366. }
  367. .glyphicon-user:before {
  368. content: "\e008";
  369. }
  370. .glyphicon-film:before {
  371. content: "\e009";
  372. }
  373. .glyphicon-th-large:before {
  374. content: "\e010";
  375. }
  376. .glyphicon-th:before {
  377. content: "\e011";
  378. }
  379. .glyphicon-th-list:before {
  380. content: "\e012";
  381. }
  382. .glyphicon-ok:before {
  383. content: "\e013";
  384. }
  385. .glyphicon-remove:before {
  386. content: "\e014";
  387. }
  388. .glyphicon-zoom-in:before {
  389. content: "\e015";
  390. }
  391. .glyphicon-zoom-out:before {
  392. content: "\e016";
  393. }
  394. .glyphicon-off:before {
  395. content: "\e017";
  396. }
  397. .glyphicon-signal:before {
  398. content: "\e018";
  399. }
  400. .glyphicon-cog:before {
  401. content: "\e019";
  402. }
  403. .glyphicon-trash:before {
  404. content: "\e020";
  405. }
  406. .glyphicon-home:before {
  407. content: "\e021";
  408. }
  409. .glyphicon-file:before {
  410. content: "\e022";
  411. }
  412. .glyphicon-time:before {
  413. content: "\e023";
  414. }
  415. .glyphicon-road:before {
  416. content: "\e024";
  417. }
  418. .glyphicon-download-alt:before {
  419. content: "\e025";
  420. }
  421. .glyphicon-download:before {
  422. content: "\e026";
  423. }
  424. .glyphicon-upload:before {
  425. content: "\e027";
  426. }
  427. .glyphicon-inbox:before {
  428. content: "\e028";
  429. }
  430. .glyphicon-play-circle:before {
  431. content: "\e029";
  432. }
  433. .glyphicon-repeat:before {
  434. content: "\e030";
  435. }
  436. .glyphicon-refresh:before {
  437. content: "\e031";
  438. }
  439. .glyphicon-list-alt:before {
  440. content: "\e032";
  441. }
  442. .glyphicon-lock:before {
  443. content: "\e033";
  444. }
  445. .glyphicon-flag:before {
  446. content: "\e034";
  447. }
  448. .glyphicon-headphones:before {
  449. content: "\e035";
  450. }
  451. .glyphicon-volume-off:before {
  452. content: "\e036";
  453. }
  454. .glyphicon-volume-down:before {
  455. content: "\e037";
  456. }
  457. .glyphicon-volume-up:before {
  458. content: "\e038";
  459. }
  460. .glyphicon-qrcode:before {
  461. content: "\e039";
  462. }
  463. .glyphicon-barcode:before {
  464. content: "\e040";
  465. }
  466. .glyphicon-tag:before {
  467. content: "\e041";
  468. }
  469. .glyphicon-tags:before {
  470. content: "\e042";
  471. }
  472. .glyphicon-book:before {
  473. content: "\e043";
  474. }
  475. .glyphicon-bookmark:before {
  476. content: "\e044";
  477. }
  478. .glyphicon-print:before {
  479. content: "\e045";
  480. }
  481. .glyphicon-camera:before {
  482. content: "\e046";
  483. }
  484. .glyphicon-font:before {
  485. content: "\e047";
  486. }
  487. .glyphicon-bold:before {
  488. content: "\e048";
  489. }
  490. .glyphicon-italic:before {
  491. content: "\e049";
  492. }
  493. .glyphicon-text-height:before {
  494. content: "\e050";
  495. }
  496. .glyphicon-text-width:before {
  497. content: "\e051";
  498. }
  499. .glyphicon-align-left:before {
  500. content: "\e052";
  501. }
  502. .glyphicon-align-center:before {
  503. content: "\e053";
  504. }
  505. .glyphicon-align-right:before {
  506. content: "\e054";
  507. }
  508. .glyphicon-align-justify:before {
  509. content: "\e055";
  510. }
  511. .glyphicon-list:before {
  512. content: "\e056";
  513. }
  514. .glyphicon-indent-left:before {
  515. content: "\e057";
  516. }
  517. .glyphicon-indent-right:before {
  518. content: "\e058";
  519. }
  520. .glyphicon-facetime-video:before {
  521. content: "\e059";
  522. }
  523. .glyphicon-picture:before {
  524. content: "\e060";
  525. }
  526. .glyphicon-map-marker:before {
  527. content: "\e062";
  528. }
  529. .glyphicon-adjust:before {
  530. content: "\e063";
  531. }
  532. .glyphicon-tint:before {
  533. content: "\e064";
  534. }
  535. .glyphicon-edit:before {
  536. content: "\e065";
  537. }
  538. .glyphicon-share:before {
  539. content: "\e066";
  540. }
  541. .glyphicon-check:before {
  542. content: "\e067";
  543. }
  544. .glyphicon-move:before {
  545. content: "\e068";
  546. }
  547. .glyphicon-step-backward:before {
  548. content: "\e069";
  549. }
  550. .glyphicon-fast-backward:before {
  551. content: "\e070";
  552. }
  553. .glyphicon-backward:before {
  554. content: "\e071";
  555. }
  556. .glyphicon-play:before {
  557. content: "\e072";
  558. }
  559. .glyphicon-pause:before {
  560. content: "\e073";
  561. }
  562. .glyphicon-stop:before {
  563. content: "\e074";
  564. }
  565. .glyphicon-forward:before {
  566. content: "\e075";
  567. }
  568. .glyphicon-fast-forward:before {
  569. content: "\e076";
  570. }
  571. .glyphicon-step-forward:before {
  572. content: "\e077";
  573. }
  574. .glyphicon-eject:before {
  575. content: "\e078";
  576. }
  577. .glyphicon-chevron-left:before {
  578. content: "\e079";
  579. }
  580. .glyphicon-chevron-right:before {
  581. content: "\e080";
  582. }
  583. .glyphicon-plus-sign:before {
  584. content: "\e081";
  585. }
  586. .glyphicon-minus-sign:before {
  587. content: "\e082";
  588. }
  589. .glyphicon-remove-sign:before {
  590. content: "\e083";
  591. }
  592. .glyphicon-ok-sign:before {
  593. content: "\e084";
  594. }
  595. .glyphicon-question-sign:before {
  596. content: "\e085";
  597. }
  598. .glyphicon-info-sign:before {
  599. content: "\e086";
  600. }
  601. .glyphicon-screenshot:before {
  602. content: "\e087";
  603. }
  604. .glyphicon-remove-circle:before {
  605. content: "\e088";
  606. }
  607. .glyphicon-ok-circle:before {
  608. content: "\e089";
  609. }
  610. .glyphicon-ban-circle:before {
  611. content: "\e090";
  612. }
  613. .glyphicon-arrow-left:before {
  614. content: "\e091";
  615. }
  616. .glyphicon-arrow-right:before {
  617. content: "\e092";
  618. }
  619. .glyphicon-arrow-up:before {
  620. content: "\e093";
  621. }
  622. .glyphicon-arrow-down:before {
  623. content: "\e094";
  624. }
  625. .glyphicon-share-alt:before {
  626. content: "\e095";
  627. }
  628. .glyphicon-resize-full:before {
  629. content: "\e096";
  630. }
  631. .glyphicon-resize-small:before {
  632. content: "\e097";
  633. }
  634. .glyphicon-exclamation-sign:before {
  635. content: "\e101";
  636. }
  637. .glyphicon-gift:before {
  638. content: "\e102";
  639. }
  640. .glyphicon-leaf:before {
  641. content: "\e103";
  642. }
  643. .glyphicon-fire:before {
  644. content: "\e104";
  645. }
  646. .glyphicon-eye-open:before {
  647. content: "\e105";
  648. }
  649. .glyphicon-eye-close:before {
  650. content: "\e106";
  651. }
  652. .glyphicon-warning-sign:before {
  653. content: "\e107";
  654. }
  655. .glyphicon-plane:before {
  656. content: "\e108";
  657. }
  658. .glyphicon-calendar:before {
  659. content: "\e109";
  660. }
  661. .glyphicon-random:before {
  662. content: "\e110";
  663. }
  664. .glyphicon-comment:before {
  665. content: "\e111";
  666. }
  667. .glyphicon-magnet:before {
  668. content: "\e112";
  669. }
  670. .glyphicon-chevron-up:before {
  671. content: "\e113";
  672. }
  673. .glyphicon-chevron-down:before {
  674. content: "\e114";
  675. }
  676. .glyphicon-retweet:before {
  677. content: "\e115";
  678. }
  679. .glyphicon-shopping-cart:before {
  680. content: "\e116";
  681. }
  682. .glyphicon-folder-close:before {
  683. content: "\e117";
  684. }
  685. .glyphicon-folder-open:before {
  686. content: "\e118";
  687. }
  688. .glyphicon-resize-vertical:before {
  689. content: "\e119";
  690. }
  691. .glyphicon-resize-horizontal:before {
  692. content: "\e120";
  693. }
  694. .glyphicon-hdd:before {
  695. content: "\e121";
  696. }
  697. .glyphicon-bullhorn:before {
  698. content: "\e122";
  699. }
  700. .glyphicon-bell:before {
  701. content: "\e123";
  702. }
  703. .glyphicon-certificate:before {
  704. content: "\e124";
  705. }
  706. .glyphicon-thumbs-up:before {
  707. content: "\e125";
  708. }
  709. .glyphicon-thumbs-down:before {
  710. content: "\e126";
  711. }
  712. .glyphicon-hand-right:before {
  713. content: "\e127";
  714. }
  715. .glyphicon-hand-left:before {
  716. content: "\e128";
  717. }
  718. .glyphicon-hand-up:before {
  719. content: "\e129";
  720. }
  721. .glyphicon-hand-down:before {
  722. content: "\e130";
  723. }
  724. .glyphicon-circle-arrow-right:before {
  725. content: "\e131";
  726. }
  727. .glyphicon-circle-arrow-left:before {
  728. content: "\e132";
  729. }
  730. .glyphicon-circle-arrow-up:before {
  731. content: "\e133";
  732. }
  733. .glyphicon-circle-arrow-down:before {
  734. content: "\e134";
  735. }
  736. .glyphicon-globe:before {
  737. content: "\e135";
  738. }
  739. .glyphicon-wrench:before {
  740. content: "\e136";
  741. }
  742. .glyphicon-tasks:before {
  743. content: "\e137";
  744. }
  745. .glyphicon-filter:before {
  746. content: "\e138";
  747. }
  748. .glyphicon-briefcase:before {
  749. content: "\e139";
  750. }
  751. .glyphicon-fullscreen:before {
  752. content: "\e140";
  753. }
  754. .glyphicon-dashboard:before {
  755. content: "\e141";
  756. }
  757. .glyphicon-paperclip:before {
  758. content: "\e142";
  759. }
  760. .glyphicon-heart-empty:before {
  761. content: "\e143";
  762. }
  763. .glyphicon-link:before {
  764. content: "\e144";
  765. }
  766. .glyphicon-phone:before {
  767. content: "\e145";
  768. }
  769. .glyphicon-pushpin:before {
  770. content: "\e146";
  771. }
  772. .glyphicon-usd:before {
  773. content: "\e148";
  774. }
  775. .glyphicon-gbp:before {
  776. content: "\e149";
  777. }
  778. .glyphicon-sort:before {
  779. content: "\e150";
  780. }
  781. .glyphicon-sort-by-alphabet:before {
  782. content: "\e151";
  783. }
  784. .glyphicon-sort-by-alphabet-alt:before {
  785. content: "\e152";
  786. }
  787. .glyphicon-sort-by-order:before {
  788. content: "\e153";
  789. }
  790. .glyphicon-sort-by-order-alt:before {
  791. content: "\e154";
  792. }
  793. .glyphicon-sort-by-attributes:before {
  794. content: "\e155";
  795. }
  796. .glyphicon-sort-by-attributes-alt:before {
  797. content: "\e156";
  798. }
  799. .glyphicon-unchecked:before {
  800. content: "\e157";
  801. }
  802. .glyphicon-expand:before {
  803. content: "\e158";
  804. }
  805. .glyphicon-collapse-down:before {
  806. content: "\e159";
  807. }
  808. .glyphicon-collapse-up:before {
  809. content: "\e160";
  810. }
  811. .glyphicon-log-in:before {
  812. content: "\e161";
  813. }
  814. .glyphicon-flash:before {
  815. content: "\e162";
  816. }
  817. .glyphicon-log-out:before {
  818. content: "\e163";
  819. }
  820. .glyphicon-new-window:before {
  821. content: "\e164";
  822. }
  823. .glyphicon-record:before {
  824. content: "\e165";
  825. }
  826. .glyphicon-save:before {
  827. content: "\e166";
  828. }
  829. .glyphicon-open:before {
  830. content: "\e167";
  831. }
  832. .glyphicon-saved:before {
  833. content: "\e168";
  834. }
  835. .glyphicon-import:before {
  836. content: "\e169";
  837. }
  838. .glyphicon-export:before {
  839. content: "\e170";
  840. }
  841. .glyphicon-send:before {
  842. content: "\e171";
  843. }
  844. .glyphicon-floppy-disk:before {
  845. content: "\e172";
  846. }
  847. .glyphicon-floppy-saved:before {
  848. content: "\e173";
  849. }
  850. .glyphicon-floppy-remove:before {
  851. content: "\e174";
  852. }
  853. .glyphicon-floppy-save:before {
  854. content: "\e175";
  855. }
  856. .glyphicon-floppy-open:before {
  857. content: "\e176";
  858. }
  859. .glyphicon-credit-card:before {
  860. content: "\e177";
  861. }
  862. .glyphicon-transfer:before {
  863. content: "\e178";
  864. }
  865. .glyphicon-cutlery:before {
  866. content: "\e179";
  867. }
  868. .glyphicon-header:before {
  869. content: "\e180";
  870. }
  871. .glyphicon-compressed:before {
  872. content: "\e181";
  873. }
  874. .glyphicon-earphone:before {
  875. content: "\e182";
  876. }
  877. .glyphicon-phone-alt:before {
  878. content: "\e183";
  879. }
  880. .glyphicon-tower:before {
  881. content: "\e184";
  882. }
  883. .glyphicon-stats:before {
  884. content: "\e185";
  885. }
  886. .glyphicon-sd-video:before {
  887. content: "\e186";
  888. }
  889. .glyphicon-hd-video:before {
  890. content: "\e187";
  891. }
  892. .glyphicon-subtitles:before {
  893. content: "\e188";
  894. }
  895. .glyphicon-sound-stereo:before {
  896. content: "\e189";
  897. }
  898. .glyphicon-sound-dolby:before {
  899. content: "\e190";
  900. }
  901. .glyphicon-sound-5-1:before {
  902. content: "\e191";
  903. }
  904. .glyphicon-sound-6-1:before {
  905. content: "\e192";
  906. }
  907. .glyphicon-sound-7-1:before {
  908. content: "\e193";
  909. }
  910. .glyphicon-copyright-mark:before {
  911. content: "\e194";
  912. }
  913. .glyphicon-registration-mark:before {
  914. content: "\e195";
  915. }
  916. .glyphicon-cloud-download:before {
  917. content: "\e197";
  918. }
  919. .glyphicon-cloud-upload:before {
  920. content: "\e198";
  921. }
  922. .glyphicon-tree-conifer:before {
  923. content: "\e199";
  924. }
  925. .glyphicon-tree-deciduous:before {
  926. content: "\e200";
  927. }
  928. .glyphicon-cd:before {
  929. content: "\e201";
  930. }
  931. .glyphicon-save-file:before {
  932. content: "\e202";
  933. }
  934. .glyphicon-open-file:before {
  935. content: "\e203";
  936. }
  937. .glyphicon-level-up:before {
  938. content: "\e204";
  939. }
  940. .glyphicon-copy:before {
  941. content: "\e205";
  942. }
  943. .glyphicon-paste:before {
  944. content: "\e206";
  945. }
  946. .glyphicon-alert:before {
  947. content: "\e209";
  948. }
  949. .glyphicon-equalizer:before {
  950. content: "\e210";
  951. }
  952. .glyphicon-king:before {
  953. content: "\e211";
  954. }
  955. .glyphicon-queen:before {
  956. content: "\e212";
  957. }
  958. .glyphicon-pawn:before {
  959. content: "\e213";
  960. }
  961. .glyphicon-bishop:before {
  962. content: "\e214";
  963. }
  964. .glyphicon-knight:before {
  965. content: "\e215";
  966. }
  967. .glyphicon-baby-formula:before {
  968. content: "\e216";
  969. }
  970. .glyphicon-tent:before {
  971. content: "\26fa";
  972. }
  973. .glyphicon-blackboard:before {
  974. content: "\e218";
  975. }
  976. .glyphicon-bed:before {
  977. content: "\e219";
  978. }
  979. .glyphicon-apple:before {
  980. content: "\f8ff";
  981. }
  982. .glyphicon-erase:before {
  983. content: "\e221";
  984. }
  985. .glyphicon-hourglass:before {
  986. content: "\231b";
  987. }
  988. .glyphicon-lamp:before {
  989. content: "\e223";
  990. }
  991. .glyphicon-duplicate:before {
  992. content: "\e224";
  993. }
  994. .glyphicon-piggy-bank:before {
  995. content: "\e225";
  996. }
  997. .glyphicon-scissors:before {
  998. content: "\e226";
  999. }
  1000. .glyphicon-bitcoin:before {
  1001. content: "\e227";
  1002. }
  1003. .glyphicon-btc:before {
  1004. content: "\e227";
  1005. }
  1006. .glyphicon-xbt:before {
  1007. content: "\e227";
  1008. }
  1009. .glyphicon-yen:before {
  1010. content: "\00a5";
  1011. }
  1012. .glyphicon-jpy:before {
  1013. content: "\00a5";
  1014. }
  1015. .glyphicon-ruble:before {
  1016. content: "\20bd";
  1017. }
  1018. .glyphicon-rub:before {
  1019. content: "\20bd";
  1020. }
  1021. .glyphicon-scale:before {
  1022. content: "\e230";
  1023. }
  1024. .glyphicon-ice-lolly:before {
  1025. content: "\e231";
  1026. }
  1027. .glyphicon-ice-lolly-tasted:before {
  1028. content: "\e232";
  1029. }
  1030. .glyphicon-education:before {
  1031. content: "\e233";
  1032. }
  1033. .glyphicon-option-horizontal:before {
  1034. content: "\e234";
  1035. }
  1036. .glyphicon-option-vertical:before {
  1037. content: "\e235";
  1038. }
  1039. .glyphicon-menu-hamburger:before {
  1040. content: "\e236";
  1041. }
  1042. .glyphicon-modal-window:before {
  1043. content: "\e237";
  1044. }
  1045. .glyphicon-oil:before {
  1046. content: "\e238";
  1047. }
  1048. .glyphicon-grain:before {
  1049. content: "\e239";
  1050. }
  1051. .glyphicon-sunglasses:before {
  1052. content: "\e240";
  1053. }
  1054. .glyphicon-text-size:before {
  1055. content: "\e241";
  1056. }
  1057. .glyphicon-text-color:before {
  1058. content: "\e242";
  1059. }
  1060. .glyphicon-text-background:before {
  1061. content: "\e243";
  1062. }
  1063. .glyphicon-object-align-top:before {
  1064. content: "\e244";
  1065. }
  1066. .glyphicon-object-align-bottom:before {
  1067. content: "\e245";
  1068. }
  1069. .glyphicon-object-align-horizontal:before {
  1070. content: "\e246";
  1071. }
  1072. .glyphicon-object-align-left:before {
  1073. content: "\e247";
  1074. }
  1075. .glyphicon-object-align-vertical:before {
  1076. content: "\e248";
  1077. }
  1078. .glyphicon-object-align-right:before {
  1079. content: "\e249";
  1080. }
  1081. .glyphicon-triangle-right:before {
  1082. content: "\e250";
  1083. }
  1084. .glyphicon-triangle-left:before {
  1085. content: "\e251";
  1086. }
  1087. .glyphicon-triangle-bottom:before {
  1088. content: "\e252";
  1089. }
  1090. .glyphicon-triangle-top:before {
  1091. content: "\e253";
  1092. }
  1093. .glyphicon-console:before {
  1094. content: "\e254";
  1095. }
  1096. .glyphicon-superscript:before {
  1097. content: "\e255";
  1098. }
  1099. .glyphicon-subscript:before {
  1100. content: "\e256";
  1101. }
  1102. .glyphicon-menu-left:before {
  1103. content: "\e257";
  1104. }
  1105. .glyphicon-menu-right:before {
  1106. content: "\e258";
  1107. }
  1108. .glyphicon-menu-down:before {
  1109. content: "\e259";
  1110. }
  1111. .glyphicon-menu-up:before {
  1112. content: "\e260";
  1113. }
  1114. * {
  1115. -webkit-box-sizing: border-box;
  1116. -moz-box-sizing: border-box;
  1117. box-sizing: border-box;
  1118. }
  1119. *:before,
  1120. *:after {
  1121. -webkit-box-sizing: border-box;
  1122. -moz-box-sizing: border-box;
  1123. box-sizing: border-box;
  1124. }
  1125. html {
  1126. font-size: 10px;
  1127. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  1128. }
  1129. body {
  1130. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  1131. font-size: 13px;
  1132. line-height: 1.42857143;
  1133. color: #000;
  1134. background-color: #fff;
  1135. }
  1136. input,
  1137. button,
  1138. select,
  1139. textarea {
  1140. font-family: inherit;
  1141. font-size: inherit;
  1142. line-height: inherit;
  1143. }
  1144. a {
  1145. color: #337ab7;
  1146. text-decoration: none;
  1147. }
  1148. a:hover,
  1149. a:focus {
  1150. color: #23527c;
  1151. text-decoration: underline;
  1152. }
  1153. a:focus {
  1154. outline: 5px auto -webkit-focus-ring-color;
  1155. outline-offset: -2px;
  1156. }
  1157. figure {
  1158. margin: 0;
  1159. }
  1160. img {
  1161. vertical-align: middle;
  1162. }
  1163. .img-responsive,
  1164. .thumbnail > img,
  1165. .thumbnail a > img,
  1166. .carousel-inner > .item > img,
  1167. .carousel-inner > .item > a > img {
  1168. display: block;
  1169. max-width: 100%;
  1170. height: auto;
  1171. }
  1172. .img-rounded {
  1173. border-radius: 3px;
  1174. }
  1175. .img-thumbnail {
  1176. padding: 4px;
  1177. line-height: 1.42857143;
  1178. background-color: #fff;
  1179. border: 1px solid #ddd;
  1180. border-radius: 2px;
  1181. -webkit-transition: all 0.2s ease-in-out;
  1182. -o-transition: all 0.2s ease-in-out;
  1183. transition: all 0.2s ease-in-out;
  1184. display: inline-block;
  1185. max-width: 100%;
  1186. height: auto;
  1187. }
  1188. .img-circle {
  1189. border-radius: 50%;
  1190. }
  1191. hr {
  1192. margin-top: 18px;
  1193. margin-bottom: 18px;
  1194. border: 0;
  1195. border-top: 1px solid #eeeeee;
  1196. }
  1197. .sr-only {
  1198. position: absolute;
  1199. width: 1px;
  1200. height: 1px;
  1201. margin: -1px;
  1202. padding: 0;
  1203. overflow: hidden;
  1204. clip: rect(0, 0, 0, 0);
  1205. border: 0;
  1206. }
  1207. .sr-only-focusable:active,
  1208. .sr-only-focusable:focus {
  1209. position: static;
  1210. width: auto;
  1211. height: auto;
  1212. margin: 0;
  1213. overflow: visible;
  1214. clip: auto;
  1215. }
  1216. [role="button"] {
  1217. cursor: pointer;
  1218. }
  1219. h1,
  1220. h2,
  1221. h3,
  1222. h4,
  1223. h5,
  1224. h6,
  1225. .h1,
  1226. .h2,
  1227. .h3,
  1228. .h4,
  1229. .h5,
  1230. .h6 {
  1231. font-family: inherit;
  1232. font-weight: 500;
  1233. line-height: 1.1;
  1234. color: inherit;
  1235. }
  1236. h1 small,
  1237. h2 small,
  1238. h3 small,
  1239. h4 small,
  1240. h5 small,
  1241. h6 small,
  1242. .h1 small,
  1243. .h2 small,
  1244. .h3 small,
  1245. .h4 small,
  1246. .h5 small,
  1247. .h6 small,
  1248. h1 .small,
  1249. h2 .small,
  1250. h3 .small,
  1251. h4 .small,
  1252. h5 .small,
  1253. h6 .small,
  1254. .h1 .small,
  1255. .h2 .small,
  1256. .h3 .small,
  1257. .h4 .small,
  1258. .h5 .small,
  1259. .h6 .small {
  1260. font-weight: normal;
  1261. line-height: 1;
  1262. color: #777777;
  1263. }
  1264. h1,
  1265. .h1,
  1266. h2,
  1267. .h2,
  1268. h3,
  1269. .h3 {
  1270. margin-top: 18px;
  1271. margin-bottom: 9px;
  1272. }
  1273. h1 small,
  1274. .h1 small,
  1275. h2 small,
  1276. .h2 small,
  1277. h3 small,
  1278. .h3 small,
  1279. h1 .small,
  1280. .h1 .small,
  1281. h2 .small,
  1282. .h2 .small,
  1283. h3 .small,
  1284. .h3 .small {
  1285. font-size: 65%;
  1286. }
  1287. h4,
  1288. .h4,
  1289. h5,
  1290. .h5,
  1291. h6,
  1292. .h6 {
  1293. margin-top: 9px;
  1294. margin-bottom: 9px;
  1295. }
  1296. h4 small,
  1297. .h4 small,
  1298. h5 small,
  1299. .h5 small,
  1300. h6 small,
  1301. .h6 small,
  1302. h4 .small,
  1303. .h4 .small,
  1304. h5 .small,
  1305. .h5 .small,
  1306. h6 .small,
  1307. .h6 .small {
  1308. font-size: 75%;
  1309. }
  1310. h1,
  1311. .h1 {
  1312. font-size: 33px;
  1313. }
  1314. h2,
  1315. .h2 {
  1316. font-size: 27px;
  1317. }
  1318. h3,
  1319. .h3 {
  1320. font-size: 23px;
  1321. }
  1322. h4,
  1323. .h4 {
  1324. font-size: 17px;
  1325. }
  1326. h5,
  1327. .h5 {
  1328. font-size: 13px;
  1329. }
  1330. h6,
  1331. .h6 {
  1332. font-size: 12px;
  1333. }
  1334. p {
  1335. margin: 0 0 9px;
  1336. }
  1337. .lead {
  1338. margin-bottom: 18px;
  1339. font-size: 14px;
  1340. font-weight: 300;
  1341. line-height: 1.4;
  1342. }
  1343. @media (min-width: 768px) {
  1344. .lead {
  1345. font-size: 19.5px;
  1346. }
  1347. }
  1348. small,
  1349. .small {
  1350. font-size: 92%;
  1351. }
  1352. mark,
  1353. .mark {
  1354. background-color: #fcf8e3;
  1355. padding: .2em;
  1356. }
  1357. .text-left {
  1358. text-align: left;
  1359. }
  1360. .text-right {
  1361. text-align: right;
  1362. }
  1363. .text-center {
  1364. text-align: center;
  1365. }
  1366. .text-justify {
  1367. text-align: justify;
  1368. }
  1369. .text-nowrap {
  1370. white-space: nowrap;
  1371. }
  1372. .text-lowercase {
  1373. text-transform: lowercase;
  1374. }
  1375. .text-uppercase {
  1376. text-transform: uppercase;
  1377. }
  1378. .text-capitalize {
  1379. text-transform: capitalize;
  1380. }
  1381. .text-muted {
  1382. color: #777777;
  1383. }
  1384. .text-primary {
  1385. color: #337ab7;
  1386. }
  1387. a.text-primary:hover,
  1388. a.text-primary:focus {
  1389. color: #286090;
  1390. }
  1391. .text-success {
  1392. color: #3c763d;
  1393. }
  1394. a.text-success:hover,
  1395. a.text-success:focus {
  1396. color: #2b542c;
  1397. }
  1398. .text-info {
  1399. color: #31708f;
  1400. }
  1401. a.text-info:hover,
  1402. a.text-info:focus {
  1403. color: #245269;
  1404. }
  1405. .text-warning {
  1406. color: #8a6d3b;
  1407. }
  1408. a.text-warning:hover,
  1409. a.text-warning:focus {
  1410. color: #66512c;
  1411. }
  1412. .text-danger {
  1413. color: #a94442;
  1414. }
  1415. a.text-danger:hover,
  1416. a.text-danger:focus {
  1417. color: #843534;
  1418. }
  1419. .bg-primary {
  1420. color: #fff;
  1421. background-color: #337ab7;
  1422. }
  1423. a.bg-primary:hover,
  1424. a.bg-primary:focus {
  1425. background-color: #286090;
  1426. }
  1427. .bg-success {
  1428. background-color: #dff0d8;
  1429. }
  1430. a.bg-success:hover,
  1431. a.bg-success:focus {
  1432. background-color: #c1e2b3;
  1433. }
  1434. .bg-info {
  1435. background-color: #d9edf7;
  1436. }
  1437. a.bg-info:hover,
  1438. a.bg-info:focus {
  1439. background-color: #afd9ee;
  1440. }
  1441. .bg-warning {
  1442. background-color: #fcf8e3;
  1443. }
  1444. a.bg-warning:hover,
  1445. a.bg-warning:focus {
  1446. background-color: #f7ecb5;
  1447. }
  1448. .bg-danger {
  1449. background-color: #f2dede;
  1450. }
  1451. a.bg-danger:hover,
  1452. a.bg-danger:focus {
  1453. background-color: #e4b9b9;
  1454. }
  1455. .page-header {
  1456. padding-bottom: 8px;
  1457. margin: 36px 0 18px;
  1458. border-bottom: 1px solid #eeeeee;
  1459. }
  1460. ul,
  1461. ol {
  1462. margin-top: 0;
  1463. margin-bottom: 9px;
  1464. }
  1465. ul ul,
  1466. ol ul,
  1467. ul ol,
  1468. ol ol {
  1469. margin-bottom: 0;
  1470. }
  1471. .list-unstyled {
  1472. padding-left: 0;
  1473. list-style: none;
  1474. }
  1475. .list-inline {
  1476. padding-left: 0;
  1477. list-style: none;
  1478. margin-left: -5px;
  1479. }
  1480. .list-inline > li {
  1481. display: inline-block;
  1482. padding-left: 5px;
  1483. padding-right: 5px;
  1484. }
  1485. dl {
  1486. margin-top: 0;
  1487. margin-bottom: 18px;
  1488. }
  1489. dt,
  1490. dd {
  1491. line-height: 1.42857143;
  1492. }
  1493. dt {
  1494. font-weight: bold;
  1495. }
  1496. dd {
  1497. margin-left: 0;
  1498. }
  1499. @media (min-width: 541px) {
  1500. .dl-horizontal dt {
  1501. float: left;
  1502. width: 160px;
  1503. clear: left;
  1504. text-align: right;
  1505. overflow: hidden;
  1506. text-overflow: ellipsis;
  1507. white-space: nowrap;
  1508. }
  1509. .dl-horizontal dd {
  1510. margin-left: 180px;
  1511. }
  1512. }
  1513. abbr[title],
  1514. abbr[data-original-title] {
  1515. cursor: help;
  1516. border-bottom: 1px dotted #777777;
  1517. }
  1518. .initialism {
  1519. font-size: 90%;
  1520. text-transform: uppercase;
  1521. }
  1522. blockquote {
  1523. padding: 9px 18px;
  1524. margin: 0 0 18px;
  1525. font-size: inherit;
  1526. border-left: 5px solid #eeeeee;
  1527. }
  1528. blockquote p:last-child,
  1529. blockquote ul:last-child,
  1530. blockquote ol:last-child {
  1531. margin-bottom: 0;
  1532. }
  1533. blockquote footer,
  1534. blockquote small,
  1535. blockquote .small {
  1536. display: block;
  1537. font-size: 80%;
  1538. line-height: 1.42857143;
  1539. color: #777777;
  1540. }
  1541. blockquote footer:before,
  1542. blockquote small:before,
  1543. blockquote .small:before {
  1544. content: '\2014 \00A0';
  1545. }
  1546. .blockquote-reverse,
  1547. blockquote.pull-right {
  1548. padding-right: 15px;
  1549. padding-left: 0;
  1550. border-right: 5px solid #eeeeee;
  1551. border-left: 0;
  1552. text-align: right;
  1553. }
  1554. .blockquote-reverse footer:before,
  1555. blockquote.pull-right footer:before,
  1556. .blockquote-reverse small:before,
  1557. blockquote.pull-right small:before,
  1558. .blockquote-reverse .small:before,
  1559. blockquote.pull-right .small:before {
  1560. content: '';
  1561. }
  1562. .blockquote-reverse footer:after,
  1563. blockquote.pull-right footer:after,
  1564. .blockquote-reverse small:after,
  1565. blockquote.pull-right small:after,
  1566. .blockquote-reverse .small:after,
  1567. blockquote.pull-right .small:after {
  1568. content: '\00A0 \2014';
  1569. }
  1570. address {
  1571. margin-bottom: 18px;
  1572. font-style: normal;
  1573. line-height: 1.42857143;
  1574. }
  1575. code,
  1576. kbd,
  1577. pre,
  1578. samp {
  1579. font-family: monospace;
  1580. }
  1581. code {
  1582. padding: 2px 4px;
  1583. font-size: 90%;
  1584. color: #c7254e;
  1585. background-color: #f9f2f4;
  1586. border-radius: 2px;
  1587. }
  1588. kbd {
  1589. padding: 2px 4px;
  1590. font-size: 90%;
  1591. color: #888;
  1592. background-color: transparent;
  1593. border-radius: 1px;
  1594. box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
  1595. }
  1596. kbd kbd {
  1597. padding: 0;
  1598. font-size: 100%;
  1599. font-weight: bold;
  1600. box-shadow: none;
  1601. }
  1602. pre {
  1603. display: block;
  1604. padding: 8.5px;
  1605. margin: 0 0 9px;
  1606. font-size: 12px;
  1607. line-height: 1.42857143;
  1608. word-break: break-all;
  1609. word-wrap: break-word;
  1610. color: #333333;
  1611. background-color: #f5f5f5;
  1612. border: 1px solid #ccc;
  1613. border-radius: 2px;
  1614. }
  1615. pre code {
  1616. padding: 0;
  1617. font-size: inherit;
  1618. color: inherit;
  1619. white-space: pre-wrap;
  1620. background-color: transparent;
  1621. border-radius: 0;
  1622. }
  1623. .pre-scrollable {
  1624. max-height: 340px;
  1625. overflow-y: scroll;
  1626. }
  1627. .container {
  1628. margin-right: auto;
  1629. margin-left: auto;
  1630. padding-left: 0px;
  1631. padding-right: 0px;
  1632. }
  1633. @media (min-width: 768px) {
  1634. .container {
  1635. width: 768px;
  1636. }
  1637. }
  1638. @media (min-width: 992px) {
  1639. .container {
  1640. width: 940px;
  1641. }
  1642. }
  1643. @media (min-width: 1200px) {
  1644. .container {
  1645. width: 1140px;
  1646. }
  1647. }
  1648. .container-fluid {
  1649. margin-right: auto;
  1650. margin-left: auto;
  1651. padding-left: 0px;
  1652. padding-right: 0px;
  1653. }
  1654. .row {
  1655. margin-left: 0px;
  1656. margin-right: 0px;
  1657. }
  1658. .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  1659. position: relative;
  1660. min-height: 1px;
  1661. padding-left: 0px;
  1662. padding-right: 0px;
  1663. }
  1664. .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 {
  1665. float: left;
  1666. }
  1667. .col-xs-12 {
  1668. width: 100%;
  1669. }
  1670. .col-xs-11 {
  1671. width: 91.66666667%;
  1672. }
  1673. .col-xs-10 {
  1674. width: 83.33333333%;
  1675. }
  1676. .col-xs-9 {
  1677. width: 75%;
  1678. }
  1679. .col-xs-8 {
  1680. width: 66.66666667%;
  1681. }
  1682. .col-xs-7 {
  1683. width: 58.33333333%;
  1684. }
  1685. .col-xs-6 {
  1686. width: 50%;
  1687. }
  1688. .col-xs-5 {
  1689. width: 41.66666667%;
  1690. }
  1691. .col-xs-4 {
  1692. width: 33.33333333%;
  1693. }
  1694. .col-xs-3 {
  1695. width: 25%;
  1696. }
  1697. .col-xs-2 {
  1698. width: 16.66666667%;
  1699. }
  1700. .col-xs-1 {
  1701. width: 8.33333333%;
  1702. }
  1703. .col-xs-pull-12 {
  1704. right: 100%;
  1705. }
  1706. .col-xs-pull-11 {
  1707. right: 91.66666667%;
  1708. }
  1709. .col-xs-pull-10 {
  1710. right: 83.33333333%;
  1711. }
  1712. .col-xs-pull-9 {
  1713. right: 75%;
  1714. }
  1715. .col-xs-pull-8 {
  1716. right: 66.66666667%;
  1717. }
  1718. .col-xs-pull-7 {
  1719. right: 58.33333333%;
  1720. }
  1721. .col-xs-pull-6 {
  1722. right: 50%;
  1723. }
  1724. .col-xs-pull-5 {
  1725. right: 41.66666667%;
  1726. }
  1727. .col-xs-pull-4 {
  1728. right: 33.33333333%;
  1729. }
  1730. .col-xs-pull-3 {
  1731. right: 25%;
  1732. }
  1733. .col-xs-pull-2 {
  1734. right: 16.66666667%;
  1735. }
  1736. .col-xs-pull-1 {
  1737. right: 8.33333333%;
  1738. }
  1739. .col-xs-pull-0 {
  1740. right: auto;
  1741. }
  1742. .col-xs-push-12 {
  1743. left: 100%;
  1744. }
  1745. .col-xs-push-11 {
  1746. left: 91.66666667%;
  1747. }
  1748. .col-xs-push-10 {
  1749. left: 83.33333333%;
  1750. }
  1751. .col-xs-push-9 {
  1752. left: 75%;
  1753. }
  1754. .col-xs-push-8 {
  1755. left: 66.66666667%;
  1756. }
  1757. .col-xs-push-7 {
  1758. left: 58.33333333%;
  1759. }
  1760. .col-xs-push-6 {
  1761. left: 50%;
  1762. }
  1763. .col-xs-push-5 {
  1764. left: 41.66666667%;
  1765. }
  1766. .col-xs-push-4 {
  1767. left: 33.33333333%;
  1768. }
  1769. .col-xs-push-3 {
  1770. left: 25%;
  1771. }
  1772. .col-xs-push-2 {
  1773. left: 16.66666667%;
  1774. }
  1775. .col-xs-push-1 {
  1776. left: 8.33333333%;
  1777. }
  1778. .col-xs-push-0 {
  1779. left: auto;
  1780. }
  1781. .col-xs-offset-12 {
  1782. margin-left: 100%;
  1783. }
  1784. .col-xs-offset-11 {
  1785. margin-left: 91.66666667%;
  1786. }
  1787. .col-xs-offset-10 {
  1788. margin-left: 83.33333333%;
  1789. }
  1790. .col-xs-offset-9 {
  1791. margin-left: 75%;
  1792. }
  1793. .col-xs-offset-8 {
  1794. margin-left: 66.66666667%;
  1795. }
  1796. .col-xs-offset-7 {
  1797. margin-left: 58.33333333%;
  1798. }
  1799. .col-xs-offset-6 {
  1800. margin-left: 50%;
  1801. }
  1802. .col-xs-offset-5 {
  1803. margin-left: 41.66666667%;
  1804. }
  1805. .col-xs-offset-4 {
  1806. margin-left: 33.33333333%;
  1807. }
  1808. .col-xs-offset-3 {
  1809. margin-left: 25%;
  1810. }
  1811. .col-xs-offset-2 {
  1812. margin-left: 16.66666667%;
  1813. }
  1814. .col-xs-offset-1 {
  1815. margin-left: 8.33333333%;
  1816. }
  1817. .col-xs-offset-0 {
  1818. margin-left: 0%;
  1819. }
  1820. @media (min-width: 768px) {
  1821. .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 {
  1822. float: left;
  1823. }
  1824. .col-sm-12 {
  1825. width: 100%;
  1826. }
  1827. .col-sm-11 {
  1828. width: 91.66666667%;
  1829. }
  1830. .col-sm-10 {
  1831. width: 83.33333333%;
  1832. }
  1833. .col-sm-9 {
  1834. width: 75%;
  1835. }
  1836. .col-sm-8 {
  1837. width: 66.66666667%;
  1838. }
  1839. .col-sm-7 {
  1840. width: 58.33333333%;
  1841. }
  1842. .col-sm-6 {
  1843. width: 50%;
  1844. }
  1845. .col-sm-5 {
  1846. width: 41.66666667%;
  1847. }
  1848. .col-sm-4 {
  1849. width: 33.33333333%;
  1850. }
  1851. .col-sm-3 {
  1852. width: 25%;
  1853. }
  1854. .col-sm-2 {
  1855. width: 16.66666667%;
  1856. }
  1857. .col-sm-1 {
  1858. width: 8.33333333%;
  1859. }
  1860. .col-sm-pull-12 {
  1861. right: 100%;
  1862. }
  1863. .col-sm-pull-11 {
  1864. right: 91.66666667%;
  1865. }
  1866. .col-sm-pull-10 {
  1867. right: 83.33333333%;
  1868. }
  1869. .col-sm-pull-9 {
  1870. right: 75%;
  1871. }
  1872. .col-sm-pull-8 {
  1873. right: 66.66666667%;
  1874. }
  1875. .col-sm-pull-7 {
  1876. right: 58.33333333%;
  1877. }
  1878. .col-sm-pull-6 {
  1879. right: 50%;
  1880. }
  1881. .col-sm-pull-5 {
  1882. right: 41.66666667%;
  1883. }
  1884. .col-sm-pull-4 {
  1885. right: 33.33333333%;
  1886. }
  1887. .col-sm-pull-3 {
  1888. right: 25%;
  1889. }
  1890. .col-sm-pull-2 {
  1891. right: 16.66666667%;
  1892. }
  1893. .col-sm-pull-1 {
  1894. right: 8.33333333%;
  1895. }
  1896. .col-sm-pull-0 {
  1897. right: auto;
  1898. }
  1899. .col-sm-push-12 {
  1900. left: 100%;
  1901. }
  1902. .col-sm-push-11 {
  1903. left: 91.66666667%;
  1904. }
  1905. .col-sm-push-10 {
  1906. left: 83.33333333%;
  1907. }
  1908. .col-sm-push-9 {
  1909. left: 75%;
  1910. }
  1911. .col-sm-push-8 {
  1912. left: 66.66666667%;
  1913. }
  1914. .col-sm-push-7 {
  1915. left: 58.33333333%;
  1916. }
  1917. .col-sm-push-6 {
  1918. left: 50%;
  1919. }
  1920. .col-sm-push-5 {
  1921. left: 41.66666667%;
  1922. }
  1923. .col-sm-push-4 {
  1924. left: 33.33333333%;
  1925. }
  1926. .col-sm-push-3 {
  1927. left: 25%;
  1928. }
  1929. .col-sm-push-2 {
  1930. left: 16.66666667%;
  1931. }
  1932. .col-sm-push-1 {
  1933. left: 8.33333333%;
  1934. }
  1935. .col-sm-push-0 {
  1936. left: auto;
  1937. }
  1938. .col-sm-offset-12 {
  1939. margin-left: 100%;
  1940. }
  1941. .col-sm-offset-11 {
  1942. margin-left: 91.66666667%;
  1943. }
  1944. .col-sm-offset-10 {
  1945. margin-left: 83.33333333%;
  1946. }
  1947. .col-sm-offset-9 {
  1948. margin-left: 75%;
  1949. }
  1950. .col-sm-offset-8 {
  1951. margin-left: 66.66666667%;
  1952. }
  1953. .col-sm-offset-7 {
  1954. margin-left: 58.33333333%;
  1955. }
  1956. .col-sm-offset-6 {
  1957. margin-left: 50%;
  1958. }
  1959. .col-sm-offset-5 {
  1960. margin-left: 41.66666667%;
  1961. }
  1962. .col-sm-offset-4 {
  1963. margin-left: 33.33333333%;
  1964. }
  1965. .col-sm-offset-3 {
  1966. margin-left: 25%;
  1967. }
  1968. .col-sm-offset-2 {
  1969. margin-left: 16.66666667%;
  1970. }
  1971. .col-sm-offset-1 {
  1972. margin-left: 8.33333333%;
  1973. }
  1974. .col-sm-offset-0 {
  1975. margin-left: 0%;
  1976. }
  1977. }
  1978. @media (min-width: 992px) {
  1979. .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 {
  1980. float: left;
  1981. }
  1982. .col-md-12 {
  1983. width: 100%;
  1984. }
  1985. .col-md-11 {
  1986. width: 91.66666667%;
  1987. }
  1988. .col-md-10 {
  1989. width: 83.33333333%;
  1990. }
  1991. .col-md-9 {
  1992. width: 75%;
  1993. }
  1994. .col-md-8 {
  1995. width: 66.66666667%;
  1996. }
  1997. .col-md-7 {
  1998. width: 58.33333333%;
  1999. }
  2000. .col-md-6 {
  2001. width: 50%;
  2002. }
  2003. .col-md-5 {
  2004. width: 41.66666667%;
  2005. }
  2006. .col-md-4 {
  2007. width: 33.33333333%;
  2008. }
  2009. .col-md-3 {
  2010. width: 25%;
  2011. }
  2012. .col-md-2 {
  2013. width: 16.66666667%;
  2014. }
  2015. .col-md-1 {
  2016. width: 8.33333333%;
  2017. }
  2018. .col-md-pull-12 {
  2019. right: 100%;
  2020. }
  2021. .col-md-pull-11 {
  2022. right: 91.66666667%;
  2023. }
  2024. .col-md-pull-10 {
  2025. right: 83.33333333%;
  2026. }
  2027. .col-md-pull-9 {
  2028. right: 75%;
  2029. }
  2030. .col-md-pull-8 {
  2031. right: 66.66666667%;
  2032. }
  2033. .col-md-pull-7 {
  2034. right: 58.33333333%;
  2035. }
  2036. .col-md-pull-6 {
  2037. right: 50%;
  2038. }
  2039. .col-md-pull-5 {
  2040. right: 41.66666667%;
  2041. }
  2042. .col-md-pull-4 {
  2043. right: 33.33333333%;
  2044. }
  2045. .col-md-pull-3 {
  2046. right: 25%;
  2047. }
  2048. .col-md-pull-2 {
  2049. right: 16.66666667%;
  2050. }
  2051. .col-md-pull-1 {
  2052. right: 8.33333333%;
  2053. }
  2054. .col-md-pull-0 {
  2055. right: auto;
  2056. }
  2057. .col-md-push-12 {
  2058. left: 100%;
  2059. }
  2060. .col-md-push-11 {
  2061. left: 91.66666667%;
  2062. }
  2063. .col-md-push-10 {
  2064. left: 83.33333333%;
  2065. }
  2066. .col-md-push-9 {
  2067. left: 75%;
  2068. }
  2069. .col-md-push-8 {
  2070. left: 66.66666667%;
  2071. }
  2072. .col-md-push-7 {
  2073. left: 58.33333333%;
  2074. }
  2075. .col-md-push-6 {
  2076. left: 50%;
  2077. }
  2078. .col-md-push-5 {
  2079. left: 41.66666667%;
  2080. }
  2081. .col-md-push-4 {
  2082. left: 33.33333333%;
  2083. }
  2084. .col-md-push-3 {
  2085. left: 25%;
  2086. }
  2087. .col-md-push-2 {
  2088. left: 16.66666667%;
  2089. }
  2090. .col-md-push-1 {
  2091. left: 8.33333333%;
  2092. }
  2093. .col-md-push-0 {
  2094. left: auto;
  2095. }
  2096. .col-md-offset-12 {
  2097. margin-left: 100%;
  2098. }
  2099. .col-md-offset-11 {
  2100. margin-left: 91.66666667%;
  2101. }
  2102. .col-md-offset-10 {
  2103. margin-left: 83.33333333%;
  2104. }
  2105. .col-md-offset-9 {
  2106. margin-left: 75%;
  2107. }
  2108. .col-md-offset-8 {
  2109. margin-left: 66.66666667%;
  2110. }
  2111. .col-md-offset-7 {
  2112. margin-left: 58.33333333%;
  2113. }
  2114. .col-md-offset-6 {
  2115. margin-left: 50%;
  2116. }
  2117. .col-md-offset-5 {
  2118. margin-left: 41.66666667%;
  2119. }
  2120. .col-md-offset-4 {
  2121. margin-left: 33.33333333%;
  2122. }
  2123. .col-md-offset-3 {
  2124. margin-left: 25%;
  2125. }
  2126. .col-md-offset-2 {
  2127. margin-left: 16.66666667%;
  2128. }
  2129. .col-md-offset-1 {
  2130. margin-left: 8.33333333%;
  2131. }
  2132. .col-md-offset-0 {
  2133. margin-left: 0%;
  2134. }
  2135. }
  2136. @media (min-width: 1200px) {
  2137. .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 {
  2138. float: left;
  2139. }
  2140. .col-lg-12 {
  2141. width: 100%;
  2142. }
  2143. .col-lg-11 {
  2144. width: 91.66666667%;
  2145. }
  2146. .col-lg-10 {
  2147. width: 83.33333333%;
  2148. }
  2149. .col-lg-9 {
  2150. width: 75%;
  2151. }
  2152. .col-lg-8 {
  2153. width: 66.66666667%;
  2154. }
  2155. .col-lg-7 {
  2156. width: 58.33333333%;
  2157. }
  2158. .col-lg-6 {
  2159. width: 50%;
  2160. }
  2161. .col-lg-5 {
  2162. width: 41.66666667%;
  2163. }
  2164. .col-lg-4 {
  2165. width: 33.33333333%;
  2166. }
  2167. .col-lg-3 {
  2168. width: 25%;
  2169. }
  2170. .col-lg-2 {
  2171. width: 16.66666667%;
  2172. }
  2173. .col-lg-1 {
  2174. width: 8.33333333%;
  2175. }
  2176. .col-lg-pull-12 {
  2177. right: 100%;
  2178. }
  2179. .col-lg-pull-11 {
  2180. right: 91.66666667%;
  2181. }
  2182. .col-lg-pull-10 {
  2183. right: 83.33333333%;
  2184. }
  2185. .col-lg-pull-9 {
  2186. right: 75%;
  2187. }
  2188. .col-lg-pull-8 {
  2189. right: 66.66666667%;
  2190. }
  2191. .col-lg-pull-7 {
  2192. right: 58.33333333%;
  2193. }
  2194. .col-lg-pull-6 {
  2195. right: 50%;
  2196. }
  2197. .col-lg-pull-5 {
  2198. right: 41.66666667%;
  2199. }
  2200. .col-lg-pull-4 {
  2201. right: 33.33333333%;
  2202. }
  2203. .col-lg-pull-3 {
  2204. right: 25%;
  2205. }
  2206. .col-lg-pull-2 {
  2207. right: 16.66666667%;
  2208. }
  2209. .col-lg-pull-1 {
  2210. right: 8.33333333%;
  2211. }
  2212. .col-lg-pull-0 {
  2213. right: auto;
  2214. }
  2215. .col-lg-push-12 {
  2216. left: 100%;
  2217. }
  2218. .col-lg-push-11 {
  2219. left: 91.66666667%;
  2220. }
  2221. .col-lg-push-10 {
  2222. left: 83.33333333%;
  2223. }
  2224. .col-lg-push-9 {
  2225. left: 75%;
  2226. }
  2227. .col-lg-push-8 {
  2228. left: 66.66666667%;
  2229. }
  2230. .col-lg-push-7 {
  2231. left: 58.33333333%;
  2232. }
  2233. .col-lg-push-6 {
  2234. left: 50%;
  2235. }
  2236. .col-lg-push-5 {
  2237. left: 41.66666667%;
  2238. }
  2239. .col-lg-push-4 {
  2240. left: 33.33333333%;
  2241. }
  2242. .col-lg-push-3 {
  2243. left: 25%;
  2244. }
  2245. .col-lg-push-2 {
  2246. left: 16.66666667%;
  2247. }
  2248. .col-lg-push-1 {
  2249. left: 8.33333333%;
  2250. }
  2251. .col-lg-push-0 {
  2252. left: auto;
  2253. }
  2254. .col-lg-offset-12 {
  2255. margin-left: 100%;
  2256. }
  2257. .col-lg-offset-11 {
  2258. margin-left: 91.66666667%;
  2259. }
  2260. .col-lg-offset-10 {
  2261. margin-left: 83.33333333%;
  2262. }
  2263. .col-lg-offset-9 {
  2264. margin-left: 75%;
  2265. }
  2266. .col-lg-offset-8 {
  2267. margin-left: 66.66666667%;
  2268. }
  2269. .col-lg-offset-7 {
  2270. margin-left: 58.33333333%;
  2271. }
  2272. .col-lg-offset-6 {
  2273. margin-left: 50%;
  2274. }
  2275. .col-lg-offset-5 {
  2276. margin-left: 41.66666667%;
  2277. }
  2278. .col-lg-offset-4 {
  2279. margin-left: 33.33333333%;
  2280. }
  2281. .col-lg-offset-3 {
  2282. margin-left: 25%;
  2283. }
  2284. .col-lg-offset-2 {
  2285. margin-left: 16.66666667%;
  2286. }
  2287. .col-lg-offset-1 {
  2288. margin-left: 8.33333333%;
  2289. }
  2290. .col-lg-offset-0 {
  2291. margin-left: 0%;
  2292. }
  2293. }
  2294. table {
  2295. background-color: transparent;
  2296. }
  2297. caption {
  2298. padding-top: 8px;
  2299. padding-bottom: 8px;
  2300. color: #777777;
  2301. text-align: left;
  2302. }
  2303. th {
  2304. text-align: left;
  2305. }
  2306. .table {
  2307. width: 100%;
  2308. max-width: 100%;
  2309. margin-bottom: 18px;
  2310. }
  2311. .table > thead > tr > th,
  2312. .table > tbody > tr > th,
  2313. .table > tfoot > tr > th,
  2314. .table > thead > tr > td,
  2315. .table > tbody > tr > td,
  2316. .table > tfoot > tr > td {
  2317. padding: 8px;
  2318. line-height: 1.42857143;
  2319. vertical-align: top;
  2320. border-top: 1px solid #ddd;
  2321. }
  2322. .table > thead > tr > th {
  2323. vertical-align: bottom;
  2324. border-bottom: 2px solid #ddd;
  2325. }
  2326. .table > caption + thead > tr:first-child > th,
  2327. .table > colgroup + thead > tr:first-child > th,
  2328. .table > thead:first-child > tr:first-child > th,
  2329. .table > caption + thead > tr:first-child > td,
  2330. .table > colgroup + thead > tr:first-child > td,
  2331. .table > thead:first-child > tr:first-child > td {
  2332. border-top: 0;
  2333. }
  2334. .table > tbody + tbody {
  2335. border-top: 2px solid #ddd;
  2336. }
  2337. .table .table {
  2338. background-color: #fff;
  2339. }
  2340. .table-condensed > thead > tr > th,
  2341. .table-condensed > tbody > tr > th,
  2342. .table-condensed > tfoot > tr > th,
  2343. .table-condensed > thead > tr > td,
  2344. .table-condensed > tbody > tr > td,
  2345. .table-condensed > tfoot > tr > td {
  2346. padding: 5px;
  2347. }
  2348. .table-bordered {
  2349. border: 1px solid #ddd;
  2350. }
  2351. .table-bordered > thead > tr > th,
  2352. .table-bordered > tbody > tr > th,
  2353. .table-bordered > tfoot > tr > th,
  2354. .table-bordered > thead > tr > td,
  2355. .table-bordered > tbody > tr > td,
  2356. .table-bordered > tfoot > tr > td {
  2357. border: 1px solid #ddd;
  2358. }
  2359. .table-bordered > thead > tr > th,
  2360. .table-bordered > thead > tr > td {
  2361. border-bottom-width: 2px;
  2362. }
  2363. .table-striped > tbody > tr:nth-of-type(odd) {
  2364. background-color: #f9f9f9;
  2365. }
  2366. .table-hover > tbody > tr:hover {
  2367. background-color: #f5f5f5;
  2368. }
  2369. table col[class*="col-"] {
  2370. position: static;
  2371. float: none;
  2372. display: table-column;
  2373. }
  2374. table td[class*="col-"],
  2375. table th[class*="col-"] {
  2376. position: static;
  2377. float: none;
  2378. display: table-cell;
  2379. }
  2380. .table > thead > tr > td.active,
  2381. .table > tbody > tr > td.active,
  2382. .table > tfoot > tr > td.active,
  2383. .table > thead > tr > th.active,
  2384. .table > tbody > tr > th.active,
  2385. .table > tfoot > tr > th.active,
  2386. .table > thead > tr.active > td,
  2387. .table > tbody > tr.active > td,
  2388. .table > tfoot > tr.active > td,
  2389. .table > thead > tr.active > th,
  2390. .table > tbody > tr.active > th,
  2391. .table > tfoot > tr.active > th {
  2392. background-color: #f5f5f5;
  2393. }
  2394. .table-hover > tbody > tr > td.active:hover,
  2395. .table-hover > tbody > tr > th.active:hover,
  2396. .table-hover > tbody > tr.active:hover > td,
  2397. .table-hover > tbody > tr:hover > .active,
  2398. .table-hover > tbody > tr.active:hover > th {
  2399. background-color: #e8e8e8;
  2400. }
  2401. .table > thead > tr > td.success,
  2402. .table > tbody > tr > td.success,
  2403. .table > tfoot > tr > td.success,
  2404. .table > thead > tr > th.success,
  2405. .table > tbody > tr > th.success,
  2406. .table > tfoot > tr > th.success,
  2407. .table > thead > tr.success > td,
  2408. .table > tbody > tr.success > td,
  2409. .table > tfoot > tr.success > td,
  2410. .table > thead > tr.success > th,
  2411. .table > tbody > tr.success > th,
  2412. .table > tfoot > tr.success > th {
  2413. background-color: #dff0d8;
  2414. }
  2415. .table-hover > tbody > tr > td.success:hover,
  2416. .table-hover > tbody > tr > th.success:hover,
  2417. .table-hover > tbody > tr.success:hover > td,
  2418. .table-hover > tbody > tr:hover > .success,
  2419. .table-hover > tbody > tr.success:hover > th {
  2420. background-color: #d0e9c6;
  2421. }
  2422. .table > thead > tr > td.info,
  2423. .table > tbody > tr > td.info,
  2424. .table > tfoot > tr > td.info,
  2425. .table > thead > tr > th.info,
  2426. .table > tbody > tr > th.info,
  2427. .table > tfoot > tr > th.info,
  2428. .table > thead > tr.info > td,
  2429. .table > tbody > tr.info > td,
  2430. .table > tfoot > tr.info > td,
  2431. .table > thead > tr.info > th,
  2432. .table > tbody > tr.info > th,
  2433. .table > tfoot > tr.info > th {
  2434. background-color: #d9edf7;
  2435. }
  2436. .table-hover > tbody > tr > td.info:hover,
  2437. .table-hover > tbody > tr > th.info:hover,
  2438. .table-hover > tbody > tr.info:hover > td,
  2439. .table-hover > tbody > tr:hover > .info,
  2440. .table-hover > tbody > tr.info:hover > th {
  2441. background-color: #c4e3f3;
  2442. }
  2443. .table > thead > tr > td.warning,
  2444. .table > tbody > tr > td.warning,
  2445. .table > tfoot > tr > td.warning,
  2446. .table > thead > tr > th.warning,
  2447. .table > tbody > tr > th.warning,
  2448. .table > tfoot > tr > th.warning,
  2449. .table > thead > tr.warning > td,
  2450. .table > tbody > tr.warning > td,
  2451. .table > tfoot > tr.warning > td,
  2452. .table > thead > tr.warning > th,
  2453. .table > tbody > tr.warning > th,
  2454. .table > tfoot > tr.warning > th {
  2455. background-color: #fcf8e3;
  2456. }
  2457. .table-hover > tbody > tr > td.warning:hover,
  2458. .table-hover > tbody > tr > th.warning:hover,
  2459. .table-hover > tbody > tr.warning:hover > td,
  2460. .table-hover > tbody > tr:hover > .warning,
  2461. .table-hover > tbody > tr.warning:hover > th {
  2462. background-color: #faf2cc;
  2463. }
  2464. .table > thead > tr > td.danger,
  2465. .table > tbody > tr > td.danger,
  2466. .table > tfoot > tr > td.danger,
  2467. .table > thead > tr > th.danger,
  2468. .table > tbody > tr > th.danger,
  2469. .table > tfoot > tr > th.danger,
  2470. .table > thead > tr.danger > td,
  2471. .table > tbody > tr.danger > td,
  2472. .table > tfoot > tr.danger > td,
  2473. .table > thead > tr.danger > th,
  2474. .table > tbody > tr.danger > th,
  2475. .table > tfoot > tr.danger > th {
  2476. background-color: #f2dede;
  2477. }
  2478. .table-hover > tbody > tr > td.danger:hover,
  2479. .table-hover > tbody > tr > th.danger:hover,
  2480. .table-hover > tbody > tr.danger:hover > td,
  2481. .table-hover > tbody > tr:hover > .danger,
  2482. .table-hover > tbody > tr.danger:hover > th {
  2483. background-color: #ebcccc;
  2484. }
  2485. .table-responsive {
  2486. overflow-x: auto;
  2487. min-height: 0.01%;
  2488. }
  2489. @media screen and (max-width: 767px) {
  2490. .table-responsive {
  2491. width: 100%;
  2492. margin-bottom: 13.5px;
  2493. overflow-y: hidden;
  2494. -ms-overflow-style: -ms-autohiding-scrollbar;
  2495. border: 1px solid #ddd;
  2496. }
  2497. .table-responsive > .table {
  2498. margin-bottom: 0;
  2499. }
  2500. .table-responsive > .table > thead > tr > th,
  2501. .table-responsive > .table > tbody > tr > th,
  2502. .table-responsive > .table > tfoot > tr > th,
  2503. .table-responsive > .table > thead > tr > td,
  2504. .table-responsive > .table > tbody > tr > td,
  2505. .table-responsive > .table > tfoot > tr > td {
  2506. white-space: nowrap;
  2507. }
  2508. .table-responsive > .table-bordered {
  2509. border: 0;
  2510. }
  2511. .table-responsive > .table-bordered > thead > tr > th:first-child,
  2512. .table-responsive > .table-bordered > tbody > tr > th:first-child,
  2513. .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  2514. .table-responsive > .table-bordered > thead > tr > td:first-child,
  2515. .table-responsive > .table-bordered > tbody > tr > td:first-child,
  2516. .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  2517. border-left: 0;
  2518. }
  2519. .table-responsive > .table-bordered > thead > tr > th:last-child,
  2520. .table-responsive > .table-bordered > tbody > tr > th:last-child,
  2521. .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  2522. .table-responsive > .table-bordered > thead > tr > td:last-child,
  2523. .table-responsive > .table-bordered > tbody > tr > td:last-child,
  2524. .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  2525. border-right: 0;
  2526. }
  2527. .table-responsive > .table-bordered > tbody > tr:last-child > th,
  2528. .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  2529. .table-responsive > .table-bordered > tbody > tr:last-child > td,
  2530. .table-responsive > .table-bordered > tfoot > tr:last-child > td {
  2531. border-bottom: 0;
  2532. }
  2533. }
  2534. fieldset {
  2535. padding: 0;
  2536. margin: 0;
  2537. border: 0;
  2538. min-width: 0;
  2539. }
  2540. legend {
  2541. display: block;
  2542. width: 100%;
  2543. padding: 0;
  2544. margin-bottom: 18px;
  2545. font-size: 19.5px;
  2546. line-height: inherit;
  2547. color: #333333;
  2548. border: 0;
  2549. border-bottom: 1px solid #e5e5e5;
  2550. }
  2551. label {
  2552. display: inline-block;
  2553. max-width: 100%;
  2554. margin-bottom: 5px;
  2555. font-weight: bold;
  2556. }
  2557. input[type="search"] {
  2558. -webkit-box-sizing: border-box;
  2559. -moz-box-sizing: border-box;
  2560. box-sizing: border-box;
  2561. }
  2562. input[type="radio"],
  2563. input[type="checkbox"] {
  2564. margin: 4px 0 0;
  2565. margin-top: 1px \9;
  2566. line-height: normal;
  2567. }
  2568. input[type="file"] {
  2569. display: block;
  2570. }
  2571. input[type="range"] {
  2572. display: block;
  2573. width: 100%;
  2574. }
  2575. select[multiple],
  2576. select[size] {
  2577. height: auto;
  2578. }
  2579. input[type="file"]:focus,
  2580. input[type="radio"]:focus,
  2581. input[type="checkbox"]:focus {
  2582. outline: 5px auto -webkit-focus-ring-color;
  2583. outline-offset: -2px;
  2584. }
  2585. output {
  2586. display: block;
  2587. padding-top: 7px;
  2588. font-size: 13px;
  2589. line-height: 1.42857143;
  2590. color: #555555;
  2591. }
  2592. .form-control {
  2593. display: block;
  2594. width: 100%;
  2595. height: 32px;
  2596. padding: 6px 12px;
  2597. font-size: 13px;
  2598. line-height: 1.42857143;
  2599. color: #555555;
  2600. background-color: #fff;
  2601. background-image: none;
  2602. border: 1px solid #ccc;
  2603. border-radius: 2px;
  2604. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  2605. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  2606. -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  2607. -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  2608. transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  2609. }
  2610. .form-control:focus {
  2611. border-color: #66afe9;
  2612. outline: 0;
  2613. -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  2614. box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  2615. }
  2616. .form-control::-moz-placeholder {
  2617. color: #999;
  2618. opacity: 1;
  2619. }
  2620. .form-control:-ms-input-placeholder {
  2621. color: #999;
  2622. }
  2623. .form-control::-webkit-input-placeholder {
  2624. color: #999;
  2625. }
  2626. .form-control::-ms-expand {
  2627. border: 0;
  2628. background-color: transparent;
  2629. }
  2630. .form-control[disabled],
  2631. .form-control[readonly],
  2632. fieldset[disabled] .form-control {
  2633. background-color: #eeeeee;
  2634. opacity: 1;
  2635. }
  2636. .form-control[disabled],
  2637. fieldset[disabled] .form-control {
  2638. cursor: not-allowed;
  2639. }
  2640. textarea.form-control {
  2641. height: auto;
  2642. }
  2643. input[type="search"] {
  2644. -webkit-appearance: none;
  2645. }
  2646. @media screen and (-webkit-min-device-pixel-ratio: 0) {
  2647. input[type="date"].form-control,
  2648. input[type="time"].form-control,
  2649. input[type="datetime-local"].form-control,
  2650. input[type="month"].form-control {
  2651. line-height: 32px;
  2652. }
  2653. input[type="date"].input-sm,
  2654. input[type="time"].input-sm,
  2655. input[type="datetime-local"].input-sm,
  2656. input[type="month"].input-sm,
  2657. .input-group-sm input[type="date"],
  2658. .input-group-sm input[type="time"],
  2659. .input-group-sm input[type="datetime-local"],
  2660. .input-group-sm input[type="month"] {
  2661. line-height: 30px;
  2662. }
  2663. input[type="date"].input-lg,
  2664. input[type="time"].input-lg,
  2665. input[type="datetime-local"].input-lg,
  2666. input[type="month"].input-lg,
  2667. .input-group-lg input[type="date"],
  2668. .input-group-lg input[type="time"],
  2669. .input-group-lg input[type="datetime-local"],
  2670. .input-group-lg input[type="month"] {
  2671. line-height: 45px;
  2672. }
  2673. }
  2674. .form-group {
  2675. margin-bottom: 15px;
  2676. }
  2677. .radio,
  2678. .checkbox {
  2679. position: relative;
  2680. display: block;
  2681. margin-top: 10px;
  2682. margin-bottom: 10px;
  2683. }
  2684. .radio label,
  2685. .checkbox label {
  2686. min-height: 18px;
  2687. padding-left: 20px;
  2688. margin-bottom: 0;
  2689. font-weight: normal;
  2690. cursor: pointer;
  2691. }
  2692. .radio input[type="radio"],
  2693. .radio-inline input[type="radio"],
  2694. .checkbox input[type="checkbox"],
  2695. .checkbox-inline input[type="checkbox"] {
  2696. position: absolute;
  2697. margin-left: -20px;
  2698. margin-top: 4px \9;
  2699. }
  2700. .radio + .radio,
  2701. .checkbox + .checkbox {
  2702. margin-top: -5px;
  2703. }
  2704. .radio-inline,
  2705. .checkbox-inline {
  2706. position: relative;
  2707. display: inline-block;
  2708. padding-left: 20px;
  2709. margin-bottom: 0;
  2710. vertical-align: middle;
  2711. font-weight: normal;
  2712. cursor: pointer;
  2713. }
  2714. .radio-inline + .radio-inline,
  2715. .checkbox-inline + .checkbox-inline {
  2716. margin-top: 0;
  2717. margin-left: 10px;
  2718. }
  2719. input[type="radio"][disabled],
  2720. input[type="checkbox"][disabled],
  2721. input[type="radio"].disabled,
  2722. input[type="checkbox"].disabled,
  2723. fieldset[disabled] input[type="radio"],
  2724. fieldset[disabled] input[type="checkbox"] {
  2725. cursor: not-allowed;
  2726. }
  2727. .radio-inline.disabled,
  2728. .checkbox-inline.disabled,
  2729. fieldset[disabled] .radio-inline,
  2730. fieldset[disabled] .checkbox-inline {
  2731. cursor: not-allowed;
  2732. }
  2733. .radio.disabled label,
  2734. .checkbox.disabled label,
  2735. fieldset[disabled] .radio label,
  2736. fieldset[disabled] .checkbox label {
  2737. cursor: not-allowed;
  2738. }
  2739. .form-control-static {
  2740. padding-top: 7px;
  2741. padding-bottom: 7px;
  2742. margin-bottom: 0;
  2743. min-height: 31px;
  2744. }
  2745. .form-control-static.input-lg,
  2746. .form-control-static.input-sm {
  2747. padding-left: 0;
  2748. padding-right: 0;
  2749. }
  2750. .input-sm {
  2751. height: 30px;
  2752. padding: 5px 10px;
  2753. font-size: 12px;
  2754. line-height: 1.5;
  2755. border-radius: 1px;
  2756. }
  2757. select.input-sm {
  2758. height: 30px;
  2759. line-height: 30px;
  2760. }
  2761. textarea.input-sm,
  2762. select[multiple].input-sm {
  2763. height: auto;
  2764. }
  2765. .form-group-sm .form-control {
  2766. height: 30px;
  2767. padding: 5px 10px;
  2768. font-size: 12px;
  2769. line-height: 1.5;
  2770. border-radius: 1px;
  2771. }
  2772. .form-group-sm select.form-control {
  2773. height: 30px;
  2774. line-height: 30px;
  2775. }
  2776. .form-group-sm textarea.form-control,
  2777. .form-group-sm select[multiple].form-control {
  2778. height: auto;
  2779. }
  2780. .form-group-sm .form-control-static {
  2781. height: 30px;
  2782. min-height: 30px;
  2783. padding: 6px 10px;
  2784. font-size: 12px;
  2785. line-height: 1.5;
  2786. }
  2787. .input-lg {
  2788. height: 45px;
  2789. padding: 10px 16px;
  2790. font-size: 17px;
  2791. line-height: 1.3333333;
  2792. border-radius: 3px;
  2793. }
  2794. select.input-lg {
  2795. height: 45px;
  2796. line-height: 45px;
  2797. }
  2798. textarea.input-lg,
  2799. select[multiple].input-lg {
  2800. height: auto;
  2801. }
  2802. .form-group-lg .form-control {
  2803. height: 45px;
  2804. padding: 10px 16px;
  2805. font-size: 17px;
  2806. line-height: 1.3333333;
  2807. border-radius: 3px;
  2808. }
  2809. .form-group-lg select.form-control {
  2810. height: 45px;
  2811. line-height: 45px;
  2812. }
  2813. .form-group-lg textarea.form-control,
  2814. .form-group-lg select[multiple].form-control {
  2815. height: auto;
  2816. }
  2817. .form-group-lg .form-control-static {
  2818. height: 45px;
  2819. min-height: 35px;
  2820. padding: 11px 16px;
  2821. font-size: 17px;
  2822. line-height: 1.3333333;
  2823. }
  2824. .has-feedback {
  2825. position: relative;
  2826. }
  2827. .has-feedback .form-control {
  2828. padding-right: 40px;
  2829. }
  2830. .form-control-feedback {
  2831. position: absolute;
  2832. top: 0;
  2833. right: 0;
  2834. z-index: 2;
  2835. display: block;
  2836. width: 32px;
  2837. height: 32px;
  2838. line-height: 32px;
  2839. text-align: center;
  2840. pointer-events: none;
  2841. }
  2842. .input-lg + .form-control-feedback,
  2843. .input-group-lg + .form-control-feedback,
  2844. .form-group-lg .form-control + .form-control-feedback {
  2845. width: 45px;
  2846. height: 45px;
  2847. line-height: 45px;
  2848. }
  2849. .input-sm + .form-control-feedback,
  2850. .input-group-sm + .form-control-feedback,
  2851. .form-group-sm .form-control + .form-control-feedback {
  2852. width: 30px;
  2853. height: 30px;
  2854. line-height: 30px;
  2855. }
  2856. .has-success .help-block,
  2857. .has-success .control-label,
  2858. .has-success .radio,
  2859. .has-success .checkbox,
  2860. .has-success .radio-inline,
  2861. .has-success .checkbox-inline,
  2862. .has-success.radio label,
  2863. .has-success.checkbox label,
  2864. .has-success.radio-inline label,
  2865. .has-success.checkbox-inline label {
  2866. color: #3c763d;
  2867. }
  2868. .has-success .form-control {
  2869. border-color: #3c763d;
  2870. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  2871. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  2872. }
  2873. .has-success .form-control:focus {
  2874. border-color: #2b542c;
  2875. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  2876. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  2877. }
  2878. .has-success .input-group-addon {
  2879. color: #3c763d;
  2880. border-color: #3c763d;
  2881. background-color: #dff0d8;
  2882. }
  2883. .has-success .form-control-feedback {
  2884. color: #3c763d;
  2885. }
  2886. .has-warning .help-block,
  2887. .has-warning .control-label,
  2888. .has-warning .radio,
  2889. .has-warning .checkbox,
  2890. .has-warning .radio-inline,
  2891. .has-warning .checkbox-inline,
  2892. .has-warning.radio label,
  2893. .has-warning.checkbox label,
  2894. .has-warning.radio-inline label,
  2895. .has-warning.checkbox-inline label {
  2896. color: #8a6d3b;
  2897. }
  2898. .has-warning .form-control {
  2899. border-color: #8a6d3b;
  2900. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  2901. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  2902. }
  2903. .has-warning .form-control:focus {
  2904. border-color: #66512c;
  2905. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  2906. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  2907. }
  2908. .has-warning .input-group-addon {
  2909. color: #8a6d3b;
  2910. border-color: #8a6d3b;
  2911. background-color: #fcf8e3;
  2912. }
  2913. .has-warning .form-control-feedback {
  2914. color: #8a6d3b;
  2915. }
  2916. .has-error .help-block,
  2917. .has-error .control-label,
  2918. .has-error .radio,
  2919. .has-error .checkbox,
  2920. .has-error .radio-inline,
  2921. .has-error .checkbox-inline,
  2922. .has-error.radio label,
  2923. .has-error.checkbox label,
  2924. .has-error.radio-inline label,
  2925. .has-error.checkbox-inline label {
  2926. color: #a94442;
  2927. }
  2928. .has-error .form-control {
  2929. border-color: #a94442;
  2930. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  2931. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  2932. }
  2933. .has-error .form-control:focus {
  2934. border-color: #843534;
  2935. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  2936. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  2937. }
  2938. .has-error .input-group-addon {
  2939. color: #a94442;
  2940. border-color: #a94442;
  2941. background-color: #f2dede;
  2942. }
  2943. .has-error .form-control-feedback {
  2944. color: #a94442;
  2945. }
  2946. .has-feedback label ~ .form-control-feedback {
  2947. top: 23px;
  2948. }
  2949. .has-feedback label.sr-only ~ .form-control-feedback {
  2950. top: 0;
  2951. }
  2952. .help-block {
  2953. display: block;
  2954. margin-top: 5px;
  2955. margin-bottom: 10px;
  2956. color: #404040;
  2957. }
  2958. @media (min-width: 768px) {
  2959. .form-inline .form-group {
  2960. display: inline-block;
  2961. margin-bottom: 0;
  2962. vertical-align: middle;
  2963. }
  2964. .form-inline .form-control {
  2965. display: inline-block;
  2966. width: auto;
  2967. vertical-align: middle;
  2968. }
  2969. .form-inline .form-control-static {
  2970. display: inline-block;
  2971. }
  2972. .form-inline .input-group {
  2973. display: inline-table;
  2974. vertical-align: middle;
  2975. }
  2976. .form-inline .input-group .input-group-addon,
  2977. .form-inline .input-group .input-group-btn,
  2978. .form-inline .input-group .form-control {
  2979. width: auto;
  2980. }
  2981. .form-inline .input-group > .form-control {
  2982. width: 100%;
  2983. }
  2984. .form-inline .control-label {
  2985. margin-bottom: 0;
  2986. vertical-align: middle;
  2987. }
  2988. .form-inline .radio,
  2989. .form-inline .checkbox {
  2990. display: inline-block;
  2991. margin-top: 0;
  2992. margin-bottom: 0;
  2993. vertical-align: middle;
  2994. }
  2995. .form-inline .radio label,
  2996. .form-inline .checkbox label {
  2997. padding-left: 0;
  2998. }
  2999. .form-inline .radio input[type="radio"],
  3000. .form-inline .checkbox input[type="checkbox"] {
  3001. position: relative;
  3002. margin-left: 0;
  3003. }
  3004. .form-inline .has-feedback .form-control-feedback {
  3005. top: 0;
  3006. }
  3007. }
  3008. .form-horizontal .radio,
  3009. .form-horizontal .checkbox,
  3010. .form-horizontal .radio-inline,
  3011. .form-horizontal .checkbox-inline {
  3012. margin-top: 0;
  3013. margin-bottom: 0;
  3014. padding-top: 7px;
  3015. }
  3016. .form-horizontal .radio,
  3017. .form-horizontal .checkbox {
  3018. min-height: 25px;
  3019. }
  3020. .form-horizontal .form-group {
  3021. margin-left: 0px;
  3022. margin-right: 0px;
  3023. }
  3024. @media (min-width: 768px) {
  3025. .form-horizontal .control-label {
  3026. text-align: right;
  3027. margin-bottom: 0;
  3028. padding-top: 7px;
  3029. }
  3030. }
  3031. .form-horizontal .has-feedback .form-control-feedback {
  3032. right: 0px;
  3033. }
  3034. @media (min-width: 768px) {
  3035. .form-horizontal .form-group-lg .control-label {
  3036. padding-top: 11px;
  3037. font-size: 17px;
  3038. }
  3039. }
  3040. @media (min-width: 768px) {
  3041. .form-horizontal .form-group-sm .control-label {
  3042. padding-top: 6px;
  3043. font-size: 12px;
  3044. }
  3045. }
  3046. .btn {
  3047. display: inline-block;
  3048. margin-bottom: 0;
  3049. font-weight: normal;
  3050. text-align: center;
  3051. vertical-align: middle;
  3052. touch-action: manipulation;
  3053. cursor: pointer;
  3054. background-image: none;
  3055. border: 1px solid transparent;
  3056. white-space: nowrap;
  3057. padding: 6px 12px;
  3058. font-size: 13px;
  3059. line-height: 1.42857143;
  3060. border-radius: 2px;
  3061. -webkit-user-select: none;
  3062. -moz-user-select: none;
  3063. -ms-user-select: none;
  3064. user-select: none;
  3065. }
  3066. .btn:focus,
  3067. .btn:active:focus,
  3068. .btn.active:focus,
  3069. .btn.focus,
  3070. .btn:active.focus,
  3071. .btn.active.focus {
  3072. outline: 5px auto -webkit-focus-ring-color;
  3073. outline-offset: -2px;
  3074. }
  3075. .btn:hover,
  3076. .btn:focus,
  3077. .btn.focus {
  3078. color: #333;
  3079. text-decoration: none;
  3080. }
  3081. .btn:active,
  3082. .btn.active {
  3083. outline: 0;
  3084. background-image: none;
  3085. -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  3086. box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  3087. }
  3088. .btn.disabled,
  3089. .btn[disabled],
  3090. fieldset[disabled] .btn {
  3091. cursor: not-allowed;
  3092. opacity: 0.65;
  3093. filter: alpha(opacity=65);
  3094. -webkit-box-shadow: none;
  3095. box-shadow: none;
  3096. }
  3097. a.btn.disabled,
  3098. fieldset[disabled] a.btn {
  3099. pointer-events: none;
  3100. }
  3101. .btn-default {
  3102. color: #333;
  3103. background-color: #fff;
  3104. border-color: #ccc;
  3105. }
  3106. .btn-default:focus,
  3107. .btn-default.focus {
  3108. color: #333;
  3109. background-color: #e6e6e6;
  3110. border-color: #8c8c8c;
  3111. }
  3112. .btn-default:hover {
  3113. color: #333;
  3114. background-color: #e6e6e6;
  3115. border-color: #adadad;
  3116. }
  3117. .btn-default:active,
  3118. .btn-default.active,
  3119. .open > .dropdown-toggle.btn-default {
  3120. color: #333;
  3121. background-color: #e6e6e6;
  3122. border-color: #adadad;
  3123. }
  3124. .btn-default:active:hover,
  3125. .btn-default.active:hover,
  3126. .open > .dropdown-toggle.btn-default:hover,
  3127. .btn-default:active:focus,
  3128. .btn-default.active:focus,
  3129. .open > .dropdown-toggle.btn-default:focus,
  3130. .btn-default:active.focus,
  3131. .btn-default.active.focus,
  3132. .open > .dropdown-toggle.btn-default.focus {
  3133. color: #333;
  3134. background-color: #d4d4d4;
  3135. border-color: #8c8c8c;
  3136. }
  3137. .btn-default:active,
  3138. .btn-default.active,
  3139. .open > .dropdown-toggle.btn-default {
  3140. background-image: none;
  3141. }
  3142. .btn-default.disabled:hover,
  3143. .btn-default[disabled]:hover,
  3144. fieldset[disabled] .btn-default:hover,
  3145. .btn-default.disabled:focus,
  3146. .btn-default[disabled]:focus,
  3147. fieldset[disabled] .btn-default:focus,
  3148. .btn-default.disabled.focus,
  3149. .btn-default[disabled].focus,
  3150. fieldset[disabled] .btn-default.focus {
  3151. background-color: #fff;
  3152. border-color: #ccc;
  3153. }
  3154. .btn-default .badge {
  3155. color: #fff;
  3156. background-color: #333;
  3157. }
  3158. .btn-primary {
  3159. color: #fff;
  3160. background-color: #337ab7;
  3161. border-color: #2e6da4;
  3162. }
  3163. .btn-primary:focus,
  3164. .btn-primary.focus {
  3165. color: #fff;
  3166. background-color: #286090;
  3167. border-color: #122b40;
  3168. }
  3169. .btn-primary:hover {
  3170. color: #fff;
  3171. background-color: #286090;
  3172. border-color: #204d74;
  3173. }
  3174. .btn-primary:active,
  3175. .btn-primary.active,
  3176. .open > .dropdown-toggle.btn-primary {
  3177. color: #fff;
  3178. background-color: #286090;
  3179. border-color: #204d74;
  3180. }
  3181. .btn-primary:active:hover,
  3182. .btn-primary.active:hover,
  3183. .open > .dropdown-toggle.btn-primary:hover,
  3184. .btn-primary:active:focus,
  3185. .btn-primary.active:focus,
  3186. .open > .dropdown-toggle.btn-primary:focus,
  3187. .btn-primary:active.focus,
  3188. .btn-primary.active.focus,
  3189. .open > .dropdown-toggle.btn-primary.focus {
  3190. color: #fff;
  3191. background-color: #204d74;
  3192. border-color: #122b40;
  3193. }
  3194. .btn-primary:active,
  3195. .btn-primary.active,
  3196. .open > .dropdown-toggle.btn-primary {
  3197. background-image: none;
  3198. }
  3199. .btn-primary.disabled:hover,
  3200. .btn-primary[disabled]:hover,
  3201. fieldset[disabled] .btn-primary:hover,
  3202. .btn-primary.disabled:focus,
  3203. .btn-primary[disabled]:focus,
  3204. fieldset[disabled] .btn-primary:focus,
  3205. .btn-primary.disabled.focus,
  3206. .btn-primary[disabled].focus,
  3207. fieldset[disabled] .btn-primary.focus {
  3208. background-color: #337ab7;
  3209. border-color: #2e6da4;
  3210. }
  3211. .btn-primary .badge {
  3212. color: #337ab7;
  3213. background-color: #fff;
  3214. }
  3215. .btn-success {
  3216. color: #fff;
  3217. background-color: #5cb85c;
  3218. border-color: #4cae4c;
  3219. }
  3220. .btn-success:focus,
  3221. .btn-success.focus {
  3222. color: #fff;
  3223. background-color: #449d44;
  3224. border-color: #255625;
  3225. }
  3226. .btn-success:hover {
  3227. color: #fff;
  3228. background-color: #449d44;
  3229. border-color: #398439;
  3230. }
  3231. .btn-success:active,
  3232. .btn-success.active,
  3233. .open > .dropdown-toggle.btn-success {
  3234. color: #fff;
  3235. background-color: #449d44;
  3236. border-color: #398439;
  3237. }
  3238. .btn-success:active:hover,
  3239. .btn-success.active:hover,
  3240. .open > .dropdown-toggle.btn-success:hover,
  3241. .btn-success:active:focus,
  3242. .btn-success.active:focus,
  3243. .open > .dropdown-toggle.btn-success:focus,
  3244. .btn-success:active.focus,
  3245. .btn-success.active.focus,
  3246. .open > .dropdown-toggle.btn-success.focus {
  3247. color: #fff;
  3248. background-color: #398439;
  3249. border-color: #255625;
  3250. }
  3251. .btn-success:active,
  3252. .btn-success.active,
  3253. .open > .dropdown-toggle.btn-success {
  3254. background-image: none;
  3255. }
  3256. .btn-success.disabled:hover,
  3257. .btn-success[disabled]:hover,
  3258. fieldset[disabled] .btn-success:hover,
  3259. .btn-success.disabled:focus,
  3260. .btn-success[disabled]:focus,
  3261. fieldset[disabled] .btn-success:focus,
  3262. .btn-success.disabled.focus,
  3263. .btn-success[disabled].focus,
  3264. fieldset[disabled] .btn-success.focus {
  3265. background-color: #5cb85c;
  3266. border-color: #4cae4c;
  3267. }
  3268. .btn-success .badge {
  3269. color: #5cb85c;
  3270. background-color: #fff;
  3271. }
  3272. .btn-info {
  3273. color: #fff;
  3274. background-color: #5bc0de;
  3275. border-color: #46b8da;
  3276. }
  3277. .btn-info:focus,
  3278. .btn-info.focus {
  3279. color: #fff;
  3280. background-color: #31b0d5;
  3281. border-color: #1b6d85;
  3282. }
  3283. .btn-info:hover {
  3284. color: #fff;
  3285. background-color: #31b0d5;
  3286. border-color: #269abc;
  3287. }
  3288. .btn-info:active,
  3289. .btn-info.active,
  3290. .open > .dropdown-toggle.btn-info {
  3291. color: #fff;
  3292. background-color: #31b0d5;
  3293. border-color: #269abc;
  3294. }
  3295. .btn-info:active:hover,
  3296. .btn-info.active:hover,
  3297. .open > .dropdown-toggle.btn-info:hover,
  3298. .btn-info:active:focus,
  3299. .btn-info.active:focus,
  3300. .open > .dropdown-toggle.btn-info:focus,
  3301. .btn-info:active.focus,
  3302. .btn-info.active.focus,
  3303. .open > .dropdown-toggle.btn-info.focus {
  3304. color: #fff;
  3305. background-color: #269abc;
  3306. border-color: #1b6d85;
  3307. }
  3308. .btn-info:active,
  3309. .btn-info.active,
  3310. .open > .dropdown-toggle.btn-info {
  3311. background-image: none;
  3312. }
  3313. .btn-info.disabled:hover,
  3314. .btn-info[disabled]:hover,
  3315. fieldset[disabled] .btn-info:hover,
  3316. .btn-info.disabled:focus,
  3317. .btn-info[disabled]:focus,
  3318. fieldset[disabled] .btn-info:focus,
  3319. .btn-info.disabled.focus,
  3320. .btn-info[disabled].focus,
  3321. fieldset[disabled] .btn-info.focus {
  3322. background-color: #5bc0de;
  3323. border-color: #46b8da;
  3324. }
  3325. .btn-info .badge {
  3326. color: #5bc0de;
  3327. background-color: #fff;
  3328. }
  3329. .btn-warning {
  3330. color: #fff;
  3331. background-color: #f0ad4e;
  3332. border-color: #eea236;
  3333. }
  3334. .btn-warning:focus,
  3335. .btn-warning.focus {
  3336. color: #fff;
  3337. background-color: #ec971f;
  3338. border-color: #985f0d;
  3339. }
  3340. .btn-warning:hover {
  3341. color: #fff;
  3342. background-color: #ec971f;
  3343. border-color: #d58512;
  3344. }
  3345. .btn-warning:active,
  3346. .btn-warning.active,
  3347. .open > .dropdown-toggle.btn-warning {
  3348. color: #fff;
  3349. background-color: #ec971f;
  3350. border-color: #d58512;
  3351. }
  3352. .btn-warning:active:hover,
  3353. .btn-warning.active:hover,
  3354. .open > .dropdown-toggle.btn-warning:hover,
  3355. .btn-warning:active:focus,
  3356. .btn-warning.active:focus,
  3357. .open > .dropdown-toggle.btn-warning:focus,
  3358. .btn-warning:active.focus,
  3359. .btn-warning.active.focus,
  3360. .open > .dropdown-toggle.btn-warning.focus {
  3361. color: #fff;
  3362. background-color: #d58512;
  3363. border-color: #985f0d;
  3364. }
  3365. .btn-warning:active,
  3366. .btn-warning.active,
  3367. .open > .dropdown-toggle.btn-warning {
  3368. background-image: none;
  3369. }
  3370. .btn-warning.disabled:hover,
  3371. .btn-warning[disabled]:hover,
  3372. fieldset[disabled] .btn-warning:hover,
  3373. .btn-warning.disabled:focus,
  3374. .btn-warning[disabled]:focus,
  3375. fieldset[disabled] .btn-warning:focus,
  3376. .btn-warning.disabled.focus,
  3377. .btn-warning[disabled].focus,
  3378. fieldset[disabled] .btn-warning.focus {
  3379. background-color: #f0ad4e;
  3380. border-color: #eea236;
  3381. }
  3382. .btn-warning .badge {
  3383. color: #f0ad4e;
  3384. background-color: #fff;
  3385. }
  3386. .btn-danger {
  3387. color: #fff;
  3388. background-color: #d9534f;
  3389. border-color: #d43f3a;
  3390. }
  3391. .btn-danger:focus,
  3392. .btn-danger.focus {
  3393. color: #fff;
  3394. background-color: #c9302c;
  3395. border-color: #761c19;
  3396. }
  3397. .btn-danger:hover {
  3398. color: #fff;
  3399. background-color: #c9302c;
  3400. border-color: #ac2925;
  3401. }
  3402. .btn-danger:active,
  3403. .btn-danger.active,
  3404. .open > .dropdown-toggle.btn-danger {
  3405. color: #fff;
  3406. background-color: #c9302c;
  3407. border-color: #ac2925;
  3408. }
  3409. .btn-danger:active:hover,
  3410. .btn-danger.active:hover,
  3411. .open > .dropdown-toggle.btn-danger:hover,
  3412. .btn-danger:active:focus,
  3413. .btn-danger.active:focus,
  3414. .open > .dropdown-toggle.btn-danger:focus,
  3415. .btn-danger:active.focus,
  3416. .btn-danger.active.focus,
  3417. .open > .dropdown-toggle.btn-danger.focus {
  3418. color: #fff;
  3419. background-color: #ac2925;
  3420. border-color: #761c19;
  3421. }
  3422. .btn-danger:active,
  3423. .btn-danger.active,
  3424. .open > .dropdown-toggle.btn-danger {
  3425. background-image: none;
  3426. }
  3427. .btn-danger.disabled:hover,
  3428. .btn-danger[disabled]:hover,
  3429. fieldset[disabled] .btn-danger:hover,
  3430. .btn-danger.disabled:focus,
  3431. .btn-danger[disabled]:focus,
  3432. fieldset[disabled] .btn-danger:focus,
  3433. .btn-danger.disabled.focus,
  3434. .btn-danger[disabled].focus,
  3435. fieldset[disabled] .btn-danger.focus {
  3436. background-color: #d9534f;
  3437. border-color: #d43f3a;
  3438. }
  3439. .btn-danger .badge {
  3440. color: #d9534f;
  3441. background-color: #fff;
  3442. }
  3443. .btn-link {
  3444. color: #337ab7;
  3445. font-weight: normal;
  3446. border-radius: 0;
  3447. }
  3448. .btn-link,
  3449. .btn-link:active,
  3450. .btn-link.active,
  3451. .btn-link[disabled],
  3452. fieldset[disabled] .btn-link {
  3453. background-color: transparent;
  3454. -webkit-box-shadow: none;
  3455. box-shadow: none;
  3456. }
  3457. .btn-link,
  3458. .btn-link:hover,
  3459. .btn-link:focus,
  3460. .btn-link:active {
  3461. border-color: transparent;
  3462. }
  3463. .btn-link:hover,
  3464. .btn-link:focus {
  3465. color: #23527c;
  3466. text-decoration: underline;
  3467. background-color: transparent;
  3468. }
  3469. .btn-link[disabled]:hover,
  3470. fieldset[disabled] .btn-link:hover,
  3471. .btn-link[disabled]:focus,
  3472. fieldset[disabled] .btn-link:focus {
  3473. color: #777777;
  3474. text-decoration: none;
  3475. }
  3476. .btn-lg,
  3477. .btn-group-lg > .btn {
  3478. padding: 10px 16px;
  3479. font-size: 17px;
  3480. line-height: 1.3333333;
  3481. border-radius: 3px;
  3482. }
  3483. .btn-sm,
  3484. .btn-group-sm > .btn {
  3485. padding: 5px 10px;
  3486. font-size: 12px;
  3487. line-height: 1.5;
  3488. border-radius: 1px;
  3489. }
  3490. .btn-xs,
  3491. .btn-group-xs > .btn {
  3492. padding: 1px 5px;
  3493. font-size: 12px;
  3494. line-height: 1.5;
  3495. border-radius: 1px;
  3496. }
  3497. .btn-block {
  3498. display: block;
  3499. width: 100%;
  3500. }
  3501. .btn-block + .btn-block {
  3502. margin-top: 5px;
  3503. }
  3504. input[type="submit"].btn-block,
  3505. input[type="reset"].btn-block,
  3506. input[type="button"].btn-block {
  3507. width: 100%;
  3508. }
  3509. .fade {
  3510. opacity: 0;
  3511. -webkit-transition: opacity 0.15s linear;
  3512. -o-transition: opacity 0.15s linear;
  3513. transition: opacity 0.15s linear;
  3514. }
  3515. .fade.in {
  3516. opacity: 1;
  3517. }
  3518. .collapse {
  3519. display: none;
  3520. }
  3521. .collapse.in {
  3522. display: block;
  3523. }
  3524. tr.collapse.in {
  3525. display: table-row;
  3526. }
  3527. tbody.collapse.in {
  3528. display: table-row-group;
  3529. }
  3530. .collapsing {
  3531. position: relative;
  3532. height: 0;
  3533. overflow: hidden;
  3534. -webkit-transition-property: height, visibility;
  3535. transition-property: height, visibility;
  3536. -webkit-transition-duration: 0.35s;
  3537. transition-duration: 0.35s;
  3538. -webkit-transition-timing-function: ease;
  3539. transition-timing-function: ease;
  3540. }
  3541. .caret {
  3542. display: inline-block;
  3543. width: 0;
  3544. height: 0;
  3545. margin-left: 2px;
  3546. vertical-align: middle;
  3547. border-top: 4px dashed;
  3548. border-top: 4px solid \9;
  3549. border-right: 4px solid transparent;
  3550. border-left: 4px solid transparent;
  3551. }
  3552. .dropup,
  3553. .dropdown {
  3554. position: relative;
  3555. }
  3556. .dropdown-toggle:focus {
  3557. outline: 0;
  3558. }
  3559. .dropdown-menu {
  3560. position: absolute;
  3561. top: 100%;
  3562. left: 0;
  3563. z-index: 1000;
  3564. display: none;
  3565. float: left;
  3566. min-width: 160px;
  3567. padding: 5px 0;
  3568. margin: 2px 0 0;
  3569. list-style: none;
  3570. font-size: 13px;
  3571. text-align: left;
  3572. background-color: #fff;
  3573. border: 1px solid #ccc;
  3574. border: 1px solid rgba(0, 0, 0, 0.15);
  3575. border-radius: 2px;
  3576. -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  3577. box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  3578. background-clip: padding-box;
  3579. }
  3580. .dropdown-menu.pull-right {
  3581. right: 0;
  3582. left: auto;
  3583. }
  3584. .dropdown-menu .divider {
  3585. height: 1px;
  3586. margin: 8px 0;
  3587. overflow: hidden;
  3588. background-color: #e5e5e5;
  3589. }
  3590. .dropdown-menu > li > a {
  3591. display: block;
  3592. padding: 3px 20px;
  3593. clear: both;
  3594. font-weight: normal;
  3595. line-height: 1.42857143;
  3596. color: #333333;
  3597. white-space: nowrap;
  3598. }
  3599. .dropdown-menu > li > a:hover,
  3600. .dropdown-menu > li > a:focus {
  3601. text-decoration: none;
  3602. color: #262626;
  3603. background-color: #f5f5f5;
  3604. }
  3605. .dropdown-menu > .active > a,
  3606. .dropdown-menu > .active > a:hover,
  3607. .dropdown-menu > .active > a:focus {
  3608. color: #fff;
  3609. text-decoration: none;
  3610. outline: 0;
  3611. background-color: #337ab7;
  3612. }
  3613. .dropdown-menu > .disabled > a,
  3614. .dropdown-menu > .disabled > a:hover,
  3615. .dropdown-menu > .disabled > a:focus {
  3616. color: #777777;
  3617. }
  3618. .dropdown-menu > .disabled > a:hover,
  3619. .dropdown-menu > .disabled > a:focus {
  3620. text-decoration: none;
  3621. background-color: transparent;
  3622. background-image: none;
  3623. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  3624. cursor: not-allowed;
  3625. }
  3626. .open > .dropdown-menu {
  3627. display: block;
  3628. }
  3629. .open > a {
  3630. outline: 0;
  3631. }
  3632. .dropdown-menu-right {
  3633. left: auto;
  3634. right: 0;
  3635. }
  3636. .dropdown-menu-left {
  3637. left: 0;
  3638. right: auto;
  3639. }
  3640. .dropdown-header {
  3641. display: block;
  3642. padding: 3px 20px;
  3643. font-size: 12px;
  3644. line-height: 1.42857143;
  3645. color: #777777;
  3646. white-space: nowrap;
  3647. }
  3648. .dropdown-backdrop {
  3649. position: fixed;
  3650. left: 0;
  3651. right: 0;
  3652. bottom: 0;
  3653. top: 0;
  3654. z-index: 990;
  3655. }
  3656. .pull-right > .dropdown-menu {
  3657. right: 0;
  3658. left: auto;
  3659. }
  3660. .dropup .caret,
  3661. .navbar-fixed-bottom .dropdown .caret {
  3662. border-top: 0;
  3663. border-bottom: 4px dashed;
  3664. border-bottom: 4px solid \9;
  3665. content: "";
  3666. }
  3667. .dropup .dropdown-menu,
  3668. .navbar-fixed-bottom .dropdown .dropdown-menu {
  3669. top: auto;
  3670. bottom: 100%;
  3671. margin-bottom: 2px;
  3672. }
  3673. @media (min-width: 541px) {
  3674. .navbar-right .dropdown-menu {
  3675. left: auto;
  3676. right: 0;
  3677. }
  3678. .navbar-right .dropdown-menu-left {
  3679. left: 0;
  3680. right: auto;
  3681. }
  3682. }
  3683. .btn-group,
  3684. .btn-group-vertical {
  3685. position: relative;
  3686. display: inline-block;
  3687. vertical-align: middle;
  3688. }
  3689. .btn-group > .btn,
  3690. .btn-group-vertical > .btn {
  3691. position: relative;
  3692. float: left;
  3693. }
  3694. .btn-group > .btn:hover,
  3695. .btn-group-vertical > .btn:hover,
  3696. .btn-group > .btn:focus,
  3697. .btn-group-vertical > .btn:focus,
  3698. .btn-group > .btn:active,
  3699. .btn-group-vertical > .btn:active,
  3700. .btn-group > .btn.active,
  3701. .btn-group-vertical > .btn.active {
  3702. z-index: 2;
  3703. }
  3704. .btn-group .btn + .btn,
  3705. .btn-group .btn + .btn-group,
  3706. .btn-group .btn-group + .btn,
  3707. .btn-group .btn-group + .btn-group {
  3708. margin-left: -1px;
  3709. }
  3710. .btn-toolbar {
  3711. margin-left: -5px;
  3712. }
  3713. .btn-toolbar .btn,
  3714. .btn-toolbar .btn-group,
  3715. .btn-toolbar .input-group {
  3716. float: left;
  3717. }
  3718. .btn-toolbar > .btn,
  3719. .btn-toolbar > .btn-group,
  3720. .btn-toolbar > .input-group {
  3721. margin-left: 5px;
  3722. }
  3723. .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  3724. border-radius: 0;
  3725. }
  3726. .btn-group > .btn:first-child {
  3727. margin-left: 0;
  3728. }
  3729. .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  3730. border-bottom-right-radius: 0;
  3731. border-top-right-radius: 0;
  3732. }
  3733. .btn-group > .btn:last-child:not(:first-child),
  3734. .btn-group > .dropdown-toggle:not(:first-child) {
  3735. border-bottom-left-radius: 0;
  3736. border-top-left-radius: 0;
  3737. }
  3738. .btn-group > .btn-group {
  3739. float: left;
  3740. }
  3741. .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  3742. border-radius: 0;
  3743. }
  3744. .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
  3745. .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  3746. border-bottom-right-radius: 0;
  3747. border-top-right-radius: 0;
  3748. }
  3749. .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  3750. border-bottom-left-radius: 0;
  3751. border-top-left-radius: 0;
  3752. }
  3753. .btn-group .dropdown-toggle:active,
  3754. .btn-group.open .dropdown-toggle {
  3755. outline: 0;
  3756. }
  3757. .btn-group > .btn + .dropdown-toggle {
  3758. padding-left: 8px;
  3759. padding-right: 8px;
  3760. }
  3761. .btn-group > .btn-lg + .dropdown-toggle {
  3762. padding-left: 12px;
  3763. padding-right: 12px;
  3764. }
  3765. .btn-group.open .dropdown-toggle {
  3766. -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  3767. box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  3768. }
  3769. .btn-group.open .dropdown-toggle.btn-link {
  3770. -webkit-box-shadow: none;
  3771. box-shadow: none;
  3772. }
  3773. .btn .caret {
  3774. margin-left: 0;
  3775. }
  3776. .btn-lg .caret {
  3777. border-width: 5px 5px 0;
  3778. border-bottom-width: 0;
  3779. }
  3780. .dropup .btn-lg .caret {
  3781. border-width: 0 5px 5px;
  3782. }
  3783. .btn-group-vertical > .btn,
  3784. .btn-group-vertical > .btn-group,
  3785. .btn-group-vertical > .btn-group > .btn {
  3786. display: block;
  3787. float: none;
  3788. width: 100%;
  3789. max-width: 100%;
  3790. }
  3791. .btn-group-vertical > .btn-group > .btn {
  3792. float: none;
  3793. }
  3794. .btn-group-vertical > .btn + .btn,
  3795. .btn-group-vertical > .btn + .btn-group,
  3796. .btn-group-vertical > .btn-group + .btn,
  3797. .btn-group-vertical > .btn-group + .btn-group {
  3798. margin-top: -1px;
  3799. margin-left: 0;
  3800. }
  3801. .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  3802. border-radius: 0;
  3803. }
  3804. .btn-group-vertical > .btn:first-child:not(:last-child) {
  3805. border-top-right-radius: 2px;
  3806. border-top-left-radius: 2px;
  3807. border-bottom-right-radius: 0;
  3808. border-bottom-left-radius: 0;
  3809. }
  3810. .btn-group-vertical > .btn:last-child:not(:first-child) {
  3811. border-top-right-radius: 0;
  3812. border-top-left-radius: 0;
  3813. border-bottom-right-radius: 2px;
  3814. border-bottom-left-radius: 2px;
  3815. }
  3816. .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  3817. border-radius: 0;
  3818. }
  3819. .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
  3820. .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  3821. border-bottom-right-radius: 0;
  3822. border-bottom-left-radius: 0;
  3823. }
  3824. .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  3825. border-top-right-radius: 0;
  3826. border-top-left-radius: 0;
  3827. }
  3828. .btn-group-justified {
  3829. display: table;
  3830. width: 100%;
  3831. table-layout: fixed;
  3832. border-collapse: separate;
  3833. }
  3834. .btn-group-justified > .btn,
  3835. .btn-group-justified > .btn-group {
  3836. float: none;
  3837. display: table-cell;
  3838. width: 1%;
  3839. }
  3840. .btn-group-justified > .btn-group .btn {
  3841. width: 100%;
  3842. }
  3843. .btn-group-justified > .btn-group .dropdown-menu {
  3844. left: auto;
  3845. }
  3846. [data-toggle="buttons"] > .btn input[type="radio"],
  3847. [data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
  3848. [data-toggle="buttons"] > .btn input[type="checkbox"],
  3849. [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  3850. position: absolute;
  3851. clip: rect(0, 0, 0, 0);
  3852. pointer-events: none;
  3853. }
  3854. .input-group {
  3855. position: relative;
  3856. display: table;
  3857. border-collapse: separate;
  3858. }
  3859. .input-group[class*="col-"] {
  3860. float: none;
  3861. padding-left: 0;
  3862. padding-right: 0;
  3863. }
  3864. .input-group .form-control {
  3865. position: relative;
  3866. z-index: 2;
  3867. float: left;
  3868. width: 100%;
  3869. margin-bottom: 0;
  3870. }
  3871. .input-group .form-control:focus {
  3872. z-index: 3;
  3873. }
  3874. .input-group-lg > .form-control,
  3875. .input-group-lg > .input-group-addon,
  3876. .input-group-lg > .input-group-btn > .btn {
  3877. height: 45px;
  3878. padding: 10px 16px;
  3879. font-size: 17px;
  3880. line-height: 1.3333333;
  3881. border-radius: 3px;
  3882. }
  3883. select.input-group-lg > .form-control,
  3884. select.input-group-lg > .input-group-addon,
  3885. select.input-group-lg > .input-group-btn > .btn {
  3886. height: 45px;
  3887. line-height: 45px;
  3888. }
  3889. textarea.input-group-lg > .form-control,
  3890. textarea.input-group-lg > .input-group-addon,
  3891. textarea.input-group-lg > .input-group-btn > .btn,
  3892. select[multiple].input-group-lg > .form-control,
  3893. select[multiple].input-group-lg > .input-group-addon,
  3894. select[multiple].input-group-lg > .input-group-btn > .btn {
  3895. height: auto;
  3896. }
  3897. .input-group-sm > .form-control,
  3898. .input-group-sm > .input-group-addon,
  3899. .input-group-sm > .input-group-btn > .btn {
  3900. height: 30px;
  3901. padding: 5px 10px;
  3902. font-size: 12px;
  3903. line-height: 1.5;
  3904. border-radius: 1px;
  3905. }
  3906. select.input-group-sm > .form-control,
  3907. select.input-group-sm > .input-group-addon,
  3908. select.input-group-sm > .input-group-btn > .btn {
  3909. height: 30px;
  3910. line-height: 30px;
  3911. }
  3912. textarea.input-group-sm > .form-control,
  3913. textarea.input-group-sm > .input-group-addon,
  3914. textarea.input-group-sm > .input-group-btn > .btn,
  3915. select[multiple].input-group-sm > .form-control,
  3916. select[multiple].input-group-sm > .input-group-addon,
  3917. select[multiple].input-group-sm > .input-group-btn > .btn {
  3918. height: auto;
  3919. }
  3920. .input-group-addon,
  3921. .input-group-btn,
  3922. .input-group .form-control {
  3923. display: table-cell;
  3924. }
  3925. .input-group-addon:not(:first-child):not(:last-child),
  3926. .input-group-btn:not(:first-child):not(:last-child),
  3927. .input-group .form-control:not(:first-child):not(:last-child) {
  3928. border-radius: 0;
  3929. }
  3930. .input-group-addon,
  3931. .input-group-btn {
  3932. width: 1%;
  3933. white-space: nowrap;
  3934. vertical-align: middle;
  3935. }
  3936. .input-group-addon {
  3937. padding: 6px 12px;
  3938. font-size: 13px;
  3939. font-weight: normal;
  3940. line-height: 1;
  3941. color: #555555;
  3942. text-align: center;
  3943. background-color: #eeeeee;
  3944. border: 1px solid #ccc;
  3945. border-radius: 2px;
  3946. }
  3947. .input-group-addon.input-sm {
  3948. padding: 5px 10px;
  3949. font-size: 12px;
  3950. border-radius: 1px;
  3951. }
  3952. .input-group-addon.input-lg {
  3953. padding: 10px 16px;
  3954. font-size: 17px;
  3955. border-radius: 3px;
  3956. }
  3957. .input-group-addon input[type="radio"],
  3958. .input-group-addon input[type="checkbox"] {
  3959. margin-top: 0;
  3960. }
  3961. .input-group .form-control:first-child,
  3962. .input-group-addon:first-child,
  3963. .input-group-btn:first-child > .btn,
  3964. .input-group-btn:first-child > .btn-group > .btn,
  3965. .input-group-btn:first-child > .dropdown-toggle,
  3966. .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
  3967. .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  3968. border-bottom-right-radius: 0;
  3969. border-top-right-radius: 0;
  3970. }
  3971. .input-group-addon:first-child {
  3972. border-right: 0;
  3973. }
  3974. .input-group .form-control:last-child,
  3975. .input-group-addon:last-child,
  3976. .input-group-btn:last-child > .btn,
  3977. .input-group-btn:last-child > .btn-group > .btn,
  3978. .input-group-btn:last-child > .dropdown-toggle,
  3979. .input-group-btn:first-child > .btn:not(:first-child),
  3980. .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  3981. border-bottom-left-radius: 0;
  3982. border-top-left-radius: 0;
  3983. }
  3984. .input-group-addon:last-child {
  3985. border-left: 0;
  3986. }
  3987. .input-group-btn {
  3988. position: relative;
  3989. font-size: 0;
  3990. white-space: nowrap;
  3991. }
  3992. .input-group-btn > .btn {
  3993. position: relative;
  3994. }
  3995. .input-group-btn > .btn + .btn {
  3996. margin-left: -1px;
  3997. }
  3998. .input-group-btn > .btn:hover,
  3999. .input-group-btn > .btn:focus,
  4000. .input-group-btn > .btn:active {
  4001. z-index: 2;
  4002. }
  4003. .input-group-btn:first-child > .btn,
  4004. .input-group-btn:first-child > .btn-group {
  4005. margin-right: -1px;
  4006. }
  4007. .input-group-btn:last-child > .btn,
  4008. .input-group-btn:last-child > .btn-group {
  4009. z-index: 2;
  4010. margin-left: -1px;
  4011. }
  4012. .nav {
  4013. margin-bottom: 0;
  4014. padding-left: 0;
  4015. list-style: none;
  4016. }
  4017. .nav > li {
  4018. position: relative;
  4019. display: block;
  4020. }
  4021. .nav > li > a {
  4022. position: relative;
  4023. display: block;
  4024. padding: 10px 15px;
  4025. }
  4026. .nav > li > a:hover,
  4027. .nav > li > a:focus {
  4028. text-decoration: none;
  4029. background-color: #eeeeee;
  4030. }
  4031. .nav > li.disabled > a {
  4032. color: #777777;
  4033. }
  4034. .nav > li.disabled > a:hover,
  4035. .nav > li.disabled > a:focus {
  4036. color: #777777;
  4037. text-decoration: none;
  4038. background-color: transparent;
  4039. cursor: not-allowed;
  4040. }
  4041. .nav .open > a,
  4042. .nav .open > a:hover,
  4043. .nav .open > a:focus {
  4044. background-color: #eeeeee;
  4045. border-color: #337ab7;
  4046. }
  4047. .nav .nav-divider {
  4048. height: 1px;
  4049. margin: 8px 0;
  4050. overflow: hidden;
  4051. background-color: #e5e5e5;
  4052. }
  4053. .nav > li > a > img {
  4054. max-width: none;
  4055. }
  4056. .nav-tabs {
  4057. border-bottom: 1px solid #ddd;
  4058. }
  4059. .nav-tabs > li {
  4060. float: left;
  4061. margin-bottom: -1px;
  4062. }
  4063. .nav-tabs > li > a {
  4064. margin-right: 2px;
  4065. line-height: 1.42857143;
  4066. border: 1px solid transparent;
  4067. border-radius: 2px 2px 0 0;
  4068. }
  4069. .nav-tabs > li > a:hover {
  4070. border-color: #eeeeee #eeeeee #ddd;
  4071. }
  4072. .nav-tabs > li.active > a,
  4073. .nav-tabs > li.active > a:hover,
  4074. .nav-tabs > li.active > a:focus {
  4075. color: #555555;
  4076. background-color: #fff;
  4077. border: 1px solid #ddd;
  4078. border-bottom-color: transparent;
  4079. cursor: default;
  4080. }
  4081. .nav-tabs.nav-justified {
  4082. width: 100%;
  4083. border-bottom: 0;
  4084. }
  4085. .nav-tabs.nav-justified > li {
  4086. float: none;
  4087. }
  4088. .nav-tabs.nav-justified > li > a {
  4089. text-align: center;
  4090. margin-bottom: 5px;
  4091. }
  4092. .nav-tabs.nav-justified > .dropdown .dropdown-menu {
  4093. top: auto;
  4094. left: auto;
  4095. }
  4096. @media (min-width: 768px) {
  4097. .nav-tabs.nav-justified > li {
  4098. display: table-cell;
  4099. width: 1%;
  4100. }
  4101. .nav-tabs.nav-justified > li > a {
  4102. margin-bottom: 0;
  4103. }
  4104. }
  4105. .nav-tabs.nav-justified > li > a {
  4106. margin-right: 0;
  4107. border-radius: 2px;
  4108. }
  4109. .nav-tabs.nav-justified > .active > a,
  4110. .nav-tabs.nav-justified > .active > a:hover,
  4111. .nav-tabs.nav-justified > .active > a:focus {
  4112. border: 1px solid #ddd;
  4113. }
  4114. @media (min-width: 768px) {
  4115. .nav-tabs.nav-justified > li > a {
  4116. border-bottom: 1px solid #ddd;
  4117. border-radius: 2px 2px 0 0;
  4118. }
  4119. .nav-tabs.nav-justified > .active > a,
  4120. .nav-tabs.nav-justified > .active > a:hover,
  4121. .nav-tabs.nav-justified > .active > a:focus {
  4122. border-bottom-color: #fff;
  4123. }
  4124. }
  4125. .nav-pills > li {
  4126. float: left;
  4127. }
  4128. .nav-pills > li > a {
  4129. border-radius: 2px;
  4130. }
  4131. .nav-pills > li + li {
  4132. margin-left: 2px;
  4133. }
  4134. .nav-pills > li.active > a,
  4135. .nav-pills > li.active > a:hover,
  4136. .nav-pills > li.active > a:focus {
  4137. color: #fff;
  4138. background-color: #337ab7;
  4139. }
  4140. .nav-stacked > li {
  4141. float: none;
  4142. }
  4143. .nav-stacked > li + li {
  4144. margin-top: 2px;
  4145. margin-left: 0;
  4146. }
  4147. .nav-justified {
  4148. width: 100%;
  4149. }
  4150. .nav-justified > li {
  4151. float: none;
  4152. }
  4153. .nav-justified > li > a {
  4154. text-align: center;
  4155. margin-bottom: 5px;
  4156. }
  4157. .nav-justified > .dropdown .dropdown-menu {
  4158. top: auto;
  4159. left: auto;
  4160. }
  4161. @media (min-width: 768px) {
  4162. .nav-justified > li {
  4163. display: table-cell;
  4164. width: 1%;
  4165. }
  4166. .nav-justified > li > a {
  4167. margin-bottom: 0;
  4168. }
  4169. }
  4170. .nav-tabs-justified {
  4171. border-bottom: 0;
  4172. }
  4173. .nav-tabs-justified > li > a {
  4174. margin-right: 0;
  4175. border-radius: 2px;
  4176. }
  4177. .nav-tabs-justified > .active > a,
  4178. .nav-tabs-justified > .active > a:hover,
  4179. .nav-tabs-justified > .active > a:focus {
  4180. border: 1px solid #ddd;
  4181. }
  4182. @media (min-width: 768px) {
  4183. .nav-tabs-justified > li > a {
  4184. border-bottom: 1px solid #ddd;
  4185. border-radius: 2px 2px 0 0;
  4186. }
  4187. .nav-tabs-justified > .active > a,
  4188. .nav-tabs-justified > .active > a:hover,
  4189. .nav-tabs-justified > .active > a:focus {
  4190. border-bottom-color: #fff;
  4191. }
  4192. }
  4193. .tab-content > .tab-pane {
  4194. display: none;
  4195. }
  4196. .tab-content > .active {
  4197. display: block;
  4198. }
  4199. .nav-tabs .dropdown-menu {
  4200. margin-top: -1px;
  4201. border-top-right-radius: 0;
  4202. border-top-left-radius: 0;
  4203. }
  4204. .navbar {
  4205. position: relative;
  4206. min-height: 30px;
  4207. margin-bottom: 18px;
  4208. border: 1px solid transparent;
  4209. }
  4210. @media (min-width: 541px) {
  4211. .navbar {
  4212. border-radius: 2px;
  4213. }
  4214. }
  4215. @media (min-width: 541px) {
  4216. .navbar-header {
  4217. float: left;
  4218. }
  4219. }
  4220. .navbar-collapse {
  4221. overflow-x: visible;
  4222. padding-right: 0px;
  4223. padding-left: 0px;
  4224. border-top: 1px solid transparent;
  4225. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  4226. -webkit-overflow-scrolling: touch;
  4227. }
  4228. .navbar-collapse.in {
  4229. overflow-y: auto;
  4230. }
  4231. @media (min-width: 541px) {
  4232. .navbar-collapse {
  4233. width: auto;
  4234. border-top: 0;
  4235. box-shadow: none;
  4236. }
  4237. .navbar-collapse.collapse {
  4238. display: block !important;
  4239. height: auto !important;
  4240. padding-bottom: 0;
  4241. overflow: visible !important;
  4242. }
  4243. .navbar-collapse.in {
  4244. overflow-y: visible;
  4245. }
  4246. .navbar-fixed-top .navbar-collapse,
  4247. .navbar-static-top .navbar-collapse,
  4248. .navbar-fixed-bottom .navbar-collapse {
  4249. padding-left: 0;
  4250. padding-right: 0;
  4251. }
  4252. }
  4253. .navbar-fixed-top .navbar-collapse,
  4254. .navbar-fixed-bottom .navbar-collapse {
  4255. max-height: 340px;
  4256. }
  4257. @media (max-device-width: 540px) and (orientation: landscape) {
  4258. .navbar-fixed-top .navbar-collapse,
  4259. .navbar-fixed-bottom .navbar-collapse {
  4260. max-height: 200px;
  4261. }
  4262. }
  4263. .container > .navbar-header,
  4264. .container-fluid > .navbar-header,
  4265. .container > .navbar-collapse,
  4266. .container-fluid > .navbar-collapse {
  4267. margin-right: 0px;
  4268. margin-left: 0px;
  4269. }
  4270. @media (min-width: 541px) {
  4271. .container > .navbar-header,
  4272. .container-fluid > .navbar-header,
  4273. .container > .navbar-collapse,
  4274. .container-fluid > .navbar-collapse {
  4275. margin-right: 0;
  4276. margin-left: 0;
  4277. }
  4278. }
  4279. .navbar-static-top {
  4280. z-index: 1000;
  4281. border-width: 0 0 1px;
  4282. }
  4283. @media (min-width: 541px) {
  4284. .navbar-static-top {
  4285. border-radius: 0;
  4286. }
  4287. }
  4288. .navbar-fixed-top,
  4289. .navbar-fixed-bottom {
  4290. position: fixed;
  4291. right: 0;
  4292. left: 0;
  4293. z-index: 1030;
  4294. }
  4295. @media (min-width: 541px) {
  4296. .navbar-fixed-top,
  4297. .navbar-fixed-bottom {
  4298. border-radius: 0;
  4299. }
  4300. }
  4301. .navbar-fixed-top {
  4302. top: 0;
  4303. border-width: 0 0 1px;
  4304. }
  4305. .navbar-fixed-bottom {
  4306. bottom: 0;
  4307. margin-bottom: 0;
  4308. border-width: 1px 0 0;
  4309. }
  4310. .navbar-brand {
  4311. float: left;
  4312. padding: 6px 0px;
  4313. font-size: 17px;
  4314. line-height: 18px;
  4315. height: 30px;
  4316. }
  4317. .navbar-brand:hover,
  4318. .navbar-brand:focus {
  4319. text-decoration: none;
  4320. }
  4321. .navbar-brand > img {
  4322. display: block;
  4323. }
  4324. @media (min-width: 541px) {
  4325. .navbar > .container .navbar-brand,
  4326. .navbar > .container-fluid .navbar-brand {
  4327. margin-left: 0px;
  4328. }
  4329. }
  4330. .navbar-toggle {
  4331. position: relative;
  4332. float: right;
  4333. margin-right: 0px;
  4334. padding: 9px 10px;
  4335. margin-top: -2px;
  4336. margin-bottom: -2px;
  4337. background-color: transparent;
  4338. background-image: none;
  4339. border: 1px solid transparent;
  4340. border-radius: 2px;
  4341. }
  4342. .navbar-toggle:focus {
  4343. outline: 0;
  4344. }
  4345. .navbar-toggle .icon-bar {
  4346. display: block;
  4347. width: 22px;
  4348. height: 2px;
  4349. border-radius: 1px;
  4350. }
  4351. .navbar-toggle .icon-bar + .icon-bar {
  4352. margin-top: 4px;
  4353. }
  4354. @media (min-width: 541px) {
  4355. .navbar-toggle {
  4356. display: none;
  4357. }
  4358. }
  4359. .navbar-nav {
  4360. margin: 3px 0px;
  4361. }
  4362. .navbar-nav > li > a {
  4363. padding-top: 10px;
  4364. padding-bottom: 10px;
  4365. line-height: 18px;
  4366. }
  4367. @media (max-width: 540px) {
  4368. .navbar-nav .open .dropdown-menu {
  4369. position: static;
  4370. float: none;
  4371. width: auto;
  4372. margin-top: 0;
  4373. background-color: transparent;
  4374. border: 0;
  4375. box-shadow: none;
  4376. }
  4377. .navbar-nav .open .dropdown-menu > li > a,
  4378. .navbar-nav .open .dropdown-menu .dropdown-header {
  4379. padding: 5px 15px 5px 25px;
  4380. }
  4381. .navbar-nav .open .dropdown-menu > li > a {
  4382. line-height: 18px;
  4383. }
  4384. .navbar-nav .open .dropdown-menu > li > a:hover,
  4385. .navbar-nav .open .dropdown-menu > li > a:focus {
  4386. background-image: none;
  4387. }
  4388. }
  4389. @media (min-width: 541px) {
  4390. .navbar-nav {
  4391. float: left;
  4392. margin: 0;
  4393. }
  4394. .navbar-nav > li {
  4395. float: left;
  4396. }
  4397. .navbar-nav > li > a {
  4398. padding-top: 6px;
  4399. padding-bottom: 6px;
  4400. }
  4401. }
  4402. .navbar-form {
  4403. margin-left: 0px;
  4404. margin-right: 0px;
  4405. padding: 10px 0px;
  4406. border-top: 1px solid transparent;
  4407. border-bottom: 1px solid transparent;
  4408. -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  4409. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  4410. margin-top: -1px;
  4411. margin-bottom: -1px;
  4412. }
  4413. @media (min-width: 768px) {
  4414. .navbar-form .form-group {
  4415. display: inline-block;
  4416. margin-bottom: 0;
  4417. vertical-align: middle;
  4418. }
  4419. .navbar-form .form-control {
  4420. display: inline-block;
  4421. width: auto;
  4422. vertical-align: middle;
  4423. }
  4424. .navbar-form .form-control-static {
  4425. display: inline-block;
  4426. }
  4427. .navbar-form .input-group {
  4428. display: inline-table;
  4429. vertical-align: middle;
  4430. }
  4431. .navbar-form .input-group .input-group-addon,
  4432. .navbar-form .input-group .input-group-btn,
  4433. .navbar-form .input-group .form-control {
  4434. width: auto;
  4435. }
  4436. .navbar-form .input-group > .form-control {
  4437. width: 100%;
  4438. }
  4439. .navbar-form .control-label {
  4440. margin-bottom: 0;
  4441. vertical-align: middle;
  4442. }
  4443. .navbar-form .radio,
  4444. .navbar-form .checkbox {
  4445. display: inline-block;
  4446. margin-top: 0;
  4447. margin-bottom: 0;
  4448. vertical-align: middle;
  4449. }
  4450. .navbar-form .radio label,
  4451. .navbar-form .checkbox label {
  4452. padding-left: 0;
  4453. }
  4454. .navbar-form .radio input[type="radio"],
  4455. .navbar-form .checkbox input[type="checkbox"] {
  4456. position: relative;
  4457. margin-left: 0;
  4458. }
  4459. .navbar-form .has-feedback .form-control-feedback {
  4460. top: 0;
  4461. }
  4462. }
  4463. @media (max-width: 540px) {
  4464. .navbar-form .form-group {
  4465. margin-bottom: 5px;
  4466. }
  4467. .navbar-form .form-group:last-child {
  4468. margin-bottom: 0;
  4469. }
  4470. }
  4471. @media (min-width: 541px) {
  4472. .navbar-form {
  4473. width: auto;
  4474. border: 0;
  4475. margin-left: 0;
  4476. margin-right: 0;
  4477. padding-top: 0;
  4478. padding-bottom: 0;
  4479. -webkit-box-shadow: none;
  4480. box-shadow: none;
  4481. }
  4482. }
  4483. .navbar-nav > li > .dropdown-menu {
  4484. margin-top: 0;
  4485. border-top-right-radius: 0;
  4486. border-top-left-radius: 0;
  4487. }
  4488. .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  4489. margin-bottom: 0;
  4490. border-top-right-radius: 2px;
  4491. border-top-left-radius: 2px;
  4492. border-bottom-right-radius: 0;
  4493. border-bottom-left-radius: 0;
  4494. }
  4495. .navbar-btn {
  4496. margin-top: -1px;
  4497. margin-bottom: -1px;
  4498. }
  4499. .navbar-btn.btn-sm {
  4500. margin-top: 0px;
  4501. margin-bottom: 0px;
  4502. }
  4503. .navbar-btn.btn-xs {
  4504. margin-top: 4px;
  4505. margin-bottom: 4px;
  4506. }
  4507. .navbar-text {
  4508. margin-top: 6px;
  4509. margin-bottom: 6px;
  4510. }
  4511. @media (min-width: 541px) {
  4512. .navbar-text {
  4513. float: left;
  4514. margin-left: 0px;
  4515. margin-right: 0px;
  4516. }
  4517. }
  4518. @media (min-width: 541px) {
  4519. .navbar-left {
  4520. float: left !important;
  4521. float: left;
  4522. }
  4523. .navbar-right {
  4524. float: right !important;
  4525. float: right;
  4526. margin-right: 0px;
  4527. }
  4528. .navbar-right ~ .navbar-right {
  4529. margin-right: 0;
  4530. }
  4531. }
  4532. .navbar-default {
  4533. background-color: #f8f8f8;
  4534. border-color: #e7e7e7;
  4535. }
  4536. .navbar-default .navbar-brand {
  4537. color: #777;
  4538. }
  4539. .navbar-default .navbar-brand:hover,
  4540. .navbar-default .navbar-brand:focus {
  4541. color: #5e5e5e;
  4542. background-color: transparent;
  4543. }
  4544. .navbar-default .navbar-text {
  4545. color: #777;
  4546. }
  4547. .navbar-default .navbar-nav > li > a {
  4548. color: #777;
  4549. }
  4550. .navbar-default .navbar-nav > li > a:hover,
  4551. .navbar-default .navbar-nav > li > a:focus {
  4552. color: #333;
  4553. background-color: transparent;
  4554. }
  4555. .navbar-default .navbar-nav > .active > a,
  4556. .navbar-default .navbar-nav > .active > a:hover,
  4557. .navbar-default .navbar-nav > .active > a:focus {
  4558. color: #555;
  4559. background-color: #e7e7e7;
  4560. }
  4561. .navbar-default .navbar-nav > .disabled > a,
  4562. .navbar-default .navbar-nav > .disabled > a:hover,
  4563. .navbar-default .navbar-nav > .disabled > a:focus {
  4564. color: #ccc;
  4565. background-color: transparent;
  4566. }
  4567. .navbar-default .navbar-toggle {
  4568. border-color: #ddd;
  4569. }
  4570. .navbar-default .navbar-toggle:hover,
  4571. .navbar-default .navbar-toggle:focus {
  4572. background-color: #ddd;
  4573. }
  4574. .navbar-default .navbar-toggle .icon-bar {
  4575. background-color: #888;
  4576. }
  4577. .navbar-default .navbar-collapse,
  4578. .navbar-default .navbar-form {
  4579. border-color: #e7e7e7;
  4580. }
  4581. .navbar-default .navbar-nav > .open > a,
  4582. .navbar-default .navbar-nav > .open > a:hover,
  4583. .navbar-default .navbar-nav > .open > a:focus {
  4584. background-color: #e7e7e7;
  4585. color: #555;
  4586. }
  4587. @media (max-width: 540px) {
  4588. .navbar-default .navbar-nav .open .dropdown-menu > li > a {
  4589. color: #777;
  4590. }
  4591. .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  4592. .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
  4593. color: #333;
  4594. background-color: transparent;
  4595. }
  4596. .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  4597. .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  4598. .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
  4599. color: #555;
  4600. background-color: #e7e7e7;
  4601. }
  4602. .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  4603. .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  4604. .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
  4605. color: #ccc;
  4606. background-color: transparent;
  4607. }
  4608. }
  4609. .navbar-default .navbar-link {
  4610. color: #777;
  4611. }
  4612. .navbar-default .navbar-link:hover {
  4613. color: #333;
  4614. }
  4615. .navbar-default .btn-link {
  4616. color: #777;
  4617. }
  4618. .navbar-default .btn-link:hover,
  4619. .navbar-default .btn-link:focus {
  4620. color: #333;
  4621. }
  4622. .navbar-default .btn-link[disabled]:hover,
  4623. fieldset[disabled] .navbar-default .btn-link:hover,
  4624. .navbar-default .btn-link[disabled]:focus,
  4625. fieldset[disabled] .navbar-default .btn-link:focus {
  4626. color: #ccc;
  4627. }
  4628. .navbar-inverse {
  4629. background-color: #222;
  4630. border-color: #080808;
  4631. }
  4632. .navbar-inverse .navbar-brand {
  4633. color: #9d9d9d;
  4634. }
  4635. .navbar-inverse .navbar-brand:hover,
  4636. .navbar-inverse .navbar-brand:focus {
  4637. color: #fff;
  4638. background-color: transparent;
  4639. }
  4640. .navbar-inverse .navbar-text {
  4641. color: #9d9d9d;
  4642. }
  4643. .navbar-inverse .navbar-nav > li > a {
  4644. color: #9d9d9d;
  4645. }
  4646. .navbar-inverse .navbar-nav > li > a:hover,
  4647. .navbar-inverse .navbar-nav > li > a:focus {
  4648. color: #fff;
  4649. background-color: transparent;
  4650. }
  4651. .navbar-inverse .navbar-nav > .active > a,
  4652. .navbar-inverse .navbar-nav > .active > a:hover,
  4653. .navbar-inverse .navbar-nav > .active > a:focus {
  4654. color: #fff;
  4655. background-color: #080808;
  4656. }
  4657. .navbar-inverse .navbar-nav > .disabled > a,
  4658. .navbar-inverse .navbar-nav > .disabled > a:hover,
  4659. .navbar-inverse .navbar-nav > .disabled > a:focus {
  4660. color: #444;
  4661. background-color: transparent;
  4662. }
  4663. .navbar-inverse .navbar-toggle {
  4664. border-color: #333;
  4665. }
  4666. .navbar-inverse .navbar-toggle:hover,
  4667. .navbar-inverse .navbar-toggle:focus {
  4668. background-color: #333;
  4669. }
  4670. .navbar-inverse .navbar-toggle .icon-bar {
  4671. background-color: #fff;
  4672. }
  4673. .navbar-inverse .navbar-collapse,
  4674. .navbar-inverse .navbar-form {
  4675. border-color: #101010;
  4676. }
  4677. .navbar-inverse .navbar-nav > .open > a,
  4678. .navbar-inverse .navbar-nav > .open > a:hover,
  4679. .navbar-inverse .navbar-nav > .open > a:focus {
  4680. background-color: #080808;
  4681. color: #fff;
  4682. }
  4683. @media (max-width: 540px) {
  4684. .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
  4685. border-color: #080808;
  4686. }
  4687. .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
  4688. background-color: #080808;
  4689. }
  4690. .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
  4691. color: #9d9d9d;
  4692. }
  4693. .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  4694. .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
  4695. color: #fff;
  4696. background-color: transparent;
  4697. }
  4698. .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  4699. .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  4700. .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
  4701. color: #fff;
  4702. background-color: #080808;
  4703. }
  4704. .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  4705. .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  4706. .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
  4707. color: #444;
  4708. background-color: transparent;
  4709. }
  4710. }
  4711. .navbar-inverse .navbar-link {
  4712. color: #9d9d9d;
  4713. }
  4714. .navbar-inverse .navbar-link:hover {
  4715. color: #fff;
  4716. }
  4717. .navbar-inverse .btn-link {
  4718. color: #9d9d9d;
  4719. }
  4720. .navbar-inverse .btn-link:hover,
  4721. .navbar-inverse .btn-link:focus {
  4722. color: #fff;
  4723. }
  4724. .navbar-inverse .btn-link[disabled]:hover,
  4725. fieldset[disabled] .navbar-inverse .btn-link:hover,
  4726. .navbar-inverse .btn-link[disabled]:focus,
  4727. fieldset[disabled] .navbar-inverse .btn-link:focus {
  4728. color: #444;
  4729. }
  4730. .breadcrumb {
  4731. padding: 8px 15px;
  4732. margin-bottom: 18px;
  4733. list-style: none;
  4734. background-color: #f5f5f5;
  4735. border-radius: 2px;
  4736. }
  4737. .breadcrumb > li {
  4738. display: inline-block;
  4739. }
  4740. .breadcrumb > li + li:before {
  4741. content: "/\00a0";
  4742. padding: 0 5px;
  4743. color: #5e5e5e;
  4744. }
  4745. .breadcrumb > .active {
  4746. color: #777777;
  4747. }
  4748. .pagination {
  4749. display: inline-block;
  4750. padding-left: 0;
  4751. margin: 18px 0;
  4752. border-radius: 2px;
  4753. }
  4754. .pagination > li {
  4755. display: inline;
  4756. }
  4757. .pagination > li > a,
  4758. .pagination > li > span {
  4759. position: relative;
  4760. float: left;
  4761. padding: 6px 12px;
  4762. line-height: 1.42857143;
  4763. text-decoration: none;
  4764. color: #337ab7;
  4765. background-color: #fff;
  4766. border: 1px solid #ddd;
  4767. margin-left: -1px;
  4768. }
  4769. .pagination > li:first-child > a,
  4770. .pagination > li:first-child > span {
  4771. margin-left: 0;
  4772. border-bottom-left-radius: 2px;
  4773. border-top-left-radius: 2px;
  4774. }
  4775. .pagination > li:last-child > a,
  4776. .pagination > li:last-child > span {
  4777. border-bottom-right-radius: 2px;
  4778. border-top-right-radius: 2px;
  4779. }
  4780. .pagination > li > a:hover,
  4781. .pagination > li > span:hover,
  4782. .pagination > li > a:focus,
  4783. .pagination > li > span:focus {
  4784. z-index: 2;
  4785. color: #23527c;
  4786. background-color: #eeeeee;
  4787. border-color: #ddd;
  4788. }
  4789. .pagination > .active > a,
  4790. .pagination > .active > span,
  4791. .pagination > .active > a:hover,
  4792. .pagination > .active > span:hover,
  4793. .pagination > .active > a:focus,
  4794. .pagination > .active > span:focus {
  4795. z-index: 3;
  4796. color: #fff;
  4797. background-color: #337ab7;
  4798. border-color: #337ab7;
  4799. cursor: default;
  4800. }
  4801. .pagination > .disabled > span,
  4802. .pagination > .disabled > span:hover,
  4803. .pagination > .disabled > span:focus,
  4804. .pagination > .disabled > a,
  4805. .pagination > .disabled > a:hover,
  4806. .pagination > .disabled > a:focus {
  4807. color: #777777;
  4808. background-color: #fff;
  4809. border-color: #ddd;
  4810. cursor: not-allowed;
  4811. }
  4812. .pagination-lg > li > a,
  4813. .pagination-lg > li > span {
  4814. padding: 10px 16px;
  4815. font-size: 17px;
  4816. line-height: 1.3333333;
  4817. }
  4818. .pagination-lg > li:first-child > a,
  4819. .pagination-lg > li:first-child > span {
  4820. border-bottom-left-radius: 3px;
  4821. border-top-left-radius: 3px;
  4822. }
  4823. .pagination-lg > li:last-child > a,
  4824. .pagination-lg > li:last-child > span {
  4825. border-bottom-right-radius: 3px;
  4826. border-top-right-radius: 3px;
  4827. }
  4828. .pagination-sm > li > a,
  4829. .pagination-sm > li > span {
  4830. padding: 5px 10px;
  4831. font-size: 12px;
  4832. line-height: 1.5;
  4833. }
  4834. .pagination-sm > li:first-child > a,
  4835. .pagination-sm > li:first-child > span {
  4836. border-bottom-left-radius: 1px;
  4837. border-top-left-radius: 1px;
  4838. }
  4839. .pagination-sm > li:last-child > a,
  4840. .pagination-sm > li:last-child > span {
  4841. border-bottom-right-radius: 1px;
  4842. border-top-right-radius: 1px;
  4843. }
  4844. .pager {
  4845. padding-left: 0;
  4846. margin: 18px 0;
  4847. list-style: none;
  4848. text-align: center;
  4849. }
  4850. .pager li {
  4851. display: inline;
  4852. }
  4853. .pager li > a,
  4854. .pager li > span {
  4855. display: inline-block;
  4856. padding: 5px 14px;
  4857. background-color: #fff;
  4858. border: 1px solid #ddd;
  4859. border-radius: 15px;
  4860. }
  4861. .pager li > a:hover,
  4862. .pager li > a:focus {
  4863. text-decoration: none;
  4864. background-color: #eeeeee;
  4865. }
  4866. .pager .next > a,
  4867. .pager .next > span {
  4868. float: right;
  4869. }
  4870. .pager .previous > a,
  4871. .pager .previous > span {
  4872. float: left;
  4873. }
  4874. .pager .disabled > a,
  4875. .pager .disabled > a:hover,
  4876. .pager .disabled > a:focus,
  4877. .pager .disabled > span {
  4878. color: #777777;
  4879. background-color: #fff;
  4880. cursor: not-allowed;
  4881. }
  4882. .label {
  4883. display: inline;
  4884. padding: .2em .6em .3em;
  4885. font-size: 75%;
  4886. font-weight: bold;
  4887. line-height: 1;
  4888. color: #fff;
  4889. text-align: center;
  4890. white-space: nowrap;
  4891. vertical-align: baseline;
  4892. border-radius: .25em;
  4893. }
  4894. a.label:hover,
  4895. a.label:focus {
  4896. color: #fff;
  4897. text-decoration: none;
  4898. cursor: pointer;
  4899. }
  4900. .label:empty {
  4901. display: none;
  4902. }
  4903. .btn .label {
  4904. position: relative;
  4905. top: -1px;
  4906. }
  4907. .label-default {
  4908. background-color: #777777;
  4909. }
  4910. .label-default[href]:hover,
  4911. .label-default[href]:focus {
  4912. background-color: #5e5e5e;
  4913. }
  4914. .label-primary {
  4915. background-color: #337ab7;
  4916. }
  4917. .label-primary[href]:hover,
  4918. .label-primary[href]:focus {
  4919. background-color: #286090;
  4920. }
  4921. .label-success {
  4922. background-color: #5cb85c;
  4923. }
  4924. .label-success[href]:hover,
  4925. .label-success[href]:focus {
  4926. background-color: #449d44;
  4927. }
  4928. .label-info {
  4929. background-color: #5bc0de;
  4930. }
  4931. .label-info[href]:hover,
  4932. .label-info[href]:focus {
  4933. background-color: #31b0d5;
  4934. }
  4935. .label-warning {
  4936. background-color: #f0ad4e;
  4937. }
  4938. .label-warning[href]:hover,
  4939. .label-warning[href]:focus {
  4940. background-color: #ec971f;
  4941. }
  4942. .label-danger {
  4943. background-color: #d9534f;
  4944. }
  4945. .label-danger[href]:hover,
  4946. .label-danger[href]:focus {
  4947. background-color: #c9302c;
  4948. }
  4949. .badge {
  4950. display: inline-block;
  4951. min-width: 10px;
  4952. padding: 3px 7px;
  4953. font-size: 12px;
  4954. font-weight: bold;
  4955. color: #fff;
  4956. line-height: 1;
  4957. vertical-align: middle;
  4958. white-space: nowrap;
  4959. text-align: center;
  4960. background-color: #777777;
  4961. border-radius: 10px;
  4962. }
  4963. .badge:empty {
  4964. display: none;
  4965. }
  4966. .btn .badge {
  4967. position: relative;
  4968. top: -1px;
  4969. }
  4970. .btn-xs .badge,
  4971. .btn-group-xs > .btn .badge {
  4972. top: 0;
  4973. padding: 1px 5px;
  4974. }
  4975. a.badge:hover,
  4976. a.badge:focus {
  4977. color: #fff;
  4978. text-decoration: none;
  4979. cursor: pointer;
  4980. }
  4981. .list-group-item.active > .badge,
  4982. .nav-pills > .active > a > .badge {
  4983. color: #337ab7;
  4984. background-color: #fff;
  4985. }
  4986. .list-group-item > .badge {
  4987. float: right;
  4988. }
  4989. .list-group-item > .badge + .badge {
  4990. margin-right: 5px;
  4991. }
  4992. .nav-pills > li > a > .badge {
  4993. margin-left: 3px;
  4994. }
  4995. .jumbotron {
  4996. padding-top: 30px;
  4997. padding-bottom: 30px;
  4998. margin-bottom: 30px;
  4999. color: inherit;
  5000. background-color: #eeeeee;
  5001. }
  5002. .jumbotron h1,
  5003. .jumbotron .h1 {
  5004. color: inherit;
  5005. }
  5006. .jumbotron p {
  5007. margin-bottom: 15px;
  5008. font-size: 20px;
  5009. font-weight: 200;
  5010. }
  5011. .jumbotron > hr {
  5012. border-top-color: #d5d5d5;
  5013. }
  5014. .container .jumbotron,
  5015. .container-fluid .jumbotron {
  5016. border-radius: 3px;
  5017. padding-left: 0px;
  5018. padding-right: 0px;
  5019. }
  5020. .jumbotron .container {
  5021. max-width: 100%;
  5022. }
  5023. @media screen and (min-width: 768px) {
  5024. .jumbotron {
  5025. padding-top: 48px;
  5026. padding-bottom: 48px;
  5027. }
  5028. .container .jumbotron,
  5029. .container-fluid .jumbotron {
  5030. padding-left: 60px;
  5031. padding-right: 60px;
  5032. }
  5033. .jumbotron h1,
  5034. .jumbotron .h1 {
  5035. font-size: 59px;
  5036. }
  5037. }
  5038. .thumbnail {
  5039. display: block;
  5040. padding: 4px;
  5041. margin-bottom: 18px;
  5042. line-height: 1.42857143;
  5043. background-color: #fff;
  5044. border: 1px solid #ddd;
  5045. border-radius: 2px;
  5046. -webkit-transition: border 0.2s ease-in-out;
  5047. -o-transition: border 0.2s ease-in-out;
  5048. transition: border 0.2s ease-in-out;
  5049. }
  5050. .thumbnail > img,
  5051. .thumbnail a > img {
  5052. margin-left: auto;
  5053. margin-right: auto;
  5054. }
  5055. a.thumbnail:hover,
  5056. a.thumbnail:focus,
  5057. a.thumbnail.active {
  5058. border-color: #337ab7;
  5059. }
  5060. .thumbnail .caption {
  5061. padding: 9px;
  5062. color: #000;
  5063. }
  5064. .alert {
  5065. padding: 15px;
  5066. margin-bottom: 18px;
  5067. border: 1px solid transparent;
  5068. border-radius: 2px;
  5069. }
  5070. .alert h4 {
  5071. margin-top: 0;
  5072. color: inherit;
  5073. }
  5074. .alert .alert-link {
  5075. font-weight: bold;
  5076. }
  5077. .alert > p,
  5078. .alert > ul {
  5079. margin-bottom: 0;
  5080. }
  5081. .alert > p + p {
  5082. margin-top: 5px;
  5083. }
  5084. .alert-dismissable,
  5085. .alert-dismissible {
  5086. padding-right: 35px;
  5087. }
  5088. .alert-dismissable .close,
  5089. .alert-dismissible .close {
  5090. position: relative;
  5091. top: -2px;
  5092. right: -21px;
  5093. color: inherit;
  5094. }
  5095. .alert-success {
  5096. background-color: #dff0d8;
  5097. border-color: #d6e9c6;
  5098. color: #3c763d;
  5099. }
  5100. .alert-success hr {
  5101. border-top-color: #c9e2b3;
  5102. }
  5103. .alert-success .alert-link {
  5104. color: #2b542c;
  5105. }
  5106. .alert-info {
  5107. background-color: #d9edf7;
  5108. border-color: #bce8f1;
  5109. color: #31708f;
  5110. }
  5111. .alert-info hr {
  5112. border-top-color: #a6e1ec;
  5113. }
  5114. .alert-info .alert-link {
  5115. color: #245269;
  5116. }
  5117. .alert-warning {
  5118. background-color: #fcf8e3;
  5119. border-color: #faebcc;
  5120. color: #8a6d3b;
  5121. }
  5122. .alert-warning hr {
  5123. border-top-color: #f7e1b5;
  5124. }
  5125. .alert-warning .alert-link {
  5126. color: #66512c;
  5127. }
  5128. .alert-danger {
  5129. background-color: #f2dede;
  5130. border-color: #ebccd1;
  5131. color: #a94442;
  5132. }
  5133. .alert-danger hr {
  5134. border-top-color: #e4b9c0;
  5135. }
  5136. .alert-danger .alert-link {
  5137. color: #843534;
  5138. }
  5139. @-webkit-keyframes progress-bar-stripes {
  5140. from {
  5141. background-position: 40px 0;
  5142. }
  5143. to {
  5144. background-position: 0 0;
  5145. }
  5146. }
  5147. @keyframes progress-bar-stripes {
  5148. from {
  5149. background-position: 40px 0;
  5150. }
  5151. to {
  5152. background-position: 0 0;
  5153. }
  5154. }
  5155. .progress {
  5156. overflow: hidden;
  5157. height: 18px;
  5158. margin-bottom: 18px;
  5159. background-color: #f5f5f5;
  5160. border-radius: 2px;
  5161. -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  5162. box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  5163. }
  5164. .progress-bar {
  5165. float: left;
  5166. width: 0%;
  5167. height: 100%;
  5168. font-size: 12px;
  5169. line-height: 18px;
  5170. color: #fff;
  5171. text-align: center;
  5172. background-color: #337ab7;
  5173. -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  5174. box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  5175. -webkit-transition: width 0.6s ease;
  5176. -o-transition: width 0.6s ease;
  5177. transition: width 0.6s ease;
  5178. }
  5179. .progress-striped .progress-bar,
  5180. .progress-bar-striped {
  5181. background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  5182. background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  5183. background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  5184. background-size: 40px 40px;
  5185. }
  5186. .progress.active .progress-bar,
  5187. .progress-bar.active {
  5188. -webkit-animation: progress-bar-stripes 2s linear infinite;
  5189. -o-animation: progress-bar-stripes 2s linear infinite;
  5190. animation: progress-bar-stripes 2s linear infinite;
  5191. }
  5192. .progress-bar-success {
  5193. background-color: #5cb85c;
  5194. }
  5195. .progress-striped .progress-bar-success {
  5196. background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  5197. background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  5198. background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  5199. }
  5200. .progress-bar-info {
  5201. background-color: #5bc0de;
  5202. }
  5203. .progress-striped .progress-bar-info {
  5204. background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  5205. background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  5206. background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  5207. }
  5208. .progress-bar-warning {
  5209. background-color: #f0ad4e;
  5210. }
  5211. .progress-striped .progress-bar-warning {
  5212. background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  5213. background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  5214. background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  5215. }
  5216. .progress-bar-danger {
  5217. background-color: #d9534f;
  5218. }
  5219. .progress-striped .progress-bar-danger {
  5220. background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  5221. background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  5222. background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  5223. }
  5224. .media {
  5225. margin-top: 15px;
  5226. }
  5227. .media:first-child {
  5228. margin-top: 0;
  5229. }
  5230. .media,
  5231. .media-body {
  5232. zoom: 1;
  5233. overflow: hidden;
  5234. }
  5235. .media-body {
  5236. width: 10000px;
  5237. }
  5238. .media-object {
  5239. display: block;
  5240. }
  5241. .media-object.img-thumbnail {
  5242. max-width: none;
  5243. }
  5244. .media-right,
  5245. .media > .pull-right {
  5246. padding-left: 10px;
  5247. }
  5248. .media-left,
  5249. .media > .pull-left {
  5250. padding-right: 10px;
  5251. }
  5252. .media-left,
  5253. .media-right,
  5254. .media-body {
  5255. display: table-cell;
  5256. vertical-align: top;
  5257. }
  5258. .media-middle {
  5259. vertical-align: middle;
  5260. }
  5261. .media-bottom {
  5262. vertical-align: bottom;
  5263. }
  5264. .media-heading {
  5265. margin-top: 0;
  5266. margin-bottom: 5px;
  5267. }
  5268. .media-list {
  5269. padding-left: 0;
  5270. list-style: none;
  5271. }
  5272. .list-group {
  5273. margin-bottom: 20px;
  5274. padding-left: 0;
  5275. }
  5276. .list-group-item {
  5277. position: relative;
  5278. display: block;
  5279. padding: 10px 15px;
  5280. margin-bottom: -1px;
  5281. background-color: #fff;
  5282. border: 1px solid #ddd;
  5283. }
  5284. .list-group-item:first-child {
  5285. border-top-right-radius: 2px;
  5286. border-top-left-radius: 2px;
  5287. }
  5288. .list-group-item:last-child {
  5289. margin-bottom: 0;
  5290. border-bottom-right-radius: 2px;
  5291. border-bottom-left-radius: 2px;
  5292. }
  5293. a.list-group-item,
  5294. button.list-group-item {
  5295. color: #555;
  5296. }
  5297. a.list-group-item .list-group-item-heading,
  5298. button.list-group-item .list-group-item-heading {
  5299. color: #333;
  5300. }
  5301. a.list-group-item:hover,
  5302. button.list-group-item:hover,
  5303. a.list-group-item:focus,
  5304. button.list-group-item:focus {
  5305. text-decoration: none;
  5306. color: #555;
  5307. background-color: #f5f5f5;
  5308. }
  5309. button.list-group-item {
  5310. width: 100%;
  5311. text-align: left;
  5312. }
  5313. .list-group-item.disabled,
  5314. .list-group-item.disabled:hover,
  5315. .list-group-item.disabled:focus {
  5316. background-color: #eeeeee;
  5317. color: #777777;
  5318. cursor: not-allowed;
  5319. }
  5320. .list-group-item.disabled .list-group-item-heading,
  5321. .list-group-item.disabled:hover .list-group-item-heading,
  5322. .list-group-item.disabled:focus .list-group-item-heading {
  5323. color: inherit;
  5324. }
  5325. .list-group-item.disabled .list-group-item-text,
  5326. .list-group-item.disabled:hover .list-group-item-text,
  5327. .list-group-item.disabled:focus .list-group-item-text {
  5328. color: #777777;
  5329. }
  5330. .list-group-item.active,
  5331. .list-group-item.active:hover,
  5332. .list-group-item.active:focus {
  5333. z-index: 2;
  5334. color: #fff;
  5335. background-color: #337ab7;
  5336. border-color: #337ab7;
  5337. }
  5338. .list-group-item.active .list-group-item-heading,
  5339. .list-group-item.active:hover .list-group-item-heading,
  5340. .list-group-item.active:focus .list-group-item-heading,
  5341. .list-group-item.active .list-group-item-heading > small,
  5342. .list-group-item.active:hover .list-group-item-heading > small,
  5343. .list-group-item.active:focus .list-group-item-heading > small,
  5344. .list-group-item.active .list-group-item-heading > .small,
  5345. .list-group-item.active:hover .list-group-item-heading > .small,
  5346. .list-group-item.active:focus .list-group-item-heading > .small {
  5347. color: inherit;
  5348. }
  5349. .list-group-item.active .list-group-item-text,
  5350. .list-group-item.active:hover .list-group-item-text,
  5351. .list-group-item.active:focus .list-group-item-text {
  5352. color: #c7ddef;
  5353. }
  5354. .list-group-item-success {
  5355. color: #3c763d;
  5356. background-color: #dff0d8;
  5357. }
  5358. a.list-group-item-success,
  5359. button.list-group-item-success {
  5360. color: #3c763d;
  5361. }
  5362. a.list-group-item-success .list-group-item-heading,
  5363. button.list-group-item-success .list-group-item-heading {
  5364. color: inherit;
  5365. }
  5366. a.list-group-item-success:hover,
  5367. button.list-group-item-success:hover,
  5368. a.list-group-item-success:focus,
  5369. button.list-group-item-success:focus {
  5370. color: #3c763d;
  5371. background-color: #d0e9c6;
  5372. }
  5373. a.list-group-item-success.active,
  5374. button.list-group-item-success.active,
  5375. a.list-group-item-success.active:hover,
  5376. button.list-group-item-success.active:hover,
  5377. a.list-group-item-success.active:focus,
  5378. button.list-group-item-success.active:focus {
  5379. color: #fff;
  5380. background-color: #3c763d;
  5381. border-color: #3c763d;
  5382. }
  5383. .list-group-item-info {
  5384. color: #31708f;
  5385. background-color: #d9edf7;
  5386. }
  5387. a.list-group-item-info,
  5388. button.list-group-item-info {
  5389. color: #31708f;
  5390. }
  5391. a.list-group-item-info .list-group-item-heading,
  5392. button.list-group-item-info .list-group-item-heading {
  5393. color: inherit;
  5394. }
  5395. a.list-group-item-info:hover,
  5396. button.list-group-item-info:hover,
  5397. a.list-group-item-info:focus,
  5398. button.list-group-item-info:focus {
  5399. color: #31708f;
  5400. background-color: #c4e3f3;
  5401. }
  5402. a.list-group-item-info.active,
  5403. button.list-group-item-info.active,
  5404. a.list-group-item-info.active:hover,
  5405. button.list-group-item-info.active:hover,
  5406. a.list-group-item-info.active:focus,
  5407. button.list-group-item-info.active:focus {
  5408. color: #fff;
  5409. background-color: #31708f;
  5410. border-color: #31708f;
  5411. }
  5412. .list-group-item-warning {
  5413. color: #8a6d3b;
  5414. background-color: #fcf8e3;
  5415. }
  5416. a.list-group-item-warning,
  5417. button.list-group-item-warning {
  5418. color: #8a6d3b;
  5419. }
  5420. a.list-group-item-warning .list-group-item-heading,
  5421. button.list-group-item-warning .list-group-item-heading {
  5422. color: inherit;
  5423. }
  5424. a.list-group-item-warning:hover,
  5425. button.list-group-item-warning:hover,
  5426. a.list-group-item-warning:focus,
  5427. button.list-group-item-warning:focus {
  5428. color: #8a6d3b;
  5429. background-color: #faf2cc;
  5430. }
  5431. a.list-group-item-warning.active,
  5432. button.list-group-item-warning.active,
  5433. a.list-group-item-warning.active:hover,
  5434. button.list-group-item-warning.active:hover,
  5435. a.list-group-item-warning.active:focus,
  5436. button.list-group-item-warning.active:focus {
  5437. color: #fff;
  5438. background-color: #8a6d3b;
  5439. border-color: #8a6d3b;
  5440. }
  5441. .list-group-item-danger {
  5442. color: #a94442;
  5443. background-color: #f2dede;
  5444. }
  5445. a.list-group-item-danger,
  5446. button.list-group-item-danger {
  5447. color: #a94442;
  5448. }
  5449. a.list-group-item-danger .list-group-item-heading,
  5450. button.list-group-item-danger .list-group-item-heading {
  5451. color: inherit;
  5452. }
  5453. a.list-group-item-danger:hover,
  5454. button.list-group-item-danger:hover,
  5455. a.list-group-item-danger:focus,
  5456. button.list-group-item-danger:focus {
  5457. color: #a94442;
  5458. background-color: #ebcccc;
  5459. }
  5460. a.list-group-item-danger.active,
  5461. button.list-group-item-danger.active,
  5462. a.list-group-item-danger.active:hover,
  5463. button.list-group-item-danger.active:hover,
  5464. a.list-group-item-danger.active:focus,
  5465. button.list-group-item-danger.active:focus {
  5466. color: #fff;
  5467. background-color: #a94442;
  5468. border-color: #a94442;
  5469. }
  5470. .list-group-item-heading {
  5471. margin-top: 0;
  5472. margin-bottom: 5px;
  5473. }
  5474. .list-group-item-text {
  5475. margin-bottom: 0;
  5476. line-height: 1.3;
  5477. }
  5478. .panel {
  5479. margin-bottom: 18px;
  5480. background-color: #fff;
  5481. border: 1px solid transparent;
  5482. border-radius: 2px;
  5483. -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  5484. box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  5485. }
  5486. .panel-body {
  5487. padding: 15px;
  5488. }
  5489. .panel-heading {
  5490. padding: 10px 15px;
  5491. border-bottom: 1px solid transparent;
  5492. border-top-right-radius: 1px;
  5493. border-top-left-radius: 1px;
  5494. }
  5495. .panel-heading > .dropdown .dropdown-toggle {
  5496. color: inherit;
  5497. }
  5498. .panel-title {
  5499. margin-top: 0;
  5500. margin-bottom: 0;
  5501. font-size: 15px;
  5502. color: inherit;
  5503. }
  5504. .panel-title > a,
  5505. .panel-title > small,
  5506. .panel-title > .small,
  5507. .panel-title > small > a,
  5508. .panel-title > .small > a {
  5509. color: inherit;
  5510. }
  5511. .panel-footer {
  5512. padding: 10px 15px;
  5513. background-color: #f5f5f5;
  5514. border-top: 1px solid #ddd;
  5515. border-bottom-right-radius: 1px;
  5516. border-bottom-left-radius: 1px;
  5517. }
  5518. .panel > .list-group,
  5519. .panel > .panel-collapse > .list-group {
  5520. margin-bottom: 0;
  5521. }
  5522. .panel > .list-group .list-group-item,
  5523. .panel > .panel-collapse > .list-group .list-group-item {
  5524. border-width: 1px 0;
  5525. border-radius: 0;
  5526. }
  5527. .panel > .list-group:first-child .list-group-item:first-child,
  5528. .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  5529. border-top: 0;
  5530. border-top-right-radius: 1px;
  5531. border-top-left-radius: 1px;
  5532. }
  5533. .panel > .list-group:last-child .list-group-item:last-child,
  5534. .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  5535. border-bottom: 0;
  5536. border-bottom-right-radius: 1px;
  5537. border-bottom-left-radius: 1px;
  5538. }
  5539. .panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  5540. border-top-right-radius: 0;
  5541. border-top-left-radius: 0;
  5542. }
  5543. .panel-heading + .list-group .list-group-item:first-child {
  5544. border-top-width: 0;
  5545. }
  5546. .list-group + .panel-footer {
  5547. border-top-width: 0;
  5548. }
  5549. .panel > .table,
  5550. .panel > .table-responsive > .table,
  5551. .panel > .panel-collapse > .table {
  5552. margin-bottom: 0;
  5553. }
  5554. .panel > .table caption,
  5555. .panel > .table-responsive > .table caption,
  5556. .panel > .panel-collapse > .table caption {
  5557. padding-left: 15px;
  5558. padding-right: 15px;
  5559. }
  5560. .panel > .table:first-child,
  5561. .panel > .table-responsive:first-child > .table:first-child {
  5562. border-top-right-radius: 1px;
  5563. border-top-left-radius: 1px;
  5564. }
  5565. .panel > .table:first-child > thead:first-child > tr:first-child,
  5566. .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
  5567. .panel > .table:first-child > tbody:first-child > tr:first-child,
  5568. .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  5569. border-top-left-radius: 1px;
  5570. border-top-right-radius: 1px;
  5571. }
  5572. .panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
  5573. .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
  5574. .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
  5575. .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
  5576. .panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
  5577. .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
  5578. .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
  5579. .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  5580. border-top-left-radius: 1px;
  5581. }
  5582. .panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
  5583. .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
  5584. .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
  5585. .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
  5586. .panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
  5587. .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
  5588. .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
  5589. .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  5590. border-top-right-radius: 1px;
  5591. }
  5592. .panel > .table:last-child,
  5593. .panel > .table-responsive:last-child > .table:last-child {
  5594. border-bottom-right-radius: 1px;
  5595. border-bottom-left-radius: 1px;
  5596. }
  5597. .panel > .table:last-child > tbody:last-child > tr:last-child,
  5598. .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
  5599. .panel > .table:last-child > tfoot:last-child > tr:last-child,
  5600. .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  5601. border-bottom-left-radius: 1px;
  5602. border-bottom-right-radius: 1px;
  5603. }
  5604. .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
  5605. .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
  5606. .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
  5607. .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
  5608. .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
  5609. .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
  5610. .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
  5611. .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  5612. border-bottom-left-radius: 1px;
  5613. }
  5614. .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
  5615. .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
  5616. .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
  5617. .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
  5618. .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
  5619. .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
  5620. .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
  5621. .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  5622. border-bottom-right-radius: 1px;
  5623. }
  5624. .panel > .panel-body + .table,
  5625. .panel > .panel-body + .table-responsive,
  5626. .panel > .table + .panel-body,
  5627. .panel > .table-responsive + .panel-body {
  5628. border-top: 1px solid #ddd;
  5629. }
  5630. .panel > .table > tbody:first-child > tr:first-child th,
  5631. .panel > .table > tbody:first-child > tr:first-child td {
  5632. border-top: 0;
  5633. }
  5634. .panel > .table-bordered,
  5635. .panel > .table-responsive > .table-bordered {
  5636. border: 0;
  5637. }
  5638. .panel > .table-bordered > thead > tr > th:first-child,
  5639. .panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
  5640. .panel > .table-bordered > tbody > tr > th:first-child,
  5641. .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
  5642. .panel > .table-bordered > tfoot > tr > th:first-child,
  5643. .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  5644. .panel > .table-bordered > thead > tr > td:first-child,
  5645. .panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
  5646. .panel > .table-bordered > tbody > tr > td:first-child,
  5647. .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
  5648. .panel > .table-bordered > tfoot > tr > td:first-child,
  5649. .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  5650. border-left: 0;
  5651. }
  5652. .panel > .table-bordered > thead > tr > th:last-child,
  5653. .panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
  5654. .panel > .table-bordered > tbody > tr > th:last-child,
  5655. .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
  5656. .panel > .table-bordered > tfoot > tr > th:last-child,
  5657. .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  5658. .panel > .table-bordered > thead > tr > td:last-child,
  5659. .panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
  5660. .panel > .table-bordered > tbody > tr > td:last-child,
  5661. .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
  5662. .panel > .table-bordered > tfoot > tr > td:last-child,
  5663. .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  5664. border-right: 0;
  5665. }
  5666. .panel > .table-bordered > thead > tr:first-child > td,
  5667. .panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
  5668. .panel > .table-bordered > tbody > tr:first-child > td,
  5669. .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
  5670. .panel > .table-bordered > thead > tr:first-child > th,
  5671. .panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
  5672. .panel > .table-bordered > tbody > tr:first-child > th,
  5673. .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  5674. border-bottom: 0;
  5675. }
  5676. .panel > .table-bordered > tbody > tr:last-child > td,
  5677. .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
  5678. .panel > .table-bordered > tfoot > tr:last-child > td,
  5679. .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
  5680. .panel > .table-bordered > tbody > tr:last-child > th,
  5681. .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
  5682. .panel > .table-bordered > tfoot > tr:last-child > th,
  5683. .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  5684. border-bottom: 0;
  5685. }
  5686. .panel > .table-responsive {
  5687. border: 0;
  5688. margin-bottom: 0;
  5689. }
  5690. .panel-group {
  5691. margin-bottom: 18px;
  5692. }
  5693. .panel-group .panel {
  5694. margin-bottom: 0;
  5695. border-radius: 2px;
  5696. }
  5697. .panel-group .panel + .panel {
  5698. margin-top: 5px;
  5699. }
  5700. .panel-group .panel-heading {
  5701. border-bottom: 0;
  5702. }
  5703. .panel-group .panel-heading + .panel-collapse > .panel-body,
  5704. .panel-group .panel-heading + .panel-collapse > .list-group {
  5705. border-top: 1px solid #ddd;
  5706. }
  5707. .panel-group .panel-footer {
  5708. border-top: 0;
  5709. }
  5710. .panel-group .panel-footer + .panel-collapse .panel-body {
  5711. border-bottom: 1px solid #ddd;
  5712. }
  5713. .panel-default {
  5714. border-color: #ddd;
  5715. }
  5716. .panel-default > .panel-heading {
  5717. color: #333333;
  5718. background-color: #f5f5f5;
  5719. border-color: #ddd;
  5720. }
  5721. .panel-default > .panel-heading + .panel-collapse > .panel-body {
  5722. border-top-color: #ddd;
  5723. }
  5724. .panel-default > .panel-heading .badge {
  5725. color: #f5f5f5;
  5726. background-color: #333333;
  5727. }
  5728. .panel-default > .panel-footer + .panel-collapse > .panel-body {
  5729. border-bottom-color: #ddd;
  5730. }
  5731. .panel-primary {
  5732. border-color: #337ab7;
  5733. }
  5734. .panel-primary > .panel-heading {
  5735. color: #fff;
  5736. background-color: #337ab7;
  5737. border-color: #337ab7;
  5738. }
  5739. .panel-primary > .panel-heading + .panel-collapse > .panel-body {
  5740. border-top-color: #337ab7;
  5741. }
  5742. .panel-primary > .panel-heading .badge {
  5743. color: #337ab7;
  5744. background-color: #fff;
  5745. }
  5746. .panel-primary > .panel-footer + .panel-collapse > .panel-body {
  5747. border-bottom-color: #337ab7;
  5748. }
  5749. .panel-success {
  5750. border-color: #d6e9c6;
  5751. }
  5752. .panel-success > .panel-heading {
  5753. color: #3c763d;
  5754. background-color: #dff0d8;
  5755. border-color: #d6e9c6;
  5756. }
  5757. .panel-success > .panel-heading + .panel-collapse > .panel-body {
  5758. border-top-color: #d6e9c6;
  5759. }
  5760. .panel-success > .panel-heading .badge {
  5761. color: #dff0d8;
  5762. background-color: #3c763d;
  5763. }
  5764. .panel-success > .panel-footer + .panel-collapse > .panel-body {
  5765. border-bottom-color: #d6e9c6;
  5766. }
  5767. .panel-info {
  5768. border-color: #bce8f1;
  5769. }
  5770. .panel-info > .panel-heading {
  5771. color: #31708f;
  5772. background-color: #d9edf7;
  5773. border-color: #bce8f1;
  5774. }
  5775. .panel-info > .panel-heading + .panel-collapse > .panel-body {
  5776. border-top-color: #bce8f1;
  5777. }
  5778. .panel-info > .panel-heading .badge {
  5779. color: #d9edf7;
  5780. background-color: #31708f;
  5781. }
  5782. .panel-info > .panel-footer + .panel-collapse > .panel-body {
  5783. border-bottom-color: #bce8f1;
  5784. }
  5785. .panel-warning {
  5786. border-color: #faebcc;
  5787. }
  5788. .panel-warning > .panel-heading {
  5789. color: #8a6d3b;
  5790. background-color: #fcf8e3;
  5791. border-color: #faebcc;
  5792. }
  5793. .panel-warning > .panel-heading + .panel-collapse > .panel-body {
  5794. border-top-color: #faebcc;
  5795. }
  5796. .panel-warning > .panel-heading .badge {
  5797. color: #fcf8e3;
  5798. background-color: #8a6d3b;
  5799. }
  5800. .panel-warning > .panel-footer + .panel-collapse > .panel-body {
  5801. border-bottom-color: #faebcc;
  5802. }
  5803. .panel-danger {
  5804. border-color: #ebccd1;
  5805. }
  5806. .panel-danger > .panel-heading {
  5807. color: #a94442;
  5808. background-color: #f2dede;
  5809. border-color: #ebccd1;
  5810. }
  5811. .panel-danger > .panel-heading + .panel-collapse > .panel-body {
  5812. border-top-color: #ebccd1;
  5813. }
  5814. .panel-danger > .panel-heading .badge {
  5815. color: #f2dede;
  5816. background-color: #a94442;
  5817. }
  5818. .panel-danger > .panel-footer + .panel-collapse > .panel-body {
  5819. border-bottom-color: #ebccd1;
  5820. }
  5821. .embed-responsive {
  5822. position: relative;
  5823. display: block;
  5824. height: 0;
  5825. padding: 0;
  5826. overflow: hidden;
  5827. }
  5828. .embed-responsive .embed-responsive-item,
  5829. .embed-responsive iframe,
  5830. .embed-responsive embed,
  5831. .embed-responsive object,
  5832. .embed-responsive video {
  5833. position: absolute;
  5834. top: 0;
  5835. left: 0;
  5836. bottom: 0;
  5837. height: 100%;
  5838. width: 100%;
  5839. border: 0;
  5840. }
  5841. .embed-responsive-16by9 {
  5842. padding-bottom: 56.25%;
  5843. }
  5844. .embed-responsive-4by3 {
  5845. padding-bottom: 75%;
  5846. }
  5847. .well {
  5848. min-height: 20px;
  5849. padding: 19px;
  5850. margin-bottom: 20px;
  5851. background-color: #f5f5f5;
  5852. border: 1px solid #e3e3e3;
  5853. border-radius: 2px;
  5854. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  5855. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  5856. }
  5857. .well blockquote {
  5858. border-color: #ddd;
  5859. border-color: rgba(0, 0, 0, 0.15);
  5860. }
  5861. .well-lg {
  5862. padding: 24px;
  5863. border-radius: 3px;
  5864. }
  5865. .well-sm {
  5866. padding: 9px;
  5867. border-radius: 1px;
  5868. }
  5869. .close {
  5870. float: right;
  5871. font-size: 19.5px;
  5872. font-weight: bold;
  5873. line-height: 1;
  5874. color: #000;
  5875. text-shadow: 0 1px 0 #fff;
  5876. opacity: 0.2;
  5877. filter: alpha(opacity=20);
  5878. }
  5879. .close:hover,
  5880. .close:focus {
  5881. color: #000;
  5882. text-decoration: none;
  5883. cursor: pointer;
  5884. opacity: 0.5;
  5885. filter: alpha(opacity=50);
  5886. }
  5887. button.close {
  5888. padding: 0;
  5889. cursor: pointer;
  5890. background: transparent;
  5891. border: 0;
  5892. -webkit-appearance: none;
  5893. }
  5894. .modal-open {
  5895. overflow: hidden;
  5896. }
  5897. .modal {
  5898. display: none;
  5899. overflow: hidden;
  5900. position: fixed;
  5901. top: 0;
  5902. right: 0;
  5903. bottom: 0;
  5904. left: 0;
  5905. z-index: 1050;
  5906. -webkit-overflow-scrolling: touch;
  5907. outline: 0;
  5908. }
  5909. .modal.fade .modal-dialog {
  5910. -webkit-transform: translate(0, -25%);
  5911. -ms-transform: translate(0, -25%);
  5912. -o-transform: translate(0, -25%);
  5913. transform: translate(0, -25%);
  5914. -webkit-transition: -webkit-transform 0.3s ease-out;
  5915. -moz-transition: -moz-transform 0.3s ease-out;
  5916. -o-transition: -o-transform 0.3s ease-out;
  5917. transition: transform 0.3s ease-out;
  5918. }
  5919. .modal.in .modal-dialog {
  5920. -webkit-transform: translate(0, 0);
  5921. -ms-transform: translate(0, 0);
  5922. -o-transform: translate(0, 0);
  5923. transform: translate(0, 0);
  5924. }
  5925. .modal-open .modal {
  5926. overflow-x: hidden;
  5927. overflow-y: auto;
  5928. }
  5929. .modal-dialog {
  5930. position: relative;
  5931. width: auto;
  5932. margin: 10px;
  5933. }
  5934. .modal-content {
  5935. position: relative;
  5936. background-color: #fff;
  5937. border: 1px solid #999;
  5938. border: 1px solid rgba(0, 0, 0, 0.2);
  5939. border-radius: 3px;
  5940. -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  5941. box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  5942. background-clip: padding-box;
  5943. outline: 0;
  5944. }
  5945. .modal-backdrop {
  5946. position: fixed;
  5947. top: 0;
  5948. right: 0;
  5949. bottom: 0;
  5950. left: 0;
  5951. z-index: 1040;
  5952. background-color: #000;
  5953. }
  5954. .modal-backdrop.fade {
  5955. opacity: 0;
  5956. filter: alpha(opacity=0);
  5957. }
  5958. .modal-backdrop.in {
  5959. opacity: 0.5;
  5960. filter: alpha(opacity=50);
  5961. }
  5962. .modal-header {
  5963. padding: 15px;
  5964. border-bottom: 1px solid #e5e5e5;
  5965. }
  5966. .modal-header .close {
  5967. margin-top: -2px;
  5968. }
  5969. .modal-title {
  5970. margin: 0;
  5971. line-height: 1.42857143;
  5972. }
  5973. .modal-body {
  5974. position: relative;
  5975. padding: 15px;
  5976. }
  5977. .modal-footer {
  5978. padding: 15px;
  5979. text-align: right;
  5980. border-top: 1px solid #e5e5e5;
  5981. }
  5982. .modal-footer .btn + .btn {
  5983. margin-left: 5px;
  5984. margin-bottom: 0;
  5985. }
  5986. .modal-footer .btn-group .btn + .btn {
  5987. margin-left: -1px;
  5988. }
  5989. .modal-footer .btn-block + .btn-block {
  5990. margin-left: 0;
  5991. }
  5992. .modal-scrollbar-measure {
  5993. position: absolute;
  5994. top: -9999px;
  5995. width: 50px;
  5996. height: 50px;
  5997. overflow: scroll;
  5998. }
  5999. @media (min-width: 768px) {
  6000. .modal-dialog {
  6001. width: 600px;
  6002. margin: 30px auto;
  6003. }
  6004. .modal-content {
  6005. -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  6006. box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  6007. }
  6008. .modal-sm {
  6009. width: 300px;
  6010. }
  6011. }
  6012. @media (min-width: 992px) {
  6013. .modal-lg {
  6014. width: 900px;
  6015. }
  6016. }
  6017. .tooltip {
  6018. position: absolute;
  6019. z-index: 1070;
  6020. display: block;
  6021. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  6022. font-style: normal;
  6023. font-weight: normal;
  6024. letter-spacing: normal;
  6025. line-break: auto;
  6026. line-height: 1.42857143;
  6027. text-align: left;
  6028. text-align: start;
  6029. text-decoration: none;
  6030. text-shadow: none;
  6031. text-transform: none;
  6032. white-space: normal;
  6033. word-break: normal;
  6034. word-spacing: normal;
  6035. word-wrap: normal;
  6036. font-size: 12px;
  6037. opacity: 0;
  6038. filter: alpha(opacity=0);
  6039. }
  6040. .tooltip.in {
  6041. opacity: 0.9;
  6042. filter: alpha(opacity=90);
  6043. }
  6044. .tooltip.top {
  6045. margin-top: -3px;
  6046. padding: 5px 0;
  6047. }
  6048. .tooltip.right {
  6049. margin-left: 3px;
  6050. padding: 0 5px;
  6051. }
  6052. .tooltip.bottom {
  6053. margin-top: 3px;
  6054. padding: 5px 0;
  6055. }
  6056. .tooltip.left {
  6057. margin-left: -3px;
  6058. padding: 0 5px;
  6059. }
  6060. .tooltip-inner {
  6061. max-width: 200px;
  6062. padding: 3px 8px;
  6063. color: #fff;
  6064. text-align: center;
  6065. background-color: #000;
  6066. border-radius: 2px;
  6067. }
  6068. .tooltip-arrow {
  6069. position: absolute;
  6070. width: 0;
  6071. height: 0;
  6072. border-color: transparent;
  6073. border-style: solid;
  6074. }
  6075. .tooltip.top .tooltip-arrow {
  6076. bottom: 0;
  6077. left: 50%;
  6078. margin-left: -5px;
  6079. border-width: 5px 5px 0;
  6080. border-top-color: #000;
  6081. }
  6082. .tooltip.top-left .tooltip-arrow {
  6083. bottom: 0;
  6084. right: 5px;
  6085. margin-bottom: -5px;
  6086. border-width: 5px 5px 0;
  6087. border-top-color: #000;
  6088. }
  6089. .tooltip.top-right .tooltip-arrow {
  6090. bottom: 0;
  6091. left: 5px;
  6092. margin-bottom: -5px;
  6093. border-width: 5px 5px 0;
  6094. border-top-color: #000;
  6095. }
  6096. .tooltip.right .tooltip-arrow {
  6097. top: 50%;
  6098. left: 0;
  6099. margin-top: -5px;
  6100. border-width: 5px 5px 5px 0;
  6101. border-right-color: #000;
  6102. }
  6103. .tooltip.left .tooltip-arrow {
  6104. top: 50%;
  6105. right: 0;
  6106. margin-top: -5px;
  6107. border-width: 5px 0 5px 5px;
  6108. border-left-color: #000;
  6109. }
  6110. .tooltip.bottom .tooltip-arrow {
  6111. top: 0;
  6112. left: 50%;
  6113. margin-left: -5px;
  6114. border-width: 0 5px 5px;
  6115. border-bottom-color: #000;
  6116. }
  6117. .tooltip.bottom-left .tooltip-arrow {
  6118. top: 0;
  6119. right: 5px;
  6120. margin-top: -5px;
  6121. border-width: 0 5px 5px;
  6122. border-bottom-color: #000;
  6123. }
  6124. .tooltip.bottom-right .tooltip-arrow {
  6125. top: 0;
  6126. left: 5px;
  6127. margin-top: -5px;
  6128. border-width: 0 5px 5px;
  6129. border-bottom-color: #000;
  6130. }
  6131. .popover {
  6132. position: absolute;
  6133. top: 0;
  6134. left: 0;
  6135. z-index: 1060;
  6136. display: none;
  6137. max-width: 276px;
  6138. padding: 1px;
  6139. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  6140. font-style: normal;
  6141. font-weight: normal;
  6142. letter-spacing: normal;
  6143. line-break: auto;
  6144. line-height: 1.42857143;
  6145. text-align: left;
  6146. text-align: start;
  6147. text-decoration: none;
  6148. text-shadow: none;
  6149. text-transform: none;
  6150. white-space: normal;
  6151. word-break: normal;
  6152. word-spacing: normal;
  6153. word-wrap: normal;
  6154. font-size: 13px;
  6155. background-color: #fff;
  6156. background-clip: padding-box;
  6157. border: 1px solid #ccc;
  6158. border: 1px solid rgba(0, 0, 0, 0.2);
  6159. border-radius: 3px;
  6160. -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  6161. box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  6162. }
  6163. .popover.top {
  6164. margin-top: -10px;
  6165. }
  6166. .popover.right {
  6167. margin-left: 10px;
  6168. }
  6169. .popover.bottom {
  6170. margin-top: 10px;
  6171. }
  6172. .popover.left {
  6173. margin-left: -10px;
  6174. }
  6175. .popover-title {
  6176. margin: 0;
  6177. padding: 8px 14px;
  6178. font-size: 13px;
  6179. background-color: #f7f7f7;
  6180. border-bottom: 1px solid #ebebeb;
  6181. border-radius: 2px 2px 0 0;
  6182. }
  6183. .popover-content {
  6184. padding: 9px 14px;
  6185. }
  6186. .popover > .arrow,
  6187. .popover > .arrow:after {
  6188. position: absolute;
  6189. display: block;
  6190. width: 0;
  6191. height: 0;
  6192. border-color: transparent;
  6193. border-style: solid;
  6194. }
  6195. .popover > .arrow {
  6196. border-width: 11px;
  6197. }
  6198. .popover > .arrow:after {
  6199. border-width: 10px;
  6200. content: "";
  6201. }
  6202. .popover.top > .arrow {
  6203. left: 50%;
  6204. margin-left: -11px;
  6205. border-bottom-width: 0;
  6206. border-top-color: #999999;
  6207. border-top-color: rgba(0, 0, 0, 0.25);
  6208. bottom: -11px;
  6209. }
  6210. .popover.top > .arrow:after {
  6211. content: " ";
  6212. bottom: 1px;
  6213. margin-left: -10px;
  6214. border-bottom-width: 0;
  6215. border-top-color: #fff;
  6216. }
  6217. .popover.right > .arrow {
  6218. top: 50%;
  6219. left: -11px;
  6220. margin-top: -11px;
  6221. border-left-width: 0;
  6222. border-right-color: #999999;
  6223. border-right-color: rgba(0, 0, 0, 0.25);
  6224. }
  6225. .popover.right > .arrow:after {
  6226. content: " ";
  6227. left: 1px;
  6228. bottom: -10px;
  6229. border-left-width: 0;
  6230. border-right-color: #fff;
  6231. }
  6232. .popover.bottom > .arrow {
  6233. left: 50%;
  6234. margin-left: -11px;
  6235. border-top-width: 0;
  6236. border-bottom-color: #999999;
  6237. border-bottom-color: rgba(0, 0, 0, 0.25);
  6238. top: -11px;
  6239. }
  6240. .popover.bottom > .arrow:after {
  6241. content: " ";
  6242. top: 1px;
  6243. margin-left: -10px;
  6244. border-top-width: 0;
  6245. border-bottom-color: #fff;
  6246. }
  6247. .popover.left > .arrow {
  6248. top: 50%;
  6249. right: -11px;
  6250. margin-top: -11px;
  6251. border-right-width: 0;
  6252. border-left-color: #999999;
  6253. border-left-color: rgba(0, 0, 0, 0.25);
  6254. }
  6255. .popover.left > .arrow:after {
  6256. content: " ";
  6257. right: 1px;
  6258. border-right-width: 0;
  6259. border-left-color: #fff;
  6260. bottom: -10px;
  6261. }
  6262. .carousel {
  6263. position: relative;
  6264. }
  6265. .carousel-inner {
  6266. position: relative;
  6267. overflow: hidden;
  6268. width: 100%;
  6269. }
  6270. .carousel-inner > .item {
  6271. display: none;
  6272. position: relative;
  6273. -webkit-transition: 0.6s ease-in-out left;
  6274. -o-transition: 0.6s ease-in-out left;
  6275. transition: 0.6s ease-in-out left;
  6276. }
  6277. .carousel-inner > .item > img,
  6278. .carousel-inner > .item > a > img {
  6279. line-height: 1;
  6280. }
  6281. @media all and (transform-3d), (-webkit-transform-3d) {
  6282. .carousel-inner > .item {
  6283. -webkit-transition: -webkit-transform 0.6s ease-in-out;
  6284. -moz-transition: -moz-transform 0.6s ease-in-out;
  6285. -o-transition: -o-transform 0.6s ease-in-out;
  6286. transition: transform 0.6s ease-in-out;
  6287. -webkit-backface-visibility: hidden;
  6288. -moz-backface-visibility: hidden;
  6289. backface-visibility: hidden;
  6290. -webkit-perspective: 1000px;
  6291. -moz-perspective: 1000px;
  6292. perspective: 1000px;
  6293. }
  6294. .carousel-inner > .item.next,
  6295. .carousel-inner > .item.active.right {
  6296. -webkit-transform: translate3d(100%, 0, 0);
  6297. transform: translate3d(100%, 0, 0);
  6298. left: 0;
  6299. }
  6300. .carousel-inner > .item.prev,
  6301. .carousel-inner > .item.active.left {
  6302. -webkit-transform: translate3d(-100%, 0, 0);
  6303. transform: translate3d(-100%, 0, 0);
  6304. left: 0;
  6305. }
  6306. .carousel-inner > .item.next.left,
  6307. .carousel-inner > .item.prev.right,
  6308. .carousel-inner > .item.active {
  6309. -webkit-transform: translate3d(0, 0, 0);
  6310. transform: translate3d(0, 0, 0);
  6311. left: 0;
  6312. }
  6313. }
  6314. .carousel-inner > .active,
  6315. .carousel-inner > .next,
  6316. .carousel-inner > .prev {
  6317. display: block;
  6318. }
  6319. .carousel-inner > .active {
  6320. left: 0;
  6321. }
  6322. .carousel-inner > .next,
  6323. .carousel-inner > .prev {
  6324. position: absolute;
  6325. top: 0;
  6326. width: 100%;
  6327. }
  6328. .carousel-inner > .next {
  6329. left: 100%;
  6330. }
  6331. .carousel-inner > .prev {
  6332. left: -100%;
  6333. }
  6334. .carousel-inner > .next.left,
  6335. .carousel-inner > .prev.right {
  6336. left: 0;
  6337. }
  6338. .carousel-inner > .active.left {
  6339. left: -100%;
  6340. }
  6341. .carousel-inner > .active.right {
  6342. left: 100%;
  6343. }
  6344. .carousel-control {
  6345. position: absolute;
  6346. top: 0;
  6347. left: 0;
  6348. bottom: 0;
  6349. width: 15%;
  6350. opacity: 0.5;
  6351. filter: alpha(opacity=50);
  6352. font-size: 20px;
  6353. color: #fff;
  6354. text-align: center;
  6355. text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  6356. background-color: rgba(0, 0, 0, 0);
  6357. }
  6358. .carousel-control.left {
  6359. background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  6360. background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  6361. background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  6362. background-repeat: repeat-x;
  6363. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  6364. }
  6365. .carousel-control.right {
  6366. left: auto;
  6367. right: 0;
  6368. background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  6369. background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  6370. background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  6371. background-repeat: repeat-x;
  6372. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  6373. }
  6374. .carousel-control:hover,
  6375. .carousel-control:focus {
  6376. outline: 0;
  6377. color: #fff;
  6378. text-decoration: none;
  6379. opacity: 0.9;
  6380. filter: alpha(opacity=90);
  6381. }
  6382. .carousel-control .icon-prev,
  6383. .carousel-control .icon-next,
  6384. .carousel-control .glyphicon-chevron-left,
  6385. .carousel-control .glyphicon-chevron-right {
  6386. position: absolute;
  6387. top: 50%;
  6388. margin-top: -10px;
  6389. z-index: 5;
  6390. display: inline-block;
  6391. }
  6392. .carousel-control .icon-prev,
  6393. .carousel-control .glyphicon-chevron-left {
  6394. left: 50%;
  6395. margin-left: -10px;
  6396. }
  6397. .carousel-control .icon-next,
  6398. .carousel-control .glyphicon-chevron-right {
  6399. right: 50%;
  6400. margin-right: -10px;
  6401. }
  6402. .carousel-control .icon-prev,
  6403. .carousel-control .icon-next {
  6404. width: 20px;
  6405. height: 20px;
  6406. line-height: 1;
  6407. font-family: serif;
  6408. }
  6409. .carousel-control .icon-prev:before {
  6410. content: '\2039';
  6411. }
  6412. .carousel-control .icon-next:before {
  6413. content: '\203a';
  6414. }
  6415. .carousel-indicators {
  6416. position: absolute;
  6417. bottom: 10px;
  6418. left: 50%;
  6419. z-index: 15;
  6420. width: 60%;
  6421. margin-left: -30%;
  6422. padding-left: 0;
  6423. list-style: none;
  6424. text-align: center;
  6425. }
  6426. .carousel-indicators li {
  6427. display: inline-block;
  6428. width: 10px;
  6429. height: 10px;
  6430. margin: 1px;
  6431. text-indent: -999px;
  6432. border: 1px solid #fff;
  6433. border-radius: 10px;
  6434. cursor: pointer;
  6435. background-color: #000 \9;
  6436. background-color: rgba(0, 0, 0, 0);
  6437. }
  6438. .carousel-indicators .active {
  6439. margin: 0;
  6440. width: 12px;
  6441. height: 12px;
  6442. background-color: #fff;
  6443. }
  6444. .carousel-caption {
  6445. position: absolute;
  6446. left: 15%;
  6447. right: 15%;
  6448. bottom: 20px;
  6449. z-index: 10;
  6450. padding-top: 20px;
  6451. padding-bottom: 20px;
  6452. color: #fff;
  6453. text-align: center;
  6454. text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  6455. }
  6456. .carousel-caption .btn {
  6457. text-shadow: none;
  6458. }
  6459. @media screen and (min-width: 768px) {
  6460. .carousel-control .glyphicon-chevron-left,
  6461. .carousel-control .glyphicon-chevron-right,
  6462. .carousel-control .icon-prev,
  6463. .carousel-control .icon-next {
  6464. width: 30px;
  6465. height: 30px;
  6466. margin-top: -10px;
  6467. font-size: 30px;
  6468. }
  6469. .carousel-control .glyphicon-chevron-left,
  6470. .carousel-control .icon-prev {
  6471. margin-left: -10px;
  6472. }
  6473. .carousel-control .glyphicon-chevron-right,
  6474. .carousel-control .icon-next {
  6475. margin-right: -10px;
  6476. }
  6477. .carousel-caption {
  6478. left: 20%;
  6479. right: 20%;
  6480. padding-bottom: 30px;
  6481. }
  6482. .carousel-indicators {
  6483. bottom: 20px;
  6484. }
  6485. }
  6486. .clearfix:before,
  6487. .clearfix:after,
  6488. .dl-horizontal dd:before,
  6489. .dl-horizontal dd:after,
  6490. .container:before,
  6491. .container:after,
  6492. .container-fluid:before,
  6493. .container-fluid:after,
  6494. .row:before,
  6495. .row:after,
  6496. .form-horizontal .form-group:before,
  6497. .form-horizontal .form-group:after,
  6498. .btn-toolbar:before,
  6499. .btn-toolbar:after,
  6500. .btn-group-vertical > .btn-group:before,
  6501. .btn-group-vertical > .btn-group:after,
  6502. .nav:before,
  6503. .nav:after,
  6504. .navbar:before,
  6505. .navbar:after,
  6506. .navbar-header:before,
  6507. .navbar-header:after,
  6508. .navbar-collapse:before,
  6509. .navbar-collapse:after,
  6510. .pager:before,
  6511. .pager:after,
  6512. .panel-body:before,
  6513. .panel-body:after,
  6514. .modal-header:before,
  6515. .modal-header:after,
  6516. .modal-footer:before,
  6517. .modal-footer:after,
  6518. .item_buttons:before,
  6519. .item_buttons:after {
  6520. content: " ";
  6521. display: table;
  6522. }
  6523. .clearfix:after,
  6524. .dl-horizontal dd:after,
  6525. .container:after,
  6526. .container-fluid:after,
  6527. .row:after,
  6528. .form-horizontal .form-group:after,
  6529. .btn-toolbar:after,
  6530. .btn-group-vertical > .btn-group:after,
  6531. .nav:after,
  6532. .navbar:after,
  6533. .navbar-header:after,
  6534. .navbar-collapse:after,
  6535. .pager:after,
  6536. .panel-body:after,
  6537. .modal-header:after,
  6538. .modal-footer:after,
  6539. .item_buttons:after {
  6540. clear: both;
  6541. }
  6542. .center-block {
  6543. display: block;
  6544. margin-left: auto;
  6545. margin-right: auto;
  6546. }
  6547. .pull-right {
  6548. float: right !important;
  6549. }
  6550. .pull-left {
  6551. float: left !important;
  6552. }
  6553. .hide {
  6554. display: none !important;
  6555. }
  6556. .show {
  6557. display: block !important;
  6558. }
  6559. .invisible {
  6560. visibility: hidden;
  6561. }
  6562. .text-hide {
  6563. font: 0/0 a;
  6564. color: transparent;
  6565. text-shadow: none;
  6566. background-color: transparent;
  6567. border: 0;
  6568. }
  6569. .hidden {
  6570. display: none !important;
  6571. }
  6572. .affix {
  6573. position: fixed;
  6574. }
  6575. @-ms-viewport {
  6576. width: device-width;
  6577. }
  6578. .visible-xs,
  6579. .visible-sm,
  6580. .visible-md,
  6581. .visible-lg {
  6582. display: none !important;
  6583. }
  6584. .visible-xs-block,
  6585. .visible-xs-inline,
  6586. .visible-xs-inline-block,
  6587. .visible-sm-block,
  6588. .visible-sm-inline,
  6589. .visible-sm-inline-block,
  6590. .visible-md-block,
  6591. .visible-md-inline,
  6592. .visible-md-inline-block,
  6593. .visible-lg-block,
  6594. .visible-lg-inline,
  6595. .visible-lg-inline-block {
  6596. display: none !important;
  6597. }
  6598. @media (max-width: 767px) {
  6599. .visible-xs {
  6600. display: block !important;
  6601. }
  6602. table.visible-xs {
  6603. display: table !important;
  6604. }
  6605. tr.visible-xs {
  6606. display: table-row !important;
  6607. }
  6608. th.visible-xs,
  6609. td.visible-xs {
  6610. display: table-cell !important;
  6611. }
  6612. }
  6613. @media (max-width: 767px) {
  6614. .visible-xs-block {
  6615. display: block !important;
  6616. }
  6617. }
  6618. @media (max-width: 767px) {
  6619. .visible-xs-inline {
  6620. display: inline !important;
  6621. }
  6622. }
  6623. @media (max-width: 767px) {
  6624. .visible-xs-inline-block {
  6625. display: inline-block !important;
  6626. }
  6627. }
  6628. @media (min-width: 768px) and (max-width: 991px) {
  6629. .visible-sm {
  6630. display: block !important;
  6631. }
  6632. table.visible-sm {
  6633. display: table !important;
  6634. }
  6635. tr.visible-sm {
  6636. display: table-row !important;
  6637. }
  6638. th.visible-sm,
  6639. td.visible-sm {
  6640. display: table-cell !important;
  6641. }
  6642. }
  6643. @media (min-width: 768px) and (max-width: 991px) {
  6644. .visible-sm-block {
  6645. display: block !important;
  6646. }
  6647. }
  6648. @media (min-width: 768px) and (max-width: 991px) {
  6649. .visible-sm-inline {
  6650. display: inline !important;
  6651. }
  6652. }
  6653. @media (min-width: 768px) and (max-width: 991px) {
  6654. .visible-sm-inline-block {
  6655. display: inline-block !important;
  6656. }
  6657. }
  6658. @media (min-width: 992px) and (max-width: 1199px) {
  6659. .visible-md {
  6660. display: block !important;
  6661. }
  6662. table.visible-md {
  6663. display: table !important;
  6664. }
  6665. tr.visible-md {
  6666. display: table-row !important;
  6667. }
  6668. th.visible-md,
  6669. td.visible-md {
  6670. display: table-cell !important;
  6671. }
  6672. }
  6673. @media (min-width: 992px) and (max-width: 1199px) {
  6674. .visible-md-block {
  6675. display: block !important;
  6676. }
  6677. }
  6678. @media (min-width: 992px) and (max-width: 1199px) {
  6679. .visible-md-inline {
  6680. display: inline !important;
  6681. }
  6682. }
  6683. @media (min-width: 992px) and (max-width: 1199px) {
  6684. .visible-md-inline-block {
  6685. display: inline-block !important;
  6686. }
  6687. }
  6688. @media (min-width: 1200px) {
  6689. .visible-lg {
  6690. display: block !important;
  6691. }
  6692. table.visible-lg {
  6693. display: table !important;
  6694. }
  6695. tr.visible-lg {
  6696. display: table-row !important;
  6697. }
  6698. th.visible-lg,
  6699. td.visible-lg {
  6700. display: table-cell !important;
  6701. }
  6702. }
  6703. @media (min-width: 1200px) {
  6704. .visible-lg-block {
  6705. display: block !important;
  6706. }
  6707. }
  6708. @media (min-width: 1200px) {
  6709. .visible-lg-inline {
  6710. display: inline !important;
  6711. }
  6712. }
  6713. @media (min-width: 1200px) {
  6714. .visible-lg-inline-block {
  6715. display: inline-block !important;
  6716. }
  6717. }
  6718. @media (max-width: 767px) {
  6719. .hidden-xs {
  6720. display: none !important;
  6721. }
  6722. }
  6723. @media (min-width: 768px) and (max-width: 991px) {
  6724. .hidden-sm {
  6725. display: none !important;
  6726. }
  6727. }
  6728. @media (min-width: 992px) and (max-width: 1199px) {
  6729. .hidden-md {
  6730. display: none !important;
  6731. }
  6732. }
  6733. @media (min-width: 1200px) {
  6734. .hidden-lg {
  6735. display: none !important;
  6736. }
  6737. }
  6738. .visible-print {
  6739. display: none !important;
  6740. }
  6741. @media print {
  6742. .visible-print {
  6743. display: block !important;
  6744. }
  6745. table.visible-print {
  6746. display: table !important;
  6747. }
  6748. tr.visible-print {
  6749. display: table-row !important;
  6750. }
  6751. th.visible-print,
  6752. td.visible-print {
  6753. display: table-cell !important;
  6754. }
  6755. }
  6756. .visible-print-block {
  6757. display: none !important;
  6758. }
  6759. @media print {
  6760. .visible-print-block {
  6761. display: block !important;
  6762. }
  6763. }
  6764. .visible-print-inline {
  6765. display: none !important;
  6766. }
  6767. @media print {
  6768. .visible-print-inline {
  6769. display: inline !important;
  6770. }
  6771. }
  6772. .visible-print-inline-block {
  6773. display: none !important;
  6774. }
  6775. @media print {
  6776. .visible-print-inline-block {
  6777. display: inline-block !important;
  6778. }
  6779. }
  6780. @media print {
  6781. .hidden-print {
  6782. display: none !important;
  6783. }
  6784. }
  6785. /*!
  6786. *
  6787. * Font Awesome
  6788. *
  6789. */
  6790. /*!
  6791. * Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
  6792. * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
  6793. */
  6794. /* FONT PATH
  6795. * -------------------------- */
  6796. @font-face {
  6797. font-family: 'FontAwesome';
  6798. src: url('../components/font-awesome/fonts/fontawesome-webfont.eot?v=4.2.0');
  6799. src: url('../components/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('../components/font-awesome/fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('../components/font-awesome/fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('../components/font-awesome/fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
  6800. font-weight: normal;
  6801. font-style: normal;
  6802. }
  6803. .fa {
  6804. display: inline-block;
  6805. font: normal normal normal 14px/1 FontAwesome;
  6806. font-size: inherit;
  6807. text-rendering: auto;
  6808. -webkit-font-smoothing: antialiased;
  6809. -moz-osx-font-smoothing: grayscale;
  6810. }
  6811. /* makes the font 33% larger relative to the icon container */
  6812. .fa-lg {
  6813. font-size: 1.33333333em;
  6814. line-height: 0.75em;
  6815. vertical-align: -15%;
  6816. }
  6817. .fa-2x {
  6818. font-size: 2em;
  6819. }
  6820. .fa-3x {
  6821. font-size: 3em;
  6822. }
  6823. .fa-4x {
  6824. font-size: 4em;
  6825. }
  6826. .fa-5x {
  6827. font-size: 5em;
  6828. }
  6829. .fa-fw {
  6830. width: 1.28571429em;
  6831. text-align: center;
  6832. }
  6833. .fa-ul {
  6834. padding-left: 0;
  6835. margin-left: 2.14285714em;
  6836. list-style-type: none;
  6837. }
  6838. .fa-ul > li {
  6839. position: relative;
  6840. }
  6841. .fa-li {
  6842. position: absolute;
  6843. left: -2.14285714em;
  6844. width: 2.14285714em;
  6845. top: 0.14285714em;
  6846. text-align: center;
  6847. }
  6848. .fa-li.fa-lg {
  6849. left: -1.85714286em;
  6850. }
  6851. .fa-border {
  6852. padding: .2em .25em .15em;
  6853. border: solid 0.08em #eee;
  6854. border-radius: .1em;
  6855. }
  6856. .pull-right {
  6857. float: right;
  6858. }
  6859. .pull-left {
  6860. float: left;
  6861. }
  6862. .fa.pull-left {
  6863. margin-right: .3em;
  6864. }
  6865. .fa.pull-right {
  6866. margin-left: .3em;
  6867. }
  6868. .fa-spin {
  6869. -webkit-animation: fa-spin 2s infinite linear;
  6870. animation: fa-spin 2s infinite linear;
  6871. }
  6872. @-webkit-keyframes fa-spin {
  6873. 0% {
  6874. -webkit-transform: rotate(0deg);
  6875. transform: rotate(0deg);
  6876. }
  6877. 100% {
  6878. -webkit-transform: rotate(359deg);
  6879. transform: rotate(359deg);
  6880. }
  6881. }
  6882. @keyframes fa-spin {
  6883. 0% {
  6884. -webkit-transform: rotate(0deg);
  6885. transform: rotate(0deg);
  6886. }
  6887. 100% {
  6888. -webkit-transform: rotate(359deg);
  6889. transform: rotate(359deg);
  6890. }
  6891. }
  6892. .fa-rotate-90 {
  6893. filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  6894. -webkit-transform: rotate(90deg);
  6895. -ms-transform: rotate(90deg);
  6896. transform: rotate(90deg);
  6897. }
  6898. .fa-rotate-180 {
  6899. filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  6900. -webkit-transform: rotate(180deg);
  6901. -ms-transform: rotate(180deg);
  6902. transform: rotate(180deg);
  6903. }
  6904. .fa-rotate-270 {
  6905. filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  6906. -webkit-transform: rotate(270deg);
  6907. -ms-transform: rotate(270deg);
  6908. transform: rotate(270deg);
  6909. }
  6910. .fa-flip-horizontal {
  6911. filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  6912. -webkit-transform: scale(-1, 1);
  6913. -ms-transform: scale(-1, 1);
  6914. transform: scale(-1, 1);
  6915. }
  6916. .fa-flip-vertical {
  6917. filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  6918. -webkit-transform: scale(1, -1);
  6919. -ms-transform: scale(1, -1);
  6920. transform: scale(1, -1);
  6921. }
  6922. :root .fa-rotate-90,
  6923. :root .fa-rotate-180,
  6924. :root .fa-rotate-270,
  6925. :root .fa-flip-horizontal,
  6926. :root .fa-flip-vertical {
  6927. filter: none;
  6928. }
  6929. .fa-stack {
  6930. position: relative;
  6931. display: inline-block;
  6932. width: 2em;
  6933. height: 2em;
  6934. line-height: 2em;
  6935. vertical-align: middle;
  6936. }
  6937. .fa-stack-1x,
  6938. .fa-stack-2x {
  6939. position: absolute;
  6940. left: 0;
  6941. width: 100%;
  6942. text-align: center;
  6943. }
  6944. .fa-stack-1x {
  6945. line-height: inherit;
  6946. }
  6947. .fa-stack-2x {
  6948. font-size: 2em;
  6949. }
  6950. .fa-inverse {
  6951. color: #fff;
  6952. }
  6953. /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
  6954. readers do not read off random characters that represent icons */
  6955. .fa-glass:before {
  6956. content: "\f000";
  6957. }
  6958. .fa-music:before {
  6959. content: "\f001";
  6960. }
  6961. .fa-search:before {
  6962. content: "\f002";
  6963. }
  6964. .fa-envelope-o:before {
  6965. content: "\f003";
  6966. }
  6967. .fa-heart:before {
  6968. content: "\f004";
  6969. }
  6970. .fa-star:before {
  6971. content: "\f005";
  6972. }
  6973. .fa-star-o:before {
  6974. content: "\f006";
  6975. }
  6976. .fa-user:before {
  6977. content: "\f007";
  6978. }
  6979. .fa-film:before {
  6980. content: "\f008";
  6981. }
  6982. .fa-th-large:before {
  6983. content: "\f009";
  6984. }
  6985. .fa-th:before {
  6986. content: "\f00a";
  6987. }
  6988. .fa-th-list:before {
  6989. content: "\f00b";
  6990. }
  6991. .fa-check:before {
  6992. content: "\f00c";
  6993. }
  6994. .fa-remove:before,
  6995. .fa-close:before,
  6996. .fa-times:before {
  6997. content: "\f00d";
  6998. }
  6999. .fa-search-plus:before {
  7000. content: "\f00e";
  7001. }
  7002. .fa-search-minus:before {
  7003. content: "\f010";
  7004. }
  7005. .fa-power-off:before {
  7006. content: "\f011";
  7007. }
  7008. .fa-signal:before {
  7009. content: "\f012";
  7010. }
  7011. .fa-gear:before,
  7012. .fa-cog:before {
  7013. content: "\f013";
  7014. }
  7015. .fa-trash-o:before {
  7016. content: "\f014";
  7017. }
  7018. .fa-home:before {
  7019. content: "\f015";
  7020. }
  7021. .fa-file-o:before {
  7022. content: "\f016";
  7023. }
  7024. .fa-clock-o:before {
  7025. content: "\f017";
  7026. }
  7027. .fa-road:before {
  7028. content: "\f018";
  7029. }
  7030. .fa-download:before {
  7031. content: "\f019";
  7032. }
  7033. .fa-arrow-circle-o-down:before {
  7034. content: "\f01a";
  7035. }
  7036. .fa-arrow-circle-o-up:before {
  7037. content: "\f01b";
  7038. }
  7039. .fa-inbox:before {
  7040. content: "\f01c";
  7041. }
  7042. .fa-play-circle-o:before {
  7043. content: "\f01d";
  7044. }
  7045. .fa-rotate-right:before,
  7046. .fa-repeat:before {
  7047. content: "\f01e";
  7048. }
  7049. .fa-refresh:before {
  7050. content: "\f021";
  7051. }
  7052. .fa-list-alt:before {
  7053. content: "\f022";
  7054. }
  7055. .fa-lock:before {
  7056. content: "\f023";
  7057. }
  7058. .fa-flag:before {
  7059. content: "\f024";
  7060. }
  7061. .fa-headphones:before {
  7062. content: "\f025";
  7063. }
  7064. .fa-volume-off:before {
  7065. content: "\f026";
  7066. }
  7067. .fa-volume-down:before {
  7068. content: "\f027";
  7069. }
  7070. .fa-volume-up:before {
  7071. content: "\f028";
  7072. }
  7073. .fa-qrcode:before {
  7074. content: "\f029";
  7075. }
  7076. .fa-barcode:before {
  7077. content: "\f02a";
  7078. }
  7079. .fa-tag:before {
  7080. content: "\f02b";
  7081. }
  7082. .fa-tags:before {
  7083. content: "\f02c";
  7084. }
  7085. .fa-book:before {
  7086. content: "\f02d";
  7087. }
  7088. .fa-bookmark:before {
  7089. content: "\f02e";
  7090. }
  7091. .fa-print:before {
  7092. content: "\f02f";
  7093. }
  7094. .fa-camera:before {
  7095. content: "\f030";
  7096. }
  7097. .fa-font:before {
  7098. content: "\f031";
  7099. }
  7100. .fa-bold:before {
  7101. content: "\f032";
  7102. }
  7103. .fa-italic:before {
  7104. content: "\f033";
  7105. }
  7106. .fa-text-height:before {
  7107. content: "\f034";
  7108. }
  7109. .fa-text-width:before {
  7110. content: "\f035";
  7111. }
  7112. .fa-align-left:before {
  7113. content: "\f036";
  7114. }
  7115. .fa-align-center:before {
  7116. content: "\f037";
  7117. }
  7118. .fa-align-right:before {
  7119. content: "\f038";
  7120. }
  7121. .fa-align-justify:before {
  7122. content: "\f039";
  7123. }
  7124. .fa-list:before {
  7125. content: "\f03a";
  7126. }
  7127. .fa-dedent:before,
  7128. .fa-outdent:before {
  7129. content: "\f03b";
  7130. }
  7131. .fa-indent:before {
  7132. content: "\f03c";
  7133. }
  7134. .fa-video-camera:before {
  7135. content: "\f03d";
  7136. }
  7137. .fa-photo:before,
  7138. .fa-image:before,
  7139. .fa-picture-o:before {
  7140. content: "\f03e";
  7141. }
  7142. .fa-pencil:before {
  7143. content: "\f040";
  7144. }
  7145. .fa-map-marker:before {
  7146. content: "\f041";
  7147. }
  7148. .fa-adjust:before {
  7149. content: "\f042";
  7150. }
  7151. .fa-tint:before {
  7152. content: "\f043";
  7153. }
  7154. .fa-edit:before,
  7155. .fa-pencil-square-o:before {
  7156. content: "\f044";
  7157. }
  7158. .fa-share-square-o:before {
  7159. content: "\f045";
  7160. }
  7161. .fa-check-square-o:before {
  7162. content: "\f046";
  7163. }
  7164. .fa-arrows:before {
  7165. content: "\f047";
  7166. }
  7167. .fa-step-backward:before {
  7168. content: "\f048";
  7169. }
  7170. .fa-fast-backward:before {
  7171. content: "\f049";
  7172. }
  7173. .fa-backward:before {
  7174. content: "\f04a";
  7175. }
  7176. .fa-play:before {
  7177. content: "\f04b";
  7178. }
  7179. .fa-pause:before {
  7180. content: "\f04c";
  7181. }
  7182. .fa-stop:before {
  7183. content: "\f04d";
  7184. }
  7185. .fa-forward:before {
  7186. content: "\f04e";
  7187. }
  7188. .fa-fast-forward:before {
  7189. content: "\f050";
  7190. }
  7191. .fa-step-forward:before {
  7192. content: "\f051";
  7193. }
  7194. .fa-eject:before {
  7195. content: "\f052";
  7196. }
  7197. .fa-chevron-left:before {
  7198. content: "\f053";
  7199. }
  7200. .fa-chevron-right:before {
  7201. content: "\f054";
  7202. }
  7203. .fa-plus-circle:before {
  7204. content: "\f055";
  7205. }
  7206. .fa-minus-circle:before {
  7207. content: "\f056";
  7208. }
  7209. .fa-times-circle:before {
  7210. content: "\f057";
  7211. }
  7212. .fa-check-circle:before {
  7213. content: "\f058";
  7214. }
  7215. .fa-question-circle:before {
  7216. content: "\f059";
  7217. }
  7218. .fa-info-circle:before {
  7219. content: "\f05a";
  7220. }
  7221. .fa-crosshairs:before {
  7222. content: "\f05b";
  7223. }
  7224. .fa-times-circle-o:before {
  7225. content: "\f05c";
  7226. }
  7227. .fa-check-circle-o:before {
  7228. content: "\f05d";
  7229. }
  7230. .fa-ban:before {
  7231. content: "\f05e";
  7232. }
  7233. .fa-arrow-left:before {
  7234. content: "\f060";
  7235. }
  7236. .fa-arrow-right:before {
  7237. content: "\f061";
  7238. }
  7239. .fa-arrow-up:before {
  7240. content: "\f062";
  7241. }
  7242. .fa-arrow-down:before {
  7243. content: "\f063";
  7244. }
  7245. .fa-mail-forward:before,
  7246. .fa-share:before {
  7247. content: "\f064";
  7248. }
  7249. .fa-expand:before {
  7250. content: "\f065";
  7251. }
  7252. .fa-compress:before {
  7253. content: "\f066";
  7254. }
  7255. .fa-plus:before {
  7256. content: "\f067";
  7257. }
  7258. .fa-minus:before {
  7259. content: "\f068";
  7260. }
  7261. .fa-asterisk:before {
  7262. content: "\f069";
  7263. }
  7264. .fa-exclamation-circle:before {
  7265. content: "\f06a";
  7266. }
  7267. .fa-gift:before {
  7268. content: "\f06b";
  7269. }
  7270. .fa-leaf:before {
  7271. content: "\f06c";
  7272. }
  7273. .fa-fire:before {
  7274. content: "\f06d";
  7275. }
  7276. .fa-eye:before {
  7277. content: "\f06e";
  7278. }
  7279. .fa-eye-slash:before {
  7280. content: "\f070";
  7281. }
  7282. .fa-warning:before,
  7283. .fa-exclamation-triangle:before {
  7284. content: "\f071";
  7285. }
  7286. .fa-plane:before {
  7287. content: "\f072";
  7288. }
  7289. .fa-calendar:before {
  7290. content: "\f073";
  7291. }
  7292. .fa-random:before {
  7293. content: "\f074";
  7294. }
  7295. .fa-comment:before {
  7296. content: "\f075";
  7297. }
  7298. .fa-magnet:before {
  7299. content: "\f076";
  7300. }
  7301. .fa-chevron-up:before {
  7302. content: "\f077";
  7303. }
  7304. .fa-chevron-down:before {
  7305. content: "\f078";
  7306. }
  7307. .fa-retweet:before {
  7308. content: "\f079";
  7309. }
  7310. .fa-shopping-cart:before {
  7311. content: "\f07a";
  7312. }
  7313. .fa-folder:before {
  7314. content: "\f07b";
  7315. }
  7316. .fa-folder-open:before {
  7317. content: "\f07c";
  7318. }
  7319. .fa-arrows-v:before {
  7320. content: "\f07d";
  7321. }
  7322. .fa-arrows-h:before {
  7323. content: "\f07e";
  7324. }
  7325. .fa-bar-chart-o:before,
  7326. .fa-bar-chart:before {
  7327. content: "\f080";
  7328. }
  7329. .fa-twitter-square:before {
  7330. content: "\f081";
  7331. }
  7332. .fa-facebook-square:before {
  7333. content: "\f082";
  7334. }
  7335. .fa-camera-retro:before {
  7336. content: "\f083";
  7337. }
  7338. .fa-key:before {
  7339. content: "\f084";
  7340. }
  7341. .fa-gears:before,
  7342. .fa-cogs:before {
  7343. content: "\f085";
  7344. }
  7345. .fa-comments:before {
  7346. content: "\f086";
  7347. }
  7348. .fa-thumbs-o-up:before {
  7349. content: "\f087";
  7350. }
  7351. .fa-thumbs-o-down:before {
  7352. content: "\f088";
  7353. }
  7354. .fa-star-half:before {
  7355. content: "\f089";
  7356. }
  7357. .fa-heart-o:before {
  7358. content: "\f08a";
  7359. }
  7360. .fa-sign-out:before {
  7361. content: "\f08b";
  7362. }
  7363. .fa-linkedin-square:before {
  7364. content: "\f08c";
  7365. }
  7366. .fa-thumb-tack:before {
  7367. content: "\f08d";
  7368. }
  7369. .fa-external-link:before {
  7370. content: "\f08e";
  7371. }
  7372. .fa-sign-in:before {
  7373. content: "\f090";
  7374. }
  7375. .fa-trophy:before {
  7376. content: "\f091";
  7377. }
  7378. .fa-github-square:before {
  7379. content: "\f092";
  7380. }
  7381. .fa-upload:before {
  7382. content: "\f093";
  7383. }
  7384. .fa-lemon-o:before {
  7385. content: "\f094";
  7386. }
  7387. .fa-phone:before {
  7388. content: "\f095";
  7389. }
  7390. .fa-square-o:before {
  7391. content: "\f096";
  7392. }
  7393. .fa-bookmark-o:before {
  7394. content: "\f097";
  7395. }
  7396. .fa-phone-square:before {
  7397. content: "\f098";
  7398. }
  7399. .fa-twitter:before {
  7400. content: "\f099";
  7401. }
  7402. .fa-facebook:before {
  7403. content: "\f09a";
  7404. }
  7405. .fa-github:before {
  7406. content: "\f09b";
  7407. }
  7408. .fa-unlock:before {
  7409. content: "\f09c";
  7410. }
  7411. .fa-credit-card:before {
  7412. content: "\f09d";
  7413. }
  7414. .fa-rss:before {
  7415. content: "\f09e";
  7416. }
  7417. .fa-hdd-o:before {
  7418. content: "\f0a0";
  7419. }
  7420. .fa-bullhorn:before {
  7421. content: "\f0a1";
  7422. }
  7423. .fa-bell:before {
  7424. content: "\f0f3";
  7425. }
  7426. .fa-certificate:before {
  7427. content: "\f0a3";
  7428. }
  7429. .fa-hand-o-right:before {
  7430. content: "\f0a4";
  7431. }
  7432. .fa-hand-o-left:before {
  7433. content: "\f0a5";
  7434. }
  7435. .fa-hand-o-up:before {
  7436. content: "\f0a6";
  7437. }
  7438. .fa-hand-o-down:before {
  7439. content: "\f0a7";
  7440. }
  7441. .fa-arrow-circle-left:before {
  7442. content: "\f0a8";
  7443. }
  7444. .fa-arrow-circle-right:before {
  7445. content: "\f0a9";
  7446. }
  7447. .fa-arrow-circle-up:before {
  7448. content: "\f0aa";
  7449. }
  7450. .fa-arrow-circle-down:before {
  7451. content: "\f0ab";
  7452. }
  7453. .fa-globe:before {
  7454. content: "\f0ac";
  7455. }
  7456. .fa-wrench:before {
  7457. content: "\f0ad";
  7458. }
  7459. .fa-tasks:before {
  7460. content: "\f0ae";
  7461. }
  7462. .fa-filter:before {
  7463. content: "\f0b0";
  7464. }
  7465. .fa-briefcase:before {
  7466. content: "\f0b1";
  7467. }
  7468. .fa-arrows-alt:before {
  7469. content: "\f0b2";
  7470. }
  7471. .fa-group:before,
  7472. .fa-users:before {
  7473. content: "\f0c0";
  7474. }
  7475. .fa-chain:before,
  7476. .fa-link:before {
  7477. content: "\f0c1";
  7478. }
  7479. .fa-cloud:before {
  7480. content: "\f0c2";
  7481. }
  7482. .fa-flask:before {
  7483. content: "\f0c3";
  7484. }
  7485. .fa-cut:before,
  7486. .fa-scissors:before {
  7487. content: "\f0c4";
  7488. }
  7489. .fa-copy:before,
  7490. .fa-files-o:before {
  7491. content: "\f0c5";
  7492. }
  7493. .fa-paperclip:before {
  7494. content: "\f0c6";
  7495. }
  7496. .fa-save:before,
  7497. .fa-floppy-o:before {
  7498. content: "\f0c7";
  7499. }
  7500. .fa-square:before {
  7501. content: "\f0c8";
  7502. }
  7503. .fa-navicon:before,
  7504. .fa-reorder:before,
  7505. .fa-bars:before {
  7506. content: "\f0c9";
  7507. }
  7508. .fa-list-ul:before {
  7509. content: "\f0ca";
  7510. }
  7511. .fa-list-ol:before {
  7512. content: "\f0cb";
  7513. }
  7514. .fa-strikethrough:before {
  7515. content: "\f0cc";
  7516. }
  7517. .fa-underline:before {
  7518. content: "\f0cd";
  7519. }
  7520. .fa-table:before {
  7521. content: "\f0ce";
  7522. }
  7523. .fa-magic:before {
  7524. content: "\f0d0";
  7525. }
  7526. .fa-truck:before {
  7527. content: "\f0d1";
  7528. }
  7529. .fa-pinterest:before {
  7530. content: "\f0d2";
  7531. }
  7532. .fa-pinterest-square:before {
  7533. content: "\f0d3";
  7534. }
  7535. .fa-google-plus-square:before {
  7536. content: "\f0d4";
  7537. }
  7538. .fa-google-plus:before {
  7539. content: "\f0d5";
  7540. }
  7541. .fa-money:before {
  7542. content: "\f0d6";
  7543. }
  7544. .fa-caret-down:before {
  7545. content: "\f0d7";
  7546. }
  7547. .fa-caret-up:before {
  7548. content: "\f0d8";
  7549. }
  7550. .fa-caret-left:before {
  7551. content: "\f0d9";
  7552. }
  7553. .fa-caret-right:before {
  7554. content: "\f0da";
  7555. }
  7556. .fa-columns:before {
  7557. content: "\f0db";
  7558. }
  7559. .fa-unsorted:before,
  7560. .fa-sort:before {
  7561. content: "\f0dc";
  7562. }
  7563. .fa-sort-down:before,
  7564. .fa-sort-desc:before {
  7565. content: "\f0dd";
  7566. }
  7567. .fa-sort-up:before,
  7568. .fa-sort-asc:before {
  7569. content: "\f0de";
  7570. }
  7571. .fa-envelope:before {
  7572. content: "\f0e0";
  7573. }
  7574. .fa-linkedin:before {
  7575. content: "\f0e1";
  7576. }
  7577. .fa-rotate-left:before,
  7578. .fa-undo:before {
  7579. content: "\f0e2";
  7580. }
  7581. .fa-legal:before,
  7582. .fa-gavel:before {
  7583. content: "\f0e3";
  7584. }
  7585. .fa-dashboard:before,
  7586. .fa-tachometer:before {
  7587. content: "\f0e4";
  7588. }
  7589. .fa-comment-o:before {
  7590. content: "\f0e5";
  7591. }
  7592. .fa-comments-o:before {
  7593. content: "\f0e6";
  7594. }
  7595. .fa-flash:before,
  7596. .fa-bolt:before {
  7597. content: "\f0e7";
  7598. }
  7599. .fa-sitemap:before {
  7600. content: "\f0e8";
  7601. }
  7602. .fa-umbrella:before {
  7603. content: "\f0e9";
  7604. }
  7605. .fa-paste:before,
  7606. .fa-clipboard:before {
  7607. content: "\f0ea";
  7608. }
  7609. .fa-lightbulb-o:before {
  7610. content: "\f0eb";
  7611. }
  7612. .fa-exchange:before {
  7613. content: "\f0ec";
  7614. }
  7615. .fa-cloud-download:before {
  7616. content: "\f0ed";
  7617. }
  7618. .fa-cloud-upload:before {
  7619. content: "\f0ee";
  7620. }
  7621. .fa-user-md:before {
  7622. content: "\f0f0";
  7623. }
  7624. .fa-stethoscope:before {
  7625. content: "\f0f1";
  7626. }
  7627. .fa-suitcase:before {
  7628. content: "\f0f2";
  7629. }
  7630. .fa-bell-o:before {
  7631. content: "\f0a2";
  7632. }
  7633. .fa-coffee:before {
  7634. content: "\f0f4";
  7635. }
  7636. .fa-cutlery:before {
  7637. content: "\f0f5";
  7638. }
  7639. .fa-file-text-o:before {
  7640. content: "\f0f6";
  7641. }
  7642. .fa-building-o:before {
  7643. content: "\f0f7";
  7644. }
  7645. .fa-hospital-o:before {
  7646. content: "\f0f8";
  7647. }
  7648. .fa-ambulance:before {
  7649. content: "\f0f9";
  7650. }
  7651. .fa-medkit:before {
  7652. content: "\f0fa";
  7653. }
  7654. .fa-fighter-jet:before {
  7655. content: "\f0fb";
  7656. }
  7657. .fa-beer:before {
  7658. content: "\f0fc";
  7659. }
  7660. .fa-h-square:before {
  7661. content: "\f0fd";
  7662. }
  7663. .fa-plus-square:before {
  7664. content: "\f0fe";
  7665. }
  7666. .fa-angle-double-left:before {
  7667. content: "\f100";
  7668. }
  7669. .fa-angle-double-right:before {
  7670. content: "\f101";
  7671. }
  7672. .fa-angle-double-up:before {
  7673. content: "\f102";
  7674. }
  7675. .fa-angle-double-down:before {
  7676. content: "\f103";
  7677. }
  7678. .fa-angle-left:before {
  7679. content: "\f104";
  7680. }
  7681. .fa-angle-right:before {
  7682. content: "\f105";
  7683. }
  7684. .fa-angle-up:before {
  7685. content: "\f106";
  7686. }
  7687. .fa-angle-down:before {
  7688. content: "\f107";
  7689. }
  7690. .fa-desktop:before {
  7691. content: "\f108";
  7692. }
  7693. .fa-laptop:before {
  7694. content: "\f109";
  7695. }
  7696. .fa-tablet:before {
  7697. content: "\f10a";
  7698. }
  7699. .fa-mobile-phone:before,
  7700. .fa-mobile:before {
  7701. content: "\f10b";
  7702. }
  7703. .fa-circle-o:before {
  7704. content: "\f10c";
  7705. }
  7706. .fa-quote-left:before {
  7707. content: "\f10d";
  7708. }
  7709. .fa-quote-right:before {
  7710. content: "\f10e";
  7711. }
  7712. .fa-spinner:before {
  7713. content: "\f110";
  7714. }
  7715. .fa-circle:before {
  7716. content: "\f111";
  7717. }
  7718. .fa-mail-reply:before,
  7719. .fa-reply:before {
  7720. content: "\f112";
  7721. }
  7722. .fa-github-alt:before {
  7723. content: "\f113";
  7724. }
  7725. .fa-folder-o:before {
  7726. content: "\f114";
  7727. }
  7728. .fa-folder-open-o:before {
  7729. content: "\f115";
  7730. }
  7731. .fa-smile-o:before {
  7732. content: "\f118";
  7733. }
  7734. .fa-frown-o:before {
  7735. content: "\f119";
  7736. }
  7737. .fa-meh-o:before {
  7738. content: "\f11a";
  7739. }
  7740. .fa-gamepad:before {
  7741. content: "\f11b";
  7742. }
  7743. .fa-keyboard-o:before {
  7744. content: "\f11c";
  7745. }
  7746. .fa-flag-o:before {
  7747. content: "\f11d";
  7748. }
  7749. .fa-flag-checkered:before {
  7750. content: "\f11e";
  7751. }
  7752. .fa-terminal:before {
  7753. content: "\f120";
  7754. }
  7755. .fa-code:before {
  7756. content: "\f121";
  7757. }
  7758. .fa-mail-reply-all:before,
  7759. .fa-reply-all:before {
  7760. content: "\f122";
  7761. }
  7762. .fa-star-half-empty:before,
  7763. .fa-star-half-full:before,
  7764. .fa-star-half-o:before {
  7765. content: "\f123";
  7766. }
  7767. .fa-location-arrow:before {
  7768. content: "\f124";
  7769. }
  7770. .fa-crop:before {
  7771. content: "\f125";
  7772. }
  7773. .fa-code-fork:before {
  7774. content: "\f126";
  7775. }
  7776. .fa-unlink:before,
  7777. .fa-chain-broken:before {
  7778. content: "\f127";
  7779. }
  7780. .fa-question:before {
  7781. content: "\f128";
  7782. }
  7783. .fa-info:before {
  7784. content: "\f129";
  7785. }
  7786. .fa-exclamation:before {
  7787. content: "\f12a";
  7788. }
  7789. .fa-superscript:before {
  7790. content: "\f12b";
  7791. }
  7792. .fa-subscript:before {
  7793. content: "\f12c";
  7794. }
  7795. .fa-eraser:before {
  7796. content: "\f12d";
  7797. }
  7798. .fa-puzzle-piece:before {
  7799. content: "\f12e";
  7800. }
  7801. .fa-microphone:before {
  7802. content: "\f130";
  7803. }
  7804. .fa-microphone-slash:before {
  7805. content: "\f131";
  7806. }
  7807. .fa-shield:before {
  7808. content: "\f132";
  7809. }
  7810. .fa-calendar-o:before {
  7811. content: "\f133";
  7812. }
  7813. .fa-fire-extinguisher:before {
  7814. content: "\f134";
  7815. }
  7816. .fa-rocket:before {
  7817. content: "\f135";
  7818. }
  7819. .fa-maxcdn:before {
  7820. content: "\f136";
  7821. }
  7822. .fa-chevron-circle-left:before {
  7823. content: "\f137";
  7824. }
  7825. .fa-chevron-circle-right:before {
  7826. content: "\f138";
  7827. }
  7828. .fa-chevron-circle-up:before {
  7829. content: "\f139";
  7830. }
  7831. .fa-chevron-circle-down:before {
  7832. content: "\f13a";
  7833. }
  7834. .fa-html5:before {
  7835. content: "\f13b";
  7836. }
  7837. .fa-css3:before {
  7838. content: "\f13c";
  7839. }
  7840. .fa-anchor:before {
  7841. content: "\f13d";
  7842. }
  7843. .fa-unlock-alt:before {
  7844. content: "\f13e";
  7845. }
  7846. .fa-bullseye:before {
  7847. content: "\f140";
  7848. }
  7849. .fa-ellipsis-h:before {
  7850. content: "\f141";
  7851. }
  7852. .fa-ellipsis-v:before {
  7853. content: "\f142";
  7854. }
  7855. .fa-rss-square:before {
  7856. content: "\f143";
  7857. }
  7858. .fa-play-circle:before {
  7859. content: "\f144";
  7860. }
  7861. .fa-ticket:before {
  7862. content: "\f145";
  7863. }
  7864. .fa-minus-square:before {
  7865. content: "\f146";
  7866. }
  7867. .fa-minus-square-o:before {
  7868. content: "\f147";
  7869. }
  7870. .fa-level-up:before {
  7871. content: "\f148";
  7872. }
  7873. .fa-level-down:before {
  7874. content: "\f149";
  7875. }
  7876. .fa-check-square:before {
  7877. content: "\f14a";
  7878. }
  7879. .fa-pencil-square:before {
  7880. content: "\f14b";
  7881. }
  7882. .fa-external-link-square:before {
  7883. content: "\f14c";
  7884. }
  7885. .fa-share-square:before {
  7886. content: "\f14d";
  7887. }
  7888. .fa-compass:before {
  7889. content: "\f14e";
  7890. }
  7891. .fa-toggle-down:before,
  7892. .fa-caret-square-o-down:before {
  7893. content: "\f150";
  7894. }
  7895. .fa-toggle-up:before,
  7896. .fa-caret-square-o-up:before {
  7897. content: "\f151";
  7898. }
  7899. .fa-toggle-right:before,
  7900. .fa-caret-square-o-right:before {
  7901. content: "\f152";
  7902. }
  7903. .fa-euro:before,
  7904. .fa-eur:before {
  7905. content: "\f153";
  7906. }
  7907. .fa-gbp:before {
  7908. content: "\f154";
  7909. }
  7910. .fa-dollar:before,
  7911. .fa-usd:before {
  7912. content: "\f155";
  7913. }
  7914. .fa-rupee:before,
  7915. .fa-inr:before {
  7916. content: "\f156";
  7917. }
  7918. .fa-cny:before,
  7919. .fa-rmb:before,
  7920. .fa-yen:before,
  7921. .fa-jpy:before {
  7922. content: "\f157";
  7923. }
  7924. .fa-ruble:before,
  7925. .fa-rouble:before,
  7926. .fa-rub:before {
  7927. content: "\f158";
  7928. }
  7929. .fa-won:before,
  7930. .fa-krw:before {
  7931. content: "\f159";
  7932. }
  7933. .fa-bitcoin:before,
  7934. .fa-btc:before {
  7935. content: "\f15a";
  7936. }
  7937. .fa-file:before {
  7938. content: "\f15b";
  7939. }
  7940. .fa-file-text:before {
  7941. content: "\f15c";
  7942. }
  7943. .fa-sort-alpha-asc:before {
  7944. content: "\f15d";
  7945. }
  7946. .fa-sort-alpha-desc:before {
  7947. content: "\f15e";
  7948. }
  7949. .fa-sort-amount-asc:before {
  7950. content: "\f160";
  7951. }
  7952. .fa-sort-amount-desc:before {
  7953. content: "\f161";
  7954. }
  7955. .fa-sort-numeric-asc:before {
  7956. content: "\f162";
  7957. }
  7958. .fa-sort-numeric-desc:before {
  7959. content: "\f163";
  7960. }
  7961. .fa-thumbs-up:before {
  7962. content: "\f164";
  7963. }
  7964. .fa-thumbs-down:before {
  7965. content: "\f165";
  7966. }
  7967. .fa-youtube-square:before {
  7968. content: "\f166";
  7969. }
  7970. .fa-youtube:before {
  7971. content: "\f167";
  7972. }
  7973. .fa-xing:before {
  7974. content: "\f168";
  7975. }
  7976. .fa-xing-square:before {
  7977. content: "\f169";
  7978. }
  7979. .fa-youtube-play:before {
  7980. content: "\f16a";
  7981. }
  7982. .fa-dropbox:before {
  7983. content: "\f16b";
  7984. }
  7985. .fa-stack-overflow:before {
  7986. content: "\f16c";
  7987. }
  7988. .fa-instagram:before {
  7989. content: "\f16d";
  7990. }
  7991. .fa-flickr:before {
  7992. content: "\f16e";
  7993. }
  7994. .fa-adn:before {
  7995. content: "\f170";
  7996. }
  7997. .fa-bitbucket:before {
  7998. content: "\f171";
  7999. }
  8000. .fa-bitbucket-square:before {
  8001. content: "\f172";
  8002. }
  8003. .fa-tumblr:before {
  8004. content: "\f173";
  8005. }
  8006. .fa-tumblr-square:before {
  8007. content: "\f174";
  8008. }
  8009. .fa-long-arrow-down:before {
  8010. content: "\f175";
  8011. }
  8012. .fa-long-arrow-up:before {
  8013. content: "\f176";
  8014. }
  8015. .fa-long-arrow-left:before {
  8016. content: "\f177";
  8017. }
  8018. .fa-long-arrow-right:before {
  8019. content: "\f178";
  8020. }
  8021. .fa-apple:before {
  8022. content: "\f179";
  8023. }
  8024. .fa-windows:before {
  8025. content: "\f17a";
  8026. }
  8027. .fa-android:before {
  8028. content: "\f17b";
  8029. }
  8030. .fa-linux:before {
  8031. content: "\f17c";
  8032. }
  8033. .fa-dribbble:before {
  8034. content: "\f17d";
  8035. }
  8036. .fa-skype:before {
  8037. content: "\f17e";
  8038. }
  8039. .fa-foursquare:before {
  8040. content: "\f180";
  8041. }
  8042. .fa-trello:before {
  8043. content: "\f181";
  8044. }
  8045. .fa-female:before {
  8046. content: "\f182";
  8047. }
  8048. .fa-male:before {
  8049. content: "\f183";
  8050. }
  8051. .fa-gittip:before {
  8052. content: "\f184";
  8053. }
  8054. .fa-sun-o:before {
  8055. content: "\f185";
  8056. }
  8057. .fa-moon-o:before {
  8058. content: "\f186";
  8059. }
  8060. .fa-archive:before {
  8061. content: "\f187";
  8062. }
  8063. .fa-bug:before {
  8064. content: "\f188";
  8065. }
  8066. .fa-vk:before {
  8067. content: "\f189";
  8068. }
  8069. .fa-weibo:before {
  8070. content: "\f18a";
  8071. }
  8072. .fa-renren:before {
  8073. content: "\f18b";
  8074. }
  8075. .fa-pagelines:before {
  8076. content: "\f18c";
  8077. }
  8078. .fa-stack-exchange:before {
  8079. content: "\f18d";
  8080. }
  8081. .fa-arrow-circle-o-right:before {
  8082. content: "\f18e";
  8083. }
  8084. .fa-arrow-circle-o-left:before {
  8085. content: "\f190";
  8086. }
  8087. .fa-toggle-left:before,
  8088. .fa-caret-square-o-left:before {
  8089. content: "\f191";
  8090. }
  8091. .fa-dot-circle-o:before {
  8092. content: "\f192";
  8093. }
  8094. .fa-wheelchair:before {
  8095. content: "\f193";
  8096. }
  8097. .fa-vimeo-square:before {
  8098. content: "\f194";
  8099. }
  8100. .fa-turkish-lira:before,
  8101. .fa-try:before {
  8102. content: "\f195";
  8103. }
  8104. .fa-plus-square-o:before {
  8105. content: "\f196";
  8106. }
  8107. .fa-space-shuttle:before {
  8108. content: "\f197";
  8109. }
  8110. .fa-slack:before {
  8111. content: "\f198";
  8112. }
  8113. .fa-envelope-square:before {
  8114. content: "\f199";
  8115. }
  8116. .fa-wordpress:before {
  8117. content: "\f19a";
  8118. }
  8119. .fa-openid:before {
  8120. content: "\f19b";
  8121. }
  8122. .fa-institution:before,
  8123. .fa-bank:before,
  8124. .fa-university:before {
  8125. content: "\f19c";
  8126. }
  8127. .fa-mortar-board:before,
  8128. .fa-graduation-cap:before {
  8129. content: "\f19d";
  8130. }
  8131. .fa-yahoo:before {
  8132. content: "\f19e";
  8133. }
  8134. .fa-google:before {
  8135. content: "\f1a0";
  8136. }
  8137. .fa-reddit:before {
  8138. content: "\f1a1";
  8139. }
  8140. .fa-reddit-square:before {
  8141. content: "\f1a2";
  8142. }
  8143. .fa-stumbleupon-circle:before {
  8144. content: "\f1a3";
  8145. }
  8146. .fa-stumbleupon:before {
  8147. content: "\f1a4";
  8148. }
  8149. .fa-delicious:before {
  8150. content: "\f1a5";
  8151. }
  8152. .fa-digg:before {
  8153. content: "\f1a6";
  8154. }
  8155. .fa-pied-piper:before {
  8156. content: "\f1a7";
  8157. }
  8158. .fa-pied-piper-alt:before {
  8159. content: "\f1a8";
  8160. }
  8161. .fa-drupal:before {
  8162. content: "\f1a9";
  8163. }
  8164. .fa-joomla:before {
  8165. content: "\f1aa";
  8166. }
  8167. .fa-language:before {
  8168. content: "\f1ab";
  8169. }
  8170. .fa-fax:before {
  8171. content: "\f1ac";
  8172. }
  8173. .fa-building:before {
  8174. content: "\f1ad";
  8175. }
  8176. .fa-child:before {
  8177. content: "\f1ae";
  8178. }
  8179. .fa-paw:before {
  8180. content: "\f1b0";
  8181. }
  8182. .fa-spoon:before {
  8183. content: "\f1b1";
  8184. }
  8185. .fa-cube:before {
  8186. content: "\f1b2";
  8187. }
  8188. .fa-cubes:before {
  8189. content: "\f1b3";
  8190. }
  8191. .fa-behance:before {
  8192. content: "\f1b4";
  8193. }
  8194. .fa-behance-square:before {
  8195. content: "\f1b5";
  8196. }
  8197. .fa-steam:before {
  8198. content: "\f1b6";
  8199. }
  8200. .fa-steam-square:before {
  8201. content: "\f1b7";
  8202. }
  8203. .fa-recycle:before {
  8204. content: "\f1b8";
  8205. }
  8206. .fa-automobile:before,
  8207. .fa-car:before {
  8208. content: "\f1b9";
  8209. }
  8210. .fa-cab:before,
  8211. .fa-taxi:before {
  8212. content: "\f1ba";
  8213. }
  8214. .fa-tree:before {
  8215. content: "\f1bb";
  8216. }
  8217. .fa-spotify:before {
  8218. content: "\f1bc";
  8219. }
  8220. .fa-deviantart:before {
  8221. content: "\f1bd";
  8222. }
  8223. .fa-soundcloud:before {
  8224. content: "\f1be";
  8225. }
  8226. .fa-database:before {
  8227. content: "\f1c0";
  8228. }
  8229. .fa-file-pdf-o:before {
  8230. content: "\f1c1";
  8231. }
  8232. .fa-file-word-o:before {
  8233. content: "\f1c2";
  8234. }
  8235. .fa-file-excel-o:before {
  8236. content: "\f1c3";
  8237. }
  8238. .fa-file-powerpoint-o:before {
  8239. content: "\f1c4";
  8240. }
  8241. .fa-file-photo-o:before,
  8242. .fa-file-picture-o:before,
  8243. .fa-file-image-o:before {
  8244. content: "\f1c5";
  8245. }
  8246. .fa-file-zip-o:before,
  8247. .fa-file-archive-o:before {
  8248. content: "\f1c6";
  8249. }
  8250. .fa-file-sound-o:before,
  8251. .fa-file-audio-o:before {
  8252. content: "\f1c7";
  8253. }
  8254. .fa-file-movie-o:before,
  8255. .fa-file-video-o:before {
  8256. content: "\f1c8";
  8257. }
  8258. .fa-file-code-o:before {
  8259. content: "\f1c9";
  8260. }
  8261. .fa-vine:before {
  8262. content: "\f1ca";
  8263. }
  8264. .fa-codepen:before {
  8265. content: "\f1cb";
  8266. }
  8267. .fa-jsfiddle:before {
  8268. content: "\f1cc";
  8269. }
  8270. .fa-life-bouy:before,
  8271. .fa-life-buoy:before,
  8272. .fa-life-saver:before,
  8273. .fa-support:before,
  8274. .fa-life-ring:before {
  8275. content: "\f1cd";
  8276. }
  8277. .fa-circle-o-notch:before {
  8278. content: "\f1ce";
  8279. }
  8280. .fa-ra:before,
  8281. .fa-rebel:before {
  8282. content: "\f1d0";
  8283. }
  8284. .fa-ge:before,
  8285. .fa-empire:before {
  8286. content: "\f1d1";
  8287. }
  8288. .fa-git-square:before {
  8289. content: "\f1d2";
  8290. }
  8291. .fa-git:before {
  8292. content: "\f1d3";
  8293. }
  8294. .fa-hacker-news:before {
  8295. content: "\f1d4";
  8296. }
  8297. .fa-tencent-weibo:before {
  8298. content: "\f1d5";
  8299. }
  8300. .fa-qq:before {
  8301. content: "\f1d6";
  8302. }
  8303. .fa-wechat:before,
  8304. .fa-weixin:before {
  8305. content: "\f1d7";
  8306. }
  8307. .fa-send:before,
  8308. .fa-paper-plane:before {
  8309. content: "\f1d8";
  8310. }
  8311. .fa-send-o:before,
  8312. .fa-paper-plane-o:before {
  8313. content: "\f1d9";
  8314. }
  8315. .fa-history:before {
  8316. content: "\f1da";
  8317. }
  8318. .fa-circle-thin:before {
  8319. content: "\f1db";
  8320. }
  8321. .fa-header:before {
  8322. content: "\f1dc";
  8323. }
  8324. .fa-paragraph:before {
  8325. content: "\f1dd";
  8326. }
  8327. .fa-sliders:before {
  8328. content: "\f1de";
  8329. }
  8330. .fa-share-alt:before {
  8331. content: "\f1e0";
  8332. }
  8333. .fa-share-alt-square:before {
  8334. content: "\f1e1";
  8335. }
  8336. .fa-bomb:before {
  8337. content: "\f1e2";
  8338. }
  8339. .fa-soccer-ball-o:before,
  8340. .fa-futbol-o:before {
  8341. content: "\f1e3";
  8342. }
  8343. .fa-tty:before {
  8344. content: "\f1e4";
  8345. }
  8346. .fa-binoculars:before {
  8347. content: "\f1e5";
  8348. }
  8349. .fa-plug:before {
  8350. content: "\f1e6";
  8351. }
  8352. .fa-slideshare:before {
  8353. content: "\f1e7";
  8354. }
  8355. .fa-twitch:before {
  8356. content: "\f1e8";
  8357. }
  8358. .fa-yelp:before {
  8359. content: "\f1e9";
  8360. }
  8361. .fa-newspaper-o:before {
  8362. content: "\f1ea";
  8363. }
  8364. .fa-wifi:before {
  8365. content: "\f1eb";
  8366. }
  8367. .fa-calculator:before {
  8368. content: "\f1ec";
  8369. }
  8370. .fa-paypal:before {
  8371. content: "\f1ed";
  8372. }
  8373. .fa-google-wallet:before {
  8374. content: "\f1ee";
  8375. }
  8376. .fa-cc-visa:before {
  8377. content: "\f1f0";
  8378. }
  8379. .fa-cc-mastercard:before {
  8380. content: "\f1f1";
  8381. }
  8382. .fa-cc-discover:before {
  8383. content: "\f1f2";
  8384. }
  8385. .fa-cc-amex:before {
  8386. content: "\f1f3";
  8387. }
  8388. .fa-cc-paypal:before {
  8389. content: "\f1f4";
  8390. }
  8391. .fa-cc-stripe:before {
  8392. content: "\f1f5";
  8393. }
  8394. .fa-bell-slash:before {
  8395. content: "\f1f6";
  8396. }
  8397. .fa-bell-slash-o:before {
  8398. content: "\f1f7";
  8399. }
  8400. .fa-trash:before {
  8401. content: "\f1f8";
  8402. }
  8403. .fa-copyright:before {
  8404. content: "\f1f9";
  8405. }
  8406. .fa-at:before {
  8407. content: "\f1fa";
  8408. }
  8409. .fa-eyedropper:before {
  8410. content: "\f1fb";
  8411. }
  8412. .fa-paint-brush:before {
  8413. content: "\f1fc";
  8414. }
  8415. .fa-birthday-cake:before {
  8416. content: "\f1fd";
  8417. }
  8418. .fa-area-chart:before {
  8419. content: "\f1fe";
  8420. }
  8421. .fa-pie-chart:before {
  8422. content: "\f200";
  8423. }
  8424. .fa-line-chart:before {
  8425. content: "\f201";
  8426. }
  8427. .fa-lastfm:before {
  8428. content: "\f202";
  8429. }
  8430. .fa-lastfm-square:before {
  8431. content: "\f203";
  8432. }
  8433. .fa-toggle-off:before {
  8434. content: "\f204";
  8435. }
  8436. .fa-toggle-on:before {
  8437. content: "\f205";
  8438. }
  8439. .fa-bicycle:before {
  8440. content: "\f206";
  8441. }
  8442. .fa-bus:before {
  8443. content: "\f207";
  8444. }
  8445. .fa-ioxhost:before {
  8446. content: "\f208";
  8447. }
  8448. .fa-angellist:before {
  8449. content: "\f209";
  8450. }
  8451. .fa-cc:before {
  8452. content: "\f20a";
  8453. }
  8454. .fa-shekel:before,
  8455. .fa-sheqel:before,
  8456. .fa-ils:before {
  8457. content: "\f20b";
  8458. }
  8459. .fa-meanpath:before {
  8460. content: "\f20c";
  8461. }
  8462. /*!
  8463. *
  8464. * IPython base
  8465. *
  8466. */
  8467. .modal.fade .modal-dialog {
  8468. -webkit-transform: translate(0, 0);
  8469. -ms-transform: translate(0, 0);
  8470. -o-transform: translate(0, 0);
  8471. transform: translate(0, 0);
  8472. }
  8473. code {
  8474. color: #000;
  8475. }
  8476. pre {
  8477. font-size: inherit;
  8478. line-height: inherit;
  8479. }
  8480. label {
  8481. font-weight: normal;
  8482. }
  8483. /* Make the page background atleast 100% the height of the view port */
  8484. /* Make the page itself atleast 70% the height of the view port */
  8485. .border-box-sizing {
  8486. box-sizing: border-box;
  8487. -moz-box-sizing: border-box;
  8488. -webkit-box-sizing: border-box;
  8489. }
  8490. .corner-all {
  8491. border-radius: 2px;
  8492. }
  8493. .no-padding {
  8494. padding: 0px;
  8495. }
  8496. /* Flexible box model classes */
  8497. /* Taken from Alex Russell http://infrequently.org/2009/08/css-3-progress/ */
  8498. /* This file is a compatability layer. It allows the usage of flexible box
  8499. model layouts accross multiple browsers, including older browsers. The newest,
  8500. universal implementation of the flexible box model is used when available (see
  8501. `Modern browsers` comments below). Browsers that are known to implement this
  8502. new spec completely include:
  8503. Firefox 28.0+
  8504. Chrome 29.0+
  8505. Internet Explorer 11+
  8506. Opera 17.0+
  8507. Browsers not listed, including Safari, are supported via the styling under the
  8508. `Old browsers` comments below.
  8509. */
  8510. .hbox {
  8511. /* Old browsers */
  8512. display: -webkit-box;
  8513. -webkit-box-orient: horizontal;
  8514. -webkit-box-align: stretch;
  8515. display: -moz-box;
  8516. -moz-box-orient: horizontal;
  8517. -moz-box-align: stretch;
  8518. display: box;
  8519. box-orient: horizontal;
  8520. box-align: stretch;
  8521. /* Modern browsers */
  8522. display: flex;
  8523. flex-direction: row;
  8524. align-items: stretch;
  8525. }
  8526. .hbox > * {
  8527. /* Old browsers */
  8528. -webkit-box-flex: 0;
  8529. -moz-box-flex: 0;
  8530. box-flex: 0;
  8531. /* Modern browsers */
  8532. flex: none;
  8533. }
  8534. .vbox {
  8535. /* Old browsers */
  8536. display: -webkit-box;
  8537. -webkit-box-orient: vertical;
  8538. -webkit-box-align: stretch;
  8539. display: -moz-box;
  8540. -moz-box-orient: vertical;
  8541. -moz-box-align: stretch;
  8542. display: box;
  8543. box-orient: vertical;
  8544. box-align: stretch;
  8545. /* Modern browsers */
  8546. display: flex;
  8547. flex-direction: column;
  8548. align-items: stretch;
  8549. }
  8550. .vbox > * {
  8551. /* Old browsers */
  8552. -webkit-box-flex: 0;
  8553. -moz-box-flex: 0;
  8554. box-flex: 0;
  8555. /* Modern browsers */
  8556. flex: none;
  8557. }
  8558. .hbox.reverse,
  8559. .vbox.reverse,
  8560. .reverse {
  8561. /* Old browsers */
  8562. -webkit-box-direction: reverse;
  8563. -moz-box-direction: reverse;
  8564. box-direction: reverse;
  8565. /* Modern browsers */
  8566. flex-direction: row-reverse;
  8567. }
  8568. .hbox.box-flex0,
  8569. .vbox.box-flex0,
  8570. .box-flex0 {
  8571. /* Old browsers */
  8572. -webkit-box-flex: 0;
  8573. -moz-box-flex: 0;
  8574. box-flex: 0;
  8575. /* Modern browsers */
  8576. flex: none;
  8577. width: auto;
  8578. }
  8579. .hbox.box-flex1,
  8580. .vbox.box-flex1,
  8581. .box-flex1 {
  8582. /* Old browsers */
  8583. -webkit-box-flex: 1;
  8584. -moz-box-flex: 1;
  8585. box-flex: 1;
  8586. /* Modern browsers */
  8587. flex: 1;
  8588. }
  8589. .hbox.box-flex,
  8590. .vbox.box-flex,
  8591. .box-flex {
  8592. /* Old browsers */
  8593. /* Old browsers */
  8594. -webkit-box-flex: 1;
  8595. -moz-box-flex: 1;
  8596. box-flex: 1;
  8597. /* Modern browsers */
  8598. flex: 1;
  8599. }
  8600. .hbox.box-flex2,
  8601. .vbox.box-flex2,
  8602. .box-flex2 {
  8603. /* Old browsers */
  8604. -webkit-box-flex: 2;
  8605. -moz-box-flex: 2;
  8606. box-flex: 2;
  8607. /* Modern browsers */
  8608. flex: 2;
  8609. }
  8610. .box-group1 {
  8611. /* Deprecated */
  8612. -webkit-box-flex-group: 1;
  8613. -moz-box-flex-group: 1;
  8614. box-flex-group: 1;
  8615. }
  8616. .box-group2 {
  8617. /* Deprecated */
  8618. -webkit-box-flex-group: 2;
  8619. -moz-box-flex-group: 2;
  8620. box-flex-group: 2;
  8621. }
  8622. .hbox.start,
  8623. .vbox.start,
  8624. .start {
  8625. /* Old browsers */
  8626. -webkit-box-pack: start;
  8627. -moz-box-pack: start;
  8628. box-pack: start;
  8629. /* Modern browsers */
  8630. justify-content: flex-start;
  8631. }
  8632. .hbox.end,
  8633. .vbox.end,
  8634. .end {
  8635. /* Old browsers */
  8636. -webkit-box-pack: end;
  8637. -moz-box-pack: end;
  8638. box-pack: end;
  8639. /* Modern browsers */
  8640. justify-content: flex-end;
  8641. }
  8642. .hbox.center,
  8643. .vbox.center,
  8644. .center {
  8645. /* Old browsers */
  8646. -webkit-box-pack: center;
  8647. -moz-box-pack: center;
  8648. box-pack: center;
  8649. /* Modern browsers */
  8650. justify-content: center;
  8651. }
  8652. .hbox.baseline,
  8653. .vbox.baseline,
  8654. .baseline {
  8655. /* Old browsers */
  8656. -webkit-box-pack: baseline;
  8657. -moz-box-pack: baseline;
  8658. box-pack: baseline;
  8659. /* Modern browsers */
  8660. justify-content: baseline;
  8661. }
  8662. .hbox.stretch,
  8663. .vbox.stretch,
  8664. .stretch {
  8665. /* Old browsers */
  8666. -webkit-box-pack: stretch;
  8667. -moz-box-pack: stretch;
  8668. box-pack: stretch;
  8669. /* Modern browsers */
  8670. justify-content: stretch;
  8671. }
  8672. .hbox.align-start,
  8673. .vbox.align-start,
  8674. .align-start {
  8675. /* Old browsers */
  8676. -webkit-box-align: start;
  8677. -moz-box-align: start;
  8678. box-align: start;
  8679. /* Modern browsers */
  8680. align-items: flex-start;
  8681. }
  8682. .hbox.align-end,
  8683. .vbox.align-end,
  8684. .align-end {
  8685. /* Old browsers */
  8686. -webkit-box-align: end;
  8687. -moz-box-align: end;
  8688. box-align: end;
  8689. /* Modern browsers */
  8690. align-items: flex-end;
  8691. }
  8692. .hbox.align-center,
  8693. .vbox.align-center,
  8694. .align-center {
  8695. /* Old browsers */
  8696. -webkit-box-align: center;
  8697. -moz-box-align: center;
  8698. box-align: center;
  8699. /* Modern browsers */
  8700. align-items: center;
  8701. }
  8702. .hbox.align-baseline,
  8703. .vbox.align-baseline,
  8704. .align-baseline {
  8705. /* Old browsers */
  8706. -webkit-box-align: baseline;
  8707. -moz-box-align: baseline;
  8708. box-align: baseline;
  8709. /* Modern browsers */
  8710. align-items: baseline;
  8711. }
  8712. .hbox.align-stretch,
  8713. .vbox.align-stretch,
  8714. .align-stretch {
  8715. /* Old browsers */
  8716. -webkit-box-align: stretch;
  8717. -moz-box-align: stretch;
  8718. box-align: stretch;
  8719. /* Modern browsers */
  8720. align-items: stretch;
  8721. }
  8722. div.error {
  8723. margin: 2em;
  8724. text-align: center;
  8725. }
  8726. div.error > h1 {
  8727. font-size: 500%;
  8728. line-height: normal;
  8729. }
  8730. div.error > p {
  8731. font-size: 200%;
  8732. line-height: normal;
  8733. }
  8734. div.traceback-wrapper {
  8735. text-align: left;
  8736. max-width: 800px;
  8737. margin: auto;
  8738. }
  8739. /**
  8740. * Primary styles
  8741. *
  8742. * Author: Jupyter Development Team
  8743. */
  8744. body {
  8745. background-color: #fff;
  8746. /* This makes sure that the body covers the entire window and needs to
  8747. be in a different element than the display: box in wrapper below */
  8748. position: absolute;
  8749. left: 0px;
  8750. right: 0px;
  8751. top: 0px;
  8752. bottom: 0px;
  8753. overflow: visible;
  8754. }
  8755. body > #header {
  8756. /* Initially hidden to prevent FLOUC */
  8757. display: none;
  8758. background-color: #fff;
  8759. /* Display over codemirror */
  8760. position: relative;
  8761. z-index: 100;
  8762. }
  8763. body > #header #header-container {
  8764. padding-bottom: 5px;
  8765. padding-top: 5px;
  8766. box-sizing: border-box;
  8767. -moz-box-sizing: border-box;
  8768. -webkit-box-sizing: border-box;
  8769. }
  8770. body > #header .header-bar {
  8771. width: 100%;
  8772. height: 1px;
  8773. background: #e7e7e7;
  8774. margin-bottom: -1px;
  8775. }
  8776. @media print {
  8777. body > #header {
  8778. display: none !important;
  8779. }
  8780. }
  8781. #header-spacer {
  8782. width: 100%;
  8783. visibility: hidden;
  8784. }
  8785. @media print {
  8786. #header-spacer {
  8787. display: none;
  8788. }
  8789. }
  8790. #ipython_notebook {
  8791. padding-left: 0px;
  8792. padding-top: 1px;
  8793. padding-bottom: 1px;
  8794. }
  8795. @media (max-width: 991px) {
  8796. #ipython_notebook {
  8797. margin-left: 10px;
  8798. }
  8799. }
  8800. [dir="rtl"] #ipython_notebook {
  8801. float: right !important;
  8802. }
  8803. #noscript {
  8804. width: auto;
  8805. padding-top: 16px;
  8806. padding-bottom: 16px;
  8807. text-align: center;
  8808. font-size: 22px;
  8809. color: red;
  8810. font-weight: bold;
  8811. }
  8812. #ipython_notebook img {
  8813. height: 28px;
  8814. }
  8815. #site {
  8816. width: 100%;
  8817. display: none;
  8818. box-sizing: border-box;
  8819. -moz-box-sizing: border-box;
  8820. -webkit-box-sizing: border-box;
  8821. overflow: auto;
  8822. }
  8823. @media print {
  8824. #site {
  8825. height: auto !important;
  8826. }
  8827. }
  8828. /* Smaller buttons */
  8829. .ui-button .ui-button-text {
  8830. padding: 0.2em 0.8em;
  8831. font-size: 77%;
  8832. }
  8833. input.ui-button {
  8834. padding: 0.3em 0.9em;
  8835. }
  8836. span#login_widget {
  8837. float: right;
  8838. }
  8839. span#login_widget > .button,
  8840. #logout {
  8841. color: #333;
  8842. background-color: #fff;
  8843. border-color: #ccc;
  8844. }
  8845. span#login_widget > .button:focus,
  8846. #logout:focus,
  8847. span#login_widget > .button.focus,
  8848. #logout.focus {
  8849. color: #333;
  8850. background-color: #e6e6e6;
  8851. border-color: #8c8c8c;
  8852. }
  8853. span#login_widget > .button:hover,
  8854. #logout:hover {
  8855. color: #333;
  8856. background-color: #e6e6e6;
  8857. border-color: #adadad;
  8858. }
  8859. span#login_widget > .button:active,
  8860. #logout:active,
  8861. span#login_widget > .button.active,
  8862. #logout.active,
  8863. .open > .dropdown-togglespan#login_widget > .button,
  8864. .open > .dropdown-toggle#logout {
  8865. color: #333;
  8866. background-color: #e6e6e6;
  8867. border-color: #adadad;
  8868. }
  8869. span#login_widget > .button:active:hover,
  8870. #logout:active:hover,
  8871. span#login_widget > .button.active:hover,
  8872. #logout.active:hover,
  8873. .open > .dropdown-togglespan#login_widget > .button:hover,
  8874. .open > .dropdown-toggle#logout:hover,
  8875. span#login_widget > .button:active:focus,
  8876. #logout:active:focus,
  8877. span#login_widget > .button.active:focus,
  8878. #logout.active:focus,
  8879. .open > .dropdown-togglespan#login_widget > .button:focus,
  8880. .open > .dropdown-toggle#logout:focus,
  8881. span#login_widget > .button:active.focus,
  8882. #logout:active.focus,
  8883. span#login_widget > .button.active.focus,
  8884. #logout.active.focus,
  8885. .open > .dropdown-togglespan#login_widget > .button.focus,
  8886. .open > .dropdown-toggle#logout.focus {
  8887. color: #333;
  8888. background-color: #d4d4d4;
  8889. border-color: #8c8c8c;
  8890. }
  8891. span#login_widget > .button:active,
  8892. #logout:active,
  8893. span#login_widget > .button.active,
  8894. #logout.active,
  8895. .open > .dropdown-togglespan#login_widget > .button,
  8896. .open > .dropdown-toggle#logout {
  8897. background-image: none;
  8898. }
  8899. span#login_widget > .button.disabled:hover,
  8900. #logout.disabled:hover,
  8901. span#login_widget > .button[disabled]:hover,
  8902. #logout[disabled]:hover,
  8903. fieldset[disabled] span#login_widget > .button:hover,
  8904. fieldset[disabled] #logout:hover,
  8905. span#login_widget > .button.disabled:focus,
  8906. #logout.disabled:focus,
  8907. span#login_widget > .button[disabled]:focus,
  8908. #logout[disabled]:focus,
  8909. fieldset[disabled] span#login_widget > .button:focus,
  8910. fieldset[disabled] #logout:focus,
  8911. span#login_widget > .button.disabled.focus,
  8912. #logout.disabled.focus,
  8913. span#login_widget > .button[disabled].focus,
  8914. #logout[disabled].focus,
  8915. fieldset[disabled] span#login_widget > .button.focus,
  8916. fieldset[disabled] #logout.focus {
  8917. background-color: #fff;
  8918. border-color: #ccc;
  8919. }
  8920. span#login_widget > .button .badge,
  8921. #logout .badge {
  8922. color: #fff;
  8923. background-color: #333;
  8924. }
  8925. .nav-header {
  8926. text-transform: none;
  8927. }
  8928. #header > span {
  8929. margin-top: 10px;
  8930. }
  8931. .modal_stretch .modal-dialog {
  8932. /* Old browsers */
  8933. display: -webkit-box;
  8934. -webkit-box-orient: vertical;
  8935. -webkit-box-align: stretch;
  8936. display: -moz-box;
  8937. -moz-box-orient: vertical;
  8938. -moz-box-align: stretch;
  8939. display: box;
  8940. box-orient: vertical;
  8941. box-align: stretch;
  8942. /* Modern browsers */
  8943. display: flex;
  8944. flex-direction: column;
  8945. align-items: stretch;
  8946. min-height: 80vh;
  8947. }
  8948. .modal_stretch .modal-dialog .modal-body {
  8949. max-height: calc(100vh - 200px);
  8950. overflow: auto;
  8951. flex: 1;
  8952. }
  8953. @media (min-width: 768px) {
  8954. .modal .modal-dialog {
  8955. width: 700px;
  8956. }
  8957. }
  8958. @media (min-width: 768px) {
  8959. select.form-control {
  8960. margin-left: 12px;
  8961. margin-right: 12px;
  8962. }
  8963. }
  8964. /*!
  8965. *
  8966. * IPython auth
  8967. *
  8968. */
  8969. .center-nav {
  8970. display: inline-block;
  8971. margin-bottom: -4px;
  8972. }
  8973. /*!
  8974. *
  8975. * IPython tree view
  8976. *
  8977. */
  8978. /* We need an invisible input field on top of the sentense*/
  8979. /* "Drag file onto the list ..." */
  8980. .alternate_upload {
  8981. background-color: none;
  8982. display: inline;
  8983. }
  8984. .alternate_upload.form {
  8985. padding: 0;
  8986. margin: 0;
  8987. }
  8988. .alternate_upload input.fileinput {
  8989. text-align: center;
  8990. vertical-align: middle;
  8991. display: inline;
  8992. opacity: 0;
  8993. z-index: 2;
  8994. width: 12ex;
  8995. margin-right: -12ex;
  8996. }
  8997. .alternate_upload .btn-upload {
  8998. height: 22px;
  8999. }
  9000. /**
  9001. * Primary styles
  9002. *
  9003. * Author: Jupyter Development Team
  9004. */
  9005. [dir="rtl"] #tabs li {
  9006. float: right;
  9007. }
  9008. ul#tabs {
  9009. margin-bottom: 4px;
  9010. }
  9011. [dir="rtl"] ul#tabs {
  9012. margin-right: 0px;
  9013. }
  9014. ul#tabs a {
  9015. padding-top: 6px;
  9016. padding-bottom: 4px;
  9017. }
  9018. ul.breadcrumb a:focus,
  9019. ul.breadcrumb a:hover {
  9020. text-decoration: none;
  9021. }
  9022. ul.breadcrumb i.icon-home {
  9023. font-size: 16px;
  9024. margin-right: 4px;
  9025. }
  9026. ul.breadcrumb span {
  9027. color: #5e5e5e;
  9028. }
  9029. .list_toolbar {
  9030. padding: 4px 0 4px 0;
  9031. vertical-align: middle;
  9032. }
  9033. .list_toolbar .tree-buttons {
  9034. padding-top: 1px;
  9035. }
  9036. [dir="rtl"] .list_toolbar .tree-buttons {
  9037. float: left !important;
  9038. }
  9039. [dir="rtl"] .list_toolbar .pull-right {
  9040. padding-top: 1px;
  9041. float: left !important;
  9042. }
  9043. [dir="rtl"] .list_toolbar .pull-left {
  9044. float: right !important;
  9045. }
  9046. .dynamic-buttons {
  9047. padding-top: 3px;
  9048. display: inline-block;
  9049. }
  9050. .list_toolbar [class*="span"] {
  9051. min-height: 24px;
  9052. }
  9053. .list_header {
  9054. font-weight: bold;
  9055. background-color: #EEE;
  9056. }
  9057. .list_placeholder {
  9058. font-weight: bold;
  9059. padding-top: 4px;
  9060. padding-bottom: 4px;
  9061. padding-left: 7px;
  9062. padding-right: 7px;
  9063. }
  9064. .list_container {
  9065. margin-top: 4px;
  9066. margin-bottom: 20px;
  9067. border: 1px solid #ddd;
  9068. border-radius: 2px;
  9069. }
  9070. .list_container > div {
  9071. border-bottom: 1px solid #ddd;
  9072. }
  9073. .list_container > div:hover .list-item {
  9074. background-color: red;
  9075. }
  9076. .list_container > div:last-child {
  9077. border: none;
  9078. }
  9079. .list_item:hover .list_item {
  9080. background-color: #ddd;
  9081. }
  9082. .list_item a {
  9083. text-decoration: none;
  9084. }
  9085. .list_item:hover {
  9086. background-color: #fafafa;
  9087. }
  9088. .list_header > div,
  9089. .list_item > div {
  9090. padding-top: 4px;
  9091. padding-bottom: 4px;
  9092. padding-left: 7px;
  9093. padding-right: 7px;
  9094. line-height: 22px;
  9095. }
  9096. .list_header > div input,
  9097. .list_item > div input {
  9098. margin-right: 7px;
  9099. margin-left: 14px;
  9100. vertical-align: baseline;
  9101. line-height: 22px;
  9102. position: relative;
  9103. top: -1px;
  9104. }
  9105. .list_header > div .item_link,
  9106. .list_item > div .item_link {
  9107. margin-left: -1px;
  9108. vertical-align: baseline;
  9109. line-height: 22px;
  9110. }
  9111. .new-file input[type=checkbox] {
  9112. visibility: hidden;
  9113. }
  9114. .item_name {
  9115. line-height: 22px;
  9116. height: 24px;
  9117. }
  9118. .item_icon {
  9119. font-size: 14px;
  9120. color: #5e5e5e;
  9121. margin-right: 7px;
  9122. margin-left: 7px;
  9123. line-height: 22px;
  9124. vertical-align: baseline;
  9125. }
  9126. .item_buttons {
  9127. line-height: 1em;
  9128. margin-left: -5px;
  9129. }
  9130. .item_buttons .btn,
  9131. .item_buttons .btn-group,
  9132. .item_buttons .input-group {
  9133. float: left;
  9134. }
  9135. .item_buttons > .btn,
  9136. .item_buttons > .btn-group,
  9137. .item_buttons > .input-group {
  9138. margin-left: 5px;
  9139. }
  9140. .item_buttons .btn {
  9141. min-width: 13ex;
  9142. }
  9143. .item_buttons .running-indicator {
  9144. padding-top: 4px;
  9145. color: #5cb85c;
  9146. }
  9147. .item_buttons .kernel-name {
  9148. padding-top: 4px;
  9149. color: #5bc0de;
  9150. margin-right: 7px;
  9151. float: left;
  9152. }
  9153. .toolbar_info {
  9154. height: 24px;
  9155. line-height: 24px;
  9156. }
  9157. .list_item input:not([type=checkbox]) {
  9158. padding-top: 3px;
  9159. padding-bottom: 3px;
  9160. height: 22px;
  9161. line-height: 14px;
  9162. margin: 0px;
  9163. }
  9164. .highlight_text {
  9165. color: blue;
  9166. }
  9167. #project_name {
  9168. display: inline-block;
  9169. padding-left: 7px;
  9170. margin-left: -2px;
  9171. }
  9172. #project_name > .breadcrumb {
  9173. padding: 0px;
  9174. margin-bottom: 0px;
  9175. background-color: transparent;
  9176. font-weight: bold;
  9177. }
  9178. #tree-selector {
  9179. padding-right: 0px;
  9180. }
  9181. [dir="rtl"] #tree-selector a {
  9182. float: right;
  9183. }
  9184. #button-select-all {
  9185. min-width: 50px;
  9186. }
  9187. #select-all {
  9188. margin-left: 7px;
  9189. margin-right: 2px;
  9190. }
  9191. .menu_icon {
  9192. margin-right: 2px;
  9193. }
  9194. .tab-content .row {
  9195. margin-left: 0px;
  9196. margin-right: 0px;
  9197. }
  9198. .folder_icon:before {
  9199. display: inline-block;
  9200. font: normal normal normal 14px/1 FontAwesome;
  9201. font-size: inherit;
  9202. text-rendering: auto;
  9203. -webkit-font-smoothing: antialiased;
  9204. -moz-osx-font-smoothing: grayscale;
  9205. content: "\f114";
  9206. }
  9207. .folder_icon:before.pull-left {
  9208. margin-right: .3em;
  9209. }
  9210. .folder_icon:before.pull-right {
  9211. margin-left: .3em;
  9212. }
  9213. .notebook_icon:before {
  9214. display: inline-block;
  9215. font: normal normal normal 14px/1 FontAwesome;
  9216. font-size: inherit;
  9217. text-rendering: auto;
  9218. -webkit-font-smoothing: antialiased;
  9219. -moz-osx-font-smoothing: grayscale;
  9220. content: "\f02d";
  9221. position: relative;
  9222. top: -1px;
  9223. }
  9224. .notebook_icon:before.pull-left {
  9225. margin-right: .3em;
  9226. }
  9227. .notebook_icon:before.pull-right {
  9228. margin-left: .3em;
  9229. }
  9230. .running_notebook_icon:before {
  9231. display: inline-block;
  9232. font: normal normal normal 14px/1 FontAwesome;
  9233. font-size: inherit;
  9234. text-rendering: auto;
  9235. -webkit-font-smoothing: antialiased;
  9236. -moz-osx-font-smoothing: grayscale;
  9237. content: "\f02d";
  9238. position: relative;
  9239. top: -1px;
  9240. color: #5cb85c;
  9241. }
  9242. .running_notebook_icon:before.pull-left {
  9243. margin-right: .3em;
  9244. }
  9245. .running_notebook_icon:before.pull-right {
  9246. margin-left: .3em;
  9247. }
  9248. .file_icon:before {
  9249. display: inline-block;
  9250. font: normal normal normal 14px/1 FontAwesome;
  9251. font-size: inherit;
  9252. text-rendering: auto;
  9253. -webkit-font-smoothing: antialiased;
  9254. -moz-osx-font-smoothing: grayscale;
  9255. content: "\f016";
  9256. position: relative;
  9257. top: -2px;
  9258. }
  9259. .file_icon:before.pull-left {
  9260. margin-right: .3em;
  9261. }
  9262. .file_icon:before.pull-right {
  9263. margin-left: .3em;
  9264. }
  9265. #notebook_toolbar .pull-right {
  9266. padding-top: 0px;
  9267. margin-right: -1px;
  9268. }
  9269. ul#new-menu {
  9270. left: auto;
  9271. right: 0;
  9272. }
  9273. [dir="rtl"] #new-menu {
  9274. text-align: right;
  9275. }
  9276. .kernel-menu-icon {
  9277. padding-right: 12px;
  9278. width: 24px;
  9279. content: "\f096";
  9280. }
  9281. .kernel-menu-icon:before {
  9282. content: "\f096";
  9283. }
  9284. .kernel-menu-icon-current:before {
  9285. content: "\f00c";
  9286. }
  9287. #tab_content {
  9288. padding-top: 20px;
  9289. }
  9290. #running .panel-group .panel {
  9291. margin-top: 3px;
  9292. margin-bottom: 1em;
  9293. }
  9294. #running .panel-group .panel .panel-heading {
  9295. background-color: #EEE;
  9296. padding-top: 4px;
  9297. padding-bottom: 4px;
  9298. padding-left: 7px;
  9299. padding-right: 7px;
  9300. line-height: 22px;
  9301. }
  9302. #running .panel-group .panel .panel-heading a:focus,
  9303. #running .panel-group .panel .panel-heading a:hover {
  9304. text-decoration: none;
  9305. }
  9306. #running .panel-group .panel .panel-body {
  9307. padding: 0px;
  9308. }
  9309. #running .panel-group .panel .panel-body .list_container {
  9310. margin-top: 0px;
  9311. margin-bottom: 0px;
  9312. border: 0px;
  9313. border-radius: 0px;
  9314. }
  9315. #running .panel-group .panel .panel-body .list_container .list_item {
  9316. border-bottom: 1px solid #ddd;
  9317. }
  9318. #running .panel-group .panel .panel-body .list_container .list_item:last-child {
  9319. border-bottom: 0px;
  9320. }
  9321. [dir="rtl"] #running .col-sm-8 {
  9322. float: right !important;
  9323. }
  9324. .delete-button {
  9325. display: none;
  9326. }
  9327. .duplicate-button {
  9328. display: none;
  9329. }
  9330. .rename-button {
  9331. display: none;
  9332. }
  9333. .shutdown-button {
  9334. display: none;
  9335. }
  9336. .dynamic-instructions {
  9337. display: inline-block;
  9338. padding-top: 4px;
  9339. }
  9340. /*!
  9341. *
  9342. * IPython text editor webapp
  9343. *
  9344. */
  9345. .selected-keymap i.fa {
  9346. padding: 0px 5px;
  9347. }
  9348. .selected-keymap i.fa:before {
  9349. content: "\f00c";
  9350. }
  9351. #mode-menu {
  9352. overflow: auto;
  9353. max-height: 20em;
  9354. }
  9355. .edit_app #header {
  9356. -webkit-box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
  9357. box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
  9358. }
  9359. .edit_app #menubar .navbar {
  9360. /* Use a negative 1 bottom margin, so the border overlaps the border of the
  9361. header */
  9362. margin-bottom: -1px;
  9363. }
  9364. .dirty-indicator {
  9365. display: inline-block;
  9366. font: normal normal normal 14px/1 FontAwesome;
  9367. font-size: inherit;
  9368. text-rendering: auto;
  9369. -webkit-font-smoothing: antialiased;
  9370. -moz-osx-font-smoothing: grayscale;
  9371. width: 20px;
  9372. }
  9373. .dirty-indicator.pull-left {
  9374. margin-right: .3em;
  9375. }
  9376. .dirty-indicator.pull-right {
  9377. margin-left: .3em;
  9378. }
  9379. .dirty-indicator-dirty {
  9380. display: inline-block;
  9381. font: normal normal normal 14px/1 FontAwesome;
  9382. font-size: inherit;
  9383. text-rendering: auto;
  9384. -webkit-font-smoothing: antialiased;
  9385. -moz-osx-font-smoothing: grayscale;
  9386. width: 20px;
  9387. }
  9388. .dirty-indicator-dirty.pull-left {
  9389. margin-right: .3em;
  9390. }
  9391. .dirty-indicator-dirty.pull-right {
  9392. margin-left: .3em;
  9393. }
  9394. .dirty-indicator-clean {
  9395. display: inline-block;
  9396. font: normal normal normal 14px/1 FontAwesome;
  9397. font-size: inherit;
  9398. text-rendering: auto;
  9399. -webkit-font-smoothing: antialiased;
  9400. -moz-osx-font-smoothing: grayscale;
  9401. width: 20px;
  9402. }
  9403. .dirty-indicator-clean.pull-left {
  9404. margin-right: .3em;
  9405. }
  9406. .dirty-indicator-clean.pull-right {
  9407. margin-left: .3em;
  9408. }
  9409. .dirty-indicator-clean:before {
  9410. display: inline-block;
  9411. font: normal normal normal 14px/1 FontAwesome;
  9412. font-size: inherit;
  9413. text-rendering: auto;
  9414. -webkit-font-smoothing: antialiased;
  9415. -moz-osx-font-smoothing: grayscale;
  9416. content: "\f00c";
  9417. }
  9418. .dirty-indicator-clean:before.pull-left {
  9419. margin-right: .3em;
  9420. }
  9421. .dirty-indicator-clean:before.pull-right {
  9422. margin-left: .3em;
  9423. }
  9424. #filename {
  9425. font-size: 16pt;
  9426. display: table;
  9427. padding: 0px 5px;
  9428. }
  9429. #current-mode {
  9430. padding-left: 5px;
  9431. padding-right: 5px;
  9432. }
  9433. #texteditor-backdrop {
  9434. padding-top: 20px;
  9435. padding-bottom: 20px;
  9436. }
  9437. @media not print {
  9438. #texteditor-backdrop {
  9439. background-color: #EEE;
  9440. }
  9441. }
  9442. @media print {
  9443. #texteditor-backdrop #texteditor-container .CodeMirror-gutter,
  9444. #texteditor-backdrop #texteditor-container .CodeMirror-gutters {
  9445. background-color: #fff;
  9446. }
  9447. }
  9448. @media not print {
  9449. #texteditor-backdrop #texteditor-container .CodeMirror-gutter,
  9450. #texteditor-backdrop #texteditor-container .CodeMirror-gutters {
  9451. background-color: #fff;
  9452. }
  9453. }
  9454. @media not print {
  9455. #texteditor-backdrop #texteditor-container {
  9456. padding: 0px;
  9457. background-color: #fff;
  9458. -webkit-box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
  9459. box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
  9460. }
  9461. }
  9462. /*!
  9463. *
  9464. * IPython notebook
  9465. *
  9466. */
  9467. /* CSS font colors for translated ANSI colors. */
  9468. .ansibold {
  9469. font-weight: bold;
  9470. }
  9471. /* use dark versions for foreground, to improve visibility */
  9472. .ansiblack {
  9473. color: black;
  9474. }
  9475. .ansired {
  9476. color: darkred;
  9477. }
  9478. .ansigreen {
  9479. color: darkgreen;
  9480. }
  9481. .ansiyellow {
  9482. color: #c4a000;
  9483. }
  9484. .ansiblue {
  9485. color: darkblue;
  9486. }
  9487. .ansipurple {
  9488. color: darkviolet;
  9489. }
  9490. .ansicyan {
  9491. color: steelblue;
  9492. }
  9493. .ansigray {
  9494. color: gray;
  9495. }
  9496. /* and light for background, for the same reason */
  9497. .ansibgblack {
  9498. background-color: black;
  9499. }
  9500. .ansibgred {
  9501. background-color: red;
  9502. }
  9503. .ansibggreen {
  9504. background-color: green;
  9505. }
  9506. .ansibgyellow {
  9507. background-color: yellow;
  9508. }
  9509. .ansibgblue {
  9510. background-color: blue;
  9511. }
  9512. .ansibgpurple {
  9513. background-color: magenta;
  9514. }
  9515. .ansibgcyan {
  9516. background-color: cyan;
  9517. }
  9518. .ansibggray {
  9519. background-color: gray;
  9520. }
  9521. div.cell {
  9522. /* Old browsers */
  9523. display: -webkit-box;
  9524. -webkit-box-orient: vertical;
  9525. -webkit-box-align: stretch;
  9526. display: -moz-box;
  9527. -moz-box-orient: vertical;
  9528. -moz-box-align: stretch;
  9529. display: box;
  9530. box-orient: vertical;
  9531. box-align: stretch;
  9532. /* Modern browsers */
  9533. display: flex;
  9534. flex-direction: column;
  9535. align-items: stretch;
  9536. border-radius: 2px;
  9537. box-sizing: border-box;
  9538. -moz-box-sizing: border-box;
  9539. -webkit-box-sizing: border-box;
  9540. border-width: 1px;
  9541. border-style: solid;
  9542. border-color: transparent;
  9543. width: 100%;
  9544. padding: 5px;
  9545. /* This acts as a spacer between cells, that is outside the border */
  9546. margin: 0px;
  9547. outline: none;
  9548. border-left-width: 1px;
  9549. padding-left: 5px;
  9550. background: linear-gradient(to right, transparent -40px, transparent 1px, transparent 1px, transparent 100%);
  9551. }
  9552. div.cell.jupyter-soft-selected {
  9553. border-left-color: #90CAF9;
  9554. border-left-color: #E3F2FD;
  9555. border-left-width: 1px;
  9556. padding-left: 5px;
  9557. border-right-color: #E3F2FD;
  9558. border-right-width: 1px;
  9559. background: #E3F2FD;
  9560. }
  9561. @media print {
  9562. div.cell.jupyter-soft-selected {
  9563. border-color: transparent;
  9564. }
  9565. }
  9566. div.cell.selected {
  9567. border-color: #ababab;
  9568. border-left-width: 0px;
  9569. padding-left: 6px;
  9570. background: linear-gradient(to right, #42A5F5 -40px, #42A5F5 5px, transparent 5px, transparent 100%);
  9571. }
  9572. @media print {
  9573. div.cell.selected {
  9574. border-color: transparent;
  9575. }
  9576. }
  9577. div.cell.selected.jupyter-soft-selected {
  9578. border-left-width: 0;
  9579. padding-left: 6px;
  9580. background: linear-gradient(to right, #42A5F5 -40px, #42A5F5 7px, #E3F2FD 7px, #E3F2FD 100%);
  9581. }
  9582. .edit_mode div.cell.selected {
  9583. border-color: #66BB6A;
  9584. border-left-width: 0px;
  9585. padding-left: 6px;
  9586. background: linear-gradient(to right, #66BB6A -40px, #66BB6A 5px, transparent 5px, transparent 100%);
  9587. }
  9588. @media print {
  9589. .edit_mode div.cell.selected {
  9590. border-color: transparent;
  9591. }
  9592. }
  9593. .prompt {
  9594. /* This needs to be wide enough for 3 digit prompt numbers: In[100]: */
  9595. min-width: 14ex;
  9596. /* This padding is tuned to match the padding on the CodeMirror editor. */
  9597. padding: 0.4em;
  9598. margin: 0px;
  9599. font-family: monospace;
  9600. text-align: right;
  9601. /* This has to match that of the the CodeMirror class line-height below */
  9602. line-height: 1.21429em;
  9603. /* Don't highlight prompt number selection */
  9604. -webkit-touch-callout: none;
  9605. -webkit-user-select: none;
  9606. -khtml-user-select: none;
  9607. -moz-user-select: none;
  9608. -ms-user-select: none;
  9609. user-select: none;
  9610. /* Use default cursor */
  9611. cursor: default;
  9612. }
  9613. @media (max-width: 540px) {
  9614. .prompt {
  9615. text-align: left;
  9616. }
  9617. }
  9618. div.inner_cell {
  9619. min-width: 0;
  9620. /* Old browsers */
  9621. display: -webkit-box;
  9622. -webkit-box-orient: vertical;
  9623. -webkit-box-align: stretch;
  9624. display: -moz-box;
  9625. -moz-box-orient: vertical;
  9626. -moz-box-align: stretch;
  9627. display: box;
  9628. box-orient: vertical;
  9629. box-align: stretch;
  9630. /* Modern browsers */
  9631. display: flex;
  9632. flex-direction: column;
  9633. align-items: stretch;
  9634. /* Old browsers */
  9635. -webkit-box-flex: 1;
  9636. -moz-box-flex: 1;
  9637. box-flex: 1;
  9638. /* Modern browsers */
  9639. flex: 1;
  9640. }
  9641. /* input_area and input_prompt must match in top border and margin for alignment */
  9642. div.input_area {
  9643. border: 1px solid #cfcfcf;
  9644. border-radius: 2px;
  9645. background: #f7f7f7;
  9646. line-height: 1.21429em;
  9647. }
  9648. /* This is needed so that empty prompt areas can collapse to zero height when there
  9649. is no content in the output_subarea and the prompt. The main purpose of this is
  9650. to make sure that empty JavaScript output_subareas have no height. */
  9651. div.prompt:empty {
  9652. padding-top: 0;
  9653. padding-bottom: 0;
  9654. }
  9655. div.unrecognized_cell {
  9656. padding: 5px 5px 5px 0px;
  9657. /* Old browsers */
  9658. display: -webkit-box;
  9659. -webkit-box-orient: horizontal;
  9660. -webkit-box-align: stretch;
  9661. display: -moz-box;
  9662. -moz-box-orient: horizontal;
  9663. -moz-box-align: stretch;
  9664. display: box;
  9665. box-orient: horizontal;
  9666. box-align: stretch;
  9667. /* Modern browsers */
  9668. display: flex;
  9669. flex-direction: row;
  9670. align-items: stretch;
  9671. }
  9672. div.unrecognized_cell .inner_cell {
  9673. border-radius: 2px;
  9674. padding: 5px;
  9675. font-weight: bold;
  9676. color: red;
  9677. border: 1px solid #cfcfcf;
  9678. background: #eaeaea;
  9679. }
  9680. div.unrecognized_cell .inner_cell a {
  9681. color: inherit;
  9682. text-decoration: none;
  9683. }
  9684. div.unrecognized_cell .inner_cell a:hover {
  9685. color: inherit;
  9686. text-decoration: none;
  9687. }
  9688. @media (max-width: 540px) {
  9689. div.unrecognized_cell > div.prompt {
  9690. display: none;
  9691. }
  9692. }
  9693. div.code_cell {
  9694. /* avoid page breaking on code cells when printing */
  9695. }
  9696. @media print {
  9697. div.code_cell {
  9698. page-break-inside: avoid;
  9699. }
  9700. }
  9701. /* any special styling for code cells that are currently running goes here */
  9702. div.input {
  9703. page-break-inside: avoid;
  9704. /* Old browsers */
  9705. display: -webkit-box;
  9706. -webkit-box-orient: horizontal;
  9707. -webkit-box-align: stretch;
  9708. display: -moz-box;
  9709. -moz-box-orient: horizontal;
  9710. -moz-box-align: stretch;
  9711. display: box;
  9712. box-orient: horizontal;
  9713. box-align: stretch;
  9714. /* Modern browsers */
  9715. display: flex;
  9716. flex-direction: row;
  9717. align-items: stretch;
  9718. }
  9719. @media (max-width: 540px) {
  9720. div.input {
  9721. /* Old browsers */
  9722. display: -webkit-box;
  9723. -webkit-box-orient: vertical;
  9724. -webkit-box-align: stretch;
  9725. display: -moz-box;
  9726. -moz-box-orient: vertical;
  9727. -moz-box-align: stretch;
  9728. display: box;
  9729. box-orient: vertical;
  9730. box-align: stretch;
  9731. /* Modern browsers */
  9732. display: flex;
  9733. flex-direction: column;
  9734. align-items: stretch;
  9735. }
  9736. }
  9737. /* input_area and input_prompt must match in top border and margin for alignment */
  9738. div.input_prompt {
  9739. color: #303F9F;
  9740. border-top: 1px solid transparent;
  9741. }
  9742. div.input_area > div.highlight {
  9743. margin: 0.4em;
  9744. border: none;
  9745. padding: 0px;
  9746. background-color: transparent;
  9747. }
  9748. div.input_area > div.highlight > pre {
  9749. margin: 0px;
  9750. border: none;
  9751. padding: 0px;
  9752. background-color: transparent;
  9753. }
  9754. /* The following gets added to the <head> if it is detected that the user has a
  9755. * monospace font with inconsistent normal/bold/italic height. See
  9756. * notebookmain.js. Such fonts will have keywords vertically offset with
  9757. * respect to the rest of the text. The user should select a better font.
  9758. * See: https://github.com/ipython/ipython/issues/1503
  9759. *
  9760. * .CodeMirror span {
  9761. * vertical-align: bottom;
  9762. * }
  9763. */
  9764. .CodeMirror {
  9765. line-height: 1.21429em;
  9766. /* Changed from 1em to our global default */
  9767. font-size: 14px;
  9768. height: auto;
  9769. /* Changed to auto to autogrow */
  9770. background: none;
  9771. /* Changed from white to allow our bg to show through */
  9772. }
  9773. .CodeMirror-scroll {
  9774. /* The CodeMirror docs are a bit fuzzy on if overflow-y should be hidden or visible.*/
  9775. /* We have found that if it is visible, vertical scrollbars appear with font size changes.*/
  9776. overflow-y: hidden;
  9777. overflow-x: auto;
  9778. }
  9779. .CodeMirror-lines {
  9780. /* In CM2, this used to be 0.4em, but in CM3 it went to 4px. We need the em value because */
  9781. /* we have set a different line-height and want this to scale with that. */
  9782. padding: 0.4em;
  9783. }
  9784. .CodeMirror-linenumber {
  9785. padding: 0 8px 0 4px;
  9786. }
  9787. .CodeMirror-gutters {
  9788. border-bottom-left-radius: 2px;
  9789. border-top-left-radius: 2px;
  9790. }
  9791. .CodeMirror pre {
  9792. /* In CM3 this went to 4px from 0 in CM2. We need the 0 value because of how we size */
  9793. /* .CodeMirror-lines */
  9794. padding: 0;
  9795. border: 0;
  9796. border-radius: 0;
  9797. }
  9798. /*
  9799. Original style from softwaremaniacs.org (c) Ivan Sagalaev <Maniac@SoftwareManiacs.Org>
  9800. Adapted from GitHub theme
  9801. */
  9802. .highlight-base {
  9803. color: #000;
  9804. }
  9805. .highlight-variable {
  9806. color: #000;
  9807. }
  9808. .highlight-variable-2 {
  9809. color: #1a1a1a;
  9810. }
  9811. .highlight-variable-3 {
  9812. color: #333333;
  9813. }
  9814. .highlight-string {
  9815. color: #BA2121;
  9816. }
  9817. .highlight-comment {
  9818. color: #408080;
  9819. font-style: italic;
  9820. }
  9821. .highlight-number {
  9822. color: #080;
  9823. }
  9824. .highlight-atom {
  9825. color: #88F;
  9826. }
  9827. .highlight-keyword {
  9828. color: #008000;
  9829. font-weight: bold;
  9830. }
  9831. .highlight-builtin {
  9832. color: #008000;
  9833. }
  9834. .highlight-error {
  9835. color: #f00;
  9836. }
  9837. .highlight-operator {
  9838. color: #AA22FF;
  9839. font-weight: bold;
  9840. }
  9841. .highlight-meta {
  9842. color: #AA22FF;
  9843. }
  9844. /* previously not defined, copying from default codemirror */
  9845. .highlight-def {
  9846. color: #00f;
  9847. }
  9848. .highlight-string-2 {
  9849. color: #f50;
  9850. }
  9851. .highlight-qualifier {
  9852. color: #555;
  9853. }
  9854. .highlight-bracket {
  9855. color: #997;
  9856. }
  9857. .highlight-tag {
  9858. color: #170;
  9859. }
  9860. .highlight-attribute {
  9861. color: #00c;
  9862. }
  9863. .highlight-header {
  9864. color: blue;
  9865. }
  9866. .highlight-quote {
  9867. color: #090;
  9868. }
  9869. .highlight-link {
  9870. color: #00c;
  9871. }
  9872. /* apply the same style to codemirror */
  9873. .cm-s-ipython span.cm-keyword {
  9874. color: #008000;
  9875. font-weight: bold;
  9876. }
  9877. .cm-s-ipython span.cm-atom {
  9878. color: #88F;
  9879. }
  9880. .cm-s-ipython span.cm-number {
  9881. color: #080;
  9882. }
  9883. .cm-s-ipython span.cm-def {
  9884. color: #00f;
  9885. }
  9886. .cm-s-ipython span.cm-variable {
  9887. color: #000;
  9888. }
  9889. .cm-s-ipython span.cm-operator {
  9890. color: #AA22FF;
  9891. font-weight: bold;
  9892. }
  9893. .cm-s-ipython span.cm-variable-2 {
  9894. color: #1a1a1a;
  9895. }
  9896. .cm-s-ipython span.cm-variable-3 {
  9897. color: #333333;
  9898. }
  9899. .cm-s-ipython span.cm-comment {
  9900. color: #408080;
  9901. font-style: italic;
  9902. }
  9903. .cm-s-ipython span.cm-string {
  9904. color: #BA2121;
  9905. }
  9906. .cm-s-ipython span.cm-string-2 {
  9907. color: #f50;
  9908. }
  9909. .cm-s-ipython span.cm-meta {
  9910. color: #AA22FF;
  9911. }
  9912. .cm-s-ipython span.cm-qualifier {
  9913. color: #555;
  9914. }
  9915. .cm-s-ipython span.cm-builtin {
  9916. color: #008000;
  9917. }
  9918. .cm-s-ipython span.cm-bracket {
  9919. color: #997;
  9920. }
  9921. .cm-s-ipython span.cm-tag {
  9922. color: #170;
  9923. }
  9924. .cm-s-ipython span.cm-attribute {
  9925. color: #00c;
  9926. }
  9927. .cm-s-ipython span.cm-header {
  9928. color: blue;
  9929. }
  9930. .cm-s-ipython span.cm-quote {
  9931. color: #090;
  9932. }
  9933. .cm-s-ipython span.cm-link {
  9934. color: #00c;
  9935. }
  9936. .cm-s-ipython span.cm-error {
  9937. color: #f00;
  9938. }
  9939. .cm-s-ipython span.cm-tab {
  9940. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAMCAYAAAAkuj5RAAAAAXNSR0IArs4c6QAAAGFJREFUSMft1LsRQFAQheHPowAKoACx3IgEKtaEHujDjORSgWTH/ZOdnZOcM/sgk/kFFWY0qV8foQwS4MKBCS3qR6ixBJvElOobYAtivseIE120FaowJPN75GMu8j/LfMwNjh4HUpwg4LUAAAAASUVORK5CYII=);
  9941. background-position: right;
  9942. background-repeat: no-repeat;
  9943. }
  9944. div.output_wrapper {
  9945. /* this position must be relative to enable descendents to be absolute within it */
  9946. position: relative;
  9947. /* Old browsers */
  9948. display: -webkit-box;
  9949. -webkit-box-orient: vertical;
  9950. -webkit-box-align: stretch;
  9951. display: -moz-box;
  9952. -moz-box-orient: vertical;
  9953. -moz-box-align: stretch;
  9954. display: box;
  9955. box-orient: vertical;
  9956. box-align: stretch;
  9957. /* Modern browsers */
  9958. display: flex;
  9959. flex-direction: column;
  9960. align-items: stretch;
  9961. z-index: 1;
  9962. }
  9963. /* class for the output area when it should be height-limited */
  9964. div.output_scroll {
  9965. /* ideally, this would be max-height, but FF barfs all over that */
  9966. height: 24em;
  9967. /* FF needs this *and the wrapper* to specify full width, or it will shrinkwrap */
  9968. width: 100%;
  9969. overflow: auto;
  9970. border-radius: 2px;
  9971. -webkit-box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.8);
  9972. box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.8);
  9973. display: block;
  9974. }
  9975. /* output div while it is collapsed */
  9976. div.output_collapsed {
  9977. margin: 0px;
  9978. padding: 0px;
  9979. /* Old browsers */
  9980. display: -webkit-box;
  9981. -webkit-box-orient: vertical;
  9982. -webkit-box-align: stretch;
  9983. display: -moz-box;
  9984. -moz-box-orient: vertical;
  9985. -moz-box-align: stretch;
  9986. display: box;
  9987. box-orient: vertical;
  9988. box-align: stretch;
  9989. /* Modern browsers */
  9990. display: flex;
  9991. flex-direction: column;
  9992. align-items: stretch;
  9993. }
  9994. div.out_prompt_overlay {
  9995. height: 100%;
  9996. padding: 0px 0.4em;
  9997. position: absolute;
  9998. border-radius: 2px;
  9999. }
  10000. div.out_prompt_overlay:hover {
  10001. /* use inner shadow to get border that is computed the same on WebKit/FF */
  10002. -webkit-box-shadow: inset 0 0 1px #000;
  10003. box-shadow: inset 0 0 1px #000;
  10004. background: rgba(240, 240, 240, 0.5);
  10005. }
  10006. div.output_prompt {
  10007. color: #D84315;
  10008. }
  10009. /* This class is the outer container of all output sections. */
  10010. div.output_area {
  10011. padding: 0px;
  10012. page-break-inside: avoid;
  10013. /* Old browsers */
  10014. display: -webkit-box;
  10015. -webkit-box-orient: horizontal;
  10016. -webkit-box-align: stretch;
  10017. display: -moz-box;
  10018. -moz-box-orient: horizontal;
  10019. -moz-box-align: stretch;
  10020. display: box;
  10021. box-orient: horizontal;
  10022. box-align: stretch;
  10023. /* Modern browsers */
  10024. display: flex;
  10025. flex-direction: row;
  10026. align-items: stretch;
  10027. }
  10028. div.output_area .MathJax_Display {
  10029. text-align: left !important;
  10030. }
  10031. div.output_area .rendered_html table {
  10032. margin-left: 0;
  10033. margin-right: 0;
  10034. }
  10035. div.output_area .rendered_html img {
  10036. margin-left: 0;
  10037. margin-right: 0;
  10038. }
  10039. div.output_area img,
  10040. div.output_area svg {
  10041. max-width: 100%;
  10042. height: auto;
  10043. }
  10044. div.output_area img.unconfined,
  10045. div.output_area svg.unconfined {
  10046. max-width: none;
  10047. }
  10048. /* This is needed to protect the pre formating from global settings such
  10049. as that of bootstrap */
  10050. .output {
  10051. /* Old browsers */
  10052. display: -webkit-box;
  10053. -webkit-box-orient: vertical;
  10054. -webkit-box-align: stretch;
  10055. display: -moz-box;
  10056. -moz-box-orient: vertical;
  10057. -moz-box-align: stretch;
  10058. display: box;
  10059. box-orient: vertical;
  10060. box-align: stretch;
  10061. /* Modern browsers */
  10062. display: flex;
  10063. flex-direction: column;
  10064. align-items: stretch;
  10065. }
  10066. @media (max-width: 540px) {
  10067. div.output_area {
  10068. /* Old browsers */
  10069. display: -webkit-box;
  10070. -webkit-box-orient: vertical;
  10071. -webkit-box-align: stretch;
  10072. display: -moz-box;
  10073. -moz-box-orient: vertical;
  10074. -moz-box-align: stretch;
  10075. display: box;
  10076. box-orient: vertical;
  10077. box-align: stretch;
  10078. /* Modern browsers */
  10079. display: flex;
  10080. flex-direction: column;
  10081. align-items: stretch;
  10082. }
  10083. }
  10084. div.output_area pre {
  10085. margin: 0;
  10086. padding: 0;
  10087. border: 0;
  10088. vertical-align: baseline;
  10089. color: black;
  10090. background-color: transparent;
  10091. border-radius: 0;
  10092. }
  10093. /* This class is for the output subarea inside the output_area and after
  10094. the prompt div. */
  10095. div.output_subarea {
  10096. overflow-x: auto;
  10097. padding: 0.4em;
  10098. /* Old browsers */
  10099. -webkit-box-flex: 1;
  10100. -moz-box-flex: 1;
  10101. box-flex: 1;
  10102. /* Modern browsers */
  10103. flex: 1;
  10104. max-width: calc(100% - 14ex);
  10105. }
  10106. div.output_scroll div.output_subarea {
  10107. overflow-x: visible;
  10108. }
  10109. /* The rest of the output_* classes are for special styling of the different
  10110. output types */
  10111. /* all text output has this class: */
  10112. div.output_text {
  10113. text-align: left;
  10114. color: #000;
  10115. /* This has to match that of the the CodeMirror class line-height below */
  10116. line-height: 1.21429em;
  10117. }
  10118. /* stdout/stderr are 'text' as well as 'stream', but execute_result/error are *not* streams */
  10119. div.output_stderr {
  10120. background: #fdd;
  10121. /* very light red background for stderr */
  10122. }
  10123. div.output_latex {
  10124. text-align: left;
  10125. }
  10126. /* Empty output_javascript divs should have no height */
  10127. div.output_javascript:empty {
  10128. padding: 0;
  10129. }
  10130. .js-error {
  10131. color: darkred;
  10132. }
  10133. /* raw_input styles */
  10134. div.raw_input_container {
  10135. line-height: 1.21429em;
  10136. padding-top: 5px;
  10137. }
  10138. pre.raw_input_prompt {
  10139. /* nothing needed here. */
  10140. }
  10141. input.raw_input {
  10142. font-family: monospace;
  10143. font-size: inherit;
  10144. color: inherit;
  10145. width: auto;
  10146. /* make sure input baseline aligns with prompt */
  10147. vertical-align: baseline;
  10148. /* padding + margin = 0.5em between prompt and cursor */
  10149. padding: 0em 0.25em;
  10150. margin: 0em 0.25em;
  10151. }
  10152. input.raw_input:focus {
  10153. box-shadow: none;
  10154. }
  10155. p.p-space {
  10156. margin-bottom: 10px;
  10157. }
  10158. div.output_unrecognized {
  10159. padding: 5px;
  10160. font-weight: bold;
  10161. color: red;
  10162. }
  10163. div.output_unrecognized a {
  10164. color: inherit;
  10165. text-decoration: none;
  10166. }
  10167. div.output_unrecognized a:hover {
  10168. color: inherit;
  10169. text-decoration: none;
  10170. }
  10171. .rendered_html {
  10172. color: #000;
  10173. /* any extras will just be numbers: */
  10174. }
  10175. .rendered_html em {
  10176. font-style: italic;
  10177. }
  10178. .rendered_html strong {
  10179. font-weight: bold;
  10180. }
  10181. .rendered_html u {
  10182. text-decoration: underline;
  10183. }
  10184. .rendered_html :link {
  10185. text-decoration: underline;
  10186. }
  10187. .rendered_html :visited {
  10188. text-decoration: underline;
  10189. }
  10190. .rendered_html h1 {
  10191. font-size: 185.7%;
  10192. margin: 1.08em 0 0 0;
  10193. font-weight: bold;
  10194. line-height: 1.0;
  10195. }
  10196. .rendered_html h2 {
  10197. font-size: 157.1%;
  10198. margin: 1.27em 0 0 0;
  10199. font-weight: bold;
  10200. line-height: 1.0;
  10201. }
  10202. .rendered_html h3 {
  10203. font-size: 128.6%;
  10204. margin: 1.55em 0 0 0;
  10205. font-weight: bold;
  10206. line-height: 1.0;
  10207. }
  10208. .rendered_html h4 {
  10209. font-size: 100%;
  10210. margin: 2em 0 0 0;
  10211. font-weight: bold;
  10212. line-height: 1.0;
  10213. }
  10214. .rendered_html h5 {
  10215. font-size: 100%;
  10216. margin: 2em 0 0 0;
  10217. font-weight: bold;
  10218. line-height: 1.0;
  10219. font-style: italic;
  10220. }
  10221. .rendered_html h6 {
  10222. font-size: 100%;
  10223. margin: 2em 0 0 0;
  10224. font-weight: bold;
  10225. line-height: 1.0;
  10226. font-style: italic;
  10227. }
  10228. .rendered_html h1:first-child {
  10229. margin-top: 0.538em;
  10230. }
  10231. .rendered_html h2:first-child {
  10232. margin-top: 0.636em;
  10233. }
  10234. .rendered_html h3:first-child {
  10235. margin-top: 0.777em;
  10236. }
  10237. .rendered_html h4:first-child {
  10238. margin-top: 1em;
  10239. }
  10240. .rendered_html h5:first-child {
  10241. margin-top: 1em;
  10242. }
  10243. .rendered_html h6:first-child {
  10244. margin-top: 1em;
  10245. }
  10246. .rendered_html ul {
  10247. list-style: disc;
  10248. margin: 0em 2em;
  10249. padding-left: 0px;
  10250. }
  10251. .rendered_html ul ul {
  10252. list-style: square;
  10253. margin: 0em 2em;
  10254. }
  10255. .rendered_html ul ul ul {
  10256. list-style: circle;
  10257. margin: 0em 2em;
  10258. }
  10259. .rendered_html ol {
  10260. list-style: decimal;
  10261. margin: 0em 2em;
  10262. padding-left: 0px;
  10263. }
  10264. .rendered_html ol ol {
  10265. list-style: upper-alpha;
  10266. margin: 0em 2em;
  10267. }
  10268. .rendered_html ol ol ol {
  10269. list-style: lower-alpha;
  10270. margin: 0em 2em;
  10271. }
  10272. .rendered_html ol ol ol ol {
  10273. list-style: lower-roman;
  10274. margin: 0em 2em;
  10275. }
  10276. .rendered_html ol ol ol ol ol {
  10277. list-style: decimal;
  10278. margin: 0em 2em;
  10279. }
  10280. .rendered_html * + ul {
  10281. margin-top: 1em;
  10282. }
  10283. .rendered_html * + ol {
  10284. margin-top: 1em;
  10285. }
  10286. .rendered_html hr {
  10287. color: black;
  10288. background-color: black;
  10289. }
  10290. .rendered_html pre {
  10291. margin: 1em 2em;
  10292. }
  10293. .rendered_html pre,
  10294. .rendered_html code {
  10295. border: 0;
  10296. background-color: #fff;
  10297. color: #000;
  10298. font-size: 100%;
  10299. padding: 0px;
  10300. }
  10301. .rendered_html blockquote {
  10302. margin: 1em 2em;
  10303. }
  10304. .rendered_html table {
  10305. margin-left: auto;
  10306. margin-right: auto;
  10307. border: 1px solid black;
  10308. border-collapse: collapse;
  10309. }
  10310. .rendered_html tr,
  10311. .rendered_html th,
  10312. .rendered_html td {
  10313. border: 1px solid black;
  10314. border-collapse: collapse;
  10315. margin: 1em 2em;
  10316. }
  10317. .rendered_html td,
  10318. .rendered_html th {
  10319. text-align: left;
  10320. vertical-align: middle;
  10321. padding: 4px;
  10322. }
  10323. .rendered_html th {
  10324. font-weight: bold;
  10325. }
  10326. .rendered_html * + table {
  10327. margin-top: 1em;
  10328. }
  10329. .rendered_html p {
  10330. text-align: left;
  10331. }
  10332. .rendered_html * + p {
  10333. margin-top: 1em;
  10334. }
  10335. .rendered_html img {
  10336. display: block;
  10337. margin-left: auto;
  10338. margin-right: auto;
  10339. }
  10340. .rendered_html * + img {
  10341. margin-top: 1em;
  10342. }
  10343. .rendered_html img,
  10344. .rendered_html svg {
  10345. max-width: 100%;
  10346. height: auto;
  10347. }
  10348. .rendered_html img.unconfined,
  10349. .rendered_html svg.unconfined {
  10350. max-width: none;
  10351. }
  10352. div.text_cell {
  10353. /* Old browsers */
  10354. display: -webkit-box;
  10355. -webkit-box-orient: horizontal;
  10356. -webkit-box-align: stretch;
  10357. display: -moz-box;
  10358. -moz-box-orient: horizontal;
  10359. -moz-box-align: stretch;
  10360. display: box;
  10361. box-orient: horizontal;
  10362. box-align: stretch;
  10363. /* Modern browsers */
  10364. display: flex;
  10365. flex-direction: row;
  10366. align-items: stretch;
  10367. }
  10368. @media (max-width: 540px) {
  10369. div.text_cell > div.prompt {
  10370. display: none;
  10371. }
  10372. }
  10373. div.text_cell_render {
  10374. /*font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;*/
  10375. outline: none;
  10376. resize: none;
  10377. width: inherit;
  10378. border-style: none;
  10379. padding: 0.5em 0.5em 0.5em 0.4em;
  10380. color: #000;
  10381. box-sizing: border-box;
  10382. -moz-box-sizing: border-box;
  10383. -webkit-box-sizing: border-box;
  10384. }
  10385. a.anchor-link:link {
  10386. text-decoration: none;
  10387. padding: 0px 20px;
  10388. visibility: hidden;
  10389. }
  10390. h1:hover .anchor-link,
  10391. h2:hover .anchor-link,
  10392. h3:hover .anchor-link,
  10393. h4:hover .anchor-link,
  10394. h5:hover .anchor-link,
  10395. h6:hover .anchor-link {
  10396. visibility: visible;
  10397. }
  10398. .text_cell.rendered .input_area {
  10399. display: none;
  10400. }
  10401. .text_cell.rendered .rendered_html {
  10402. overflow-x: auto;
  10403. overflow-y: hidden;
  10404. }
  10405. .text_cell.unrendered .text_cell_render {
  10406. display: none;
  10407. }
  10408. .cm-header-1,
  10409. .cm-header-2,
  10410. .cm-header-3,
  10411. .cm-header-4,
  10412. .cm-header-5,
  10413. .cm-header-6 {
  10414. font-weight: bold;
  10415. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  10416. }
  10417. .cm-header-1 {
  10418. font-size: 185.7%;
  10419. }
  10420. .cm-header-2 {
  10421. font-size: 157.1%;
  10422. }
  10423. .cm-header-3 {
  10424. font-size: 128.6%;
  10425. }
  10426. .cm-header-4 {
  10427. font-size: 110%;
  10428. }
  10429. .cm-header-5 {
  10430. font-size: 100%;
  10431. font-style: italic;
  10432. }
  10433. .cm-header-6 {
  10434. font-size: 100%;
  10435. font-style: italic;
  10436. }
  10437. /*!
  10438. *
  10439. * IPython notebook webapp
  10440. *
  10441. */
  10442. @media (max-width: 767px) {
  10443. .notebook_app {
  10444. padding-left: 0px;
  10445. padding-right: 0px;
  10446. }
  10447. }
  10448. #ipython-main-app {
  10449. box-sizing: border-box;
  10450. -moz-box-sizing: border-box;
  10451. -webkit-box-sizing: border-box;
  10452. height: 100%;
  10453. }
  10454. div#notebook_panel {
  10455. margin: 0px;
  10456. padding: 0px;
  10457. box-sizing: border-box;
  10458. -moz-box-sizing: border-box;
  10459. -webkit-box-sizing: border-box;
  10460. height: 100%;
  10461. }
  10462. div#notebook {
  10463. font-size: 14px;
  10464. line-height: 20px;
  10465. overflow-y: hidden;
  10466. overflow-x: auto;
  10467. width: 100%;
  10468. /* This spaces the page away from the edge of the notebook area */
  10469. padding-top: 20px;
  10470. margin: 0px;
  10471. outline: none;
  10472. box-sizing: border-box;
  10473. -moz-box-sizing: border-box;
  10474. -webkit-box-sizing: border-box;
  10475. min-height: 100%;
  10476. }
  10477. @media not print {
  10478. #notebook-container {
  10479. padding: 15px;
  10480. background-color: #fff;
  10481. min-height: 0;
  10482. -webkit-box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
  10483. box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
  10484. }
  10485. }
  10486. @media print {
  10487. #notebook-container {
  10488. width: 100%;
  10489. }
  10490. }
  10491. div.ui-widget-content {
  10492. border: 1px solid #ababab;
  10493. outline: none;
  10494. }
  10495. pre.dialog {
  10496. background-color: #f7f7f7;
  10497. border: 1px solid #ddd;
  10498. border-radius: 2px;
  10499. padding: 0.4em;
  10500. padding-left: 2em;
  10501. }
  10502. p.dialog {
  10503. padding: 0.2em;
  10504. }
  10505. /* Word-wrap output correctly. This is the CSS3 spelling, though Firefox seems
  10506. to not honor it correctly. Webkit browsers (Chrome, rekonq, Safari) do.
  10507. */
  10508. pre,
  10509. code,
  10510. kbd,
  10511. samp {
  10512. white-space: pre-wrap;
  10513. }
  10514. #fonttest {
  10515. font-family: monospace;
  10516. }
  10517. p {
  10518. margin-bottom: 0;
  10519. }
  10520. .end_space {
  10521. min-height: 100px;
  10522. transition: height .2s ease;
  10523. }
  10524. .notebook_app > #header {
  10525. -webkit-box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
  10526. box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
  10527. }
  10528. @media not print {
  10529. .notebook_app {
  10530. background-color: #EEE;
  10531. }
  10532. }
  10533. kbd {
  10534. border-style: solid;
  10535. border-width: 1px;
  10536. box-shadow: none;
  10537. margin: 2px;
  10538. padding-left: 2px;
  10539. padding-right: 2px;
  10540. padding-top: 1px;
  10541. padding-bottom: 1px;
  10542. }
  10543. /* CSS for the cell toolbar */
  10544. .celltoolbar {
  10545. border: thin solid #CFCFCF;
  10546. border-bottom: none;
  10547. background: #EEE;
  10548. border-radius: 2px 2px 0px 0px;
  10549. width: 100%;
  10550. height: 29px;
  10551. padding-right: 4px;
  10552. /* Old browsers */
  10553. display: -webkit-box;
  10554. -webkit-box-orient: horizontal;
  10555. -webkit-box-align: stretch;
  10556. display: -moz-box;
  10557. -moz-box-orient: horizontal;
  10558. -moz-box-align: stretch;
  10559. display: box;
  10560. box-orient: horizontal;
  10561. box-align: stretch;
  10562. /* Modern browsers */
  10563. display: flex;
  10564. flex-direction: row;
  10565. align-items: stretch;
  10566. /* Old browsers */
  10567. -webkit-box-pack: end;
  10568. -moz-box-pack: end;
  10569. box-pack: end;
  10570. /* Modern browsers */
  10571. justify-content: flex-end;
  10572. display: -webkit-flex;
  10573. }
  10574. @media print {
  10575. .celltoolbar {
  10576. display: none;
  10577. }
  10578. }
  10579. .ctb_hideshow {
  10580. display: none;
  10581. vertical-align: bottom;
  10582. }
  10583. /* ctb_show is added to the ctb_hideshow div to show the cell toolbar.
  10584. Cell toolbars are only shown when the ctb_global_show class is also set.
  10585. */
  10586. .ctb_global_show .ctb_show.ctb_hideshow {
  10587. display: block;
  10588. }
  10589. .ctb_global_show .ctb_show + .input_area,
  10590. .ctb_global_show .ctb_show + div.text_cell_input,
  10591. .ctb_global_show .ctb_show ~ div.text_cell_render {
  10592. border-top-right-radius: 0px;
  10593. border-top-left-radius: 0px;
  10594. }
  10595. .ctb_global_show .ctb_show ~ div.text_cell_render {
  10596. border: 1px solid #cfcfcf;
  10597. }
  10598. .celltoolbar {
  10599. font-size: 87%;
  10600. padding-top: 3px;
  10601. }
  10602. .celltoolbar select {
  10603. display: block;
  10604. width: 100%;
  10605. height: 32px;
  10606. padding: 6px 12px;
  10607. font-size: 13px;
  10608. line-height: 1.42857143;
  10609. color: #555555;
  10610. background-color: #fff;
  10611. background-image: none;
  10612. border: 1px solid #ccc;
  10613. border-radius: 2px;
  10614. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  10615. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  10616. -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  10617. -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  10618. transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  10619. height: 30px;
  10620. padding: 5px 10px;
  10621. font-size: 12px;
  10622. line-height: 1.5;
  10623. border-radius: 1px;
  10624. width: inherit;
  10625. font-size: inherit;
  10626. height: 22px;
  10627. padding: 0px;
  10628. display: inline-block;
  10629. }
  10630. .celltoolbar select:focus {
  10631. border-color: #66afe9;
  10632. outline: 0;
  10633. -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  10634. box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  10635. }
  10636. .celltoolbar select::-moz-placeholder {
  10637. color: #999;
  10638. opacity: 1;
  10639. }
  10640. .celltoolbar select:-ms-input-placeholder {
  10641. color: #999;
  10642. }
  10643. .celltoolbar select::-webkit-input-placeholder {
  10644. color: #999;
  10645. }
  10646. .celltoolbar select::-ms-expand {
  10647. border: 0;
  10648. background-color: transparent;
  10649. }
  10650. .celltoolbar select[disabled],
  10651. .celltoolbar select[readonly],
  10652. fieldset[disabled] .celltoolbar select {
  10653. background-color: #eeeeee;
  10654. opacity: 1;
  10655. }
  10656. .celltoolbar select[disabled],
  10657. fieldset[disabled] .celltoolbar select {
  10658. cursor: not-allowed;
  10659. }
  10660. textarea.celltoolbar select {
  10661. height: auto;
  10662. }
  10663. select.celltoolbar select {
  10664. height: 30px;
  10665. line-height: 30px;
  10666. }
  10667. textarea.celltoolbar select,
  10668. select[multiple].celltoolbar select {
  10669. height: auto;
  10670. }
  10671. .celltoolbar label {
  10672. margin-left: 5px;
  10673. margin-right: 5px;
  10674. }
  10675. .completions {
  10676. position: absolute;
  10677. z-index: 110;
  10678. overflow: hidden;
  10679. border: 1px solid #ababab;
  10680. border-radius: 2px;
  10681. -webkit-box-shadow: 0px 6px 10px -1px #adadad;
  10682. box-shadow: 0px 6px 10px -1px #adadad;
  10683. line-height: 1;
  10684. }
  10685. .completions select {
  10686. background: white;
  10687. outline: none;
  10688. border: none;
  10689. padding: 0px;
  10690. margin: 0px;
  10691. overflow: auto;
  10692. font-family: monospace;
  10693. font-size: 110%;
  10694. color: #000;
  10695. width: auto;
  10696. }
  10697. .completions select option.context {
  10698. color: #286090;
  10699. }
  10700. #kernel_logo_widget {
  10701. float: right !important;
  10702. float: right;
  10703. }
  10704. #kernel_logo_widget .current_kernel_logo {
  10705. display: none;
  10706. margin-top: -1px;
  10707. margin-bottom: -1px;
  10708. width: 32px;
  10709. height: 32px;
  10710. }
  10711. #menubar {
  10712. box-sizing: border-box;
  10713. -moz-box-sizing: border-box;
  10714. -webkit-box-sizing: border-box;
  10715. margin-top: 1px;
  10716. }
  10717. #menubar .navbar {
  10718. border-top: 1px;
  10719. border-radius: 0px 0px 2px 2px;
  10720. margin-bottom: 0px;
  10721. }
  10722. #menubar .navbar-toggle {
  10723. float: left;
  10724. padding-top: 7px;
  10725. padding-bottom: 7px;
  10726. border: none;
  10727. }
  10728. #menubar .navbar-collapse {
  10729. clear: left;
  10730. }
  10731. .nav-wrapper {
  10732. border-bottom: 1px solid #e7e7e7;
  10733. }
  10734. i.menu-icon {
  10735. padding-top: 4px;
  10736. }
  10737. ul#help_menu li a {
  10738. overflow: hidden;
  10739. padding-right: 2.2em;
  10740. }
  10741. ul#help_menu li a i {
  10742. margin-right: -1.2em;
  10743. }
  10744. .dropdown-submenu {
  10745. position: relative;
  10746. }
  10747. .dropdown-submenu > .dropdown-menu {
  10748. top: 0;
  10749. left: 100%;
  10750. margin-top: -6px;
  10751. margin-left: -1px;
  10752. }
  10753. .dropdown-submenu:hover > .dropdown-menu {
  10754. display: block;
  10755. }
  10756. .dropdown-submenu > a:after {
  10757. display: inline-block;
  10758. font: normal normal normal 14px/1 FontAwesome;
  10759. font-size: inherit;
  10760. text-rendering: auto;
  10761. -webkit-font-smoothing: antialiased;
  10762. -moz-osx-font-smoothing: grayscale;
  10763. display: block;
  10764. content: "\f0da";
  10765. float: right;
  10766. color: #333333;
  10767. margin-top: 2px;
  10768. margin-right: -10px;
  10769. }
  10770. .dropdown-submenu > a:after.pull-left {
  10771. margin-right: .3em;
  10772. }
  10773. .dropdown-submenu > a:after.pull-right {
  10774. margin-left: .3em;
  10775. }
  10776. .dropdown-submenu:hover > a:after {
  10777. color: #262626;
  10778. }
  10779. .dropdown-submenu.pull-left {
  10780. float: none;
  10781. }
  10782. .dropdown-submenu.pull-left > .dropdown-menu {
  10783. left: -100%;
  10784. margin-left: 10px;
  10785. }
  10786. #notification_area {
  10787. float: right !important;
  10788. float: right;
  10789. z-index: 10;
  10790. }
  10791. .indicator_area {
  10792. float: right !important;
  10793. float: right;
  10794. color: #777;
  10795. margin-left: 5px;
  10796. margin-right: 5px;
  10797. width: 11px;
  10798. z-index: 10;
  10799. text-align: center;
  10800. width: auto;
  10801. }
  10802. #kernel_indicator {
  10803. float: right !important;
  10804. float: right;
  10805. color: #777;
  10806. margin-left: 5px;
  10807. margin-right: 5px;
  10808. width: 11px;
  10809. z-index: 10;
  10810. text-align: center;
  10811. width: auto;
  10812. border-left: 1px solid;
  10813. }
  10814. #kernel_indicator .kernel_indicator_name {
  10815. padding-left: 5px;
  10816. padding-right: 5px;
  10817. }
  10818. #modal_indicator {
  10819. float: right !important;
  10820. float: right;
  10821. color: #777;
  10822. margin-left: 5px;
  10823. margin-right: 5px;
  10824. width: 11px;
  10825. z-index: 10;
  10826. text-align: center;
  10827. width: auto;
  10828. }
  10829. #readonly-indicator {
  10830. float: right !important;
  10831. float: right;
  10832. color: #777;
  10833. margin-left: 5px;
  10834. margin-right: 5px;
  10835. width: 11px;
  10836. z-index: 10;
  10837. text-align: center;
  10838. width: auto;
  10839. margin-top: 2px;
  10840. margin-bottom: 0px;
  10841. margin-left: 0px;
  10842. margin-right: 0px;
  10843. display: none;
  10844. }
  10845. .modal_indicator:before {
  10846. width: 1.28571429em;
  10847. text-align: center;
  10848. }
  10849. .edit_mode .modal_indicator:before {
  10850. display: inline-block;
  10851. font: normal normal normal 14px/1 FontAwesome;
  10852. font-size: inherit;
  10853. text-rendering: auto;
  10854. -webkit-font-smoothing: antialiased;
  10855. -moz-osx-font-smoothing: grayscale;
  10856. content: "\f040";
  10857. }
  10858. .edit_mode .modal_indicator:before.pull-left {
  10859. margin-right: .3em;
  10860. }
  10861. .edit_mode .modal_indicator:before.pull-right {
  10862. margin-left: .3em;
  10863. }
  10864. .command_mode .modal_indicator:before {
  10865. display: inline-block;
  10866. font: normal normal normal 14px/1 FontAwesome;
  10867. font-size: inherit;
  10868. text-rendering: auto;
  10869. -webkit-font-smoothing: antialiased;
  10870. -moz-osx-font-smoothing: grayscale;
  10871. content: ' ';
  10872. }
  10873. .command_mode .modal_indicator:before.pull-left {
  10874. margin-right: .3em;
  10875. }
  10876. .command_mode .modal_indicator:before.pull-right {
  10877. margin-left: .3em;
  10878. }
  10879. .kernel_idle_icon:before {
  10880. display: inline-block;
  10881. font: normal normal normal 14px/1 FontAwesome;
  10882. font-size: inherit;
  10883. text-rendering: auto;
  10884. -webkit-font-smoothing: antialiased;
  10885. -moz-osx-font-smoothing: grayscale;
  10886. content: "\f10c";
  10887. }
  10888. .kernel_idle_icon:before.pull-left {
  10889. margin-right: .3em;
  10890. }
  10891. .kernel_idle_icon:before.pull-right {
  10892. margin-left: .3em;
  10893. }
  10894. .kernel_busy_icon:before {
  10895. display: inline-block;
  10896. font: normal normal normal 14px/1 FontAwesome;
  10897. font-size: inherit;
  10898. text-rendering: auto;
  10899. -webkit-font-smoothing: antialiased;
  10900. -moz-osx-font-smoothing: grayscale;
  10901. content: "\f111";
  10902. }
  10903. .kernel_busy_icon:before.pull-left {
  10904. margin-right: .3em;
  10905. }
  10906. .kernel_busy_icon:before.pull-right {
  10907. margin-left: .3em;
  10908. }
  10909. .kernel_dead_icon:before {
  10910. display: inline-block;
  10911. font: normal normal normal 14px/1 FontAwesome;
  10912. font-size: inherit;
  10913. text-rendering: auto;
  10914. -webkit-font-smoothing: antialiased;
  10915. -moz-osx-font-smoothing: grayscale;
  10916. content: "\f1e2";
  10917. }
  10918. .kernel_dead_icon:before.pull-left {
  10919. margin-right: .3em;
  10920. }
  10921. .kernel_dead_icon:before.pull-right {
  10922. margin-left: .3em;
  10923. }
  10924. .kernel_disconnected_icon:before {
  10925. display: inline-block;
  10926. font: normal normal normal 14px/1 FontAwesome;
  10927. font-size: inherit;
  10928. text-rendering: auto;
  10929. -webkit-font-smoothing: antialiased;
  10930. -moz-osx-font-smoothing: grayscale;
  10931. content: "\f127";
  10932. }
  10933. .kernel_disconnected_icon:before.pull-left {
  10934. margin-right: .3em;
  10935. }
  10936. .kernel_disconnected_icon:before.pull-right {
  10937. margin-left: .3em;
  10938. }
  10939. .notification_widget {
  10940. color: #777;
  10941. z-index: 10;
  10942. background: rgba(240, 240, 240, 0.5);
  10943. margin-right: 4px;
  10944. color: #333;
  10945. background-color: #fff;
  10946. border-color: #ccc;
  10947. }
  10948. .notification_widget:focus,
  10949. .notification_widget.focus {
  10950. color: #333;
  10951. background-color: #e6e6e6;
  10952. border-color: #8c8c8c;
  10953. }
  10954. .notification_widget:hover {
  10955. color: #333;
  10956. background-color: #e6e6e6;
  10957. border-color: #adadad;
  10958. }
  10959. .notification_widget:active,
  10960. .notification_widget.active,
  10961. .open > .dropdown-toggle.notification_widget {
  10962. color: #333;
  10963. background-color: #e6e6e6;
  10964. border-color: #adadad;
  10965. }
  10966. .notification_widget:active:hover,
  10967. .notification_widget.active:hover,
  10968. .open > .dropdown-toggle.notification_widget:hover,
  10969. .notification_widget:active:focus,
  10970. .notification_widget.active:focus,
  10971. .open > .dropdown-toggle.notification_widget:focus,
  10972. .notification_widget:active.focus,
  10973. .notification_widget.active.focus,
  10974. .open > .dropdown-toggle.notification_widget.focus {
  10975. color: #333;
  10976. background-color: #d4d4d4;
  10977. border-color: #8c8c8c;
  10978. }
  10979. .notification_widget:active,
  10980. .notification_widget.active,
  10981. .open > .dropdown-toggle.notification_widget {
  10982. background-image: none;
  10983. }
  10984. .notification_widget.disabled:hover,
  10985. .notification_widget[disabled]:hover,
  10986. fieldset[disabled] .notification_widget:hover,
  10987. .notification_widget.disabled:focus,
  10988. .notification_widget[disabled]:focus,
  10989. fieldset[disabled] .notification_widget:focus,
  10990. .notification_widget.disabled.focus,
  10991. .notification_widget[disabled].focus,
  10992. fieldset[disabled] .notification_widget.focus {
  10993. background-color: #fff;
  10994. border-color: #ccc;
  10995. }
  10996. .notification_widget .badge {
  10997. color: #fff;
  10998. background-color: #333;
  10999. }
  11000. .notification_widget.warning {
  11001. color: #fff;
  11002. background-color: #f0ad4e;
  11003. border-color: #eea236;
  11004. }
  11005. .notification_widget.warning:focus,
  11006. .notification_widget.warning.focus {
  11007. color: #fff;
  11008. background-color: #ec971f;
  11009. border-color: #985f0d;
  11010. }
  11011. .notification_widget.warning:hover {
  11012. color: #fff;
  11013. background-color: #ec971f;
  11014. border-color: #d58512;
  11015. }
  11016. .notification_widget.warning:active,
  11017. .notification_widget.warning.active,
  11018. .open > .dropdown-toggle.notification_widget.warning {
  11019. color: #fff;
  11020. background-color: #ec971f;
  11021. border-color: #d58512;
  11022. }
  11023. .notification_widget.warning:active:hover,
  11024. .notification_widget.warning.active:hover,
  11025. .open > .dropdown-toggle.notification_widget.warning:hover,
  11026. .notification_widget.warning:active:focus,
  11027. .notification_widget.warning.active:focus,
  11028. .open > .dropdown-toggle.notification_widget.warning:focus,
  11029. .notification_widget.warning:active.focus,
  11030. .notification_widget.warning.active.focus,
  11031. .open > .dropdown-toggle.notification_widget.warning.focus {
  11032. color: #fff;
  11033. background-color: #d58512;
  11034. border-color: #985f0d;
  11035. }
  11036. .notification_widget.warning:active,
  11037. .notification_widget.warning.active,
  11038. .open > .dropdown-toggle.notification_widget.warning {
  11039. background-image: none;
  11040. }
  11041. .notification_widget.warning.disabled:hover,
  11042. .notification_widget.warning[disabled]:hover,
  11043. fieldset[disabled] .notification_widget.warning:hover,
  11044. .notification_widget.warning.disabled:focus,
  11045. .notification_widget.warning[disabled]:focus,
  11046. fieldset[disabled] .notification_widget.warning:focus,
  11047. .notification_widget.warning.disabled.focus,
  11048. .notification_widget.warning[disabled].focus,
  11049. fieldset[disabled] .notification_widget.warning.focus {
  11050. background-color: #f0ad4e;
  11051. border-color: #eea236;
  11052. }
  11053. .notification_widget.warning .badge {
  11054. color: #f0ad4e;
  11055. background-color: #fff;
  11056. }
  11057. .notification_widget.success {
  11058. color: #fff;
  11059. background-color: #5cb85c;
  11060. border-color: #4cae4c;
  11061. }
  11062. .notification_widget.success:focus,
  11063. .notification_widget.success.focus {
  11064. color: #fff;
  11065. background-color: #449d44;
  11066. border-color: #255625;
  11067. }
  11068. .notification_widget.success:hover {
  11069. color: #fff;
  11070. background-color: #449d44;
  11071. border-color: #398439;
  11072. }
  11073. .notification_widget.success:active,
  11074. .notification_widget.success.active,
  11075. .open > .dropdown-toggle.notification_widget.success {
  11076. color: #fff;
  11077. background-color: #449d44;
  11078. border-color: #398439;
  11079. }
  11080. .notification_widget.success:active:hover,
  11081. .notification_widget.success.active:hover,
  11082. .open > .dropdown-toggle.notification_widget.success:hover,
  11083. .notification_widget.success:active:focus,
  11084. .notification_widget.success.active:focus,
  11085. .open > .dropdown-toggle.notification_widget.success:focus,
  11086. .notification_widget.success:active.focus,
  11087. .notification_widget.success.active.focus,
  11088. .open > .dropdown-toggle.notification_widget.success.focus {
  11089. color: #fff;
  11090. background-color: #398439;
  11091. border-color: #255625;
  11092. }
  11093. .notification_widget.success:active,
  11094. .notification_widget.success.active,
  11095. .open > .dropdown-toggle.notification_widget.success {
  11096. background-image: none;
  11097. }
  11098. .notification_widget.success.disabled:hover,
  11099. .notification_widget.success[disabled]:hover,
  11100. fieldset[disabled] .notification_widget.success:hover,
  11101. .notification_widget.success.disabled:focus,
  11102. .notification_widget.success[disabled]:focus,
  11103. fieldset[disabled] .notification_widget.success:focus,
  11104. .notification_widget.success.disabled.focus,
  11105. .notification_widget.success[disabled].focus,
  11106. fieldset[disabled] .notification_widget.success.focus {
  11107. background-color: #5cb85c;
  11108. border-color: #4cae4c;
  11109. }
  11110. .notification_widget.success .badge {
  11111. color: #5cb85c;
  11112. background-color: #fff;
  11113. }
  11114. .notification_widget.info {
  11115. color: #fff;
  11116. background-color: #5bc0de;
  11117. border-color: #46b8da;
  11118. }
  11119. .notification_widget.info:focus,
  11120. .notification_widget.info.focus {
  11121. color: #fff;
  11122. background-color: #31b0d5;
  11123. border-color: #1b6d85;
  11124. }
  11125. .notification_widget.info:hover {
  11126. color: #fff;
  11127. background-color: #31b0d5;
  11128. border-color: #269abc;
  11129. }
  11130. .notification_widget.info:active,
  11131. .notification_widget.info.active,
  11132. .open > .dropdown-toggle.notification_widget.info {
  11133. color: #fff;
  11134. background-color: #31b0d5;
  11135. border-color: #269abc;
  11136. }
  11137. .notification_widget.info:active:hover,
  11138. .notification_widget.info.active:hover,
  11139. .open > .dropdown-toggle.notification_widget.info:hover,
  11140. .notification_widget.info:active:focus,
  11141. .notification_widget.info.active:focus,
  11142. .open > .dropdown-toggle.notification_widget.info:focus,
  11143. .notification_widget.info:active.focus,
  11144. .notification_widget.info.active.focus,
  11145. .open > .dropdown-toggle.notification_widget.info.focus {
  11146. color: #fff;
  11147. background-color: #269abc;
  11148. border-color: #1b6d85;
  11149. }
  11150. .notification_widget.info:active,
  11151. .notification_widget.info.active,
  11152. .open > .dropdown-toggle.notification_widget.info {
  11153. background-image: none;
  11154. }
  11155. .notification_widget.info.disabled:hover,
  11156. .notification_widget.info[disabled]:hover,
  11157. fieldset[disabled] .notification_widget.info:hover,
  11158. .notification_widget.info.disabled:focus,
  11159. .notification_widget.info[disabled]:focus,
  11160. fieldset[disabled] .notification_widget.info:focus,
  11161. .notification_widget.info.disabled.focus,
  11162. .notification_widget.info[disabled].focus,
  11163. fieldset[disabled] .notification_widget.info.focus {
  11164. background-color: #5bc0de;
  11165. border-color: #46b8da;
  11166. }
  11167. .notification_widget.info .badge {
  11168. color: #5bc0de;
  11169. background-color: #fff;
  11170. }
  11171. .notification_widget.danger {
  11172. color: #fff;
  11173. background-color: #d9534f;
  11174. border-color: #d43f3a;
  11175. }
  11176. .notification_widget.danger:focus,
  11177. .notification_widget.danger.focus {
  11178. color: #fff;
  11179. background-color: #c9302c;
  11180. border-color: #761c19;
  11181. }
  11182. .notification_widget.danger:hover {
  11183. color: #fff;
  11184. background-color: #c9302c;
  11185. border-color: #ac2925;
  11186. }
  11187. .notification_widget.danger:active,
  11188. .notification_widget.danger.active,
  11189. .open > .dropdown-toggle.notification_widget.danger {
  11190. color: #fff;
  11191. background-color: #c9302c;
  11192. border-color: #ac2925;
  11193. }
  11194. .notification_widget.danger:active:hover,
  11195. .notification_widget.danger.active:hover,
  11196. .open > .dropdown-toggle.notification_widget.danger:hover,
  11197. .notification_widget.danger:active:focus,
  11198. .notification_widget.danger.active:focus,
  11199. .open > .dropdown-toggle.notification_widget.danger:focus,
  11200. .notification_widget.danger:active.focus,
  11201. .notification_widget.danger.active.focus,
  11202. .open > .dropdown-toggle.notification_widget.danger.focus {
  11203. color: #fff;
  11204. background-color: #ac2925;
  11205. border-color: #761c19;
  11206. }
  11207. .notification_widget.danger:active,
  11208. .notification_widget.danger.active,
  11209. .open > .dropdown-toggle.notification_widget.danger {
  11210. background-image: none;
  11211. }
  11212. .notification_widget.danger.disabled:hover,
  11213. .notification_widget.danger[disabled]:hover,
  11214. fieldset[disabled] .notification_widget.danger:hover,
  11215. .notification_widget.danger.disabled:focus,
  11216. .notification_widget.danger[disabled]:focus,
  11217. fieldset[disabled] .notification_widget.danger:focus,
  11218. .notification_widget.danger.disabled.focus,
  11219. .notification_widget.danger[disabled].focus,
  11220. fieldset[disabled] .notification_widget.danger.focus {
  11221. background-color: #d9534f;
  11222. border-color: #d43f3a;
  11223. }
  11224. .notification_widget.danger .badge {
  11225. color: #d9534f;
  11226. background-color: #fff;
  11227. }
  11228. div#pager {
  11229. background-color: #fff;
  11230. font-size: 14px;
  11231. line-height: 20px;
  11232. overflow: hidden;
  11233. display: none;
  11234. position: fixed;
  11235. bottom: 0px;
  11236. width: 100%;
  11237. max-height: 50%;
  11238. padding-top: 8px;
  11239. -webkit-box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
  11240. box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
  11241. /* Display over codemirror */
  11242. z-index: 100;
  11243. /* Hack which prevents jquery ui resizable from changing top. */
  11244. top: auto !important;
  11245. }
  11246. div#pager pre {
  11247. line-height: 1.21429em;
  11248. color: #000;
  11249. background-color: #f7f7f7;
  11250. padding: 0.4em;
  11251. }
  11252. div#pager #pager-button-area {
  11253. position: absolute;
  11254. top: 8px;
  11255. right: 20px;
  11256. }
  11257. div#pager #pager-contents {
  11258. position: relative;
  11259. overflow: auto;
  11260. width: 100%;
  11261. height: 100%;
  11262. }
  11263. div#pager #pager-contents #pager-container {
  11264. position: relative;
  11265. padding: 15px 0px;
  11266. box-sizing: border-box;
  11267. -moz-box-sizing: border-box;
  11268. -webkit-box-sizing: border-box;
  11269. }
  11270. div#pager .ui-resizable-handle {
  11271. top: 0px;
  11272. height: 8px;
  11273. background: #f7f7f7;
  11274. border-top: 1px solid #cfcfcf;
  11275. border-bottom: 1px solid #cfcfcf;
  11276. /* This injects handle bars (a short, wide = symbol) for
  11277. the resize handle. */
  11278. }
  11279. div#pager .ui-resizable-handle::after {
  11280. content: '';
  11281. top: 2px;
  11282. left: 50%;
  11283. height: 3px;
  11284. width: 30px;
  11285. margin-left: -15px;
  11286. position: absolute;
  11287. border-top: 1px solid #cfcfcf;
  11288. }
  11289. .quickhelp {
  11290. /* Old browsers */
  11291. display: -webkit-box;
  11292. -webkit-box-orient: horizontal;
  11293. -webkit-box-align: stretch;
  11294. display: -moz-box;
  11295. -moz-box-orient: horizontal;
  11296. -moz-box-align: stretch;
  11297. display: box;
  11298. box-orient: horizontal;
  11299. box-align: stretch;
  11300. /* Modern browsers */
  11301. display: flex;
  11302. flex-direction: row;
  11303. align-items: stretch;
  11304. line-height: 1.8em;
  11305. }
  11306. .shortcut_key {
  11307. display: inline-block;
  11308. width: 21ex;
  11309. text-align: right;
  11310. font-family: monospace;
  11311. }
  11312. .shortcut_descr {
  11313. display: inline-block;
  11314. /* Old browsers */
  11315. -webkit-box-flex: 1;
  11316. -moz-box-flex: 1;
  11317. box-flex: 1;
  11318. /* Modern browsers */
  11319. flex: 1;
  11320. }
  11321. span.save_widget {
  11322. margin-top: 6px;
  11323. }
  11324. span.save_widget span.filename {
  11325. height: 1em;
  11326. line-height: 1em;
  11327. padding: 3px;
  11328. margin-left: 16px;
  11329. border: none;
  11330. font-size: 146.5%;
  11331. border-radius: 2px;
  11332. }
  11333. span.save_widget span.filename:hover {
  11334. background-color: #e6e6e6;
  11335. }
  11336. span.checkpoint_status,
  11337. span.autosave_status {
  11338. font-size: small;
  11339. }
  11340. @media (max-width: 767px) {
  11341. span.save_widget {
  11342. font-size: small;
  11343. }
  11344. span.checkpoint_status,
  11345. span.autosave_status {
  11346. display: none;
  11347. }
  11348. }
  11349. @media (min-width: 768px) and (max-width: 991px) {
  11350. span.checkpoint_status {
  11351. display: none;
  11352. }
  11353. span.autosave_status {
  11354. font-size: x-small;
  11355. }
  11356. }
  11357. .toolbar {
  11358. padding: 0px;
  11359. margin-left: -5px;
  11360. margin-top: 2px;
  11361. margin-bottom: 5px;
  11362. box-sizing: border-box;
  11363. -moz-box-sizing: border-box;
  11364. -webkit-box-sizing: border-box;
  11365. }
  11366. .toolbar select,
  11367. .toolbar label {
  11368. width: auto;
  11369. vertical-align: middle;
  11370. margin-right: 2px;
  11371. margin-bottom: 0px;
  11372. display: inline;
  11373. font-size: 92%;
  11374. margin-left: 0.3em;
  11375. margin-right: 0.3em;
  11376. padding: 0px;
  11377. padding-top: 3px;
  11378. }
  11379. .toolbar .btn {
  11380. padding: 2px 8px;
  11381. }
  11382. .toolbar .btn-group {
  11383. margin-top: 0px;
  11384. margin-left: 5px;
  11385. }
  11386. #maintoolbar {
  11387. margin-bottom: -3px;
  11388. margin-top: -8px;
  11389. border: 0px;
  11390. min-height: 27px;
  11391. margin-left: 0px;
  11392. padding-top: 11px;
  11393. padding-bottom: 3px;
  11394. }
  11395. #maintoolbar .navbar-text {
  11396. float: none;
  11397. vertical-align: middle;
  11398. text-align: right;
  11399. margin-left: 5px;
  11400. margin-right: 0px;
  11401. margin-top: 0px;
  11402. }
  11403. .select-xs {
  11404. height: 24px;
  11405. }
  11406. .pulse,
  11407. .dropdown-menu > li > a.pulse,
  11408. li.pulse > a.dropdown-toggle,
  11409. li.pulse.open > a.dropdown-toggle {
  11410. background-color: #F37626;
  11411. color: white;
  11412. }
  11413. /**
  11414. * Primary styles
  11415. *
  11416. * Author: Jupyter Development Team
  11417. */
  11418. /** WARNING IF YOU ARE EDITTING THIS FILE, if this is a .css file, It has a lot
  11419. * of chance of beeing generated from the ../less/[samename].less file, you can
  11420. * try to get back the less file by reverting somme commit in history
  11421. **/
  11422. /*
  11423. * We'll try to get something pretty, so we
  11424. * have some strange css to have the scroll bar on
  11425. * the left with fix button on the top right of the tooltip
  11426. */
  11427. @-moz-keyframes fadeOut {
  11428. from {
  11429. opacity: 1;
  11430. }
  11431. to {
  11432. opacity: 0;
  11433. }
  11434. }
  11435. @-webkit-keyframes fadeOut {
  11436. from {
  11437. opacity: 1;
  11438. }
  11439. to {
  11440. opacity: 0;
  11441. }
  11442. }
  11443. @-moz-keyframes fadeIn {
  11444. from {
  11445. opacity: 0;
  11446. }
  11447. to {
  11448. opacity: 1;
  11449. }
  11450. }
  11451. @-webkit-keyframes fadeIn {
  11452. from {
  11453. opacity: 0;
  11454. }
  11455. to {
  11456. opacity: 1;
  11457. }
  11458. }
  11459. /*properties of tooltip after "expand"*/
  11460. .bigtooltip {
  11461. overflow: auto;
  11462. height: 200px;
  11463. -webkit-transition-property: height;
  11464. -webkit-transition-duration: 500ms;
  11465. -moz-transition-property: height;
  11466. -moz-transition-duration: 500ms;
  11467. transition-property: height;
  11468. transition-duration: 500ms;
  11469. }
  11470. /*properties of tooltip before "expand"*/
  11471. .smalltooltip {
  11472. -webkit-transition-property: height;
  11473. -webkit-transition-duration: 500ms;
  11474. -moz-transition-property: height;
  11475. -moz-transition-duration: 500ms;
  11476. transition-property: height;
  11477. transition-duration: 500ms;
  11478. text-overflow: ellipsis;
  11479. overflow: hidden;
  11480. height: 80px;
  11481. }
  11482. .tooltipbuttons {
  11483. position: absolute;
  11484. padding-right: 15px;
  11485. top: 0px;
  11486. right: 0px;
  11487. }
  11488. .tooltiptext {
  11489. /*avoid the button to overlap on some docstring*/
  11490. padding-right: 30px;
  11491. }
  11492. .ipython_tooltip {
  11493. max-width: 700px;
  11494. /*fade-in animation when inserted*/
  11495. -webkit-animation: fadeOut 400ms;
  11496. -moz-animation: fadeOut 400ms;
  11497. animation: fadeOut 400ms;
  11498. -webkit-animation: fadeIn 400ms;
  11499. -moz-animation: fadeIn 400ms;
  11500. animation: fadeIn 400ms;
  11501. vertical-align: middle;
  11502. background-color: #f7f7f7;
  11503. overflow: visible;
  11504. border: #ababab 1px solid;
  11505. outline: none;
  11506. padding: 3px;
  11507. margin: 0px;
  11508. padding-left: 7px;
  11509. font-family: monospace;
  11510. min-height: 50px;
  11511. -moz-box-shadow: 0px 6px 10px -1px #adadad;
  11512. -webkit-box-shadow: 0px 6px 10px -1px #adadad;
  11513. box-shadow: 0px 6px 10px -1px #adadad;
  11514. border-radius: 2px;
  11515. position: absolute;
  11516. z-index: 1000;
  11517. }
  11518. .ipython_tooltip a {
  11519. float: right;
  11520. }
  11521. .ipython_tooltip .tooltiptext pre {
  11522. border: 0;
  11523. border-radius: 0;
  11524. font-size: 100%;
  11525. background-color: #f7f7f7;
  11526. }
  11527. .pretooltiparrow {
  11528. left: 0px;
  11529. margin: 0px;
  11530. top: -16px;
  11531. width: 40px;
  11532. height: 16px;
  11533. overflow: hidden;
  11534. position: absolute;
  11535. }
  11536. .pretooltiparrow:before {
  11537. background-color: #f7f7f7;
  11538. border: 1px #ababab solid;
  11539. z-index: 11;
  11540. content: "";
  11541. position: absolute;
  11542. left: 15px;
  11543. top: 10px;
  11544. width: 25px;
  11545. height: 25px;
  11546. -webkit-transform: rotate(45deg);
  11547. -moz-transform: rotate(45deg);
  11548. -ms-transform: rotate(45deg);
  11549. -o-transform: rotate(45deg);
  11550. }
  11551. ul.typeahead-list i {
  11552. margin-left: -10px;
  11553. width: 18px;
  11554. }
  11555. ul.typeahead-list {
  11556. max-height: 80vh;
  11557. overflow: auto;
  11558. }
  11559. ul.typeahead-list > li > a {
  11560. /** Firefox bug **/
  11561. /* see https://github.com/jupyter/notebook/issues/559 */
  11562. white-space: normal;
  11563. }
  11564. .cmd-palette .modal-body {
  11565. padding: 7px;
  11566. }
  11567. .cmd-palette form {
  11568. background: white;
  11569. }
  11570. .cmd-palette input {
  11571. outline: none;
  11572. }
  11573. .no-shortcut {
  11574. display: none;
  11575. }
  11576. .command-shortcut:before {
  11577. content: "(command)";
  11578. padding-right: 3px;
  11579. color: #777777;
  11580. }
  11581. .edit-shortcut:before {
  11582. content: "(edit)";
  11583. padding-right: 3px;
  11584. color: #777777;
  11585. }
  11586. #find-and-replace #replace-preview .match,
  11587. #find-and-replace #replace-preview .insert {
  11588. background-color: #BBDEFB;
  11589. border-color: #90CAF9;
  11590. border-style: solid;
  11591. border-width: 1px;
  11592. border-radius: 0px;
  11593. }
  11594. #find-and-replace #replace-preview .replace .match {
  11595. background-color: #FFCDD2;
  11596. border-color: #EF9A9A;
  11597. border-radius: 0px;
  11598. }
  11599. #find-and-replace #replace-preview .replace .insert {
  11600. background-color: #C8E6C9;
  11601. border-color: #A5D6A7;
  11602. border-radius: 0px;
  11603. }
  11604. #find-and-replace #replace-preview {
  11605. max-height: 60vh;
  11606. overflow: auto;
  11607. }
  11608. #find-and-replace #replace-preview pre {
  11609. padding: 5px 10px;
  11610. }
  11611. .terminal-app {
  11612. background: #EEE;
  11613. }
  11614. .terminal-app #header {
  11615. background: #fff;
  11616. -webkit-box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
  11617. box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
  11618. }
  11619. .terminal-app .terminal {
  11620. width: 100%;
  11621. float: left;
  11622. font-family: monospace;
  11623. color: white;
  11624. background: black;
  11625. padding: 0.4em;
  11626. border-radius: 2px;
  11627. -webkit-box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.4);
  11628. box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.4);
  11629. }
  11630. .terminal-app .terminal,
  11631. .terminal-app .terminal dummy-screen {
  11632. line-height: 1em;
  11633. font-size: 14px;
  11634. }
  11635. .terminal-app .terminal .xterm-rows {
  11636. padding: 10px;
  11637. }
  11638. .terminal-app .terminal-cursor {
  11639. color: black;
  11640. background: white;
  11641. }
  11642. .terminal-app #terminado-container {
  11643. margin-top: 20px;
  11644. }
  11645. /*# sourceMappingURL=style.min.css.map */
  11646. </style>
  11647. <style type="text/css">
  11648. .highlight .hll { background-color: #ffffcc }
  11649. .highlight { background: #f8f8f8; }
  11650. .highlight .c { color: #408080; font-style: italic } /* Comment */
  11651. .highlight .err { border: 1px solid #FF0000 } /* Error */
  11652. .highlight .k { color: #008000; font-weight: bold } /* Keyword */
  11653. .highlight .o { color: #666666 } /* Operator */
  11654. .highlight .ch { color: #408080; font-style: italic } /* Comment.Hashbang */
  11655. .highlight .cm { color: #408080; font-style: italic } /* Comment.Multiline */
  11656. .highlight .cp { color: #BC7A00 } /* Comment.Preproc */
  11657. .highlight .cpf { color: #408080; font-style: italic } /* Comment.PreprocFile */
  11658. .highlight .c1 { color: #408080; font-style: italic } /* Comment.Single */
  11659. .highlight .cs { color: #408080; font-style: italic } /* Comment.Special */
  11660. .highlight .gd { color: #A00000 } /* Generic.Deleted */
  11661. .highlight .ge { font-style: italic } /* Generic.Emph */
  11662. .highlight .gr { color: #FF0000 } /* Generic.Error */
  11663. .highlight .gh { color: #000080; font-weight: bold } /* Generic.Heading */
  11664. .highlight .gi { color: #00A000 } /* Generic.Inserted */
  11665. .highlight .go { color: #888888 } /* Generic.Output */
  11666. .highlight .gp { color: #000080; font-weight: bold } /* Generic.Prompt */
  11667. .highlight .gs { font-weight: bold } /* Generic.Strong */
  11668. .highlight .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
  11669. .highlight .gt { color: #0044DD } /* Generic.Traceback */
  11670. .highlight .kc { color: #008000; font-weight: bold } /* Keyword.Constant */
  11671. .highlight .kd { color: #008000; font-weight: bold } /* Keyword.Declaration */
  11672. .highlight .kn { color: #008000; font-weight: bold } /* Keyword.Namespace */
  11673. .highlight .kp { color: #008000 } /* Keyword.Pseudo */
  11674. .highlight .kr { color: #008000; font-weight: bold } /* Keyword.Reserved */
  11675. .highlight .kt { color: #B00040 } /* Keyword.Type */
  11676. .highlight .m { color: #666666 } /* Literal.Number */
  11677. .highlight .s { color: #BA2121 } /* Literal.String */
  11678. .highlight .na { color: #7D9029 } /* Name.Attribute */
  11679. .highlight .nb { color: #008000 } /* Name.Builtin */
  11680. .highlight .nc { color: #0000FF; font-weight: bold } /* Name.Class */
  11681. .highlight .no { color: #880000 } /* Name.Constant */
  11682. .highlight .nd { color: #AA22FF } /* Name.Decorator */
  11683. .highlight .ni { color: #999999; font-weight: bold } /* Name.Entity */
  11684. .highlight .ne { color: #D2413A; font-weight: bold } /* Name.Exception */
  11685. .highlight .nf { color: #0000FF } /* Name.Function */
  11686. .highlight .nl { color: #A0A000 } /* Name.Label */
  11687. .highlight .nn { color: #0000FF; font-weight: bold } /* Name.Namespace */
  11688. .highlight .nt { color: #008000; font-weight: bold } /* Name.Tag */
  11689. .highlight .nv { color: #19177C } /* Name.Variable */
  11690. .highlight .ow { color: #AA22FF; font-weight: bold } /* Operator.Word */
  11691. .highlight .w { color: #bbbbbb } /* Text.Whitespace */
  11692. .highlight .mb { color: #666666 } /* Literal.Number.Bin */
  11693. .highlight .mf { color: #666666 } /* Literal.Number.Float */
  11694. .highlight .mh { color: #666666 } /* Literal.Number.Hex */
  11695. .highlight .mi { color: #666666 } /* Literal.Number.Integer */
  11696. .highlight .mo { color: #666666 } /* Literal.Number.Oct */
  11697. .highlight .sa { color: #BA2121 } /* Literal.String.Affix */
  11698. .highlight .sb { color: #BA2121 } /* Literal.String.Backtick */
  11699. .highlight .sc { color: #BA2121 } /* Literal.String.Char */
  11700. .highlight .dl { color: #BA2121 } /* Literal.String.Delimiter */
  11701. .highlight .sd { color: #BA2121; font-style: italic } /* Literal.String.Doc */
  11702. .highlight .s2 { color: #BA2121 } /* Literal.String.Double */
  11703. .highlight .se { color: #BB6622; font-weight: bold } /* Literal.String.Escape */
  11704. .highlight .sh { color: #BA2121 } /* Literal.String.Heredoc */
  11705. .highlight .si { color: #BB6688; font-weight: bold } /* Literal.String.Interpol */
  11706. .highlight .sx { color: #008000 } /* Literal.String.Other */
  11707. .highlight .sr { color: #BB6688 } /* Literal.String.Regex */
  11708. .highlight .s1 { color: #BA2121 } /* Literal.String.Single */
  11709. .highlight .ss { color: #19177C } /* Literal.String.Symbol */
  11710. .highlight .bp { color: #008000 } /* Name.Builtin.Pseudo */
  11711. .highlight .fm { color: #0000FF } /* Name.Function.Magic */
  11712. .highlight .vc { color: #19177C } /* Name.Variable.Class */
  11713. .highlight .vg { color: #19177C } /* Name.Variable.Global */
  11714. .highlight .vi { color: #19177C } /* Name.Variable.Instance */
  11715. .highlight .vm { color: #19177C } /* Name.Variable.Magic */
  11716. .highlight .il { color: #666666 } /* Literal.Number.Integer.Long */
  11717. </style>
  11718. <style type="text/css">
  11719. /* Temporary definitions which will become obsolete with Notebook release 5.0 */
  11720. .ansi-black-fg { color: #3E424D; }
  11721. .ansi-black-bg { background-color: #3E424D; }
  11722. .ansi-black-intense-fg { color: #282C36; }
  11723. .ansi-black-intense-bg { background-color: #282C36; }
  11724. .ansi-red-fg { color: #E75C58; }
  11725. .ansi-red-bg { background-color: #E75C58; }
  11726. .ansi-red-intense-fg { color: #B22B31; }
  11727. .ansi-red-intense-bg { background-color: #B22B31; }
  11728. .ansi-green-fg { color: #00A250; }
  11729. .ansi-green-bg { background-color: #00A250; }
  11730. .ansi-green-intense-fg { color: #007427; }
  11731. .ansi-green-intense-bg { background-color: #007427; }
  11732. .ansi-yellow-fg { color: #DDB62B; }
  11733. .ansi-yellow-bg { background-color: #DDB62B; }
  11734. .ansi-yellow-intense-fg { color: #B27D12; }
  11735. .ansi-yellow-intense-bg { background-color: #B27D12; }
  11736. .ansi-blue-fg { color: #208FFB; }
  11737. .ansi-blue-bg { background-color: #208FFB; }
  11738. .ansi-blue-intense-fg { color: #0065CA; }
  11739. .ansi-blue-intense-bg { background-color: #0065CA; }
  11740. .ansi-magenta-fg { color: #D160C4; }
  11741. .ansi-magenta-bg { background-color: #D160C4; }
  11742. .ansi-magenta-intense-fg { color: #A03196; }
  11743. .ansi-magenta-intense-bg { background-color: #A03196; }
  11744. .ansi-cyan-fg { color: #60C6C8; }
  11745. .ansi-cyan-bg { background-color: #60C6C8; }
  11746. .ansi-cyan-intense-fg { color: #258F8F; }
  11747. .ansi-cyan-intense-bg { background-color: #258F8F; }
  11748. .ansi-white-fg { color: #C5C1B4; }
  11749. .ansi-white-bg { background-color: #C5C1B4; }
  11750. .ansi-white-intense-fg { color: #A1A6B2; }
  11751. .ansi-white-intense-bg { background-color: #A1A6B2; }
  11752. .ansi-bold { font-weight: bold; }
  11753. </style>
  11754. <style type="text/css">
  11755. /* Overrides of notebook CSS for static HTML export */
  11756. .reveal {
  11757. font-size: 160%;
  11758. overflow-y: scroll;
  11759. }
  11760. .reveal pre {
  11761. width: inherit;
  11762. padding: 0.4em;
  11763. margin: 0px;
  11764. font-family: monospace, sans-serif;
  11765. font-size: 80%;
  11766. box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
  11767. }
  11768. .reveal pre code {
  11769. padding: 0px;
  11770. }
  11771. .reveal section img {
  11772. border: 0px solid black;
  11773. box-shadow: 0 0 10px rgba(0, 0, 0, 0);
  11774. }
  11775. .reveal i {
  11776. font-style: normal;
  11777. font-family: FontAwesome;
  11778. font-size: 2em;
  11779. }
  11780. .reveal .slides {
  11781. text-align: left;
  11782. }
  11783. .reveal.fade {
  11784. opacity: 1;
  11785. }
  11786. .reveal .progress {
  11787. position: static;
  11788. }
  11789. div.input_area {
  11790. padding: 0.06em;
  11791. }
  11792. div.code_cell {
  11793. background-color: transparent;
  11794. }
  11795. div.prompt {
  11796. width: 11ex;
  11797. padding: 0.4em;
  11798. margin: 0px;
  11799. font-family: monospace, sans-serif;
  11800. font-size: 80%;
  11801. text-align: right;
  11802. }
  11803. div.output_area pre {
  11804. font-family: monospace, sans-serif;
  11805. font-size: 80%;
  11806. }
  11807. div.output_prompt {
  11808. /* 5px right shift to account for margin in parent container */
  11809. margin: 5px 5px 0 0;
  11810. }
  11811. div.text_cell.rendered .rendered_html {
  11812. /* The H1 height seems miscalculated, we are just hidding the scrollbar */
  11813. overflow-y: hidden;
  11814. }
  11815. a.anchor-link {
  11816. /* There is still an anchor, we are only hidding it */
  11817. display: none;
  11818. }
  11819. .rendered_html p {
  11820. text-align: inherit;
  11821. }
  11822. </style>
  11823. <!-- Custom stylesheet, it must be in the same directory as the html file -->
  11824. <link rel="stylesheet" href="custom.css">
  11825. </head>
  11826. <body>
  11827. <div class="reveal">
  11828. <div class="slides">
  11829. <section><section>
  11830. <div class="cell border-box-sizing text_cell rendered">
  11831. <div class="prompt input_prompt">
  11832. </div>
  11833. <div class="inner_cell">
  11834. <div class="text_cell_render border-box-sizing rendered_html">
  11835. <h1 id="Manipulating-DataFrames">Manipulating DataFrames<a class="anchor-link" href="#Manipulating-DataFrames">&#182;</a></h1>
  11836. </div>
  11837. </div>
  11838. </div><div class="fragment">
  11839. <div class="cell border-box-sizing text_cell rendered">
  11840. <div class="prompt input_prompt">
  11841. </div>
  11842. <div class="inner_cell">
  11843. <div class="text_cell_render border-box-sizing rendered_html">
  11844. <p>We will review our terminology for a quick moment:</p>
  11845. <ul>
  11846. <li><strong>index</strong> : the column and row indices of your Series or DataFrame, the index for each of these may be hiearchical<ul>
  11847. <li>row index : the index along the horizontal dimension, and typically used as the primary index</li>
  11848. <li>column index : the index along the vertical dimension</li>
  11849. </ul>
  11850. </li>
  11851. </ul>
  11852. <ul>
  11853. <li><strong>axis</strong> : the numeric designation for the <em>column</em> or <em>row</em> indices; typically <code>0</code> is the <em>column-axis</em> and <code>1</code> is the <em>row-axis</em>. When dealing with multi-indices, the hierarchy within the axis are referred to as <em>levels</em> and accessed similarly </li>
  11854. </ul>
  11855. </div>
  11856. </div>
  11857. </div></div></section></section><section><section>
  11858. <div class="cell border-box-sizing text_cell rendered">
  11859. <div class="prompt input_prompt">
  11860. </div>
  11861. <div class="inner_cell">
  11862. <div class="text_cell_render border-box-sizing rendered_html">
  11863. <h2 id="More-Selecting">More Selecting<a class="anchor-link" href="#More-Selecting">&#182;</a></h2><p>In the example for this section, we're going to go back to our Baseball data set and load the batting statistics into a DataFrame.</p>
  11864. </div>
  11865. </div>
  11866. </div><div class="fragment">
  11867. <div class="cell border-box-sizing code_cell rendered">
  11868. <div class="input">
  11869. <div class="prompt input_prompt">In&nbsp;[1]:</div>
  11870. <div class="inner_cell">
  11871. <div class="input_area">
  11872. <div class=" highlight hl-ipython3"><pre><span></span><span class="kn">import</span> <span class="nn">pandas</span> <span class="k">as</span> <span class="nn">pd</span>
  11873. <span class="c1"># get the data for players in 2015-16 who played in 100 or more games</span>
  11874. <span class="n">df</span> <span class="o">=</span> <span class="n">pd</span><span class="o">.</span><span class="n">read_csv</span><span class="p">(</span><span class="s2">&quot;./datasets/Batting.csv&quot;</span><span class="p">)</span>
  11875. </pre></div>
  11876. </div>
  11877. </div>
  11878. </div>
  11879. </div></div></section></section><section><section>
  11880. <div class="cell border-box-sizing text_cell rendered">
  11881. <div class="prompt input_prompt">
  11882. </div>
  11883. <div class="inner_cell">
  11884. <div class="text_cell_render border-box-sizing rendered_html">
  11885. <h3 id="The-convenient--[]-operator-(again)">The convenient <code>[]</code> operator (<em>again</em>)<a class="anchor-link" href="#The-convenient--[]-operator-(again)">&#182;</a></h3><p>As before basic slice selections can be made with the syntax similar to that found in lists using the convenience of the <code>[]</code> operator. For example, obtaining the first 5 rows of our data, or the last 15.</p>
  11886. </div>
  11887. </div>
  11888. </div></section><section>
  11889. <div class="cell border-box-sizing text_cell rendered">
  11890. <div class="prompt input_prompt">
  11891. </div>
  11892. <div class="inner_cell">
  11893. <div class="text_cell_render border-box-sizing rendered_html">
  11894. <p>We mostly worked on <em>row slicing</em> with the <code>[]</code> selector, but if we pass a <em>column label</em> or <strong>list</strong> of the columns we'd like, say the <code>RBI</code> and <code>G</code> (games played) data, we get mostly what we'd expect:</p>
  11895. </div>
  11896. </div>
  11897. </div><div class="fragment">
  11898. <div class="cell border-box-sizing code_cell rendered">
  11899. <div class="input">
  11900. <div class="prompt input_prompt">In&nbsp;[4]:</div>
  11901. <div class="inner_cell">
  11902. <div class="input_area">
  11903. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">df</span><span class="p">[</span><span class="s2">&quot;RBI&quot;</span><span class="p">][:</span><span class="mi">5</span><span class="p">]</span>
  11904. </pre></div>
  11905. </div>
  11906. </div>
  11907. </div>
  11908. <div class="output_wrapper">
  11909. <div class="output">
  11910. <div class="output_area">
  11911. <div class="prompt output_prompt">Out[4]:</div>
  11912. <div class="output_text output_subarea output_execute_result">
  11913. <pre>0 0.0
  11914. 1 13.0
  11915. 2 19.0
  11916. 3 27.0
  11917. 4 16.0
  11918. Name: RBI, dtype: float64</pre>
  11919. </div>
  11920. </div>
  11921. </div>
  11922. </div>
  11923. </div></div><div class="fragment">
  11924. <div class="cell border-box-sizing code_cell rendered">
  11925. <div class="input">
  11926. <div class="prompt input_prompt">In&nbsp;[5]:</div>
  11927. <div class="inner_cell">
  11928. <div class="input_area">
  11929. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">df</span><span class="p">[[</span><span class="s2">&quot;RBI&quot;</span><span class="p">,</span> <span class="s2">&quot;G&quot;</span><span class="p">]][:</span><span class="mi">10</span><span class="p">]</span>
  11930. </pre></div>
  11931. </div>
  11932. </div>
  11933. </div>
  11934. <div class="output_wrapper">
  11935. <div class="output">
  11936. <div class="output_area">
  11937. <div class="prompt output_prompt">Out[5]:</div>
  11938. <div class="output_html rendered_html output_subarea output_execute_result">
  11939. <div>
  11940. <style>
  11941. .dataframe thead tr:only-child th {
  11942. text-align: right;
  11943. }
  11944. .dataframe thead th {
  11945. text-align: left;
  11946. }
  11947. .dataframe tbody tr th {
  11948. vertical-align: top;
  11949. }
  11950. </style>
  11951. <table border="1" class="dataframe">
  11952. <thead>
  11953. <tr style="text-align: right;">
  11954. <th></th>
  11955. <th>RBI</th>
  11956. <th>G</th>
  11957. </tr>
  11958. </thead>
  11959. <tbody>
  11960. <tr>
  11961. <th>0</th>
  11962. <td>0.0</td>
  11963. <td>1</td>
  11964. </tr>
  11965. <tr>
  11966. <th>1</th>
  11967. <td>13.0</td>
  11968. <td>25</td>
  11969. </tr>
  11970. <tr>
  11971. <th>2</th>
  11972. <td>19.0</td>
  11973. <td>29</td>
  11974. </tr>
  11975. <tr>
  11976. <th>3</th>
  11977. <td>27.0</td>
  11978. <td>27</td>
  11979. </tr>
  11980. <tr>
  11981. <th>4</th>
  11982. <td>16.0</td>
  11983. <td>25</td>
  11984. </tr>
  11985. <tr>
  11986. <th>5</th>
  11987. <td>5.0</td>
  11988. <td>12</td>
  11989. </tr>
  11990. <tr>
  11991. <th>6</th>
  11992. <td>2.0</td>
  11993. <td>1</td>
  11994. </tr>
  11995. <tr>
  11996. <th>7</th>
  11997. <td>34.0</td>
  11998. <td>31</td>
  11999. </tr>
  12000. <tr>
  12001. <th>8</th>
  12002. <td>1.0</td>
  12003. <td>1</td>
  12004. </tr>
  12005. <tr>
  12006. <th>9</th>
  12007. <td>11.0</td>
  12008. <td>18</td>
  12009. </tr>
  12010. </tbody>
  12011. </table>
  12012. </div>
  12013. </div>
  12014. </div>
  12015. </div>
  12016. </div>
  12017. </div></div></section></section><section><section>
  12018. <div class="cell border-box-sizing text_cell rendered">
  12019. <div class="prompt input_prompt">
  12020. </div>
  12021. <div class="inner_cell">
  12022. <div class="text_cell_render border-box-sizing rendered_html">
  12023. <h3 id="Boolean-selecting">Boolean selecting<a class="anchor-link" href="#Boolean-selecting">&#182;</a></h3><p>We have yet to make more complex selections beyond index values. Now we're ready to introduce selecting by boolean value. With this kinds of selection, we're going to as Pandas to give us the Series or DataFrame that represents the <em>boolean</em> values of what we want, then we will allow <code>iloc</code> to reduce the resulting Series or DataFrame to what we're looking for. Let's see this in action.</p>
  12024. <p>Say we want to find all items in our DataFrame where <code>yearID</code> is <code>2015</code> or</p>
  12025. <pre><code>df.yearID == 2015</code></pre>
  12026. <p>Let's first see what this does.</p>
  12027. </div>
  12028. </div>
  12029. </div></section><section>
  12030. <div class="cell border-box-sizing code_cell rendered">
  12031. <div class="input">
  12032. <div class="prompt input_prompt">In&nbsp;[7]:</div>
  12033. <div class="inner_cell">
  12034. <div class="input_area">
  12035. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">df</span><span class="o">.</span><span class="n">yearID</span> <span class="o">==</span> <span class="mi">2015</span>
  12036. </pre></div>
  12037. </div>
  12038. </div>
  12039. </div>
  12040. <div class="output_wrapper">
  12041. <div class="output">
  12042. <div class="output_area">
  12043. <div class="prompt output_prompt">Out[7]:</div>
  12044. <div class="output_text output_subarea output_execute_result">
  12045. <pre>0 False
  12046. 1 False
  12047. 2 False
  12048. 3 False
  12049. 4 False
  12050. 5 False
  12051. 6 False
  12052. 7 False
  12053. 8 False
  12054. 9 False
  12055. 10 False
  12056. 11 False
  12057. 12 False
  12058. 13 False
  12059. 14 False
  12060. 15 False
  12061. 16 False
  12062. 17 False
  12063. 18 False
  12064. 19 False
  12065. 20 False
  12066. 21 False
  12067. 22 False
  12068. 23 False
  12069. 24 False
  12070. 25 False
  12071. 26 False
  12072. 27 False
  12073. 28 False
  12074. 29 False
  12075. ...
  12076. 102786 False
  12077. 102787 False
  12078. 102788 False
  12079. 102789 False
  12080. 102790 False
  12081. 102791 False
  12082. 102792 False
  12083. 102793 False
  12084. 102794 False
  12085. 102795 False
  12086. 102796 False
  12087. 102797 False
  12088. 102798 False
  12089. 102799 False
  12090. 102800 False
  12091. 102801 False
  12092. 102802 False
  12093. 102803 False
  12094. 102804 False
  12095. 102805 False
  12096. 102806 False
  12097. 102807 False
  12098. 102808 False
  12099. 102809 False
  12100. 102810 False
  12101. 102811 False
  12102. 102812 False
  12103. 102813 False
  12104. 102814 False
  12105. 102815 False
  12106. Name: yearID, Length: 102816, dtype: bool</pre>
  12107. </div>
  12108. </div>
  12109. </div>
  12110. </div>
  12111. </div></section><section>
  12112. <div class="cell border-box-sizing code_cell rendered">
  12113. <div class="input">
  12114. <div class="prompt input_prompt">In&nbsp;[8]:</div>
  12115. <div class="inner_cell">
  12116. <div class="input_area">
  12117. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">df</span><span class="o">.</span><span class="n">loc</span><span class="p">[</span><span class="n">df</span><span class="o">.</span><span class="n">yearID</span> <span class="o">==</span> <span class="mi">2015</span><span class="p">][:</span><span class="mi">10</span><span class="p">]</span> <span class="c1"># note we&#39;re restricting the return to just the first 10 values</span>
  12118. </pre></div>
  12119. </div>
  12120. </div>
  12121. </div>
  12122. <div class="output_wrapper">
  12123. <div class="output">
  12124. <div class="output_area">
  12125. <div class="prompt output_prompt">Out[8]:</div>
  12126. <div class="output_html rendered_html output_subarea output_execute_result">
  12127. <div>
  12128. <style>
  12129. .dataframe thead tr:only-child th {
  12130. text-align: right;
  12131. }
  12132. .dataframe thead th {
  12133. text-align: left;
  12134. }
  12135. .dataframe tbody tr th {
  12136. vertical-align: top;
  12137. }
  12138. </style>
  12139. <table border="1" class="dataframe">
  12140. <thead>
  12141. <tr style="text-align: right;">
  12142. <th></th>
  12143. <th>playerID</th>
  12144. <th>yearID</th>
  12145. <th>stint</th>
  12146. <th>teamID</th>
  12147. <th>lgID</th>
  12148. <th>G</th>
  12149. <th>AB</th>
  12150. <th>R</th>
  12151. <th>H</th>
  12152. <th>2B</th>
  12153. <th>...</th>
  12154. <th>RBI</th>
  12155. <th>SB</th>
  12156. <th>CS</th>
  12157. <th>BB</th>
  12158. <th>SO</th>
  12159. <th>IBB</th>
  12160. <th>HBP</th>
  12161. <th>SH</th>
  12162. <th>SF</th>
  12163. <th>GIDP</th>
  12164. </tr>
  12165. </thead>
  12166. <tbody>
  12167. <tr>
  12168. <th>99847</th>
  12169. <td>aardsda01</td>
  12170. <td>2015</td>
  12171. <td>1</td>
  12172. <td>ATL</td>
  12173. <td>NL</td>
  12174. <td>33</td>
  12175. <td>1</td>
  12176. <td>0</td>
  12177. <td>0</td>
  12178. <td>0</td>
  12179. <td>...</td>
  12180. <td>0.0</td>
  12181. <td>0.0</td>
  12182. <td>0.0</td>
  12183. <td>0</td>
  12184. <td>1.0</td>
  12185. <td>0.0</td>
  12186. <td>0.0</td>
  12187. <td>0.0</td>
  12188. <td>0.0</td>
  12189. <td>0.0</td>
  12190. </tr>
  12191. <tr>
  12192. <th>99848</th>
  12193. <td>abadfe01</td>
  12194. <td>2015</td>
  12195. <td>1</td>
  12196. <td>OAK</td>
  12197. <td>AL</td>
  12198. <td>62</td>
  12199. <td>0</td>
  12200. <td>0</td>
  12201. <td>0</td>
  12202. <td>0</td>
  12203. <td>...</td>
  12204. <td>0.0</td>
  12205. <td>0.0</td>
  12206. <td>0.0</td>
  12207. <td>0</td>
  12208. <td>0.0</td>
  12209. <td>0.0</td>
  12210. <td>0.0</td>
  12211. <td>0.0</td>
  12212. <td>0.0</td>
  12213. <td>0.0</td>
  12214. </tr>
  12215. <tr>
  12216. <th>99849</th>
  12217. <td>abreujo02</td>
  12218. <td>2015</td>
  12219. <td>1</td>
  12220. <td>CHA</td>
  12221. <td>AL</td>
  12222. <td>154</td>
  12223. <td>613</td>
  12224. <td>88</td>
  12225. <td>178</td>
  12226. <td>34</td>
  12227. <td>...</td>
  12228. <td>101.0</td>
  12229. <td>0.0</td>
  12230. <td>0.0</td>
  12231. <td>39</td>
  12232. <td>140.0</td>
  12233. <td>11.0</td>
  12234. <td>15.0</td>
  12235. <td>0.0</td>
  12236. <td>1.0</td>
  12237. <td>16.0</td>
  12238. </tr>
  12239. <tr>
  12240. <th>99850</th>
  12241. <td>achteaj01</td>
  12242. <td>2015</td>
  12243. <td>1</td>
  12244. <td>MIN</td>
  12245. <td>AL</td>
  12246. <td>11</td>
  12247. <td>0</td>
  12248. <td>0</td>
  12249. <td>0</td>
  12250. <td>0</td>
  12251. <td>...</td>
  12252. <td>0.0</td>
  12253. <td>0.0</td>
  12254. <td>0.0</td>
  12255. <td>0</td>
  12256. <td>0.0</td>
  12257. <td>0.0</td>
  12258. <td>0.0</td>
  12259. <td>0.0</td>
  12260. <td>0.0</td>
  12261. <td>0.0</td>
  12262. </tr>
  12263. <tr>
  12264. <th>99851</th>
  12265. <td>ackledu01</td>
  12266. <td>2015</td>
  12267. <td>1</td>
  12268. <td>SEA</td>
  12269. <td>AL</td>
  12270. <td>85</td>
  12271. <td>186</td>
  12272. <td>22</td>
  12273. <td>40</td>
  12274. <td>8</td>
  12275. <td>...</td>
  12276. <td>19.0</td>
  12277. <td>2.0</td>
  12278. <td>2.0</td>
  12279. <td>14</td>
  12280. <td>38.0</td>
  12281. <td>0.0</td>
  12282. <td>1.0</td>
  12283. <td>3.0</td>
  12284. <td>3.0</td>
  12285. <td>3.0</td>
  12286. </tr>
  12287. <tr>
  12288. <th>99852</th>
  12289. <td>ackledu01</td>
  12290. <td>2015</td>
  12291. <td>2</td>
  12292. <td>NYA</td>
  12293. <td>AL</td>
  12294. <td>23</td>
  12295. <td>52</td>
  12296. <td>6</td>
  12297. <td>15</td>
  12298. <td>3</td>
  12299. <td>...</td>
  12300. <td>11.0</td>
  12301. <td>0.0</td>
  12302. <td>0.0</td>
  12303. <td>4</td>
  12304. <td>7.0</td>
  12305. <td>0.0</td>
  12306. <td>0.0</td>
  12307. <td>0.0</td>
  12308. <td>1.0</td>
  12309. <td>0.0</td>
  12310. </tr>
  12311. <tr>
  12312. <th>99853</th>
  12313. <td>adamecr01</td>
  12314. <td>2015</td>
  12315. <td>1</td>
  12316. <td>COL</td>
  12317. <td>NL</td>
  12318. <td>26</td>
  12319. <td>53</td>
  12320. <td>4</td>
  12321. <td>13</td>
  12322. <td>1</td>
  12323. <td>...</td>
  12324. <td>3.0</td>
  12325. <td>0.0</td>
  12326. <td>1.0</td>
  12327. <td>3</td>
  12328. <td>11.0</td>
  12329. <td>1.0</td>
  12330. <td>1.0</td>
  12331. <td>1.0</td>
  12332. <td>0.0</td>
  12333. <td>0.0</td>
  12334. </tr>
  12335. <tr>
  12336. <th>99854</th>
  12337. <td>adamsau01</td>
  12338. <td>2015</td>
  12339. <td>1</td>
  12340. <td>CLE</td>
  12341. <td>AL</td>
  12342. <td>28</td>
  12343. <td>1</td>
  12344. <td>0</td>
  12345. <td>0</td>
  12346. <td>0</td>
  12347. <td>...</td>
  12348. <td>0.0</td>
  12349. <td>0.0</td>
  12350. <td>0.0</td>
  12351. <td>0</td>
  12352. <td>0.0</td>
  12353. <td>0.0</td>
  12354. <td>0.0</td>
  12355. <td>0.0</td>
  12356. <td>0.0</td>
  12357. <td>1.0</td>
  12358. </tr>
  12359. <tr>
  12360. <th>99855</th>
  12361. <td>adamsma01</td>
  12362. <td>2015</td>
  12363. <td>1</td>
  12364. <td>SLN</td>
  12365. <td>NL</td>
  12366. <td>60</td>
  12367. <td>175</td>
  12368. <td>14</td>
  12369. <td>42</td>
  12370. <td>9</td>
  12371. <td>...</td>
  12372. <td>24.0</td>
  12373. <td>1.0</td>
  12374. <td>0.0</td>
  12375. <td>10</td>
  12376. <td>41.0</td>
  12377. <td>1.0</td>
  12378. <td>0.0</td>
  12379. <td>0.0</td>
  12380. <td>1.0</td>
  12381. <td>1.0</td>
  12382. </tr>
  12383. <tr>
  12384. <th>99856</th>
  12385. <td>adcocna01</td>
  12386. <td>2015</td>
  12387. <td>1</td>
  12388. <td>CIN</td>
  12389. <td>NL</td>
  12390. <td>13</td>
  12391. <td>0</td>
  12392. <td>0</td>
  12393. <td>0</td>
  12394. <td>0</td>
  12395. <td>...</td>
  12396. <td>0.0</td>
  12397. <td>0.0</td>
  12398. <td>0.0</td>
  12399. <td>0</td>
  12400. <td>0.0</td>
  12401. <td>0.0</td>
  12402. <td>0.0</td>
  12403. <td>0.0</td>
  12404. <td>0.0</td>
  12405. <td>0.0</td>
  12406. </tr>
  12407. </tbody>
  12408. </table>
  12409. <p>10 rows × 22 columns</p>
  12410. </div>
  12411. </div>
  12412. </div>
  12413. </div>
  12414. </div>
  12415. </div></section></section><section><section>
  12416. <div class="cell border-box-sizing text_cell rendered">
  12417. <div class="prompt input_prompt">
  12418. </div>
  12419. <div class="inner_cell">
  12420. <div class="text_cell_render border-box-sizing rendered_html">
  12421. <p>Now what if we wanted the restrict this further by team. Say we wanted to see only the <a href="https://www.mlb.com/twins">Minesota Twins</a> player data for 2015. That is</p>
  12422. <pre><code>df.yearID == 2015
  12423. AND
  12424. df.teamID == "MIN"</code></pre>
  12425. <p>We simply put these in parethesis and use the <code>&amp;</code> operator.</p>
  12426. </div>
  12427. </div>
  12428. </div></section><section>
  12429. <div class="cell border-box-sizing code_cell rendered">
  12430. <div class="input">
  12431. <div class="prompt input_prompt">In&nbsp;[9]:</div>
  12432. <div class="inner_cell">
  12433. <div class="input_area">
  12434. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">df</span><span class="o">.</span><span class="n">loc</span><span class="p">[(</span><span class="n">df</span><span class="o">.</span><span class="n">yearID</span> <span class="o">==</span> <span class="mi">2015</span><span class="p">)</span> <span class="o">&amp;</span> <span class="p">(</span><span class="n">df</span><span class="o">.</span><span class="n">teamID</span> <span class="o">==</span> <span class="s2">&quot;MIN&quot;</span><span class="p">)]</span><span class="o">.</span><span class="n">head</span><span class="p">(</span><span class="mi">10</span><span class="p">)</span>
  12435. </pre></div>
  12436. </div>
  12437. </div>
  12438. </div>
  12439. <div class="output_wrapper">
  12440. <div class="output">
  12441. <div class="output_area">
  12442. <div class="prompt output_prompt">Out[9]:</div>
  12443. <div class="output_html rendered_html output_subarea output_execute_result">
  12444. <div>
  12445. <style>
  12446. .dataframe thead tr:only-child th {
  12447. text-align: right;
  12448. }
  12449. .dataframe thead th {
  12450. text-align: left;
  12451. }
  12452. .dataframe tbody tr th {
  12453. vertical-align: top;
  12454. }
  12455. </style>
  12456. <table border="1" class="dataframe">
  12457. <thead>
  12458. <tr style="text-align: right;">
  12459. <th></th>
  12460. <th>playerID</th>
  12461. <th>yearID</th>
  12462. <th>stint</th>
  12463. <th>teamID</th>
  12464. <th>lgID</th>
  12465. <th>G</th>
  12466. <th>AB</th>
  12467. <th>R</th>
  12468. <th>H</th>
  12469. <th>2B</th>
  12470. <th>...</th>
  12471. <th>RBI</th>
  12472. <th>SB</th>
  12473. <th>CS</th>
  12474. <th>BB</th>
  12475. <th>SO</th>
  12476. <th>IBB</th>
  12477. <th>HBP</th>
  12478. <th>SH</th>
  12479. <th>SF</th>
  12480. <th>GIDP</th>
  12481. </tr>
  12482. </thead>
  12483. <tbody>
  12484. <tr>
  12485. <th>99850</th>
  12486. <td>achteaj01</td>
  12487. <td>2015</td>
  12488. <td>1</td>
  12489. <td>MIN</td>
  12490. <td>AL</td>
  12491. <td>11</td>
  12492. <td>0</td>
  12493. <td>0</td>
  12494. <td>0</td>
  12495. <td>0</td>
  12496. <td>...</td>
  12497. <td>0.0</td>
  12498. <td>0.0</td>
  12499. <td>0.0</td>
  12500. <td>0</td>
  12501. <td>0.0</td>
  12502. <td>0.0</td>
  12503. <td>0.0</td>
  12504. <td>0.0</td>
  12505. <td>0.0</td>
  12506. <td>0.0</td>
  12507. </tr>
  12508. <tr>
  12509. <th>99891</th>
  12510. <td>arciaos01</td>
  12511. <td>2015</td>
  12512. <td>1</td>
  12513. <td>MIN</td>
  12514. <td>AL</td>
  12515. <td>19</td>
  12516. <td>58</td>
  12517. <td>6</td>
  12518. <td>16</td>
  12519. <td>0</td>
  12520. <td>...</td>
  12521. <td>8.0</td>
  12522. <td>0.0</td>
  12523. <td>0.0</td>
  12524. <td>4</td>
  12525. <td>15.0</td>
  12526. <td>4.0</td>
  12527. <td>2.0</td>
  12528. <td>0.0</td>
  12529. <td>1.0</td>
  12530. <td>2.0</td>
  12531. </tr>
  12532. <tr>
  12533. <th>99954</th>
  12534. <td>bernido01</td>
  12535. <td>2015</td>
  12536. <td>1</td>
  12537. <td>MIN</td>
  12538. <td>AL</td>
  12539. <td>4</td>
  12540. <td>5</td>
  12541. <td>1</td>
  12542. <td>1</td>
  12543. <td>1</td>
  12544. <td>...</td>
  12545. <td>2.0</td>
  12546. <td>0.0</td>
  12547. <td>0.0</td>
  12548. <td>1</td>
  12549. <td>3.0</td>
  12550. <td>0.0</td>
  12551. <td>0.0</td>
  12552. <td>0.0</td>
  12553. <td>0.0</td>
  12554. <td>0.0</td>
  12555. </tr>
  12556. <tr>
  12557. <th>99988</th>
  12558. <td>boyerbl01</td>
  12559. <td>2015</td>
  12560. <td>1</td>
  12561. <td>MIN</td>
  12562. <td>AL</td>
  12563. <td>68</td>
  12564. <td>0</td>
  12565. <td>0</td>
  12566. <td>0</td>
  12567. <td>0</td>
  12568. <td>...</td>
  12569. <td>0.0</td>
  12570. <td>0.0</td>
  12571. <td>0.0</td>
  12572. <td>0</td>
  12573. <td>0.0</td>
  12574. <td>0.0</td>
  12575. <td>0.0</td>
  12576. <td>0.0</td>
  12577. <td>0.0</td>
  12578. <td>0.0</td>
  12579. </tr>
  12580. <tr>
  12581. <th>100030</th>
  12582. <td>buxtoby01</td>
  12583. <td>2015</td>
  12584. <td>1</td>
  12585. <td>MIN</td>
  12586. <td>AL</td>
  12587. <td>46</td>
  12588. <td>129</td>
  12589. <td>16</td>
  12590. <td>27</td>
  12591. <td>7</td>
  12592. <td>...</td>
  12593. <td>6.0</td>
  12594. <td>2.0</td>
  12595. <td>2.0</td>
  12596. <td>6</td>
  12597. <td>44.0</td>
  12598. <td>0.0</td>
  12599. <td>1.0</td>
  12600. <td>2.0</td>
  12601. <td>0.0</td>
  12602. <td>1.0</td>
  12603. </tr>
  12604. <tr>
  12605. <th>100139</th>
  12606. <td>cottsne01</td>
  12607. <td>2015</td>
  12608. <td>2</td>
  12609. <td>MIN</td>
  12610. <td>AL</td>
  12611. <td>17</td>
  12612. <td>0</td>
  12613. <td>0</td>
  12614. <td>0</td>
  12615. <td>0</td>
  12616. <td>...</td>
  12617. <td>0.0</td>
  12618. <td>0.0</td>
  12619. <td>0.0</td>
  12620. <td>0</td>
  12621. <td>0.0</td>
  12622. <td>0.0</td>
  12623. <td>0.0</td>
  12624. <td>0.0</td>
  12625. <td>0.0</td>
  12626. <td>0.0</td>
  12627. </tr>
  12628. <tr>
  12629. <th>100215</th>
  12630. <td>doziebr01</td>
  12631. <td>2015</td>
  12632. <td>1</td>
  12633. <td>MIN</td>
  12634. <td>AL</td>
  12635. <td>157</td>
  12636. <td>628</td>
  12637. <td>101</td>
  12638. <td>148</td>
  12639. <td>39</td>
  12640. <td>...</td>
  12641. <td>77.0</td>
  12642. <td>12.0</td>
  12643. <td>4.0</td>
  12644. <td>61</td>
  12645. <td>148.0</td>
  12646. <td>2.0</td>
  12647. <td>7.0</td>
  12648. <td>0.0</td>
  12649. <td>8.0</td>
  12650. <td>10.0</td>
  12651. </tr>
  12652. <tr>
  12653. <th>100221</th>
  12654. <td>duensbr01</td>
  12655. <td>2015</td>
  12656. <td>1</td>
  12657. <td>MIN</td>
  12658. <td>AL</td>
  12659. <td>55</td>
  12660. <td>1</td>
  12661. <td>0</td>
  12662. <td>0</td>
  12663. <td>0</td>
  12664. <td>...</td>
  12665. <td>0.0</td>
  12666. <td>0.0</td>
  12667. <td>0.0</td>
  12668. <td>0</td>
  12669. <td>0.0</td>
  12670. <td>0.0</td>
  12671. <td>0.0</td>
  12672. <td>0.0</td>
  12673. <td>0.0</td>
  12674. <td>0.0</td>
  12675. </tr>
  12676. <tr>
  12677. <th>100222</th>
  12678. <td>duffety01</td>
  12679. <td>2015</td>
  12680. <td>1</td>
  12681. <td>MIN</td>
  12682. <td>AL</td>
  12683. <td>10</td>
  12684. <td>0</td>
  12685. <td>0</td>
  12686. <td>0</td>
  12687. <td>0</td>
  12688. <td>...</td>
  12689. <td>0.0</td>
  12690. <td>0.0</td>
  12691. <td>0.0</td>
  12692. <td>0</td>
  12693. <td>0.0</td>
  12694. <td>0.0</td>
  12695. <td>0.0</td>
  12696. <td>0.0</td>
  12697. <td>0.0</td>
  12698. <td>0.0</td>
  12699. </tr>
  12700. <tr>
  12701. <th>100249</th>
  12702. <td>escobed01</td>
  12703. <td>2015</td>
  12704. <td>1</td>
  12705. <td>MIN</td>
  12706. <td>AL</td>
  12707. <td>127</td>
  12708. <td>409</td>
  12709. <td>48</td>
  12710. <td>107</td>
  12711. <td>31</td>
  12712. <td>...</td>
  12713. <td>58.0</td>
  12714. <td>2.0</td>
  12715. <td>3.0</td>
  12716. <td>28</td>
  12717. <td>86.0</td>
  12718. <td>1.0</td>
  12719. <td>2.0</td>
  12720. <td>2.0</td>
  12721. <td>5.0</td>
  12722. <td>7.0</td>
  12723. </tr>
  12724. </tbody>
  12725. </table>
  12726. <p>10 rows × 22 columns</p>
  12727. </div>
  12728. </div>
  12729. </div>
  12730. </div>
  12731. </div>
  12732. </div></section><section>
  12733. <div class="cell border-box-sizing text_cell rendered">
  12734. <div class="prompt input_prompt">
  12735. </div>
  12736. <div class="inner_cell">
  12737. <div class="text_cell_render border-box-sizing rendered_html">
  12738. <p>Now what if we wanted to restrict a subset of columns. This is easy with <code>iloc[]</code> ... we will just use our boolean expression as above for the <em>row selection</em> and then the list of columns for our <em>column selection</em> (in this case a much smaller subset of data).</p>
  12739. </div>
  12740. </div>
  12741. </div></section><section>
  12742. <div class="cell border-box-sizing code_cell rendered">
  12743. <div class="input">
  12744. <div class="prompt input_prompt">In&nbsp;[10]:</div>
  12745. <div class="inner_cell">
  12746. <div class="input_area">
  12747. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">df</span><span class="o">.</span><span class="n">loc</span><span class="p">[(</span><span class="n">df</span><span class="o">.</span><span class="n">yearID</span> <span class="o">==</span> <span class="mi">2015</span><span class="p">)</span> <span class="o">&amp;</span> <span class="p">(</span><span class="n">df</span><span class="o">.</span><span class="n">teamID</span> <span class="o">==</span> <span class="s2">&quot;MIN&quot;</span><span class="p">),</span>\
  12748. <span class="p">[</span><span class="s1">&#39;playerID&#39;</span><span class="p">,</span> <span class="s1">&#39;G&#39;</span><span class="p">,</span> <span class="s1">&#39;AB&#39;</span><span class="p">,</span> <span class="s1">&#39;H&#39;</span><span class="p">,</span> <span class="s1">&#39;HR&#39;</span><span class="p">,</span> <span class="s1">&#39;RBI&#39;</span><span class="p">]]</span>
  12749. </pre></div>
  12750. </div>
  12751. </div>
  12752. </div>
  12753. <div class="output_wrapper">
  12754. <div class="output">
  12755. <div class="output_area">
  12756. <div class="prompt output_prompt">Out[10]:</div>
  12757. <div class="output_html rendered_html output_subarea output_execute_result">
  12758. <div>
  12759. <style>
  12760. .dataframe thead tr:only-child th {
  12761. text-align: right;
  12762. }
  12763. .dataframe thead th {
  12764. text-align: left;
  12765. }
  12766. .dataframe tbody tr th {
  12767. vertical-align: top;
  12768. }
  12769. </style>
  12770. <table border="1" class="dataframe">
  12771. <thead>
  12772. <tr style="text-align: right;">
  12773. <th></th>
  12774. <th>playerID</th>
  12775. <th>G</th>
  12776. <th>AB</th>
  12777. <th>H</th>
  12778. <th>HR</th>
  12779. <th>RBI</th>
  12780. </tr>
  12781. </thead>
  12782. <tbody>
  12783. <tr>
  12784. <th>99850</th>
  12785. <td>achteaj01</td>
  12786. <td>11</td>
  12787. <td>0</td>
  12788. <td>0</td>
  12789. <td>0</td>
  12790. <td>0.0</td>
  12791. </tr>
  12792. <tr>
  12793. <th>99891</th>
  12794. <td>arciaos01</td>
  12795. <td>19</td>
  12796. <td>58</td>
  12797. <td>16</td>
  12798. <td>2</td>
  12799. <td>8.0</td>
  12800. </tr>
  12801. <tr>
  12802. <th>99954</th>
  12803. <td>bernido01</td>
  12804. <td>4</td>
  12805. <td>5</td>
  12806. <td>1</td>
  12807. <td>0</td>
  12808. <td>2.0</td>
  12809. </tr>
  12810. <tr>
  12811. <th>99988</th>
  12812. <td>boyerbl01</td>
  12813. <td>68</td>
  12814. <td>0</td>
  12815. <td>0</td>
  12816. <td>0</td>
  12817. <td>0.0</td>
  12818. </tr>
  12819. <tr>
  12820. <th>100030</th>
  12821. <td>buxtoby01</td>
  12822. <td>46</td>
  12823. <td>129</td>
  12824. <td>27</td>
  12825. <td>2</td>
  12826. <td>6.0</td>
  12827. </tr>
  12828. <tr>
  12829. <th>100139</th>
  12830. <td>cottsne01</td>
  12831. <td>17</td>
  12832. <td>0</td>
  12833. <td>0</td>
  12834. <td>0</td>
  12835. <td>0.0</td>
  12836. </tr>
  12837. <tr>
  12838. <th>100215</th>
  12839. <td>doziebr01</td>
  12840. <td>157</td>
  12841. <td>628</td>
  12842. <td>148</td>
  12843. <td>28</td>
  12844. <td>77.0</td>
  12845. </tr>
  12846. <tr>
  12847. <th>100221</th>
  12848. <td>duensbr01</td>
  12849. <td>55</td>
  12850. <td>1</td>
  12851. <td>0</td>
  12852. <td>0</td>
  12853. <td>0.0</td>
  12854. </tr>
  12855. <tr>
  12856. <th>100222</th>
  12857. <td>duffety01</td>
  12858. <td>10</td>
  12859. <td>0</td>
  12860. <td>0</td>
  12861. <td>0</td>
  12862. <td>0.0</td>
  12863. </tr>
  12864. <tr>
  12865. <th>100249</th>
  12866. <td>escobed01</td>
  12867. <td>127</td>
  12868. <td>409</td>
  12869. <td>107</td>
  12870. <td>12</td>
  12871. <td>58.0</td>
  12872. </tr>
  12873. <tr>
  12874. <th>100270</th>
  12875. <td>fienca01</td>
  12876. <td>62</td>
  12877. <td>0</td>
  12878. <td>0</td>
  12879. <td>0</td>
  12880. <td>0.0</td>
  12881. </tr>
  12882. <tr>
  12883. <th>100302</th>
  12884. <td>fryerer01</td>
  12885. <td>15</td>
  12886. <td>22</td>
  12887. <td>5</td>
  12888. <td>0</td>
  12889. <td>2.0</td>
  12890. </tr>
  12891. <tr>
  12892. <th>100333</th>
  12893. <td>gibsoky01</td>
  12894. <td>32</td>
  12895. <td>5</td>
  12896. <td>1</td>
  12897. <td>0</td>
  12898. <td>0.0</td>
  12899. </tr>
  12900. <tr>
  12901. <th>100373</th>
  12902. <td>grahajr01</td>
  12903. <td>39</td>
  12904. <td>0</td>
  12905. <td>0</td>
  12906. <td>0</td>
  12907. <td>0.0</td>
  12908. </tr>
  12909. <tr>
  12910. <th>100455</th>
  12911. <td>herrmch01</td>
  12912. <td>45</td>
  12913. <td>103</td>
  12914. <td>15</td>
  12915. <td>2</td>
  12916. <td>10.0</td>
  12917. </tr>
  12918. <tr>
  12919. <th>100459</th>
  12920. <td>hicksaa01</td>
  12921. <td>97</td>
  12922. <td>352</td>
  12923. <td>90</td>
  12924. <td>11</td>
  12925. <td>33.0</td>
  12926. </tr>
  12927. <tr>
  12928. <th>100486</th>
  12929. <td>hugheph01</td>
  12930. <td>27</td>
  12931. <td>3</td>
  12932. <td>0</td>
  12933. <td>0</td>
  12934. <td>0.0</td>
  12935. </tr>
  12936. <tr>
  12937. <th>100488</th>
  12938. <td>hunteto01</td>
  12939. <td>139</td>
  12940. <td>521</td>
  12941. <td>125</td>
  12942. <td>22</td>
  12943. <td>81.0</td>
  12944. </tr>
  12945. <tr>
  12946. <th>100521</th>
  12947. <td>jepseke01</td>
  12948. <td>29</td>
  12949. <td>0</td>
  12950. <td>0</td>
  12951. <td>0</td>
  12952. <td>0.0</td>
  12953. </tr>
  12954. <tr>
  12955. <th>100564</th>
  12956. <td>keplema01</td>
  12957. <td>3</td>
  12958. <td>7</td>
  12959. <td>1</td>
  12960. <td>0</td>
  12961. <td>0.0</td>
  12962. </tr>
  12963. <tr>
  12964. <th>100696</th>
  12965. <td>mauerjo01</td>
  12966. <td>158</td>
  12967. <td>592</td>
  12968. <td>157</td>
  12969. <td>10</td>
  12970. <td>66.0</td>
  12971. </tr>
  12972. <tr>
  12973. <th>100701</th>
  12974. <td>maytr01</td>
  12975. <td>48</td>
  12976. <td>3</td>
  12977. <td>0</td>
  12978. <td>0</td>
  12979. <td>0.0</td>
  12980. </tr>
  12981. <tr>
  12982. <th>100729</th>
  12983. <td>meyeral01</td>
  12984. <td>2</td>
  12985. <td>0</td>
  12986. <td>0</td>
  12987. <td>0</td>
  12988. <td>0.0</td>
  12989. </tr>
  12990. <tr>
  12991. <th>100737</th>
  12992. <td>milonto01</td>
  12993. <td>24</td>
  12994. <td>2</td>
  12995. <td>0</td>
  12996. <td>0</td>
  12997. <td>0.0</td>
  12998. </tr>
  12999. <tr>
  13000. <th>100807</th>
  13001. <td>nolasri01</td>
  13002. <td>9</td>
  13003. <td>3</td>
  13004. <td>0</td>
  13005. <td>0</td>
  13006. <td>0.0</td>
  13007. </tr>
  13008. <tr>
  13009. <th>100816</th>
  13010. <td>nunezed02</td>
  13011. <td>72</td>
  13012. <td>188</td>
  13013. <td>53</td>
  13014. <td>4</td>
  13015. <td>20.0</td>
  13016. </tr>
  13017. <tr>
  13018. <th>100837</th>
  13019. <td>orourry01</td>
  13020. <td>28</td>
  13021. <td>0</td>
  13022. <td>0</td>
  13023. <td>0</td>
  13024. <td>0.0</td>
  13025. </tr>
  13026. <tr>
  13027. <th>100872</th>
  13028. <td>pelfrmi01</td>
  13029. <td>30</td>
  13030. <td>3</td>
  13031. <td>2</td>
  13032. <td>0</td>
  13033. <td>0.0</td>
  13034. </tr>
  13035. <tr>
  13036. <th>100895</th>
  13037. <td>perkigl01</td>
  13038. <td>60</td>
  13039. <td>0</td>
  13040. <td>0</td>
  13041. <td>0</td>
  13042. <td>0.0</td>
  13043. </tr>
  13044. <tr>
  13045. <th>100915</th>
  13046. <td>plouftr01</td>
  13047. <td>152</td>
  13048. <td>573</td>
  13049. <td>140</td>
  13050. <td>22</td>
  13051. <td>86.0</td>
  13052. </tr>
  13053. <tr>
  13054. <th>100917</th>
  13055. <td>polanjo01</td>
  13056. <td>4</td>
  13057. <td>10</td>
  13058. <td>3</td>
  13059. <td>0</td>
  13060. <td>1.0</td>
  13061. </tr>
  13062. <tr>
  13063. <th>100925</th>
  13064. <td>pressry01</td>
  13065. <td>27</td>
  13066. <td>0</td>
  13067. <td>0</td>
  13068. <td>0</td>
  13069. <td>0.0</td>
  13070. </tr>
  13071. <tr>
  13072. <th>100994</th>
  13073. <td>robinsh01</td>
  13074. <td>83</td>
  13075. <td>180</td>
  13076. <td>45</td>
  13077. <td>0</td>
  13078. <td>16.0</td>
  13079. </tr>
  13080. <tr>
  13081. <th>101023</th>
  13082. <td>rosared01</td>
  13083. <td>122</td>
  13084. <td>453</td>
  13085. <td>121</td>
  13086. <td>13</td>
  13087. <td>50.0</td>
  13088. </tr>
  13089. <tr>
  13090. <th>101067</th>
  13091. <td>sanomi01</td>
  13092. <td>80</td>
  13093. <td>279</td>
  13094. <td>75</td>
  13095. <td>18</td>
  13096. <td>52.0</td>
  13097. </tr>
  13098. <tr>
  13099. <th>101069</th>
  13100. <td>santada01</td>
  13101. <td>91</td>
  13102. <td>261</td>
  13103. <td>56</td>
  13104. <td>0</td>
  13105. <td>21.0</td>
  13106. </tr>
  13107. <tr>
  13108. <th>101072</th>
  13109. <td>santaer01</td>
  13110. <td>17</td>
  13111. <td>0</td>
  13112. <td>0</td>
  13113. <td>0</td>
  13114. <td>0.0</td>
  13115. </tr>
  13116. <tr>
  13117. <th>101079</th>
  13118. <td>schafjo02</td>
  13119. <td>27</td>
  13120. <td>69</td>
  13121. <td>15</td>
  13122. <td>0</td>
  13123. <td>5.0</td>
  13124. </tr>
  13125. <tr>
  13126. <th>101144</th>
  13127. <td>staufti01</td>
  13128. <td>13</td>
  13129. <td>0</td>
  13130. <td>0</td>
  13131. <td>0</td>
  13132. <td>0.0</td>
  13133. </tr>
  13134. <tr>
  13135. <th>101164</th>
  13136. <td>suzukku01</td>
  13137. <td>131</td>
  13138. <td>433</td>
  13139. <td>104</td>
  13140. <td>5</td>
  13141. <td>50.0</td>
  13142. </tr>
  13143. <tr>
  13144. <th>101189</th>
  13145. <td>thielca01</td>
  13146. <td>6</td>
  13147. <td>0</td>
  13148. <td>0</td>
  13149. <td>0</td>
  13150. <td>0.0</td>
  13151. </tr>
  13152. <tr>
  13153. <th>101193</th>
  13154. <td>thompaa01</td>
  13155. <td>41</td>
  13156. <td>0</td>
  13157. <td>0</td>
  13158. <td>0</td>
  13159. <td>0.0</td>
  13160. </tr>
  13161. <tr>
  13162. <th>101203</th>
  13163. <td>tonkimi01</td>
  13164. <td>26</td>
  13165. <td>0</td>
  13166. <td>0</td>
  13167. <td>0</td>
  13168. <td>0.0</td>
  13169. </tr>
  13170. <tr>
  13171. <th>101240</th>
  13172. <td>vargake01</td>
  13173. <td>58</td>
  13174. <td>175</td>
  13175. <td>42</td>
  13176. <td>5</td>
  13177. <td>17.0</td>
  13178. </tr>
  13179. </tbody>
  13180. </table>
  13181. </div>
  13182. </div>
  13183. </div>
  13184. </div>
  13185. </div>
  13186. </div></section></section><section><section>
  13187. <div class="cell border-box-sizing text_cell rendered">
  13188. <div class="prompt input_prompt">
  13189. </div>
  13190. <div class="inner_cell">
  13191. <div class="text_cell_render border-box-sizing rendered_html">
  13192. <h2 id="Sorting">Sorting<a class="anchor-link" href="#Sorting">&#182;</a></h2><p>Sorting is facilitated by the <a href=""><code>sort_values()</code> method</a>. By default, sorting is done in <em>ascending order</em>, specify the parameter <code>ascending=False</code> to get descending order.</p>
  13193. </div>
  13194. </div>
  13195. </div></section><section>
  13196. <div class="cell border-box-sizing code_cell rendered">
  13197. <div class="input">
  13198. <div class="prompt input_prompt">In&nbsp;[11]:</div>
  13199. <div class="inner_cell">
  13200. <div class="input_area">
  13201. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">df_min_2015</span> <span class="o">=</span> <span class="n">df</span><span class="o">.</span><span class="n">loc</span><span class="p">[(</span><span class="n">df</span><span class="o">.</span><span class="n">yearID</span> <span class="o">==</span> <span class="mi">2015</span><span class="p">)</span> <span class="o">&amp;</span> <span class="p">(</span><span class="n">df</span><span class="o">.</span><span class="n">teamID</span> <span class="o">==</span> <span class="s2">&quot;MIN&quot;</span><span class="p">),</span>\
  13202. <span class="p">[</span><span class="s1">&#39;playerID&#39;</span><span class="p">,</span> <span class="s1">&#39;G&#39;</span><span class="p">,</span> <span class="s1">&#39;AB&#39;</span><span class="p">,</span> <span class="s1">&#39;H&#39;</span><span class="p">,</span> <span class="s1">&#39;HR&#39;</span><span class="p">,</span> <span class="s1">&#39;RBI&#39;</span><span class="p">]]</span>\
  13203. <span class="o">.</span><span class="n">sort_values</span><span class="p">(</span><span class="s1">&#39;G&#39;</span><span class="p">,</span> <span class="n">ascending</span><span class="o">=</span><span class="kc">False</span><span class="p">)</span>
  13204. <span class="n">df_min_2015</span><span class="o">.</span><span class="n">head</span><span class="p">(</span><span class="mi">20</span><span class="p">)</span>
  13205. </pre></div>
  13206. </div>
  13207. </div>
  13208. </div>
  13209. <div class="output_wrapper">
  13210. <div class="output">
  13211. <div class="output_area">
  13212. <div class="prompt output_prompt">Out[11]:</div>
  13213. <div class="output_html rendered_html output_subarea output_execute_result">
  13214. <div>
  13215. <style>
  13216. .dataframe thead tr:only-child th {
  13217. text-align: right;
  13218. }
  13219. .dataframe thead th {
  13220. text-align: left;
  13221. }
  13222. .dataframe tbody tr th {
  13223. vertical-align: top;
  13224. }
  13225. </style>
  13226. <table border="1" class="dataframe">
  13227. <thead>
  13228. <tr style="text-align: right;">
  13229. <th></th>
  13230. <th>playerID</th>
  13231. <th>G</th>
  13232. <th>AB</th>
  13233. <th>H</th>
  13234. <th>HR</th>
  13235. <th>RBI</th>
  13236. </tr>
  13237. </thead>
  13238. <tbody>
  13239. <tr>
  13240. <th>100696</th>
  13241. <td>mauerjo01</td>
  13242. <td>158</td>
  13243. <td>592</td>
  13244. <td>157</td>
  13245. <td>10</td>
  13246. <td>66.0</td>
  13247. </tr>
  13248. <tr>
  13249. <th>100215</th>
  13250. <td>doziebr01</td>
  13251. <td>157</td>
  13252. <td>628</td>
  13253. <td>148</td>
  13254. <td>28</td>
  13255. <td>77.0</td>
  13256. </tr>
  13257. <tr>
  13258. <th>100915</th>
  13259. <td>plouftr01</td>
  13260. <td>152</td>
  13261. <td>573</td>
  13262. <td>140</td>
  13263. <td>22</td>
  13264. <td>86.0</td>
  13265. </tr>
  13266. <tr>
  13267. <th>100488</th>
  13268. <td>hunteto01</td>
  13269. <td>139</td>
  13270. <td>521</td>
  13271. <td>125</td>
  13272. <td>22</td>
  13273. <td>81.0</td>
  13274. </tr>
  13275. <tr>
  13276. <th>101164</th>
  13277. <td>suzukku01</td>
  13278. <td>131</td>
  13279. <td>433</td>
  13280. <td>104</td>
  13281. <td>5</td>
  13282. <td>50.0</td>
  13283. </tr>
  13284. <tr>
  13285. <th>100249</th>
  13286. <td>escobed01</td>
  13287. <td>127</td>
  13288. <td>409</td>
  13289. <td>107</td>
  13290. <td>12</td>
  13291. <td>58.0</td>
  13292. </tr>
  13293. <tr>
  13294. <th>101023</th>
  13295. <td>rosared01</td>
  13296. <td>122</td>
  13297. <td>453</td>
  13298. <td>121</td>
  13299. <td>13</td>
  13300. <td>50.0</td>
  13301. </tr>
  13302. <tr>
  13303. <th>100459</th>
  13304. <td>hicksaa01</td>
  13305. <td>97</td>
  13306. <td>352</td>
  13307. <td>90</td>
  13308. <td>11</td>
  13309. <td>33.0</td>
  13310. </tr>
  13311. <tr>
  13312. <th>101069</th>
  13313. <td>santada01</td>
  13314. <td>91</td>
  13315. <td>261</td>
  13316. <td>56</td>
  13317. <td>0</td>
  13318. <td>21.0</td>
  13319. </tr>
  13320. <tr>
  13321. <th>100994</th>
  13322. <td>robinsh01</td>
  13323. <td>83</td>
  13324. <td>180</td>
  13325. <td>45</td>
  13326. <td>0</td>
  13327. <td>16.0</td>
  13328. </tr>
  13329. <tr>
  13330. <th>101067</th>
  13331. <td>sanomi01</td>
  13332. <td>80</td>
  13333. <td>279</td>
  13334. <td>75</td>
  13335. <td>18</td>
  13336. <td>52.0</td>
  13337. </tr>
  13338. <tr>
  13339. <th>100816</th>
  13340. <td>nunezed02</td>
  13341. <td>72</td>
  13342. <td>188</td>
  13343. <td>53</td>
  13344. <td>4</td>
  13345. <td>20.0</td>
  13346. </tr>
  13347. <tr>
  13348. <th>99988</th>
  13349. <td>boyerbl01</td>
  13350. <td>68</td>
  13351. <td>0</td>
  13352. <td>0</td>
  13353. <td>0</td>
  13354. <td>0.0</td>
  13355. </tr>
  13356. <tr>
  13357. <th>100270</th>
  13358. <td>fienca01</td>
  13359. <td>62</td>
  13360. <td>0</td>
  13361. <td>0</td>
  13362. <td>0</td>
  13363. <td>0.0</td>
  13364. </tr>
  13365. <tr>
  13366. <th>100895</th>
  13367. <td>perkigl01</td>
  13368. <td>60</td>
  13369. <td>0</td>
  13370. <td>0</td>
  13371. <td>0</td>
  13372. <td>0.0</td>
  13373. </tr>
  13374. <tr>
  13375. <th>101240</th>
  13376. <td>vargake01</td>
  13377. <td>58</td>
  13378. <td>175</td>
  13379. <td>42</td>
  13380. <td>5</td>
  13381. <td>17.0</td>
  13382. </tr>
  13383. <tr>
  13384. <th>100221</th>
  13385. <td>duensbr01</td>
  13386. <td>55</td>
  13387. <td>1</td>
  13388. <td>0</td>
  13389. <td>0</td>
  13390. <td>0.0</td>
  13391. </tr>
  13392. <tr>
  13393. <th>100701</th>
  13394. <td>maytr01</td>
  13395. <td>48</td>
  13396. <td>3</td>
  13397. <td>0</td>
  13398. <td>0</td>
  13399. <td>0.0</td>
  13400. </tr>
  13401. <tr>
  13402. <th>100030</th>
  13403. <td>buxtoby01</td>
  13404. <td>46</td>
  13405. <td>129</td>
  13406. <td>27</td>
  13407. <td>2</td>
  13408. <td>6.0</td>
  13409. </tr>
  13410. <tr>
  13411. <th>100455</th>
  13412. <td>herrmch01</td>
  13413. <td>45</td>
  13414. <td>103</td>
  13415. <td>15</td>
  13416. <td>2</td>
  13417. <td>10.0</td>
  13418. </tr>
  13419. </tbody>
  13420. </table>
  13421. </div>
  13422. </div>
  13423. </div>
  13424. </div>
  13425. </div>
  13426. </div></section><section>
  13427. <div class="cell border-box-sizing text_cell rendered">
  13428. <div class="prompt input_prompt">
  13429. </div>
  13430. <div class="inner_cell">
  13431. <div class="text_cell_render border-box-sizing rendered_html">
  13432. <p>We may also do a <em>multi-sort</em> by passing in the list of <em>columns</em> we want sorted. This will sort in the order of the columns provided. For example,</p>
  13433. </div>
  13434. </div>
  13435. </div><div class="fragment">
  13436. <div class="cell border-box-sizing code_cell rendered">
  13437. <div class="input">
  13438. <div class="prompt input_prompt">In&nbsp;[12]:</div>
  13439. <div class="inner_cell">
  13440. <div class="input_area">
  13441. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">df</span><span class="o">.</span><span class="n">loc</span><span class="p">[(</span><span class="n">df</span><span class="o">.</span><span class="n">yearID</span> <span class="o">==</span> <span class="mi">2015</span><span class="p">)</span> <span class="o">&amp;</span> <span class="p">(</span><span class="n">df</span><span class="o">.</span><span class="n">teamID</span> <span class="o">==</span> <span class="s2">&quot;MIN&quot;</span><span class="p">),</span>\
  13442. <span class="p">[</span><span class="s1">&#39;playerID&#39;</span><span class="p">,</span> <span class="s1">&#39;G&#39;</span><span class="p">,</span> <span class="s1">&#39;AB&#39;</span><span class="p">,</span> <span class="s1">&#39;H&#39;</span><span class="p">,</span> <span class="s1">&#39;HR&#39;</span><span class="p">,</span> <span class="s1">&#39;RBI&#39;</span><span class="p">]]</span>\
  13443. <span class="o">.</span><span class="n">sort_values</span><span class="p">([</span><span class="s1">&#39;G&#39;</span><span class="p">,</span> <span class="s1">&#39;HR&#39;</span><span class="p">],</span> <span class="n">ascending</span><span class="o">=</span><span class="kc">False</span><span class="p">)</span><span class="o">.</span><span class="n">tail</span><span class="p">()</span>
  13444. </pre></div>
  13445. </div>
  13446. </div>
  13447. </div>
  13448. <div class="output_wrapper">
  13449. <div class="output">
  13450. <div class="output_area">
  13451. <div class="prompt output_prompt">Out[12]:</div>
  13452. <div class="output_html rendered_html output_subarea output_execute_result">
  13453. <div>
  13454. <style>
  13455. .dataframe thead tr:only-child th {
  13456. text-align: right;
  13457. }
  13458. .dataframe thead th {
  13459. text-align: left;
  13460. }
  13461. .dataframe tbody tr th {
  13462. vertical-align: top;
  13463. }
  13464. </style>
  13465. <table border="1" class="dataframe">
  13466. <thead>
  13467. <tr style="text-align: right;">
  13468. <th></th>
  13469. <th>playerID</th>
  13470. <th>G</th>
  13471. <th>AB</th>
  13472. <th>H</th>
  13473. <th>HR</th>
  13474. <th>RBI</th>
  13475. </tr>
  13476. </thead>
  13477. <tbody>
  13478. <tr>
  13479. <th>101189</th>
  13480. <td>thielca01</td>
  13481. <td>6</td>
  13482. <td>0</td>
  13483. <td>0</td>
  13484. <td>0</td>
  13485. <td>0.0</td>
  13486. </tr>
  13487. <tr>
  13488. <th>99954</th>
  13489. <td>bernido01</td>
  13490. <td>4</td>
  13491. <td>5</td>
  13492. <td>1</td>
  13493. <td>0</td>
  13494. <td>2.0</td>
  13495. </tr>
  13496. <tr>
  13497. <th>100917</th>
  13498. <td>polanjo01</td>
  13499. <td>4</td>
  13500. <td>10</td>
  13501. <td>3</td>
  13502. <td>0</td>
  13503. <td>1.0</td>
  13504. </tr>
  13505. <tr>
  13506. <th>100564</th>
  13507. <td>keplema01</td>
  13508. <td>3</td>
  13509. <td>7</td>
  13510. <td>1</td>
  13511. <td>0</td>
  13512. <td>0.0</td>
  13513. </tr>
  13514. <tr>
  13515. <th>100729</th>
  13516. <td>meyeral01</td>
  13517. <td>2</td>
  13518. <td>0</td>
  13519. <td>0</td>
  13520. <td>0</td>
  13521. <td>0.0</td>
  13522. </tr>
  13523. </tbody>
  13524. </table>
  13525. </div>
  13526. </div>
  13527. </div>
  13528. </div>
  13529. </div>
  13530. </div></div></section></section><section><section>
  13531. <div class="cell border-box-sizing text_cell rendered">
  13532. <div class="prompt input_prompt">
  13533. </div>
  13534. <div class="inner_cell">
  13535. <div class="text_cell_render border-box-sizing rendered_html">
  13536. <h2 id="DataFrame-manipulation">DataFrame manipulation<a class="anchor-link" href="#DataFrame-manipulation">&#182;</a></h2>
  13537. </div>
  13538. </div>
  13539. </div></section><section>
  13540. <div class="cell border-box-sizing text_cell rendered">
  13541. <div class="prompt input_prompt">
  13542. </div>
  13543. <div class="inner_cell">
  13544. <div class="text_cell_render border-box-sizing rendered_html">
  13545. <h3 id="Adding-and-dropping-columns">Adding and dropping columns<a class="anchor-link" href="#Adding-and-dropping-columns">&#182;</a></h3>
  13546. </div>
  13547. </div>
  13548. </div><div class="fragment">
  13549. <div class="cell border-box-sizing code_cell rendered">
  13550. <div class="input">
  13551. <div class="prompt input_prompt">In&nbsp;[13]:</div>
  13552. <div class="inner_cell">
  13553. <div class="input_area">
  13554. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">df_min_2015</span><span class="o">.</span><span class="n">loc</span><span class="p">[:,</span><span class="s1">&#39;HtoAB&#39;</span><span class="p">]</span> <span class="o">=</span> <span class="mi">0</span>
  13555. <span class="n">df_min_2015</span><span class="o">.</span><span class="n">head</span><span class="p">()</span>
  13556. </pre></div>
  13557. </div>
  13558. </div>
  13559. </div>
  13560. <div class="output_wrapper">
  13561. <div class="output">
  13562. <div class="output_area">
  13563. <div class="prompt output_prompt">Out[13]:</div>
  13564. <div class="output_html rendered_html output_subarea output_execute_result">
  13565. <div>
  13566. <style>
  13567. .dataframe thead tr:only-child th {
  13568. text-align: right;
  13569. }
  13570. .dataframe thead th {
  13571. text-align: left;
  13572. }
  13573. .dataframe tbody tr th {
  13574. vertical-align: top;
  13575. }
  13576. </style>
  13577. <table border="1" class="dataframe">
  13578. <thead>
  13579. <tr style="text-align: right;">
  13580. <th></th>
  13581. <th>playerID</th>
  13582. <th>G</th>
  13583. <th>AB</th>
  13584. <th>H</th>
  13585. <th>HR</th>
  13586. <th>RBI</th>
  13587. <th>HtoAB</th>
  13588. </tr>
  13589. </thead>
  13590. <tbody>
  13591. <tr>
  13592. <th>100696</th>
  13593. <td>mauerjo01</td>
  13594. <td>158</td>
  13595. <td>592</td>
  13596. <td>157</td>
  13597. <td>10</td>
  13598. <td>66.0</td>
  13599. <td>0</td>
  13600. </tr>
  13601. <tr>
  13602. <th>100215</th>
  13603. <td>doziebr01</td>
  13604. <td>157</td>
  13605. <td>628</td>
  13606. <td>148</td>
  13607. <td>28</td>
  13608. <td>77.0</td>
  13609. <td>0</td>
  13610. </tr>
  13611. <tr>
  13612. <th>100915</th>
  13613. <td>plouftr01</td>
  13614. <td>152</td>
  13615. <td>573</td>
  13616. <td>140</td>
  13617. <td>22</td>
  13618. <td>86.0</td>
  13619. <td>0</td>
  13620. </tr>
  13621. <tr>
  13622. <th>100488</th>
  13623. <td>hunteto01</td>
  13624. <td>139</td>
  13625. <td>521</td>
  13626. <td>125</td>
  13627. <td>22</td>
  13628. <td>81.0</td>
  13629. <td>0</td>
  13630. </tr>
  13631. <tr>
  13632. <th>101164</th>
  13633. <td>suzukku01</td>
  13634. <td>131</td>
  13635. <td>433</td>
  13636. <td>104</td>
  13637. <td>5</td>
  13638. <td>50.0</td>
  13639. <td>0</td>
  13640. </tr>
  13641. </tbody>
  13642. </table>
  13643. </div>
  13644. </div>
  13645. </div>
  13646. </div>
  13647. </div>
  13648. </div></div></section><section>
  13649. <div class="cell border-box-sizing code_cell rendered">
  13650. <div class="input">
  13651. <div class="prompt input_prompt">In&nbsp;[14]:</div>
  13652. <div class="inner_cell">
  13653. <div class="input_area">
  13654. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">df_min_2015</span> <span class="o">=</span> <span class="n">df_min_2015</span><span class="o">.</span><span class="n">drop</span><span class="p">(</span><span class="s1">&#39;HtoAB&#39;</span><span class="p">,</span> <span class="n">axis</span><span class="o">=</span><span class="mi">1</span><span class="p">)</span>
  13655. <span class="n">df_min_2015</span><span class="o">.</span><span class="n">head</span><span class="p">()</span>
  13656. </pre></div>
  13657. </div>
  13658. </div>
  13659. </div>
  13660. <div class="output_wrapper">
  13661. <div class="output">
  13662. <div class="output_area">
  13663. <div class="prompt output_prompt">Out[14]:</div>
  13664. <div class="output_html rendered_html output_subarea output_execute_result">
  13665. <div>
  13666. <style>
  13667. .dataframe thead tr:only-child th {
  13668. text-align: right;
  13669. }
  13670. .dataframe thead th {
  13671. text-align: left;
  13672. }
  13673. .dataframe tbody tr th {
  13674. vertical-align: top;
  13675. }
  13676. </style>
  13677. <table border="1" class="dataframe">
  13678. <thead>
  13679. <tr style="text-align: right;">
  13680. <th></th>
  13681. <th>playerID</th>
  13682. <th>G</th>
  13683. <th>AB</th>
  13684. <th>H</th>
  13685. <th>HR</th>
  13686. <th>RBI</th>
  13687. </tr>
  13688. </thead>
  13689. <tbody>
  13690. <tr>
  13691. <th>100696</th>
  13692. <td>mauerjo01</td>
  13693. <td>158</td>
  13694. <td>592</td>
  13695. <td>157</td>
  13696. <td>10</td>
  13697. <td>66.0</td>
  13698. </tr>
  13699. <tr>
  13700. <th>100215</th>
  13701. <td>doziebr01</td>
  13702. <td>157</td>
  13703. <td>628</td>
  13704. <td>148</td>
  13705. <td>28</td>
  13706. <td>77.0</td>
  13707. </tr>
  13708. <tr>
  13709. <th>100915</th>
  13710. <td>plouftr01</td>
  13711. <td>152</td>
  13712. <td>573</td>
  13713. <td>140</td>
  13714. <td>22</td>
  13715. <td>86.0</td>
  13716. </tr>
  13717. <tr>
  13718. <th>100488</th>
  13719. <td>hunteto01</td>
  13720. <td>139</td>
  13721. <td>521</td>
  13722. <td>125</td>
  13723. <td>22</td>
  13724. <td>81.0</td>
  13725. </tr>
  13726. <tr>
  13727. <th>101164</th>
  13728. <td>suzukku01</td>
  13729. <td>131</td>
  13730. <td>433</td>
  13731. <td>104</td>
  13732. <td>5</td>
  13733. <td>50.0</td>
  13734. </tr>
  13735. </tbody>
  13736. </table>
  13737. </div>
  13738. </div>
  13739. </div>
  13740. </div>
  13741. </div>
  13742. </div></section><section>
  13743. <div class="cell border-box-sizing code_cell rendered">
  13744. <div class="input">
  13745. <div class="prompt input_prompt">In&nbsp;[15]:</div>
  13746. <div class="inner_cell">
  13747. <div class="input_area">
  13748. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">df_min_2015</span><span class="o">.</span><span class="n">H</span><span class="o">.</span><span class="n">head</span><span class="p">(</span><span class="mi">10</span><span class="p">)</span>
  13749. </pre></div>
  13750. </div>
  13751. </div>
  13752. </div>
  13753. <div class="output_wrapper">
  13754. <div class="output">
  13755. <div class="output_area">
  13756. <div class="prompt output_prompt">Out[15]:</div>
  13757. <div class="output_text output_subarea output_execute_result">
  13758. <pre>100696 157
  13759. 100215 148
  13760. 100915 140
  13761. 100488 125
  13762. 101164 104
  13763. 100249 107
  13764. 101023 121
  13765. 100459 90
  13766. 101069 56
  13767. 100994 45
  13768. Name: H, dtype: int64</pre>
  13769. </div>
  13770. </div>
  13771. </div>
  13772. </div>
  13773. </div></section><section>
  13774. <div class="cell border-box-sizing code_cell rendered">
  13775. <div class="input">
  13776. <div class="prompt input_prompt">In&nbsp;[16]:</div>
  13777. <div class="inner_cell">
  13778. <div class="input_area">
  13779. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">df_min_2015</span><span class="o">.</span><span class="n">loc</span><span class="p">[:,</span><span class="s1">&#39;HtoAB&#39;</span><span class="p">]</span> <span class="o">=</span> <span class="mi">0</span>
  13780. <span class="n">df_min_2015</span><span class="o">.</span><span class="n">loc</span><span class="p">[:,</span><span class="s1">&#39;HtoAB&#39;</span><span class="p">]</span> <span class="o">=</span> <span class="p">[</span><span class="n">v</span><span class="o">.</span><span class="n">H</span><span class="o">/</span><span class="n">v</span><span class="o">.</span><span class="n">AB</span>
  13781. <span class="k">if</span> <span class="n">v</span><span class="o">.</span><span class="n">AB</span> <span class="o">&gt;</span> <span class="mi">0</span> <span class="k">else</span> <span class="mi">0</span>
  13782. <span class="k">for</span> <span class="n">r</span><span class="p">,</span> <span class="n">v</span> <span class="ow">in</span> <span class="n">df_min_2015</span><span class="o">.</span><span class="n">iterrows</span><span class="p">()]</span>
  13783. </pre></div>
  13784. </div>
  13785. </div>
  13786. </div>
  13787. </div></section><section>
  13788. <div class="cell border-box-sizing code_cell rendered">
  13789. <div class="input">
  13790. <div class="prompt input_prompt">In&nbsp;[17]:</div>
  13791. <div class="inner_cell">
  13792. <div class="input_area">
  13793. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">df_min_2015</span><span class="o">.</span><span class="n">head</span><span class="p">(</span><span class="mi">10</span><span class="p">)</span>
  13794. </pre></div>
  13795. </div>
  13796. </div>
  13797. </div>
  13798. <div class="output_wrapper">
  13799. <div class="output">
  13800. <div class="output_area">
  13801. <div class="prompt output_prompt">Out[17]:</div>
  13802. <div class="output_html rendered_html output_subarea output_execute_result">
  13803. <div>
  13804. <style>
  13805. .dataframe thead tr:only-child th {
  13806. text-align: right;
  13807. }
  13808. .dataframe thead th {
  13809. text-align: left;
  13810. }
  13811. .dataframe tbody tr th {
  13812. vertical-align: top;
  13813. }
  13814. </style>
  13815. <table border="1" class="dataframe">
  13816. <thead>
  13817. <tr style="text-align: right;">
  13818. <th></th>
  13819. <th>playerID</th>
  13820. <th>G</th>
  13821. <th>AB</th>
  13822. <th>H</th>
  13823. <th>HR</th>
  13824. <th>RBI</th>
  13825. <th>HtoAB</th>
  13826. </tr>
  13827. </thead>
  13828. <tbody>
  13829. <tr>
  13830. <th>100696</th>
  13831. <td>mauerjo01</td>
  13832. <td>158</td>
  13833. <td>592</td>
  13834. <td>157</td>
  13835. <td>10</td>
  13836. <td>66.0</td>
  13837. <td>0.265203</td>
  13838. </tr>
  13839. <tr>
  13840. <th>100215</th>
  13841. <td>doziebr01</td>
  13842. <td>157</td>
  13843. <td>628</td>
  13844. <td>148</td>
  13845. <td>28</td>
  13846. <td>77.0</td>
  13847. <td>0.235669</td>
  13848. </tr>
  13849. <tr>
  13850. <th>100915</th>
  13851. <td>plouftr01</td>
  13852. <td>152</td>
  13853. <td>573</td>
  13854. <td>140</td>
  13855. <td>22</td>
  13856. <td>86.0</td>
  13857. <td>0.244328</td>
  13858. </tr>
  13859. <tr>
  13860. <th>100488</th>
  13861. <td>hunteto01</td>
  13862. <td>139</td>
  13863. <td>521</td>
  13864. <td>125</td>
  13865. <td>22</td>
  13866. <td>81.0</td>
  13867. <td>0.239923</td>
  13868. </tr>
  13869. <tr>
  13870. <th>101164</th>
  13871. <td>suzukku01</td>
  13872. <td>131</td>
  13873. <td>433</td>
  13874. <td>104</td>
  13875. <td>5</td>
  13876. <td>50.0</td>
  13877. <td>0.240185</td>
  13878. </tr>
  13879. <tr>
  13880. <th>100249</th>
  13881. <td>escobed01</td>
  13882. <td>127</td>
  13883. <td>409</td>
  13884. <td>107</td>
  13885. <td>12</td>
  13886. <td>58.0</td>
  13887. <td>0.261614</td>
  13888. </tr>
  13889. <tr>
  13890. <th>101023</th>
  13891. <td>rosared01</td>
  13892. <td>122</td>
  13893. <td>453</td>
  13894. <td>121</td>
  13895. <td>13</td>
  13896. <td>50.0</td>
  13897. <td>0.267108</td>
  13898. </tr>
  13899. <tr>
  13900. <th>100459</th>
  13901. <td>hicksaa01</td>
  13902. <td>97</td>
  13903. <td>352</td>
  13904. <td>90</td>
  13905. <td>11</td>
  13906. <td>33.0</td>
  13907. <td>0.255682</td>
  13908. </tr>
  13909. <tr>
  13910. <th>101069</th>
  13911. <td>santada01</td>
  13912. <td>91</td>
  13913. <td>261</td>
  13914. <td>56</td>
  13915. <td>0</td>
  13916. <td>21.0</td>
  13917. <td>0.214559</td>
  13918. </tr>
  13919. <tr>
  13920. <th>100994</th>
  13921. <td>robinsh01</td>
  13922. <td>83</td>
  13923. <td>180</td>
  13924. <td>45</td>
  13925. <td>0</td>
  13926. <td>16.0</td>
  13927. <td>0.250000</td>
  13928. </tr>
  13929. </tbody>
  13930. </table>
  13931. </div>
  13932. </div>
  13933. </div>
  13934. </div>
  13935. </div>
  13936. </div></section><section>
  13937. <div class="cell border-box-sizing code_cell rendered">
  13938. <div class="input">
  13939. <div class="prompt input_prompt">In&nbsp;[18]:</div>
  13940. <div class="inner_cell">
  13941. <div class="input_area">
  13942. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">df_min_2015</span><span class="p">[</span><span class="n">df_min_2015</span><span class="o">.</span><span class="n">G</span><span class="o">&gt;</span><span class="mi">80</span><span class="p">]</span><span class="o">.</span><span class="n">sort_values</span><span class="p">(</span><span class="s1">&#39;HtoAB&#39;</span><span class="p">,</span> <span class="n">ascending</span><span class="o">=</span><span class="kc">False</span><span class="p">)</span>
  13943. </pre></div>
  13944. </div>
  13945. </div>
  13946. </div>
  13947. <div class="output_wrapper">
  13948. <div class="output">
  13949. <div class="output_area">
  13950. <div class="prompt output_prompt">Out[18]:</div>
  13951. <div class="output_html rendered_html output_subarea output_execute_result">
  13952. <div>
  13953. <style>
  13954. .dataframe thead tr:only-child th {
  13955. text-align: right;
  13956. }
  13957. .dataframe thead th {
  13958. text-align: left;
  13959. }
  13960. .dataframe tbody tr th {
  13961. vertical-align: top;
  13962. }
  13963. </style>
  13964. <table border="1" class="dataframe">
  13965. <thead>
  13966. <tr style="text-align: right;">
  13967. <th></th>
  13968. <th>playerID</th>
  13969. <th>G</th>
  13970. <th>AB</th>
  13971. <th>H</th>
  13972. <th>HR</th>
  13973. <th>RBI</th>
  13974. <th>HtoAB</th>
  13975. </tr>
  13976. </thead>
  13977. <tbody>
  13978. <tr>
  13979. <th>101023</th>
  13980. <td>rosared01</td>
  13981. <td>122</td>
  13982. <td>453</td>
  13983. <td>121</td>
  13984. <td>13</td>
  13985. <td>50.0</td>
  13986. <td>0.267108</td>
  13987. </tr>
  13988. <tr>
  13989. <th>100696</th>
  13990. <td>mauerjo01</td>
  13991. <td>158</td>
  13992. <td>592</td>
  13993. <td>157</td>
  13994. <td>10</td>
  13995. <td>66.0</td>
  13996. <td>0.265203</td>
  13997. </tr>
  13998. <tr>
  13999. <th>100249</th>
  14000. <td>escobed01</td>
  14001. <td>127</td>
  14002. <td>409</td>
  14003. <td>107</td>
  14004. <td>12</td>
  14005. <td>58.0</td>
  14006. <td>0.261614</td>
  14007. </tr>
  14008. <tr>
  14009. <th>100459</th>
  14010. <td>hicksaa01</td>
  14011. <td>97</td>
  14012. <td>352</td>
  14013. <td>90</td>
  14014. <td>11</td>
  14015. <td>33.0</td>
  14016. <td>0.255682</td>
  14017. </tr>
  14018. <tr>
  14019. <th>100994</th>
  14020. <td>robinsh01</td>
  14021. <td>83</td>
  14022. <td>180</td>
  14023. <td>45</td>
  14024. <td>0</td>
  14025. <td>16.0</td>
  14026. <td>0.250000</td>
  14027. </tr>
  14028. <tr>
  14029. <th>100915</th>
  14030. <td>plouftr01</td>
  14031. <td>152</td>
  14032. <td>573</td>
  14033. <td>140</td>
  14034. <td>22</td>
  14035. <td>86.0</td>
  14036. <td>0.244328</td>
  14037. </tr>
  14038. <tr>
  14039. <th>101164</th>
  14040. <td>suzukku01</td>
  14041. <td>131</td>
  14042. <td>433</td>
  14043. <td>104</td>
  14044. <td>5</td>
  14045. <td>50.0</td>
  14046. <td>0.240185</td>
  14047. </tr>
  14048. <tr>
  14049. <th>100488</th>
  14050. <td>hunteto01</td>
  14051. <td>139</td>
  14052. <td>521</td>
  14053. <td>125</td>
  14054. <td>22</td>
  14055. <td>81.0</td>
  14056. <td>0.239923</td>
  14057. </tr>
  14058. <tr>
  14059. <th>100215</th>
  14060. <td>doziebr01</td>
  14061. <td>157</td>
  14062. <td>628</td>
  14063. <td>148</td>
  14064. <td>28</td>
  14065. <td>77.0</td>
  14066. <td>0.235669</td>
  14067. </tr>
  14068. <tr>
  14069. <th>101069</th>
  14070. <td>santada01</td>
  14071. <td>91</td>
  14072. <td>261</td>
  14073. <td>56</td>
  14074. <td>0</td>
  14075. <td>21.0</td>
  14076. <td>0.214559</td>
  14077. </tr>
  14078. </tbody>
  14079. </table>
  14080. </div>
  14081. </div>
  14082. </div>
  14083. </div>
  14084. </div>
  14085. </div></section><section>
  14086. <div class="cell border-box-sizing code_cell rendered">
  14087. <div class="input">
  14088. <div class="prompt input_prompt">In&nbsp;[19]:</div>
  14089. <div class="inner_cell">
  14090. <div class="input_area">
  14091. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">df_min_2015</span> <span class="o">=</span> <span class="n">df_min_2015</span><span class="o">.</span><span class="n">reindex</span><span class="p">(</span><span class="n">columns</span><span class="o">=</span><span class="p">[</span><span class="s1">&#39;playerID&#39;</span><span class="p">,</span> <span class="s1">&#39;HtoAB&#39;</span><span class="p">,</span> <span class="s1">&#39;AB&#39;</span><span class="p">,</span> <span class="s1">&#39;H&#39;</span><span class="p">,</span> <span class="s1">&#39;HR&#39;</span><span class="p">,</span> <span class="s1">&#39;RBI&#39;</span><span class="p">,</span> <span class="s1">&#39;G&#39;</span><span class="p">])</span>
  14092. <span class="n">df_min_2015</span><span class="o">.</span><span class="n">head</span><span class="p">()</span>
  14093. </pre></div>
  14094. </div>
  14095. </div>
  14096. </div>
  14097. <div class="output_wrapper">
  14098. <div class="output">
  14099. <div class="output_area">
  14100. <div class="prompt output_prompt">Out[19]:</div>
  14101. <div class="output_html rendered_html output_subarea output_execute_result">
  14102. <div>
  14103. <style>
  14104. .dataframe thead tr:only-child th {
  14105. text-align: right;
  14106. }
  14107. .dataframe thead th {
  14108. text-align: left;
  14109. }
  14110. .dataframe tbody tr th {
  14111. vertical-align: top;
  14112. }
  14113. </style>
  14114. <table border="1" class="dataframe">
  14115. <thead>
  14116. <tr style="text-align: right;">
  14117. <th></th>
  14118. <th>playerID</th>
  14119. <th>HtoAB</th>
  14120. <th>AB</th>
  14121. <th>H</th>
  14122. <th>HR</th>
  14123. <th>RBI</th>
  14124. <th>G</th>
  14125. </tr>
  14126. </thead>
  14127. <tbody>
  14128. <tr>
  14129. <th>100696</th>
  14130. <td>mauerjo01</td>
  14131. <td>0.265203</td>
  14132. <td>592</td>
  14133. <td>157</td>
  14134. <td>10</td>
  14135. <td>66.0</td>
  14136. <td>158</td>
  14137. </tr>
  14138. <tr>
  14139. <th>100215</th>
  14140. <td>doziebr01</td>
  14141. <td>0.235669</td>
  14142. <td>628</td>
  14143. <td>148</td>
  14144. <td>28</td>
  14145. <td>77.0</td>
  14146. <td>157</td>
  14147. </tr>
  14148. <tr>
  14149. <th>100915</th>
  14150. <td>plouftr01</td>
  14151. <td>0.244328</td>
  14152. <td>573</td>
  14153. <td>140</td>
  14154. <td>22</td>
  14155. <td>86.0</td>
  14156. <td>152</td>
  14157. </tr>
  14158. <tr>
  14159. <th>100488</th>
  14160. <td>hunteto01</td>
  14161. <td>0.239923</td>
  14162. <td>521</td>
  14163. <td>125</td>
  14164. <td>22</td>
  14165. <td>81.0</td>
  14166. <td>139</td>
  14167. </tr>
  14168. <tr>
  14169. <th>101164</th>
  14170. <td>suzukku01</td>
  14171. <td>0.240185</td>
  14172. <td>433</td>
  14173. <td>104</td>
  14174. <td>5</td>
  14175. <td>50.0</td>
  14176. <td>131</td>
  14177. </tr>
  14178. </tbody>
  14179. </table>
  14180. </div>
  14181. </div>
  14182. </div>
  14183. </div>
  14184. </div>
  14185. </div></section><section>
  14186. <div class="cell border-box-sizing text_cell rendered">
  14187. <div class="prompt input_prompt">
  14188. </div>
  14189. <div class="inner_cell">
  14190. <div class="text_cell_render border-box-sizing rendered_html">
  14191. <p>Finally, we can return our DataFrame back to its original columns (and order) by reindexing again. Notice, also that we can effectively perform a <code>drop()</code> by doing this, though the syntax with <code>reindex()</code> is more verbose.</p>
  14192. </div>
  14193. </div>
  14194. </div></section><section>
  14195. <div class="cell border-box-sizing code_cell rendered">
  14196. <div class="input">
  14197. <div class="prompt input_prompt">In&nbsp;[20]:</div>
  14198. <div class="inner_cell">
  14199. <div class="input_area">
  14200. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">df_min_2015</span> <span class="o">=</span> <span class="n">df_min_2015</span><span class="o">.</span><span class="n">reindex</span><span class="p">(</span><span class="n">columns</span><span class="o">=</span><span class="p">[</span><span class="s1">&#39;playerID&#39;</span><span class="p">,</span> <span class="s1">&#39;G&#39;</span><span class="p">,</span> <span class="s1">&#39;AB&#39;</span><span class="p">,</span> <span class="s1">&#39;H&#39;</span><span class="p">,</span> <span class="s1">&#39;HR&#39;</span><span class="p">,</span> <span class="s1">&#39;RBI&#39;</span><span class="p">])</span>
  14201. <span class="n">df_min_2015</span><span class="o">.</span><span class="n">head</span><span class="p">()</span>
  14202. </pre></div>
  14203. </div>
  14204. </div>
  14205. </div>
  14206. <div class="output_wrapper">
  14207. <div class="output">
  14208. <div class="output_area">
  14209. <div class="prompt output_prompt">Out[20]:</div>
  14210. <div class="output_html rendered_html output_subarea output_execute_result">
  14211. <div>
  14212. <style>
  14213. .dataframe thead tr:only-child th {
  14214. text-align: right;
  14215. }
  14216. .dataframe thead th {
  14217. text-align: left;
  14218. }
  14219. .dataframe tbody tr th {
  14220. vertical-align: top;
  14221. }
  14222. </style>
  14223. <table border="1" class="dataframe">
  14224. <thead>
  14225. <tr style="text-align: right;">
  14226. <th></th>
  14227. <th>playerID</th>
  14228. <th>G</th>
  14229. <th>AB</th>
  14230. <th>H</th>
  14231. <th>HR</th>
  14232. <th>RBI</th>
  14233. </tr>
  14234. </thead>
  14235. <tbody>
  14236. <tr>
  14237. <th>100696</th>
  14238. <td>mauerjo01</td>
  14239. <td>158</td>
  14240. <td>592</td>
  14241. <td>157</td>
  14242. <td>10</td>
  14243. <td>66.0</td>
  14244. </tr>
  14245. <tr>
  14246. <th>100215</th>
  14247. <td>doziebr01</td>
  14248. <td>157</td>
  14249. <td>628</td>
  14250. <td>148</td>
  14251. <td>28</td>
  14252. <td>77.0</td>
  14253. </tr>
  14254. <tr>
  14255. <th>100915</th>
  14256. <td>plouftr01</td>
  14257. <td>152</td>
  14258. <td>573</td>
  14259. <td>140</td>
  14260. <td>22</td>
  14261. <td>86.0</td>
  14262. </tr>
  14263. <tr>
  14264. <th>100488</th>
  14265. <td>hunteto01</td>
  14266. <td>139</td>
  14267. <td>521</td>
  14268. <td>125</td>
  14269. <td>22</td>
  14270. <td>81.0</td>
  14271. </tr>
  14272. <tr>
  14273. <th>101164</th>
  14274. <td>suzukku01</td>
  14275. <td>131</td>
  14276. <td>433</td>
  14277. <td>104</td>
  14278. <td>5</td>
  14279. <td>50.0</td>
  14280. </tr>
  14281. </tbody>
  14282. </table>
  14283. </div>
  14284. </div>
  14285. </div>
  14286. </div>
  14287. </div>
  14288. </div></section></section><section><section>
  14289. <div class="cell border-box-sizing text_cell rendered">
  14290. <div class="prompt input_prompt">
  14291. </div>
  14292. <div class="inner_cell">
  14293. <div class="text_cell_render border-box-sizing rendered_html">
  14294. <h3 id="Adding-and-dropping-rows">Adding and dropping rows<a class="anchor-link" href="#Adding-and-dropping-rows">&#182;</a></h3>
  14295. </div>
  14296. </div>
  14297. </div><div class="fragment">
  14298. <div class="cell border-box-sizing text_cell rendered">
  14299. <div class="prompt input_prompt">
  14300. </div>
  14301. <div class="inner_cell">
  14302. <div class="text_cell_render border-box-sizing rendered_html">
  14303. <p>Adding rows can be achieved using <code>loc[]</code> and setting the new index to a dictionary of values using the column labels as keys.</p>
  14304. </div>
  14305. </div>
  14306. </div></div><div class="fragment">
  14307. <div class="cell border-box-sizing code_cell rendered">
  14308. <div class="input">
  14309. <div class="prompt input_prompt">In&nbsp;[21]:</div>
  14310. <div class="inner_cell">
  14311. <div class="input_area">
  14312. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">df_min_2015</span><span class="o">.</span><span class="n">loc</span><span class="p">[</span><span class="mi">200000</span><span class="p">]</span> <span class="o">=</span> \
  14313. <span class="p">{</span> <span class="s1">&#39;playerID&#39;</span><span class="p">:</span> <span class="s1">&#39;keith01&#39;</span><span class="p">,</span>
  14314. <span class="s1">&#39;RBI&#39;</span><span class="p">:</span> <span class="s1">&#39;0&#39;</span><span class="p">,</span>
  14315. <span class="s1">&#39;G&#39;</span><span class="p">:</span> <span class="s1">&#39;0&#39;</span><span class="p">,</span>
  14316. <span class="s1">&#39;H&#39;</span><span class="p">:</span> <span class="s1">&#39;0&#39;</span><span class="p">,</span>
  14317. <span class="s1">&#39;HR&#39;</span><span class="p">:</span> <span class="s1">&#39;0&#39;</span><span class="p">,</span>
  14318. <span class="s1">&#39;AB&#39;</span><span class="p">:</span> <span class="s1">&#39;0&#39;</span> <span class="p">}</span>
  14319. <span class="n">df_min_2015</span><span class="o">.</span><span class="n">tail</span><span class="p">()</span>
  14320. </pre></div>
  14321. </div>
  14322. </div>
  14323. </div>
  14324. <div class="output_wrapper">
  14325. <div class="output">
  14326. <div class="output_area">
  14327. <div class="prompt output_prompt">Out[21]:</div>
  14328. <div class="output_html rendered_html output_subarea output_execute_result">
  14329. <div>
  14330. <style>
  14331. .dataframe thead tr:only-child th {
  14332. text-align: right;
  14333. }
  14334. .dataframe thead th {
  14335. text-align: left;
  14336. }
  14337. .dataframe tbody tr th {
  14338. vertical-align: top;
  14339. }
  14340. </style>
  14341. <table border="1" class="dataframe">
  14342. <thead>
  14343. <tr style="text-align: right;">
  14344. <th></th>
  14345. <th>playerID</th>
  14346. <th>G</th>
  14347. <th>AB</th>
  14348. <th>H</th>
  14349. <th>HR</th>
  14350. <th>RBI</th>
  14351. </tr>
  14352. </thead>
  14353. <tbody>
  14354. <tr>
  14355. <th>100917</th>
  14356. <td>polanjo01</td>
  14357. <td>4</td>
  14358. <td>10</td>
  14359. <td>3</td>
  14360. <td>0</td>
  14361. <td>1</td>
  14362. </tr>
  14363. <tr>
  14364. <th>99954</th>
  14365. <td>bernido01</td>
  14366. <td>4</td>
  14367. <td>5</td>
  14368. <td>1</td>
  14369. <td>0</td>
  14370. <td>2</td>
  14371. </tr>
  14372. <tr>
  14373. <th>100564</th>
  14374. <td>keplema01</td>
  14375. <td>3</td>
  14376. <td>7</td>
  14377. <td>1</td>
  14378. <td>0</td>
  14379. <td>0</td>
  14380. </tr>
  14381. <tr>
  14382. <th>100729</th>
  14383. <td>meyeral01</td>
  14384. <td>2</td>
  14385. <td>0</td>
  14386. <td>0</td>
  14387. <td>0</td>
  14388. <td>0</td>
  14389. </tr>
  14390. <tr>
  14391. <th>200000</th>
  14392. <td>keith01</td>
  14393. <td>0</td>
  14394. <td>0</td>
  14395. <td>0</td>
  14396. <td>0</td>
  14397. <td>0</td>
  14398. </tr>
  14399. </tbody>
  14400. </table>
  14401. </div>
  14402. </div>
  14403. </div>
  14404. </div>
  14405. </div>
  14406. </div></div></section><section>
  14407. <div class="cell border-box-sizing text_cell rendered">
  14408. <div class="prompt input_prompt">
  14409. </div>
  14410. <div class="inner_cell">
  14411. <div class="text_cell_render border-box-sizing rendered_html">
  14412. <p>It is also the same with lists and tuples.</p>
  14413. </div>
  14414. </div>
  14415. </div><div class="fragment">
  14416. <div class="cell border-box-sizing code_cell rendered">
  14417. <div class="input">
  14418. <div class="prompt input_prompt">In&nbsp;[22]:</div>
  14419. <div class="inner_cell">
  14420. <div class="input_area">
  14421. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">df_min_2015</span><span class="o">.</span><span class="n">loc</span><span class="p">[</span><span class="mi">200000</span><span class="p">]</span> <span class="o">=</span> <span class="p">(</span><span class="s1">&#39;keith01&#39;</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span>
  14422. <span class="n">df_min_2015</span><span class="o">.</span><span class="n">loc</span><span class="p">[</span><span class="mi">200001</span><span class="p">]</span> <span class="o">=</span> <span class="p">[</span><span class="s1">&#39;keith02&#39;</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">1</span><span class="p">]</span>
  14423. <span class="n">df_min_2015</span><span class="o">.</span><span class="n">tail</span><span class="p">()</span>
  14424. </pre></div>
  14425. </div>
  14426. </div>
  14427. </div>
  14428. <div class="output_wrapper">
  14429. <div class="output">
  14430. <div class="output_area">
  14431. <div class="prompt output_prompt">Out[22]:</div>
  14432. <div class="output_html rendered_html output_subarea output_execute_result">
  14433. <div>
  14434. <style>
  14435. .dataframe thead tr:only-child th {
  14436. text-align: right;
  14437. }
  14438. .dataframe thead th {
  14439. text-align: left;
  14440. }
  14441. .dataframe tbody tr th {
  14442. vertical-align: top;
  14443. }
  14444. </style>
  14445. <table border="1" class="dataframe">
  14446. <thead>
  14447. <tr style="text-align: right;">
  14448. <th></th>
  14449. <th>playerID</th>
  14450. <th>G</th>
  14451. <th>AB</th>
  14452. <th>H</th>
  14453. <th>HR</th>
  14454. <th>RBI</th>
  14455. </tr>
  14456. </thead>
  14457. <tbody>
  14458. <tr>
  14459. <th>99954</th>
  14460. <td>bernido01</td>
  14461. <td>4</td>
  14462. <td>5</td>
  14463. <td>1</td>
  14464. <td>0</td>
  14465. <td>2</td>
  14466. </tr>
  14467. <tr>
  14468. <th>100564</th>
  14469. <td>keplema01</td>
  14470. <td>3</td>
  14471. <td>7</td>
  14472. <td>1</td>
  14473. <td>0</td>
  14474. <td>0</td>
  14475. </tr>
  14476. <tr>
  14477. <th>100729</th>
  14478. <td>meyeral01</td>
  14479. <td>2</td>
  14480. <td>0</td>
  14481. <td>0</td>
  14482. <td>0</td>
  14483. <td>0</td>
  14484. </tr>
  14485. <tr>
  14486. <th>200000</th>
  14487. <td>keith01</td>
  14488. <td>1</td>
  14489. <td>1</td>
  14490. <td>1</td>
  14491. <td>1</td>
  14492. <td>1</td>
  14493. </tr>
  14494. <tr>
  14495. <th>200001</th>
  14496. <td>keith02</td>
  14497. <td>1</td>
  14498. <td>1</td>
  14499. <td>1</td>
  14500. <td>1</td>
  14501. <td>1</td>
  14502. </tr>
  14503. </tbody>
  14504. </table>
  14505. </div>
  14506. </div>
  14507. </div>
  14508. </div>
  14509. </div>
  14510. </div></div></section><section>
  14511. <div class="cell border-box-sizing text_cell rendered">
  14512. <div class="prompt input_prompt">
  14513. </div>
  14514. <div class="inner_cell">
  14515. <div class="text_cell_render border-box-sizing rendered_html">
  14516. <p>Note that we can drop a number of rows at a time by passing a list of the indices we'd like dropped.</p>
  14517. </div>
  14518. </div>
  14519. </div><div class="fragment">
  14520. <div class="cell border-box-sizing code_cell rendered">
  14521. <div class="input">
  14522. <div class="prompt input_prompt">In&nbsp;[23]:</div>
  14523. <div class="inner_cell">
  14524. <div class="input_area">
  14525. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">df_min_2015</span> <span class="o">=</span> <span class="n">df_min_2015</span><span class="o">.</span><span class="n">drop</span><span class="p">([</span><span class="mi">200000</span><span class="p">,</span> <span class="mi">200001</span><span class="p">],</span> <span class="n">axis</span><span class="o">=</span><span class="mi">0</span><span class="p">)</span>
  14526. <span class="n">df_min_2015</span><span class="o">.</span><span class="n">tail</span><span class="p">()</span>
  14527. </pre></div>
  14528. </div>
  14529. </div>
  14530. </div>
  14531. <div class="output_wrapper">
  14532. <div class="output">
  14533. <div class="output_area">
  14534. <div class="prompt output_prompt">Out[23]:</div>
  14535. <div class="output_html rendered_html output_subarea output_execute_result">
  14536. <div>
  14537. <style>
  14538. .dataframe thead tr:only-child th {
  14539. text-align: right;
  14540. }
  14541. .dataframe thead th {
  14542. text-align: left;
  14543. }
  14544. .dataframe tbody tr th {
  14545. vertical-align: top;
  14546. }
  14547. </style>
  14548. <table border="1" class="dataframe">
  14549. <thead>
  14550. <tr style="text-align: right;">
  14551. <th></th>
  14552. <th>playerID</th>
  14553. <th>G</th>
  14554. <th>AB</th>
  14555. <th>H</th>
  14556. <th>HR</th>
  14557. <th>RBI</th>
  14558. </tr>
  14559. </thead>
  14560. <tbody>
  14561. <tr>
  14562. <th>101189</th>
  14563. <td>thielca01</td>
  14564. <td>6</td>
  14565. <td>0</td>
  14566. <td>0</td>
  14567. <td>0</td>
  14568. <td>0</td>
  14569. </tr>
  14570. <tr>
  14571. <th>100917</th>
  14572. <td>polanjo01</td>
  14573. <td>4</td>
  14574. <td>10</td>
  14575. <td>3</td>
  14576. <td>0</td>
  14577. <td>1</td>
  14578. </tr>
  14579. <tr>
  14580. <th>99954</th>
  14581. <td>bernido01</td>
  14582. <td>4</td>
  14583. <td>5</td>
  14584. <td>1</td>
  14585. <td>0</td>
  14586. <td>2</td>
  14587. </tr>
  14588. <tr>
  14589. <th>100564</th>
  14590. <td>keplema01</td>
  14591. <td>3</td>
  14592. <td>7</td>
  14593. <td>1</td>
  14594. <td>0</td>
  14595. <td>0</td>
  14596. </tr>
  14597. <tr>
  14598. <th>100729</th>
  14599. <td>meyeral01</td>
  14600. <td>2</td>
  14601. <td>0</td>
  14602. <td>0</td>
  14603. <td>0</td>
  14604. <td>0</td>
  14605. </tr>
  14606. </tbody>
  14607. </table>
  14608. </div>
  14609. </div>
  14610. </div>
  14611. </div>
  14612. </div>
  14613. </div></div></section><section>
  14614. <div class="cell border-box-sizing text_cell rendered">
  14615. <div class="prompt input_prompt">
  14616. </div>
  14617. <div class="inner_cell">
  14618. <div class="text_cell_render border-box-sizing rendered_html">
  14619. <p>Similar results can be achieved using <a href="http://pandas.pydata.org/pandas-docs/version/0.17.0/generated/pandas.DataFrame.append.html#pandas.DataFrame.append"><code>append()</code></a>. With append, you can append, Series, DataFrames and/or a list of these.</p>
  14620. </div>
  14621. </div>
  14622. </div><div class="fragment">
  14623. <div class="cell border-box-sizing code_cell rendered">
  14624. <div class="input">
  14625. <div class="prompt input_prompt">In&nbsp;[24]:</div>
  14626. <div class="inner_cell">
  14627. <div class="input_area">
  14628. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">df_min_2015</span><span class="o">.</span><span class="n">append</span><span class="p">(</span>
  14629. <span class="n">pd</span><span class="o">.</span><span class="n">Series</span><span class="p">(</span>
  14630. <span class="p">{</span><span class="s1">&#39;playerID&#39;</span><span class="p">:</span> <span class="s1">&#39;keith01&#39;</span><span class="p">,</span>
  14631. <span class="s1">&#39;G&#39;</span><span class="p">:</span> <span class="mi">0</span><span class="p">,</span>
  14632. <span class="s1">&#39;AB&#39;</span><span class="p">:</span> <span class="mi">0</span><span class="p">,</span>
  14633. <span class="s1">&#39;H&#39;</span><span class="p">:</span><span class="mi">0</span><span class="p">,</span>
  14634. <span class="s1">&#39;HR&#39;</span><span class="p">:</span> <span class="mi">0</span><span class="p">,</span>
  14635. <span class="s1">&#39;RBI&#39;</span><span class="p">:</span> <span class="mi">0</span><span class="p">},</span> <span class="n">name</span><span class="o">=</span><span class="s1">&#39;200000&#39;</span><span class="p">))</span><span class="o">.</span><span class="n">tail</span><span class="p">()</span>
  14636. </pre></div>
  14637. </div>
  14638. </div>
  14639. </div>
  14640. <div class="output_wrapper">
  14641. <div class="output">
  14642. <div class="output_area">
  14643. <div class="prompt output_prompt">Out[24]:</div>
  14644. <div class="output_html rendered_html output_subarea output_execute_result">
  14645. <div>
  14646. <style>
  14647. .dataframe thead tr:only-child th {
  14648. text-align: right;
  14649. }
  14650. .dataframe thead th {
  14651. text-align: left;
  14652. }
  14653. .dataframe tbody tr th {
  14654. vertical-align: top;
  14655. }
  14656. </style>
  14657. <table border="1" class="dataframe">
  14658. <thead>
  14659. <tr style="text-align: right;">
  14660. <th></th>
  14661. <th>playerID</th>
  14662. <th>G</th>
  14663. <th>AB</th>
  14664. <th>H</th>
  14665. <th>HR</th>
  14666. <th>RBI</th>
  14667. </tr>
  14668. </thead>
  14669. <tbody>
  14670. <tr>
  14671. <th>100917</th>
  14672. <td>polanjo01</td>
  14673. <td>4</td>
  14674. <td>10</td>
  14675. <td>3</td>
  14676. <td>0</td>
  14677. <td>1</td>
  14678. </tr>
  14679. <tr>
  14680. <th>99954</th>
  14681. <td>bernido01</td>
  14682. <td>4</td>
  14683. <td>5</td>
  14684. <td>1</td>
  14685. <td>0</td>
  14686. <td>2</td>
  14687. </tr>
  14688. <tr>
  14689. <th>100564</th>
  14690. <td>keplema01</td>
  14691. <td>3</td>
  14692. <td>7</td>
  14693. <td>1</td>
  14694. <td>0</td>
  14695. <td>0</td>
  14696. </tr>
  14697. <tr>
  14698. <th>100729</th>
  14699. <td>meyeral01</td>
  14700. <td>2</td>
  14701. <td>0</td>
  14702. <td>0</td>
  14703. <td>0</td>
  14704. <td>0</td>
  14705. </tr>
  14706. <tr>
  14707. <th>200000</th>
  14708. <td>keith01</td>
  14709. <td>0</td>
  14710. <td>0</td>
  14711. <td>0</td>
  14712. <td>0</td>
  14713. <td>0</td>
  14714. </tr>
  14715. </tbody>
  14716. </table>
  14717. </div>
  14718. </div>
  14719. </div>
  14720. </div>
  14721. </div>
  14722. </div></div></section><section>
  14723. <div class="cell border-box-sizing code_cell rendered">
  14724. <div class="input">
  14725. <div class="prompt input_prompt">In&nbsp;[25]:</div>
  14726. <div class="inner_cell">
  14727. <div class="input_area">
  14728. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">df_min_2015</span><span class="p">[:</span><span class="mi">5</span><span class="p">]</span><span class="o">.</span><span class="n">append</span><span class="p">(</span><span class="n">df_min_2015</span><span class="p">[</span><span class="o">-</span><span class="mi">5</span><span class="p">:])</span>
  14729. </pre></div>
  14730. </div>
  14731. </div>
  14732. </div>
  14733. <div class="output_wrapper">
  14734. <div class="output">
  14735. <div class="output_area">
  14736. <div class="prompt output_prompt">Out[25]:</div>
  14737. <div class="output_html rendered_html output_subarea output_execute_result">
  14738. <div>
  14739. <style>
  14740. .dataframe thead tr:only-child th {
  14741. text-align: right;
  14742. }
  14743. .dataframe thead th {
  14744. text-align: left;
  14745. }
  14746. .dataframe tbody tr th {
  14747. vertical-align: top;
  14748. }
  14749. </style>
  14750. <table border="1" class="dataframe">
  14751. <thead>
  14752. <tr style="text-align: right;">
  14753. <th></th>
  14754. <th>playerID</th>
  14755. <th>G</th>
  14756. <th>AB</th>
  14757. <th>H</th>
  14758. <th>HR</th>
  14759. <th>RBI</th>
  14760. </tr>
  14761. </thead>
  14762. <tbody>
  14763. <tr>
  14764. <th>100696</th>
  14765. <td>mauerjo01</td>
  14766. <td>158</td>
  14767. <td>592</td>
  14768. <td>157</td>
  14769. <td>10</td>
  14770. <td>66</td>
  14771. </tr>
  14772. <tr>
  14773. <th>100215</th>
  14774. <td>doziebr01</td>
  14775. <td>157</td>
  14776. <td>628</td>
  14777. <td>148</td>
  14778. <td>28</td>
  14779. <td>77</td>
  14780. </tr>
  14781. <tr>
  14782. <th>100915</th>
  14783. <td>plouftr01</td>
  14784. <td>152</td>
  14785. <td>573</td>
  14786. <td>140</td>
  14787. <td>22</td>
  14788. <td>86</td>
  14789. </tr>
  14790. <tr>
  14791. <th>100488</th>
  14792. <td>hunteto01</td>
  14793. <td>139</td>
  14794. <td>521</td>
  14795. <td>125</td>
  14796. <td>22</td>
  14797. <td>81</td>
  14798. </tr>
  14799. <tr>
  14800. <th>101164</th>
  14801. <td>suzukku01</td>
  14802. <td>131</td>
  14803. <td>433</td>
  14804. <td>104</td>
  14805. <td>5</td>
  14806. <td>50</td>
  14807. </tr>
  14808. <tr>
  14809. <th>101189</th>
  14810. <td>thielca01</td>
  14811. <td>6</td>
  14812. <td>0</td>
  14813. <td>0</td>
  14814. <td>0</td>
  14815. <td>0</td>
  14816. </tr>
  14817. <tr>
  14818. <th>100917</th>
  14819. <td>polanjo01</td>
  14820. <td>4</td>
  14821. <td>10</td>
  14822. <td>3</td>
  14823. <td>0</td>
  14824. <td>1</td>
  14825. </tr>
  14826. <tr>
  14827. <th>99954</th>
  14828. <td>bernido01</td>
  14829. <td>4</td>
  14830. <td>5</td>
  14831. <td>1</td>
  14832. <td>0</td>
  14833. <td>2</td>
  14834. </tr>
  14835. <tr>
  14836. <th>100564</th>
  14837. <td>keplema01</td>
  14838. <td>3</td>
  14839. <td>7</td>
  14840. <td>1</td>
  14841. <td>0</td>
  14842. <td>0</td>
  14843. </tr>
  14844. <tr>
  14845. <th>100729</th>
  14846. <td>meyeral01</td>
  14847. <td>2</td>
  14848. <td>0</td>
  14849. <td>0</td>
  14850. <td>0</td>
  14851. <td>0</td>
  14852. </tr>
  14853. </tbody>
  14854. </table>
  14855. </div>
  14856. </div>
  14857. </div>
  14858. </div>
  14859. </div>
  14860. </div></section><section>
  14861. <div class="cell border-box-sizing code_cell rendered">
  14862. <div class="input">
  14863. <div class="prompt input_prompt">In&nbsp;[26]:</div>
  14864. <div class="inner_cell">
  14865. <div class="input_area">
  14866. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">df_min_2015</span><span class="p">[:</span><span class="mi">5</span><span class="p">]</span><span class="o">.</span><span class="n">append</span><span class="p">([</span><span class="n">df_min_2015</span><span class="p">[</span><span class="mi">10</span><span class="p">:</span><span class="mi">12</span><span class="p">],</span> <span class="n">df_min_2015</span><span class="p">[</span><span class="o">-</span><span class="mi">5</span><span class="p">:]])</span>
  14867. </pre></div>
  14868. </div>
  14869. </div>
  14870. </div>
  14871. <div class="output_wrapper">
  14872. <div class="output">
  14873. <div class="output_area">
  14874. <div class="prompt output_prompt">Out[26]:</div>
  14875. <div class="output_html rendered_html output_subarea output_execute_result">
  14876. <div>
  14877. <style>
  14878. .dataframe thead tr:only-child th {
  14879. text-align: right;
  14880. }
  14881. .dataframe thead th {
  14882. text-align: left;
  14883. }
  14884. .dataframe tbody tr th {
  14885. vertical-align: top;
  14886. }
  14887. </style>
  14888. <table border="1" class="dataframe">
  14889. <thead>
  14890. <tr style="text-align: right;">
  14891. <th></th>
  14892. <th>playerID</th>
  14893. <th>G</th>
  14894. <th>AB</th>
  14895. <th>H</th>
  14896. <th>HR</th>
  14897. <th>RBI</th>
  14898. </tr>
  14899. </thead>
  14900. <tbody>
  14901. <tr>
  14902. <th>100696</th>
  14903. <td>mauerjo01</td>
  14904. <td>158</td>
  14905. <td>592</td>
  14906. <td>157</td>
  14907. <td>10</td>
  14908. <td>66</td>
  14909. </tr>
  14910. <tr>
  14911. <th>100215</th>
  14912. <td>doziebr01</td>
  14913. <td>157</td>
  14914. <td>628</td>
  14915. <td>148</td>
  14916. <td>28</td>
  14917. <td>77</td>
  14918. </tr>
  14919. <tr>
  14920. <th>100915</th>
  14921. <td>plouftr01</td>
  14922. <td>152</td>
  14923. <td>573</td>
  14924. <td>140</td>
  14925. <td>22</td>
  14926. <td>86</td>
  14927. </tr>
  14928. <tr>
  14929. <th>100488</th>
  14930. <td>hunteto01</td>
  14931. <td>139</td>
  14932. <td>521</td>
  14933. <td>125</td>
  14934. <td>22</td>
  14935. <td>81</td>
  14936. </tr>
  14937. <tr>
  14938. <th>101164</th>
  14939. <td>suzukku01</td>
  14940. <td>131</td>
  14941. <td>433</td>
  14942. <td>104</td>
  14943. <td>5</td>
  14944. <td>50</td>
  14945. </tr>
  14946. <tr>
  14947. <th>101067</th>
  14948. <td>sanomi01</td>
  14949. <td>80</td>
  14950. <td>279</td>
  14951. <td>75</td>
  14952. <td>18</td>
  14953. <td>52</td>
  14954. </tr>
  14955. <tr>
  14956. <th>100816</th>
  14957. <td>nunezed02</td>
  14958. <td>72</td>
  14959. <td>188</td>
  14960. <td>53</td>
  14961. <td>4</td>
  14962. <td>20</td>
  14963. </tr>
  14964. <tr>
  14965. <th>101189</th>
  14966. <td>thielca01</td>
  14967. <td>6</td>
  14968. <td>0</td>
  14969. <td>0</td>
  14970. <td>0</td>
  14971. <td>0</td>
  14972. </tr>
  14973. <tr>
  14974. <th>100917</th>
  14975. <td>polanjo01</td>
  14976. <td>4</td>
  14977. <td>10</td>
  14978. <td>3</td>
  14979. <td>0</td>
  14980. <td>1</td>
  14981. </tr>
  14982. <tr>
  14983. <th>99954</th>
  14984. <td>bernido01</td>
  14985. <td>4</td>
  14986. <td>5</td>
  14987. <td>1</td>
  14988. <td>0</td>
  14989. <td>2</td>
  14990. </tr>
  14991. <tr>
  14992. <th>100564</th>
  14993. <td>keplema01</td>
  14994. <td>3</td>
  14995. <td>7</td>
  14996. <td>1</td>
  14997. <td>0</td>
  14998. <td>0</td>
  14999. </tr>
  15000. <tr>
  15001. <th>100729</th>
  15002. <td>meyeral01</td>
  15003. <td>2</td>
  15004. <td>0</td>
  15005. <td>0</td>
  15006. <td>0</td>
  15007. <td>0</td>
  15008. </tr>
  15009. </tbody>
  15010. </table>
  15011. </div>
  15012. </div>
  15013. </div>
  15014. </div>
  15015. </div>
  15016. </div></section><section>
  15017. <div class="cell border-box-sizing text_cell rendered">
  15018. <div class="prompt input_prompt">
  15019. </div>
  15020. <div class="inner_cell">
  15021. <div class="text_cell_render border-box-sizing rendered_html">
  15022. <p>The same result can be achieved with <a href="http://pandas.pydata.org/pandas-docs/version/0.17.0/generated/pandas.concat.html#pandas.concat"><code>pd.concat()</code></a>, where the defaut <code>axis</code> is <code>0</code>.</p>
  15023. </div>
  15024. </div>
  15025. </div><div class="fragment">
  15026. <div class="cell border-box-sizing code_cell rendered">
  15027. <div class="input">
  15028. <div class="prompt input_prompt">In&nbsp;[27]:</div>
  15029. <div class="inner_cell">
  15030. <div class="input_area">
  15031. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">pd</span><span class="o">.</span><span class="n">concat</span><span class="p">([</span><span class="n">df_min_2015</span><span class="p">[:</span><span class="mi">5</span><span class="p">],</span>
  15032. <span class="n">df_min_2015</span><span class="p">[</span><span class="o">-</span><span class="mi">5</span><span class="p">:]],</span> <span class="n">axis</span><span class="o">=</span><span class="mi">0</span><span class="p">)</span>
  15033. </pre></div>
  15034. </div>
  15035. </div>
  15036. </div>
  15037. <div class="output_wrapper">
  15038. <div class="output">
  15039. <div class="output_area">
  15040. <div class="prompt output_prompt">Out[27]:</div>
  15041. <div class="output_html rendered_html output_subarea output_execute_result">
  15042. <div>
  15043. <style>
  15044. .dataframe thead tr:only-child th {
  15045. text-align: right;
  15046. }
  15047. .dataframe thead th {
  15048. text-align: left;
  15049. }
  15050. .dataframe tbody tr th {
  15051. vertical-align: top;
  15052. }
  15053. </style>
  15054. <table border="1" class="dataframe">
  15055. <thead>
  15056. <tr style="text-align: right;">
  15057. <th></th>
  15058. <th>playerID</th>
  15059. <th>G</th>
  15060. <th>AB</th>
  15061. <th>H</th>
  15062. <th>HR</th>
  15063. <th>RBI</th>
  15064. </tr>
  15065. </thead>
  15066. <tbody>
  15067. <tr>
  15068. <th>100696</th>
  15069. <td>mauerjo01</td>
  15070. <td>158</td>
  15071. <td>592</td>
  15072. <td>157</td>
  15073. <td>10</td>
  15074. <td>66</td>
  15075. </tr>
  15076. <tr>
  15077. <th>100215</th>
  15078. <td>doziebr01</td>
  15079. <td>157</td>
  15080. <td>628</td>
  15081. <td>148</td>
  15082. <td>28</td>
  15083. <td>77</td>
  15084. </tr>
  15085. <tr>
  15086. <th>100915</th>
  15087. <td>plouftr01</td>
  15088. <td>152</td>
  15089. <td>573</td>
  15090. <td>140</td>
  15091. <td>22</td>
  15092. <td>86</td>
  15093. </tr>
  15094. <tr>
  15095. <th>100488</th>
  15096. <td>hunteto01</td>
  15097. <td>139</td>
  15098. <td>521</td>
  15099. <td>125</td>
  15100. <td>22</td>
  15101. <td>81</td>
  15102. </tr>
  15103. <tr>
  15104. <th>101164</th>
  15105. <td>suzukku01</td>
  15106. <td>131</td>
  15107. <td>433</td>
  15108. <td>104</td>
  15109. <td>5</td>
  15110. <td>50</td>
  15111. </tr>
  15112. <tr>
  15113. <th>101189</th>
  15114. <td>thielca01</td>
  15115. <td>6</td>
  15116. <td>0</td>
  15117. <td>0</td>
  15118. <td>0</td>
  15119. <td>0</td>
  15120. </tr>
  15121. <tr>
  15122. <th>100917</th>
  15123. <td>polanjo01</td>
  15124. <td>4</td>
  15125. <td>10</td>
  15126. <td>3</td>
  15127. <td>0</td>
  15128. <td>1</td>
  15129. </tr>
  15130. <tr>
  15131. <th>99954</th>
  15132. <td>bernido01</td>
  15133. <td>4</td>
  15134. <td>5</td>
  15135. <td>1</td>
  15136. <td>0</td>
  15137. <td>2</td>
  15138. </tr>
  15139. <tr>
  15140. <th>100564</th>
  15141. <td>keplema01</td>
  15142. <td>3</td>
  15143. <td>7</td>
  15144. <td>1</td>
  15145. <td>0</td>
  15146. <td>0</td>
  15147. </tr>
  15148. <tr>
  15149. <th>100729</th>
  15150. <td>meyeral01</td>
  15151. <td>2</td>
  15152. <td>0</td>
  15153. <td>0</td>
  15154. <td>0</td>
  15155. <td>0</td>
  15156. </tr>
  15157. </tbody>
  15158. </table>
  15159. </div>
  15160. </div>
  15161. </div>
  15162. </div>
  15163. </div>
  15164. </div></div></section><section>
  15165. <div class="cell border-box-sizing text_cell rendered">
  15166. <div class="prompt input_prompt">
  15167. </div>
  15168. <div class="inner_cell">
  15169. <div class="text_cell_render border-box-sizing rendered_html">
  15170. <p>But we can use <code>concat()</code> to make a <em>column-wise</em> concatenation using <code>axis=1</code> (columns).</p>
  15171. </div>
  15172. </div>
  15173. </div><div class="fragment">
  15174. <div class="cell border-box-sizing code_cell rendered">
  15175. <div class="input">
  15176. <div class="prompt input_prompt">In&nbsp;[28]:</div>
  15177. <div class="inner_cell">
  15178. <div class="input_area">
  15179. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">pd</span><span class="o">.</span><span class="n">concat</span><span class="p">([</span><span class="n">df_min_2015</span><span class="p">[:</span><span class="mi">5</span><span class="p">],</span>
  15180. <span class="n">df_min_2015</span><span class="p">[</span><span class="o">-</span><span class="mi">5</span><span class="p">:]],</span> <span class="n">axis</span><span class="o">=</span><span class="mi">1</span><span class="p">)</span>
  15181. </pre></div>
  15182. </div>
  15183. </div>
  15184. </div>
  15185. <div class="output_wrapper">
  15186. <div class="output">
  15187. <div class="output_area">
  15188. <div class="prompt output_prompt">Out[28]:</div>
  15189. <div class="output_html rendered_html output_subarea output_execute_result">
  15190. <div>
  15191. <style>
  15192. .dataframe thead tr:only-child th {
  15193. text-align: right;
  15194. }
  15195. .dataframe thead th {
  15196. text-align: left;
  15197. }
  15198. .dataframe tbody tr th {
  15199. vertical-align: top;
  15200. }
  15201. </style>
  15202. <table border="1" class="dataframe">
  15203. <thead>
  15204. <tr style="text-align: right;">
  15205. <th></th>
  15206. <th>playerID</th>
  15207. <th>G</th>
  15208. <th>AB</th>
  15209. <th>H</th>
  15210. <th>HR</th>
  15211. <th>RBI</th>
  15212. <th>playerID</th>
  15213. <th>G</th>
  15214. <th>AB</th>
  15215. <th>H</th>
  15216. <th>HR</th>
  15217. <th>RBI</th>
  15218. </tr>
  15219. </thead>
  15220. <tbody>
  15221. <tr>
  15222. <th>99954</th>
  15223. <td>NaN</td>
  15224. <td>NaN</td>
  15225. <td>NaN</td>
  15226. <td>NaN</td>
  15227. <td>NaN</td>
  15228. <td>NaN</td>
  15229. <td>bernido01</td>
  15230. <td>4</td>
  15231. <td>5</td>
  15232. <td>1</td>
  15233. <td>0</td>
  15234. <td>2</td>
  15235. </tr>
  15236. <tr>
  15237. <th>100215</th>
  15238. <td>doziebr01</td>
  15239. <td>157</td>
  15240. <td>628</td>
  15241. <td>148</td>
  15242. <td>28</td>
  15243. <td>77</td>
  15244. <td>NaN</td>
  15245. <td>NaN</td>
  15246. <td>NaN</td>
  15247. <td>NaN</td>
  15248. <td>NaN</td>
  15249. <td>NaN</td>
  15250. </tr>
  15251. <tr>
  15252. <th>100488</th>
  15253. <td>hunteto01</td>
  15254. <td>139</td>
  15255. <td>521</td>
  15256. <td>125</td>
  15257. <td>22</td>
  15258. <td>81</td>
  15259. <td>NaN</td>
  15260. <td>NaN</td>
  15261. <td>NaN</td>
  15262. <td>NaN</td>
  15263. <td>NaN</td>
  15264. <td>NaN</td>
  15265. </tr>
  15266. <tr>
  15267. <th>100564</th>
  15268. <td>NaN</td>
  15269. <td>NaN</td>
  15270. <td>NaN</td>
  15271. <td>NaN</td>
  15272. <td>NaN</td>
  15273. <td>NaN</td>
  15274. <td>keplema01</td>
  15275. <td>3</td>
  15276. <td>7</td>
  15277. <td>1</td>
  15278. <td>0</td>
  15279. <td>0</td>
  15280. </tr>
  15281. <tr>
  15282. <th>100696</th>
  15283. <td>mauerjo01</td>
  15284. <td>158</td>
  15285. <td>592</td>
  15286. <td>157</td>
  15287. <td>10</td>
  15288. <td>66</td>
  15289. <td>NaN</td>
  15290. <td>NaN</td>
  15291. <td>NaN</td>
  15292. <td>NaN</td>
  15293. <td>NaN</td>
  15294. <td>NaN</td>
  15295. </tr>
  15296. <tr>
  15297. <th>100729</th>
  15298. <td>NaN</td>
  15299. <td>NaN</td>
  15300. <td>NaN</td>
  15301. <td>NaN</td>
  15302. <td>NaN</td>
  15303. <td>NaN</td>
  15304. <td>meyeral01</td>
  15305. <td>2</td>
  15306. <td>0</td>
  15307. <td>0</td>
  15308. <td>0</td>
  15309. <td>0</td>
  15310. </tr>
  15311. <tr>
  15312. <th>100915</th>
  15313. <td>plouftr01</td>
  15314. <td>152</td>
  15315. <td>573</td>
  15316. <td>140</td>
  15317. <td>22</td>
  15318. <td>86</td>
  15319. <td>NaN</td>
  15320. <td>NaN</td>
  15321. <td>NaN</td>
  15322. <td>NaN</td>
  15323. <td>NaN</td>
  15324. <td>NaN</td>
  15325. </tr>
  15326. <tr>
  15327. <th>100917</th>
  15328. <td>NaN</td>
  15329. <td>NaN</td>
  15330. <td>NaN</td>
  15331. <td>NaN</td>
  15332. <td>NaN</td>
  15333. <td>NaN</td>
  15334. <td>polanjo01</td>
  15335. <td>4</td>
  15336. <td>10</td>
  15337. <td>3</td>
  15338. <td>0</td>
  15339. <td>1</td>
  15340. </tr>
  15341. <tr>
  15342. <th>101164</th>
  15343. <td>suzukku01</td>
  15344. <td>131</td>
  15345. <td>433</td>
  15346. <td>104</td>
  15347. <td>5</td>
  15348. <td>50</td>
  15349. <td>NaN</td>
  15350. <td>NaN</td>
  15351. <td>NaN</td>
  15352. <td>NaN</td>
  15353. <td>NaN</td>
  15354. <td>NaN</td>
  15355. </tr>
  15356. <tr>
  15357. <th>101189</th>
  15358. <td>NaN</td>
  15359. <td>NaN</td>
  15360. <td>NaN</td>
  15361. <td>NaN</td>
  15362. <td>NaN</td>
  15363. <td>NaN</td>
  15364. <td>thielca01</td>
  15365. <td>6</td>
  15366. <td>0</td>
  15367. <td>0</td>
  15368. <td>0</td>
  15369. <td>0</td>
  15370. </tr>
  15371. </tbody>
  15372. </table>
  15373. </div>
  15374. </div>
  15375. </div>
  15376. </div>
  15377. </div>
  15378. </div></div></section><section>
  15379. <div class="cell border-box-sizing text_cell rendered">
  15380. <div class="prompt input_prompt">
  15381. </div>
  15382. <div class="inner_cell">
  15383. <div class="text_cell_render border-box-sizing rendered_html">
  15384. <p>We can see that the indices are being considered in the concatenation and row indices are being joined. This behavior can be controlled via the <code>join</code> parameter, which we'll leave <a href="http://pandas.pydata.org/pandas-docs/version/0.17.0/merging.html#concatenating-objects">for the reader to explore</a>.</p>
  15385. <p>One last thing we might want to do in an operation like this is to reset the index. To do so, we might start with ignoring the column index using the <code>ignore_index=True</code> so we can set it later to something more appropriate after the concatenation.</p>
  15386. </div>
  15387. </div>
  15388. </div></section><section>
  15389. <div class="cell border-box-sizing code_cell rendered">
  15390. <div class="input">
  15391. <div class="prompt input_prompt">In&nbsp;[29]:</div>
  15392. <div class="inner_cell">
  15393. <div class="input_area">
  15394. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">pd</span><span class="o">.</span><span class="n">concat</span><span class="p">([</span><span class="n">df_min_2015</span><span class="p">[:</span><span class="mi">5</span><span class="p">],</span>
  15395. <span class="n">df_min_2015</span><span class="p">[</span><span class="o">-</span><span class="mi">5</span><span class="p">:]],</span> <span class="n">axis</span><span class="o">=</span><span class="mi">1</span><span class="p">,</span> <span class="n">ignore_index</span><span class="o">=</span><span class="kc">True</span><span class="p">)</span>
  15396. </pre></div>
  15397. </div>
  15398. </div>
  15399. </div>
  15400. <div class="output_wrapper">
  15401. <div class="output">
  15402. <div class="output_area">
  15403. <div class="prompt output_prompt">Out[29]:</div>
  15404. <div class="output_html rendered_html output_subarea output_execute_result">
  15405. <div>
  15406. <style>
  15407. .dataframe thead tr:only-child th {
  15408. text-align: right;
  15409. }
  15410. .dataframe thead th {
  15411. text-align: left;
  15412. }
  15413. .dataframe tbody tr th {
  15414. vertical-align: top;
  15415. }
  15416. </style>
  15417. <table border="1" class="dataframe">
  15418. <thead>
  15419. <tr style="text-align: right;">
  15420. <th></th>
  15421. <th>0</th>
  15422. <th>1</th>
  15423. <th>2</th>
  15424. <th>3</th>
  15425. <th>4</th>
  15426. <th>5</th>
  15427. <th>6</th>
  15428. <th>7</th>
  15429. <th>8</th>
  15430. <th>9</th>
  15431. <th>10</th>
  15432. <th>11</th>
  15433. </tr>
  15434. </thead>
  15435. <tbody>
  15436. <tr>
  15437. <th>99954</th>
  15438. <td>NaN</td>
  15439. <td>NaN</td>
  15440. <td>NaN</td>
  15441. <td>NaN</td>
  15442. <td>NaN</td>
  15443. <td>NaN</td>
  15444. <td>bernido01</td>
  15445. <td>4</td>
  15446. <td>5</td>
  15447. <td>1</td>
  15448. <td>0</td>
  15449. <td>2</td>
  15450. </tr>
  15451. <tr>
  15452. <th>100215</th>
  15453. <td>doziebr01</td>
  15454. <td>157</td>
  15455. <td>628</td>
  15456. <td>148</td>
  15457. <td>28</td>
  15458. <td>77</td>
  15459. <td>NaN</td>
  15460. <td>NaN</td>
  15461. <td>NaN</td>
  15462. <td>NaN</td>
  15463. <td>NaN</td>
  15464. <td>NaN</td>
  15465. </tr>
  15466. <tr>
  15467. <th>100488</th>
  15468. <td>hunteto01</td>
  15469. <td>139</td>
  15470. <td>521</td>
  15471. <td>125</td>
  15472. <td>22</td>
  15473. <td>81</td>
  15474. <td>NaN</td>
  15475. <td>NaN</td>
  15476. <td>NaN</td>
  15477. <td>NaN</td>
  15478. <td>NaN</td>
  15479. <td>NaN</td>
  15480. </tr>
  15481. <tr>
  15482. <th>100564</th>
  15483. <td>NaN</td>
  15484. <td>NaN</td>
  15485. <td>NaN</td>
  15486. <td>NaN</td>
  15487. <td>NaN</td>
  15488. <td>NaN</td>
  15489. <td>keplema01</td>
  15490. <td>3</td>
  15491. <td>7</td>
  15492. <td>1</td>
  15493. <td>0</td>
  15494. <td>0</td>
  15495. </tr>
  15496. <tr>
  15497. <th>100696</th>
  15498. <td>mauerjo01</td>
  15499. <td>158</td>
  15500. <td>592</td>
  15501. <td>157</td>
  15502. <td>10</td>
  15503. <td>66</td>
  15504. <td>NaN</td>
  15505. <td>NaN</td>
  15506. <td>NaN</td>
  15507. <td>NaN</td>
  15508. <td>NaN</td>
  15509. <td>NaN</td>
  15510. </tr>
  15511. <tr>
  15512. <th>100729</th>
  15513. <td>NaN</td>
  15514. <td>NaN</td>
  15515. <td>NaN</td>
  15516. <td>NaN</td>
  15517. <td>NaN</td>
  15518. <td>NaN</td>
  15519. <td>meyeral01</td>
  15520. <td>2</td>
  15521. <td>0</td>
  15522. <td>0</td>
  15523. <td>0</td>
  15524. <td>0</td>
  15525. </tr>
  15526. <tr>
  15527. <th>100915</th>
  15528. <td>plouftr01</td>
  15529. <td>152</td>
  15530. <td>573</td>
  15531. <td>140</td>
  15532. <td>22</td>
  15533. <td>86</td>
  15534. <td>NaN</td>
  15535. <td>NaN</td>
  15536. <td>NaN</td>
  15537. <td>NaN</td>
  15538. <td>NaN</td>
  15539. <td>NaN</td>
  15540. </tr>
  15541. <tr>
  15542. <th>100917</th>
  15543. <td>NaN</td>
  15544. <td>NaN</td>
  15545. <td>NaN</td>
  15546. <td>NaN</td>
  15547. <td>NaN</td>
  15548. <td>NaN</td>
  15549. <td>polanjo01</td>
  15550. <td>4</td>
  15551. <td>10</td>
  15552. <td>3</td>
  15553. <td>0</td>
  15554. <td>1</td>
  15555. </tr>
  15556. <tr>
  15557. <th>101164</th>
  15558. <td>suzukku01</td>
  15559. <td>131</td>
  15560. <td>433</td>
  15561. <td>104</td>
  15562. <td>5</td>
  15563. <td>50</td>
  15564. <td>NaN</td>
  15565. <td>NaN</td>
  15566. <td>NaN</td>
  15567. <td>NaN</td>
  15568. <td>NaN</td>
  15569. <td>NaN</td>
  15570. </tr>
  15571. <tr>
  15572. <th>101189</th>
  15573. <td>NaN</td>
  15574. <td>NaN</td>
  15575. <td>NaN</td>
  15576. <td>NaN</td>
  15577. <td>NaN</td>
  15578. <td>NaN</td>
  15579. <td>thielca01</td>
  15580. <td>6</td>
  15581. <td>0</td>
  15582. <td>0</td>
  15583. <td>0</td>
  15584. <td>0</td>
  15585. </tr>
  15586. </tbody>
  15587. </table>
  15588. </div>
  15589. </div>
  15590. </div>
  15591. </div>
  15592. </div>
  15593. </div></section></section><section><section>
  15594. <div class="cell border-box-sizing text_cell rendered">
  15595. <div class="prompt input_prompt">
  15596. </div>
  15597. <div class="inner_cell">
  15598. <div class="text_cell_render border-box-sizing rendered_html">
  15599. <h2 id="Advanced-indexing">Advanced indexing<a class="anchor-link" href="#Advanced-indexing">&#182;</a></h2><p>Pandas provides the ability to build more complex indices allowing for highly flexible and natural data access.</p>
  15600. <p>We will cover the basics of through the <a href="http://pandas.pydata.org/pandas-docs/version/0.17.0/advanced.html#hierarchical-indexing-multiindex"><code>MultiIndex</code></a> object and will the the remaining exploration to the reader.</p>
  15601. </div>
  15602. </div>
  15603. </div></section><section>
  15604. <div class="cell border-box-sizing text_cell rendered">
  15605. <div class="prompt input_prompt">
  15606. </div>
  15607. <div class="inner_cell">
  15608. <div class="text_cell_render border-box-sizing rendered_html">
  15609. <p>Let's get the players on the Washington Nationals who played 100 or more games in 2015 and 2016.</p>
  15610. </div>
  15611. </div>
  15612. </div><div class="fragment">
  15613. <div class="cell border-box-sizing code_cell rendered">
  15614. <div class="input">
  15615. <div class="prompt input_prompt">In&nbsp;[30]:</div>
  15616. <div class="inner_cell">
  15617. <div class="input_area">
  15618. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">df_was</span> <span class="o">=</span> <span class="n">df</span><span class="p">[(</span><span class="n">df</span><span class="o">.</span><span class="n">yearID</span> <span class="o">&gt;</span> <span class="mi">2014</span><span class="p">)</span> <span class="o">&amp;</span> <span class="p">(</span><span class="n">df</span><span class="o">.</span><span class="n">teamID</span><span class="o">==</span><span class="s1">&#39;WAS&#39;</span><span class="p">)</span> <span class="o">&amp;</span> <span class="p">(</span><span class="n">df</span><span class="o">.</span><span class="n">G</span> <span class="o">&gt;</span> <span class="mi">99</span><span class="p">)]</span>
  15619. </pre></div>
  15620. </div>
  15621. </div>
  15622. </div>
  15623. </div></div><div class="fragment">
  15624. <div class="cell border-box-sizing code_cell rendered">
  15625. <div class="input">
  15626. <div class="prompt input_prompt">In&nbsp;[31]:</div>
  15627. <div class="inner_cell">
  15628. <div class="input_area">
  15629. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">df_was</span><span class="o">.</span><span class="n">head</span><span class="p">()</span>
  15630. </pre></div>
  15631. </div>
  15632. </div>
  15633. </div>
  15634. <div class="output_wrapper">
  15635. <div class="output">
  15636. <div class="output_area">
  15637. <div class="prompt output_prompt">Out[31]:</div>
  15638. <div class="output_html rendered_html output_subarea output_execute_result">
  15639. <div>
  15640. <style>
  15641. .dataframe thead tr:only-child th {
  15642. text-align: right;
  15643. }
  15644. .dataframe thead th {
  15645. text-align: left;
  15646. }
  15647. .dataframe tbody tr th {
  15648. vertical-align: top;
  15649. }
  15650. </style>
  15651. <table border="1" class="dataframe">
  15652. <thead>
  15653. <tr style="text-align: right;">
  15654. <th></th>
  15655. <th>playerID</th>
  15656. <th>yearID</th>
  15657. <th>stint</th>
  15658. <th>teamID</th>
  15659. <th>lgID</th>
  15660. <th>G</th>
  15661. <th>AB</th>
  15662. <th>R</th>
  15663. <th>H</th>
  15664. <th>2B</th>
  15665. <th>...</th>
  15666. <th>RBI</th>
  15667. <th>SB</th>
  15668. <th>CS</th>
  15669. <th>BB</th>
  15670. <th>SO</th>
  15671. <th>IBB</th>
  15672. <th>HBP</th>
  15673. <th>SH</th>
  15674. <th>SF</th>
  15675. <th>GIDP</th>
  15676. </tr>
  15677. </thead>
  15678. <tbody>
  15679. <tr>
  15680. <th>100193</th>
  15681. <td>desmoia01</td>
  15682. <td>2015</td>
  15683. <td>1</td>
  15684. <td>WAS</td>
  15685. <td>NL</td>
  15686. <td>156</td>
  15687. <td>583</td>
  15688. <td>69</td>
  15689. <td>136</td>
  15690. <td>27</td>
  15691. <td>...</td>
  15692. <td>62.0</td>
  15693. <td>13.0</td>
  15694. <td>5.0</td>
  15695. <td>45</td>
  15696. <td>187.0</td>
  15697. <td>0.0</td>
  15698. <td>3.0</td>
  15699. <td>6.0</td>
  15700. <td>4.0</td>
  15701. <td>9.0</td>
  15702. </tr>
  15703. <tr>
  15704. <th>100250</th>
  15705. <td>escobyu01</td>
  15706. <td>2015</td>
  15707. <td>1</td>
  15708. <td>WAS</td>
  15709. <td>NL</td>
  15710. <td>139</td>
  15711. <td>535</td>
  15712. <td>75</td>
  15713. <td>168</td>
  15714. <td>25</td>
  15715. <td>...</td>
  15716. <td>56.0</td>
  15717. <td>2.0</td>
  15718. <td>2.0</td>
  15719. <td>45</td>
  15720. <td>70.0</td>
  15721. <td>0.0</td>
  15722. <td>8.0</td>
  15723. <td>1.0</td>
  15724. <td>2.0</td>
  15725. <td>24.0</td>
  15726. </tr>
  15727. <tr>
  15728. <th>100251</th>
  15729. <td>espinda01</td>
  15730. <td>2015</td>
  15731. <td>1</td>
  15732. <td>WAS</td>
  15733. <td>NL</td>
  15734. <td>118</td>
  15735. <td>367</td>
  15736. <td>59</td>
  15737. <td>88</td>
  15738. <td>21</td>
  15739. <td>...</td>
  15740. <td>37.0</td>
  15741. <td>5.0</td>
  15742. <td>2.0</td>
  15743. <td>33</td>
  15744. <td>106.0</td>
  15745. <td>5.0</td>
  15746. <td>6.0</td>
  15747. <td>3.0</td>
  15748. <td>3.0</td>
  15749. <td>6.0</td>
  15750. </tr>
  15751. <tr>
  15752. <th>100422</th>
  15753. <td>harpebr03</td>
  15754. <td>2015</td>
  15755. <td>1</td>
  15756. <td>WAS</td>
  15757. <td>NL</td>
  15758. <td>153</td>
  15759. <td>521</td>
  15760. <td>118</td>
  15761. <td>172</td>
  15762. <td>38</td>
  15763. <td>...</td>
  15764. <td>99.0</td>
  15765. <td>6.0</td>
  15766. <td>4.0</td>
  15767. <td>124</td>
  15768. <td>131.0</td>
  15769. <td>15.0</td>
  15770. <td>5.0</td>
  15771. <td>0.0</td>
  15772. <td>4.0</td>
  15773. <td>15.0</td>
  15774. </tr>
  15775. <tr>
  15776. <th>100950</th>
  15777. <td>ramoswi01</td>
  15778. <td>2015</td>
  15779. <td>1</td>
  15780. <td>WAS</td>
  15781. <td>NL</td>
  15782. <td>128</td>
  15783. <td>475</td>
  15784. <td>41</td>
  15785. <td>109</td>
  15786. <td>16</td>
  15787. <td>...</td>
  15788. <td>68.0</td>
  15789. <td>0.0</td>
  15790. <td>0.0</td>
  15791. <td>21</td>
  15792. <td>101.0</td>
  15793. <td>2.0</td>
  15794. <td>0.0</td>
  15795. <td>0.0</td>
  15796. <td>8.0</td>
  15797. <td>16.0</td>
  15798. </tr>
  15799. </tbody>
  15800. </table>
  15801. <p>5 rows × 22 columns</p>
  15802. </div>
  15803. </div>
  15804. </div>
  15805. </div>
  15806. </div>
  15807. </div></div></section><section>
  15808. <div class="cell border-box-sizing text_cell rendered">
  15809. <div class="prompt input_prompt">
  15810. </div>
  15811. <div class="inner_cell">
  15812. <div class="text_cell_render border-box-sizing rendered_html">
  15813. <p>One obvious problem if we were to access the data here by player and year, we have to build a much more involved query and even more so if we needed to ignore data.</p>
  15814. <p>We are going to create a <em>hierarchical index</em> or <em>MultiIndex</em> to solve this problem. We'll take take liberty to drop columns we don't need (<code>teamID</code>, <code>ldID</code>, <code>stint</code>) and reorganize the index hierarchically.</p>
  15815. <p>We will use <code>MultiIndex</code> using a <em>tuple</em> of the data we need and provide the index first by <em>player</em>, then by <em>year</em>. To do this we'll just grab all the player IDs and <code>zip</code> them with the year. This will look something like this:</p>
  15816. </div>
  15817. </div>
  15818. </div></section><section>
  15819. <div class="cell border-box-sizing code_cell rendered">
  15820. <div class="input">
  15821. <div class="prompt input_prompt">In&nbsp;[32]:</div>
  15822. <div class="inner_cell">
  15823. <div class="input_area">
  15824. <div class=" highlight hl-ipython3"><pre><span></span><span class="nb">tuple</span><span class="p">(</span>
  15825. <span class="nb">zip</span><span class="p">(</span>
  15826. <span class="n">df_was</span><span class="p">[[</span><span class="s1">&#39;playerID&#39;</span><span class="p">,</span><span class="s1">&#39;yearID&#39;</span><span class="p">]]</span><span class="o">.</span><span class="n">sort_values</span><span class="p">(</span><span class="n">by</span><span class="o">=</span><span class="s1">&#39;playerID&#39;</span><span class="p">)[</span><span class="s1">&#39;playerID&#39;</span><span class="p">],</span>
  15827. <span class="n">df_was</span><span class="p">[[</span><span class="s1">&#39;playerID&#39;</span><span class="p">,</span><span class="s1">&#39;yearID&#39;</span><span class="p">]]</span><span class="o">.</span><span class="n">sort_values</span><span class="p">(</span><span class="n">by</span><span class="o">=</span><span class="s1">&#39;playerID&#39;</span><span class="p">)[</span><span class="s1">&#39;yearID&#39;</span><span class="p">]</span>
  15828. <span class="p">)</span>
  15829. <span class="p">)</span>
  15830. </pre></div>
  15831. </div>
  15832. </div>
  15833. </div>
  15834. <div class="output_wrapper">
  15835. <div class="output">
  15836. <div class="output_area">
  15837. <div class="prompt output_prompt">Out[32]:</div>
  15838. <div class="output_text output_subarea output_execute_result">
  15839. <pre>((&#39;desmoia01&#39;, 2015),
  15840. (&#39;escobyu01&#39;, 2015),
  15841. (&#39;espinda01&#39;, 2015),
  15842. (&#39;espinda01&#39;, 2016),
  15843. (&#39;harpebr03&#39;, 2015),
  15844. (&#39;harpebr03&#39;, 2016),
  15845. (&#39;murphda08&#39;, 2016),
  15846. (&#39;ramoswi01&#39;, 2015),
  15847. (&#39;ramoswi01&#39;, 2016),
  15848. (&#39;rendoan01&#39;, 2016),
  15849. (&#39;reverbe01&#39;, 2016),
  15850. (&#39;robincl01&#39;, 2015),
  15851. (&#39;robincl01&#39;, 2016),
  15852. (&#39;taylomi02&#39;, 2015),
  15853. (&#39;werthja01&#39;, 2016),
  15854. (&#39;zimmery01&#39;, 2016))</pre>
  15855. </div>
  15856. </div>
  15857. </div>
  15858. </div>
  15859. </div></section><section>
  15860. <div class="cell border-box-sizing code_cell rendered">
  15861. <div class="input">
  15862. <div class="prompt input_prompt">In&nbsp;[33]:</div>
  15863. <div class="inner_cell">
  15864. <div class="input_area">
  15865. <div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># create an index to be used over the data we&#39;re interested in</span>
  15866. <span class="n">idx</span> <span class="o">=</span> \
  15867. <span class="n">pd</span><span class="o">.</span><span class="n">MultiIndex</span><span class="o">.</span><span class="n">from_tuples</span><span class="p">(</span>
  15868. <span class="nb">tuple</span><span class="p">(</span>
  15869. <span class="nb">zip</span><span class="p">(</span>
  15870. <span class="n">df_was</span><span class="p">[[</span><span class="s1">&#39;playerID&#39;</span><span class="p">,</span><span class="s1">&#39;yearID&#39;</span><span class="p">]]</span><span class="o">.</span><span class="n">sort_values</span><span class="p">(</span><span class="n">by</span><span class="o">=</span><span class="s1">&#39;playerID&#39;</span><span class="p">)[</span><span class="s1">&#39;playerID&#39;</span><span class="p">],</span>
  15871. <span class="n">df_was</span><span class="p">[[</span><span class="s1">&#39;playerID&#39;</span><span class="p">,</span><span class="s1">&#39;yearID&#39;</span><span class="p">]]</span><span class="o">.</span><span class="n">sort_values</span><span class="p">(</span><span class="n">by</span><span class="o">=</span><span class="s1">&#39;playerID&#39;</span><span class="p">)[</span><span class="s1">&#39;yearID&#39;</span><span class="p">]))</span>
  15872. <span class="p">)</span>
  15873. <span class="n">idx</span>
  15874. </pre></div>
  15875. </div>
  15876. </div>
  15877. </div>
  15878. <div class="output_wrapper">
  15879. <div class="output">
  15880. <div class="output_area">
  15881. <div class="prompt output_prompt">Out[33]:</div>
  15882. <div class="output_text output_subarea output_execute_result">
  15883. <pre>MultiIndex(levels=[[&#39;desmoia01&#39;, &#39;escobyu01&#39;, &#39;espinda01&#39;, &#39;harpebr03&#39;, &#39;murphda08&#39;, &#39;ramoswi01&#39;, &#39;rendoan01&#39;, &#39;reverbe01&#39;, &#39;robincl01&#39;, &#39;taylomi02&#39;, &#39;werthja01&#39;, &#39;zimmery01&#39;], [2015, 2016]],
  15884. labels=[[0, 1, 2, 2, 3, 3, 4, 5, 5, 6, 7, 8, 8, 9, 10, 11], [0, 0, 0, 1, 0, 1, 1, 0, 1, 1, 1, 0, 1, 0, 1, 1]])</pre>
  15885. </div>
  15886. </div>
  15887. </div>
  15888. </div>
  15889. </div></section><section>
  15890. <div class="cell border-box-sizing text_cell rendered">
  15891. <div class="prompt input_prompt">
  15892. </div>
  15893. <div class="inner_cell">
  15894. <div class="text_cell_render border-box-sizing rendered_html">
  15895. <p>Notice now that we have two <em>levels</em> in our <em>row axis</em> (axis 0) and we will now use that index to build the hierachically indexed DataFrame.</p>
  15896. </div>
  15897. </div>
  15898. </div><div class="fragment">
  15899. <div class="cell border-box-sizing code_cell rendered">
  15900. <div class="input">
  15901. <div class="prompt input_prompt">In&nbsp;[34]:</div>
  15902. <div class="inner_cell">
  15903. <div class="input_area">
  15904. <div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># sorting the indices is critical for lining up the data in the tuples</span>
  15905. <span class="n">df_was</span> <span class="o">=</span> <span class="n">df_was</span><span class="o">.</span><span class="n">sort_values</span><span class="p">(</span><span class="n">by</span><span class="o">=</span><span class="p">[</span><span class="s1">&#39;playerID&#39;</span><span class="p">])</span><span class="o">.</span>\
  15906. <span class="n">set_index</span><span class="p">(</span><span class="n">idx</span><span class="p">)</span><span class="o">.</span>\
  15907. <span class="n">drop</span><span class="p">([</span><span class="s1">&#39;playerID&#39;</span><span class="p">,</span> <span class="s1">&#39;yearID&#39;</span><span class="p">,</span> <span class="s1">&#39;teamID&#39;</span><span class="p">,</span> <span class="s1">&#39;lgID&#39;</span><span class="p">,</span> <span class="s1">&#39;stint&#39;</span><span class="p">],</span> <span class="n">axis</span><span class="o">=</span><span class="mi">1</span><span class="p">)</span>
  15908. <span class="n">df_was</span>
  15909. </pre></div>
  15910. </div>
  15911. </div>
  15912. </div>
  15913. <div class="output_wrapper">
  15914. <div class="output">
  15915. <div class="output_area">
  15916. <div class="prompt output_prompt">Out[34]:</div>
  15917. <div class="output_html rendered_html output_subarea output_execute_result">
  15918. <div>
  15919. <style>
  15920. .dataframe thead tr:only-child th {
  15921. text-align: right;
  15922. }
  15923. .dataframe thead th {
  15924. text-align: left;
  15925. }
  15926. .dataframe tbody tr th {
  15927. vertical-align: top;
  15928. }
  15929. </style>
  15930. <table border="1" class="dataframe">
  15931. <thead>
  15932. <tr style="text-align: right;">
  15933. <th></th>
  15934. <th></th>
  15935. <th>G</th>
  15936. <th>AB</th>
  15937. <th>R</th>
  15938. <th>H</th>
  15939. <th>2B</th>
  15940. <th>3B</th>
  15941. <th>HR</th>
  15942. <th>RBI</th>
  15943. <th>SB</th>
  15944. <th>CS</th>
  15945. <th>BB</th>
  15946. <th>SO</th>
  15947. <th>IBB</th>
  15948. <th>HBP</th>
  15949. <th>SH</th>
  15950. <th>SF</th>
  15951. <th>GIDP</th>
  15952. </tr>
  15953. </thead>
  15954. <tbody>
  15955. <tr>
  15956. <th>desmoia01</th>
  15957. <th>2015</th>
  15958. <td>156</td>
  15959. <td>583</td>
  15960. <td>69</td>
  15961. <td>136</td>
  15962. <td>27</td>
  15963. <td>2</td>
  15964. <td>19</td>
  15965. <td>62.0</td>
  15966. <td>13.0</td>
  15967. <td>5.0</td>
  15968. <td>45</td>
  15969. <td>187.0</td>
  15970. <td>0.0</td>
  15971. <td>3.0</td>
  15972. <td>6.0</td>
  15973. <td>4.0</td>
  15974. <td>9.0</td>
  15975. </tr>
  15976. <tr>
  15977. <th>escobyu01</th>
  15978. <th>2015</th>
  15979. <td>139</td>
  15980. <td>535</td>
  15981. <td>75</td>
  15982. <td>168</td>
  15983. <td>25</td>
  15984. <td>1</td>
  15985. <td>9</td>
  15986. <td>56.0</td>
  15987. <td>2.0</td>
  15988. <td>2.0</td>
  15989. <td>45</td>
  15990. <td>70.0</td>
  15991. <td>0.0</td>
  15992. <td>8.0</td>
  15993. <td>1.0</td>
  15994. <td>2.0</td>
  15995. <td>24.0</td>
  15996. </tr>
  15997. <tr>
  15998. <th rowspan="2" valign="top">espinda01</th>
  15999. <th>2015</th>
  16000. <td>118</td>
  16001. <td>367</td>
  16002. <td>59</td>
  16003. <td>88</td>
  16004. <td>21</td>
  16005. <td>1</td>
  16006. <td>13</td>
  16007. <td>37.0</td>
  16008. <td>5.0</td>
  16009. <td>2.0</td>
  16010. <td>33</td>
  16011. <td>106.0</td>
  16012. <td>5.0</td>
  16013. <td>6.0</td>
  16014. <td>3.0</td>
  16015. <td>3.0</td>
  16016. <td>6.0</td>
  16017. </tr>
  16018. <tr>
  16019. <th>2016</th>
  16020. <td>157</td>
  16021. <td>516</td>
  16022. <td>66</td>
  16023. <td>108</td>
  16024. <td>15</td>
  16025. <td>0</td>
  16026. <td>24</td>
  16027. <td>72.0</td>
  16028. <td>9.0</td>
  16029. <td>2.0</td>
  16030. <td>54</td>
  16031. <td>174.0</td>
  16032. <td>12.0</td>
  16033. <td>20.0</td>
  16034. <td>7.0</td>
  16035. <td>4.0</td>
  16036. <td>4.0</td>
  16037. </tr>
  16038. <tr>
  16039. <th rowspan="2" valign="top">harpebr03</th>
  16040. <th>2015</th>
  16041. <td>153</td>
  16042. <td>521</td>
  16043. <td>118</td>
  16044. <td>172</td>
  16045. <td>38</td>
  16046. <td>1</td>
  16047. <td>42</td>
  16048. <td>99.0</td>
  16049. <td>6.0</td>
  16050. <td>4.0</td>
  16051. <td>124</td>
  16052. <td>131.0</td>
  16053. <td>15.0</td>
  16054. <td>5.0</td>
  16055. <td>0.0</td>
  16056. <td>4.0</td>
  16057. <td>15.0</td>
  16058. </tr>
  16059. <tr>
  16060. <th>2016</th>
  16061. <td>147</td>
  16062. <td>506</td>
  16063. <td>84</td>
  16064. <td>123</td>
  16065. <td>24</td>
  16066. <td>2</td>
  16067. <td>24</td>
  16068. <td>86.0</td>
  16069. <td>21.0</td>
  16070. <td>10.0</td>
  16071. <td>108</td>
  16072. <td>117.0</td>
  16073. <td>20.0</td>
  16074. <td>3.0</td>
  16075. <td>0.0</td>
  16076. <td>10.0</td>
  16077. <td>11.0</td>
  16078. </tr>
  16079. <tr>
  16080. <th>murphda08</th>
  16081. <th>2016</th>
  16082. <td>142</td>
  16083. <td>531</td>
  16084. <td>88</td>
  16085. <td>184</td>
  16086. <td>47</td>
  16087. <td>5</td>
  16088. <td>25</td>
  16089. <td>104.0</td>
  16090. <td>5.0</td>
  16091. <td>3.0</td>
  16092. <td>35</td>
  16093. <td>57.0</td>
  16094. <td>10.0</td>
  16095. <td>8.0</td>
  16096. <td>0.0</td>
  16097. <td>8.0</td>
  16098. <td>4.0</td>
  16099. </tr>
  16100. <tr>
  16101. <th rowspan="2" valign="top">ramoswi01</th>
  16102. <th>2015</th>
  16103. <td>128</td>
  16104. <td>475</td>
  16105. <td>41</td>
  16106. <td>109</td>
  16107. <td>16</td>
  16108. <td>0</td>
  16109. <td>15</td>
  16110. <td>68.0</td>
  16111. <td>0.0</td>
  16112. <td>0.0</td>
  16113. <td>21</td>
  16114. <td>101.0</td>
  16115. <td>2.0</td>
  16116. <td>0.0</td>
  16117. <td>0.0</td>
  16118. <td>8.0</td>
  16119. <td>16.0</td>
  16120. </tr>
  16121. <tr>
  16122. <th>2016</th>
  16123. <td>131</td>
  16124. <td>482</td>
  16125. <td>58</td>
  16126. <td>148</td>
  16127. <td>25</td>
  16128. <td>0</td>
  16129. <td>22</td>
  16130. <td>80.0</td>
  16131. <td>0.0</td>
  16132. <td>0.0</td>
  16133. <td>35</td>
  16134. <td>79.0</td>
  16135. <td>2.0</td>
  16136. <td>2.0</td>
  16137. <td>0.0</td>
  16138. <td>4.0</td>
  16139. <td>17.0</td>
  16140. </tr>
  16141. <tr>
  16142. <th>rendoan01</th>
  16143. <th>2016</th>
  16144. <td>156</td>
  16145. <td>567</td>
  16146. <td>91</td>
  16147. <td>153</td>
  16148. <td>38</td>
  16149. <td>2</td>
  16150. <td>20</td>
  16151. <td>85.0</td>
  16152. <td>12.0</td>
  16153. <td>6.0</td>
  16154. <td>65</td>
  16155. <td>117.0</td>
  16156. <td>2.0</td>
  16157. <td>7.0</td>
  16158. <td>0.0</td>
  16159. <td>8.0</td>
  16160. <td>5.0</td>
  16161. </tr>
  16162. <tr>
  16163. <th>reverbe01</th>
  16164. <th>2016</th>
  16165. <td>103</td>
  16166. <td>350</td>
  16167. <td>44</td>
  16168. <td>76</td>
  16169. <td>9</td>
  16170. <td>7</td>
  16171. <td>2</td>
  16172. <td>24.0</td>
  16173. <td>14.0</td>
  16174. <td>5.0</td>
  16175. <td>18</td>
  16176. <td>34.0</td>
  16177. <td>0.0</td>
  16178. <td>3.0</td>
  16179. <td>2.0</td>
  16180. <td>2.0</td>
  16181. <td>12.0</td>
  16182. </tr>
  16183. <tr>
  16184. <th rowspan="2" valign="top">robincl01</th>
  16185. <th>2015</th>
  16186. <td>126</td>
  16187. <td>309</td>
  16188. <td>44</td>
  16189. <td>84</td>
  16190. <td>15</td>
  16191. <td>1</td>
  16192. <td>10</td>
  16193. <td>34.0</td>
  16194. <td>0.0</td>
  16195. <td>0.0</td>
  16196. <td>37</td>
  16197. <td>52.0</td>
  16198. <td>4.0</td>
  16199. <td>5.0</td>
  16200. <td>0.0</td>
  16201. <td>1.0</td>
  16202. <td>6.0</td>
  16203. </tr>
  16204. <tr>
  16205. <th>2016</th>
  16206. <td>104</td>
  16207. <td>196</td>
  16208. <td>16</td>
  16209. <td>46</td>
  16210. <td>4</td>
  16211. <td>0</td>
  16212. <td>5</td>
  16213. <td>26.0</td>
  16214. <td>0.0</td>
  16215. <td>0.0</td>
  16216. <td>20</td>
  16217. <td>38.0</td>
  16218. <td>0.0</td>
  16219. <td>2.0</td>
  16220. <td>1.0</td>
  16221. <td>5.0</td>
  16222. <td>4.0</td>
  16223. </tr>
  16224. <tr>
  16225. <th>taylomi02</th>
  16226. <th>2015</th>
  16227. <td>138</td>
  16228. <td>472</td>
  16229. <td>49</td>
  16230. <td>108</td>
  16231. <td>15</td>
  16232. <td>2</td>
  16233. <td>14</td>
  16234. <td>63.0</td>
  16235. <td>16.0</td>
  16236. <td>3.0</td>
  16237. <td>35</td>
  16238. <td>158.0</td>
  16239. <td>9.0</td>
  16240. <td>1.0</td>
  16241. <td>1.0</td>
  16242. <td>2.0</td>
  16243. <td>5.0</td>
  16244. </tr>
  16245. <tr>
  16246. <th>werthja01</th>
  16247. <th>2016</th>
  16248. <td>143</td>
  16249. <td>525</td>
  16250. <td>84</td>
  16251. <td>128</td>
  16252. <td>28</td>
  16253. <td>0</td>
  16254. <td>21</td>
  16255. <td>69.0</td>
  16256. <td>5.0</td>
  16257. <td>1.0</td>
  16258. <td>71</td>
  16259. <td>139.0</td>
  16260. <td>0.0</td>
  16261. <td>4.0</td>
  16262. <td>0.0</td>
  16263. <td>6.0</td>
  16264. <td>17.0</td>
  16265. </tr>
  16266. <tr>
  16267. <th>zimmery01</th>
  16268. <th>2016</th>
  16269. <td>115</td>
  16270. <td>427</td>
  16271. <td>60</td>
  16272. <td>93</td>
  16273. <td>18</td>
  16274. <td>1</td>
  16275. <td>15</td>
  16276. <td>46.0</td>
  16277. <td>4.0</td>
  16278. <td>1.0</td>
  16279. <td>29</td>
  16280. <td>104.0</td>
  16281. <td>1.0</td>
  16282. <td>5.0</td>
  16283. <td>0.0</td>
  16284. <td>6.0</td>
  16285. <td>12.0</td>
  16286. </tr>
  16287. </tbody>
  16288. </table>
  16289. </div>
  16290. </div>
  16291. </div>
  16292. </div>
  16293. </div>
  16294. </div></div></section><section>
  16295. <div class="cell border-box-sizing code_cell rendered">
  16296. <div class="input">
  16297. <div class="prompt input_prompt">In&nbsp;[35]:</div>
  16298. <div class="inner_cell">
  16299. <div class="input_area">
  16300. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">df_was</span><span class="o">.</span><span class="n">loc</span><span class="p">[(</span><span class="s1">&#39;robincl01&#39;</span><span class="p">,</span> <span class="p">),[</span><span class="s1">&#39;G&#39;</span><span class="p">,</span> <span class="s1">&#39;AB&#39;</span><span class="p">,</span> <span class="s1">&#39;H&#39;</span><span class="p">,</span> <span class="s1">&#39;SO&#39;</span><span class="p">]]</span>
  16301. </pre></div>
  16302. </div>
  16303. </div>
  16304. </div>
  16305. <div class="output_wrapper">
  16306. <div class="output">
  16307. <div class="output_area">
  16308. <div class="prompt output_prompt">Out[35]:</div>
  16309. <div class="output_html rendered_html output_subarea output_execute_result">
  16310. <div>
  16311. <style>
  16312. .dataframe thead tr:only-child th {
  16313. text-align: right;
  16314. }
  16315. .dataframe thead th {
  16316. text-align: left;
  16317. }
  16318. .dataframe tbody tr th {
  16319. vertical-align: top;
  16320. }
  16321. </style>
  16322. <table border="1" class="dataframe">
  16323. <thead>
  16324. <tr style="text-align: right;">
  16325. <th></th>
  16326. <th>G</th>
  16327. <th>AB</th>
  16328. <th>H</th>
  16329. <th>SO</th>
  16330. </tr>
  16331. </thead>
  16332. <tbody>
  16333. <tr>
  16334. <th>2015</th>
  16335. <td>126</td>
  16336. <td>309</td>
  16337. <td>84</td>
  16338. <td>52.0</td>
  16339. </tr>
  16340. <tr>
  16341. <th>2016</th>
  16342. <td>104</td>
  16343. <td>196</td>
  16344. <td>46</td>
  16345. <td>38.0</td>
  16346. </tr>
  16347. </tbody>
  16348. </table>
  16349. </div>
  16350. </div>
  16351. </div>
  16352. </div>
  16353. </div>
  16354. </div></section><section>
  16355. <div class="cell border-box-sizing code_cell rendered">
  16356. <div class="input">
  16357. <div class="prompt input_prompt">In&nbsp;[36]:</div>
  16358. <div class="inner_cell">
  16359. <div class="input_area">
  16360. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">df_was</span><span class="o">.</span><span class="n">loc</span><span class="p">[(</span><span class="s1">&#39;robincl01&#39;</span><span class="p">,</span> <span class="mi">2016</span><span class="p">),[</span><span class="s1">&#39;G&#39;</span><span class="p">,</span> <span class="s1">&#39;AB&#39;</span><span class="p">,</span> <span class="s1">&#39;H&#39;</span><span class="p">,</span> <span class="s1">&#39;SO&#39;</span><span class="p">]]</span>
  16361. </pre></div>
  16362. </div>
  16363. </div>
  16364. </div>
  16365. <div class="output_wrapper">
  16366. <div class="output">
  16367. <div class="output_area">
  16368. <div class="prompt output_prompt">Out[36]:</div>
  16369. <div class="output_text output_subarea output_execute_result">
  16370. <pre>G 104.0
  16371. AB 196.0
  16372. H 46.0
  16373. SO 38.0
  16374. Name: (robincl01, 2016), dtype: float64</pre>
  16375. </div>
  16376. </div>
  16377. </div>
  16378. </div>
  16379. </div>
  16380. <div class="cell border-box-sizing code_cell rendered">
  16381. <div class="input">
  16382. <div class="prompt input_prompt">In&nbsp;[41]:</div>
  16383. <div class="inner_cell">
  16384. <div class="input_area">
  16385. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">df_mi</span><span class="o">.</span><span class="n">head</span><span class="p">()</span>
  16386. </pre></div>
  16387. </div>
  16388. </div>
  16389. </div>
  16390. <div class="output_wrapper">
  16391. <div class="output">
  16392. <div class="output_area">
  16393. <div class="prompt output_prompt">Out[41]:</div>
  16394. <div class="output_html rendered_html output_subarea output_execute_result">
  16395. <div>
  16396. <style>
  16397. .dataframe thead tr:only-child th {
  16398. text-align: right;
  16399. }
  16400. .dataframe thead th {
  16401. text-align: left;
  16402. }
  16403. .dataframe tbody tr th {
  16404. vertical-align: top;
  16405. }
  16406. </style>
  16407. <table border="1" class="dataframe">
  16408. <thead>
  16409. <tr style="text-align: right;">
  16410. <th></th>
  16411. <th></th>
  16412. <th></th>
  16413. <th></th>
  16414. <th>playerID</th>
  16415. <th>yearID</th>
  16416. <th>stint</th>
  16417. <th>teamID</th>
  16418. <th>lgID</th>
  16419. <th>G</th>
  16420. <th>AB</th>
  16421. <th>R</th>
  16422. <th>H</th>
  16423. <th>2B</th>
  16424. <th>...</th>
  16425. <th>RBI</th>
  16426. <th>SB</th>
  16427. <th>CS</th>
  16428. <th>BB</th>
  16429. <th>SO</th>
  16430. <th>IBB</th>
  16431. <th>HBP</th>
  16432. <th>SH</th>
  16433. <th>SF</th>
  16434. <th>GIDP</th>
  16435. </tr>
  16436. </thead>
  16437. <tbody>
  16438. <tr>
  16439. <th rowspan="5" valign="top">2007</th>
  16440. <th rowspan="5" valign="top">AL</th>
  16441. <th rowspan="5" valign="top">BAL</th>
  16442. <th>baezda01</th>
  16443. <td>bardebr01</td>
  16444. <td>2007</td>
  16445. <td>1</td>
  16446. <td>ARI</td>
  16447. <td>NL</td>
  16448. <td>8</td>
  16449. <td>12</td>
  16450. <td>0</td>
  16451. <td>1</td>
  16452. <td>0</td>
  16453. <td>...</td>
  16454. <td>0.0</td>
  16455. <td>0.0</td>
  16456. <td>0.0</td>
  16457. <td>0</td>
  16458. <td>3.0</td>
  16459. <td>0.0</td>
  16460. <td>0.0</td>
  16461. <td>0.0</td>
  16462. <td>0.0</td>
  16463. <td>0.0</td>
  16464. </tr>
  16465. <tr>
  16466. <th>bakopa01</th>
  16467. <td>bonifem01</td>
  16468. <td>2007</td>
  16469. <td>1</td>
  16470. <td>ARI</td>
  16471. <td>NL</td>
  16472. <td>11</td>
  16473. <td>23</td>
  16474. <td>2</td>
  16475. <td>5</td>
  16476. <td>1</td>
  16477. <td>...</td>
  16478. <td>2.0</td>
  16479. <td>0.0</td>
  16480. <td>1.0</td>
  16481. <td>4</td>
  16482. <td>3.0</td>
  16483. <td>0.0</td>
  16484. <td>0.0</td>
  16485. <td>0.0</td>
  16486. <td>0.0</td>
  16487. <td>0.0</td>
  16488. </tr>
  16489. <tr>
  16490. <th>bedarer01</th>
  16491. <td>byrneer01</td>
  16492. <td>2007</td>
  16493. <td>1</td>
  16494. <td>ARI</td>
  16495. <td>NL</td>
  16496. <td>160</td>
  16497. <td>626</td>
  16498. <td>103</td>
  16499. <td>179</td>
  16500. <td>30</td>
  16501. <td>...</td>
  16502. <td>83.0</td>
  16503. <td>50.0</td>
  16504. <td>7.0</td>
  16505. <td>57</td>
  16506. <td>98.0</td>
  16507. <td>5.0</td>
  16508. <td>10.0</td>
  16509. <td>1.0</td>
  16510. <td>4.0</td>
  16511. <td>12.0</td>
  16512. </tr>
  16513. <tr>
  16514. <th>bellro01</th>
  16515. <td>callaal01</td>
  16516. <td>2007</td>
  16517. <td>1</td>
  16518. <td>ARI</td>
  16519. <td>NL</td>
  16520. <td>56</td>
  16521. <td>144</td>
  16522. <td>10</td>
  16523. <td>31</td>
  16524. <td>8</td>
  16525. <td>...</td>
  16526. <td>7.0</td>
  16527. <td>1.0</td>
  16528. <td>1.0</td>
  16529. <td>9</td>
  16530. <td>14.0</td>
  16531. <td>0.0</td>
  16532. <td>1.0</td>
  16533. <td>1.0</td>
  16534. <td>1.0</td>
  16535. <td>8.0</td>
  16536. </tr>
  16537. <tr>
  16538. <th>birkiku01</th>
  16539. <td>choatra01</td>
  16540. <td>2007</td>
  16541. <td>1</td>
  16542. <td>ARI</td>
  16543. <td>NL</td>
  16544. <td>2</td>
  16545. <td>0</td>
  16546. <td>0</td>
  16547. <td>0</td>
  16548. <td>0</td>
  16549. <td>...</td>
  16550. <td>0.0</td>
  16551. <td>0.0</td>
  16552. <td>0.0</td>
  16553. <td>0</td>
  16554. <td>0.0</td>
  16555. <td>0.0</td>
  16556. <td>0.0</td>
  16557. <td>0.0</td>
  16558. <td>0.0</td>
  16559. <td>0.0</td>
  16560. </tr>
  16561. </tbody>
  16562. </table>
  16563. <p>5 rows × 22 columns</p>
  16564. </div>
  16565. </div>
  16566. </div>
  16567. </div>
  16568. </div>
  16569. </div></section></section><section><section>
  16570. <div class="cell border-box-sizing text_cell rendered">
  16571. <div class="prompt input_prompt">
  16572. </div>
  16573. <div class="inner_cell">
  16574. <div class="text_cell_render border-box-sizing rendered_html">
  16575. <p>... on to Part IV: <a href="./4_wrapping_up.slides.html">Wrapping Up</a>.</p>
  16576. </div>
  16577. </div>
  16578. </div></section></section>
  16579. </div>
  16580. </div>
  16581. <script>
  16582. require(
  16583. {
  16584. // it makes sense to wait a little bit when you are loading
  16585. // reveal from a cdn in a slow connection environment
  16586. waitSeconds: 15
  16587. },
  16588. [
  16589. "http://cdn.jsdelivr.net/reveal.js/3.0.0/lib/js/head.min.js",
  16590. "http://cdn.jsdelivr.net/reveal.js/3.0.0/js/reveal.js"
  16591. ],
  16592. function(head, Reveal){
  16593. // Full list of configuration options available here: https://github.com/hakimel/reveal.js#configuration
  16594. Reveal.initialize({
  16595. controls: true,
  16596. progress: true,
  16597. history: true,
  16598. theme: Reveal.getQueryHash().theme, // available themes are in /css/theme
  16599. transition: Reveal.getQueryHash().transition || 'linear', // default/cube/page/concave/zoom/linear/none
  16600. // Optional libraries used to extend on reveal.js
  16601. dependencies: [
  16602. { src: "http://cdn.jsdelivr.net/reveal.js/3.0.0/lib/js/classList.js",
  16603. condition: function() { return !document.body.classList; } },
  16604. { src: "http://cdn.jsdelivr.net/reveal.js/3.0.0/plugin/notes/notes.js",
  16605. async: true,
  16606. condition: function() { return !!document.body.classList; } }
  16607. ]
  16608. });
  16609. var update = function(event){
  16610. if(MathJax.Hub.getAllJax(Reveal.getCurrentSlide())){
  16611. MathJax.Hub.Rerender(Reveal.getCurrentSlide());
  16612. }
  16613. };
  16614. Reveal.addEventListener('slidechanged', update);
  16615. var update_scroll = function(event){
  16616. $(".reveal").scrollTop(0);
  16617. };
  16618. Reveal.addEventListener('slidechanged', update_scroll);
  16619. }
  16620. );
  16621. </script>
  16622. </body>
  16623. </html>