Talk give at Galvanize January 2019 about introductory Python.
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.
 
 

16639 lines
366 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>presentation_01042019 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="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/3.5.0/css/reveal.css">
  13. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/3.5.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 = 'https://cdnjs.cloudflare.com/ajax/libs/reveal.js/3.5.0/css/print/pdf.css';
  21. document.getElementsByTagName( 'head' )[0].appendChild( link );
  22. }
  23. </script>
  24. <!--[if lt IE 9]>
  25. <script src="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/3.5.0/lib/js/html5shiv.js"></script>
  26. <![endif]-->
  27. <!-- Loading the mathjax macro -->
  28. <!-- Load mathjax -->
  29. <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/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="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.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. box-shadow: none !important;
  247. text-shadow: none !important;
  248. }
  249. a,
  250. a:visited {
  251. text-decoration: underline;
  252. }
  253. a[href]:after {
  254. content: " (" attr(href) ")";
  255. }
  256. abbr[title]:after {
  257. content: " (" attr(title) ")";
  258. }
  259. a[href^="#"]:after,
  260. a[href^="javascript:"]:after {
  261. content: "";
  262. }
  263. pre,
  264. blockquote {
  265. border: 1px solid #999;
  266. page-break-inside: avoid;
  267. }
  268. thead {
  269. display: table-header-group;
  270. }
  271. tr,
  272. img {
  273. page-break-inside: avoid;
  274. }
  275. img {
  276. max-width: 100% !important;
  277. }
  278. p,
  279. h2,
  280. h3 {
  281. orphans: 3;
  282. widows: 3;
  283. }
  284. h2,
  285. h3 {
  286. page-break-after: avoid;
  287. }
  288. .navbar {
  289. display: none;
  290. }
  291. .btn > .caret,
  292. .dropup > .btn > .caret {
  293. border-top-color: #000 !important;
  294. }
  295. .label {
  296. border: 1px solid #000;
  297. }
  298. .table {
  299. border-collapse: collapse !important;
  300. }
  301. .table td,
  302. .table th {
  303. background-color: #fff !important;
  304. }
  305. .table-bordered th,
  306. .table-bordered td {
  307. border: 1px solid #ddd !important;
  308. }
  309. }
  310. @font-face {
  311. font-family: 'Glyphicons Halflings';
  312. src: url('../components/bootstrap/fonts/glyphicons-halflings-regular.eot');
  313. 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');
  314. }
  315. .glyphicon {
  316. position: relative;
  317. top: 1px;
  318. display: inline-block;
  319. font-family: 'Glyphicons Halflings';
  320. font-style: normal;
  321. font-weight: normal;
  322. line-height: 1;
  323. -webkit-font-smoothing: antialiased;
  324. -moz-osx-font-smoothing: grayscale;
  325. }
  326. .glyphicon-asterisk:before {
  327. content: "\002a";
  328. }
  329. .glyphicon-plus:before {
  330. content: "\002b";
  331. }
  332. .glyphicon-euro:before,
  333. .glyphicon-eur:before {
  334. content: "\20ac";
  335. }
  336. .glyphicon-minus:before {
  337. content: "\2212";
  338. }
  339. .glyphicon-cloud:before {
  340. content: "\2601";
  341. }
  342. .glyphicon-envelope:before {
  343. content: "\2709";
  344. }
  345. .glyphicon-pencil:before {
  346. content: "\270f";
  347. }
  348. .glyphicon-glass:before {
  349. content: "\e001";
  350. }
  351. .glyphicon-music:before {
  352. content: "\e002";
  353. }
  354. .glyphicon-search:before {
  355. content: "\e003";
  356. }
  357. .glyphicon-heart:before {
  358. content: "\e005";
  359. }
  360. .glyphicon-star:before {
  361. content: "\e006";
  362. }
  363. .glyphicon-star-empty:before {
  364. content: "\e007";
  365. }
  366. .glyphicon-user:before {
  367. content: "\e008";
  368. }
  369. .glyphicon-film:before {
  370. content: "\e009";
  371. }
  372. .glyphicon-th-large:before {
  373. content: "\e010";
  374. }
  375. .glyphicon-th:before {
  376. content: "\e011";
  377. }
  378. .glyphicon-th-list:before {
  379. content: "\e012";
  380. }
  381. .glyphicon-ok:before {
  382. content: "\e013";
  383. }
  384. .glyphicon-remove:before {
  385. content: "\e014";
  386. }
  387. .glyphicon-zoom-in:before {
  388. content: "\e015";
  389. }
  390. .glyphicon-zoom-out:before {
  391. content: "\e016";
  392. }
  393. .glyphicon-off:before {
  394. content: "\e017";
  395. }
  396. .glyphicon-signal:before {
  397. content: "\e018";
  398. }
  399. .glyphicon-cog:before {
  400. content: "\e019";
  401. }
  402. .glyphicon-trash:before {
  403. content: "\e020";
  404. }
  405. .glyphicon-home:before {
  406. content: "\e021";
  407. }
  408. .glyphicon-file:before {
  409. content: "\e022";
  410. }
  411. .glyphicon-time:before {
  412. content: "\e023";
  413. }
  414. .glyphicon-road:before {
  415. content: "\e024";
  416. }
  417. .glyphicon-download-alt:before {
  418. content: "\e025";
  419. }
  420. .glyphicon-download:before {
  421. content: "\e026";
  422. }
  423. .glyphicon-upload:before {
  424. content: "\e027";
  425. }
  426. .glyphicon-inbox:before {
  427. content: "\e028";
  428. }
  429. .glyphicon-play-circle:before {
  430. content: "\e029";
  431. }
  432. .glyphicon-repeat:before {
  433. content: "\e030";
  434. }
  435. .glyphicon-refresh:before {
  436. content: "\e031";
  437. }
  438. .glyphicon-list-alt:before {
  439. content: "\e032";
  440. }
  441. .glyphicon-lock:before {
  442. content: "\e033";
  443. }
  444. .glyphicon-flag:before {
  445. content: "\e034";
  446. }
  447. .glyphicon-headphones:before {
  448. content: "\e035";
  449. }
  450. .glyphicon-volume-off:before {
  451. content: "\e036";
  452. }
  453. .glyphicon-volume-down:before {
  454. content: "\e037";
  455. }
  456. .glyphicon-volume-up:before {
  457. content: "\e038";
  458. }
  459. .glyphicon-qrcode:before {
  460. content: "\e039";
  461. }
  462. .glyphicon-barcode:before {
  463. content: "\e040";
  464. }
  465. .glyphicon-tag:before {
  466. content: "\e041";
  467. }
  468. .glyphicon-tags:before {
  469. content: "\e042";
  470. }
  471. .glyphicon-book:before {
  472. content: "\e043";
  473. }
  474. .glyphicon-bookmark:before {
  475. content: "\e044";
  476. }
  477. .glyphicon-print:before {
  478. content: "\e045";
  479. }
  480. .glyphicon-camera:before {
  481. content: "\e046";
  482. }
  483. .glyphicon-font:before {
  484. content: "\e047";
  485. }
  486. .glyphicon-bold:before {
  487. content: "\e048";
  488. }
  489. .glyphicon-italic:before {
  490. content: "\e049";
  491. }
  492. .glyphicon-text-height:before {
  493. content: "\e050";
  494. }
  495. .glyphicon-text-width:before {
  496. content: "\e051";
  497. }
  498. .glyphicon-align-left:before {
  499. content: "\e052";
  500. }
  501. .glyphicon-align-center:before {
  502. content: "\e053";
  503. }
  504. .glyphicon-align-right:before {
  505. content: "\e054";
  506. }
  507. .glyphicon-align-justify:before {
  508. content: "\e055";
  509. }
  510. .glyphicon-list:before {
  511. content: "\e056";
  512. }
  513. .glyphicon-indent-left:before {
  514. content: "\e057";
  515. }
  516. .glyphicon-indent-right:before {
  517. content: "\e058";
  518. }
  519. .glyphicon-facetime-video:before {
  520. content: "\e059";
  521. }
  522. .glyphicon-picture:before {
  523. content: "\e060";
  524. }
  525. .glyphicon-map-marker:before {
  526. content: "\e062";
  527. }
  528. .glyphicon-adjust:before {
  529. content: "\e063";
  530. }
  531. .glyphicon-tint:before {
  532. content: "\e064";
  533. }
  534. .glyphicon-edit:before {
  535. content: "\e065";
  536. }
  537. .glyphicon-share:before {
  538. content: "\e066";
  539. }
  540. .glyphicon-check:before {
  541. content: "\e067";
  542. }
  543. .glyphicon-move:before {
  544. content: "\e068";
  545. }
  546. .glyphicon-step-backward:before {
  547. content: "\e069";
  548. }
  549. .glyphicon-fast-backward:before {
  550. content: "\e070";
  551. }
  552. .glyphicon-backward:before {
  553. content: "\e071";
  554. }
  555. .glyphicon-play:before {
  556. content: "\e072";
  557. }
  558. .glyphicon-pause:before {
  559. content: "\e073";
  560. }
  561. .glyphicon-stop:before {
  562. content: "\e074";
  563. }
  564. .glyphicon-forward:before {
  565. content: "\e075";
  566. }
  567. .glyphicon-fast-forward:before {
  568. content: "\e076";
  569. }
  570. .glyphicon-step-forward:before {
  571. content: "\e077";
  572. }
  573. .glyphicon-eject:before {
  574. content: "\e078";
  575. }
  576. .glyphicon-chevron-left:before {
  577. content: "\e079";
  578. }
  579. .glyphicon-chevron-right:before {
  580. content: "\e080";
  581. }
  582. .glyphicon-plus-sign:before {
  583. content: "\e081";
  584. }
  585. .glyphicon-minus-sign:before {
  586. content: "\e082";
  587. }
  588. .glyphicon-remove-sign:before {
  589. content: "\e083";
  590. }
  591. .glyphicon-ok-sign:before {
  592. content: "\e084";
  593. }
  594. .glyphicon-question-sign:before {
  595. content: "\e085";
  596. }
  597. .glyphicon-info-sign:before {
  598. content: "\e086";
  599. }
  600. .glyphicon-screenshot:before {
  601. content: "\e087";
  602. }
  603. .glyphicon-remove-circle:before {
  604. content: "\e088";
  605. }
  606. .glyphicon-ok-circle:before {
  607. content: "\e089";
  608. }
  609. .glyphicon-ban-circle:before {
  610. content: "\e090";
  611. }
  612. .glyphicon-arrow-left:before {
  613. content: "\e091";
  614. }
  615. .glyphicon-arrow-right:before {
  616. content: "\e092";
  617. }
  618. .glyphicon-arrow-up:before {
  619. content: "\e093";
  620. }
  621. .glyphicon-arrow-down:before {
  622. content: "\e094";
  623. }
  624. .glyphicon-share-alt:before {
  625. content: "\e095";
  626. }
  627. .glyphicon-resize-full:before {
  628. content: "\e096";
  629. }
  630. .glyphicon-resize-small:before {
  631. content: "\e097";
  632. }
  633. .glyphicon-exclamation-sign:before {
  634. content: "\e101";
  635. }
  636. .glyphicon-gift:before {
  637. content: "\e102";
  638. }
  639. .glyphicon-leaf:before {
  640. content: "\e103";
  641. }
  642. .glyphicon-fire:before {
  643. content: "\e104";
  644. }
  645. .glyphicon-eye-open:before {
  646. content: "\e105";
  647. }
  648. .glyphicon-eye-close:before {
  649. content: "\e106";
  650. }
  651. .glyphicon-warning-sign:before {
  652. content: "\e107";
  653. }
  654. .glyphicon-plane:before {
  655. content: "\e108";
  656. }
  657. .glyphicon-calendar:before {
  658. content: "\e109";
  659. }
  660. .glyphicon-random:before {
  661. content: "\e110";
  662. }
  663. .glyphicon-comment:before {
  664. content: "\e111";
  665. }
  666. .glyphicon-magnet:before {
  667. content: "\e112";
  668. }
  669. .glyphicon-chevron-up:before {
  670. content: "\e113";
  671. }
  672. .glyphicon-chevron-down:before {
  673. content: "\e114";
  674. }
  675. .glyphicon-retweet:before {
  676. content: "\e115";
  677. }
  678. .glyphicon-shopping-cart:before {
  679. content: "\e116";
  680. }
  681. .glyphicon-folder-close:before {
  682. content: "\e117";
  683. }
  684. .glyphicon-folder-open:before {
  685. content: "\e118";
  686. }
  687. .glyphicon-resize-vertical:before {
  688. content: "\e119";
  689. }
  690. .glyphicon-resize-horizontal:before {
  691. content: "\e120";
  692. }
  693. .glyphicon-hdd:before {
  694. content: "\e121";
  695. }
  696. .glyphicon-bullhorn:before {
  697. content: "\e122";
  698. }
  699. .glyphicon-bell:before {
  700. content: "\e123";
  701. }
  702. .glyphicon-certificate:before {
  703. content: "\e124";
  704. }
  705. .glyphicon-thumbs-up:before {
  706. content: "\e125";
  707. }
  708. .glyphicon-thumbs-down:before {
  709. content: "\e126";
  710. }
  711. .glyphicon-hand-right:before {
  712. content: "\e127";
  713. }
  714. .glyphicon-hand-left:before {
  715. content: "\e128";
  716. }
  717. .glyphicon-hand-up:before {
  718. content: "\e129";
  719. }
  720. .glyphicon-hand-down:before {
  721. content: "\e130";
  722. }
  723. .glyphicon-circle-arrow-right:before {
  724. content: "\e131";
  725. }
  726. .glyphicon-circle-arrow-left:before {
  727. content: "\e132";
  728. }
  729. .glyphicon-circle-arrow-up:before {
  730. content: "\e133";
  731. }
  732. .glyphicon-circle-arrow-down:before {
  733. content: "\e134";
  734. }
  735. .glyphicon-globe:before {
  736. content: "\e135";
  737. }
  738. .glyphicon-wrench:before {
  739. content: "\e136";
  740. }
  741. .glyphicon-tasks:before {
  742. content: "\e137";
  743. }
  744. .glyphicon-filter:before {
  745. content: "\e138";
  746. }
  747. .glyphicon-briefcase:before {
  748. content: "\e139";
  749. }
  750. .glyphicon-fullscreen:before {
  751. content: "\e140";
  752. }
  753. .glyphicon-dashboard:before {
  754. content: "\e141";
  755. }
  756. .glyphicon-paperclip:before {
  757. content: "\e142";
  758. }
  759. .glyphicon-heart-empty:before {
  760. content: "\e143";
  761. }
  762. .glyphicon-link:before {
  763. content: "\e144";
  764. }
  765. .glyphicon-phone:before {
  766. content: "\e145";
  767. }
  768. .glyphicon-pushpin:before {
  769. content: "\e146";
  770. }
  771. .glyphicon-usd:before {
  772. content: "\e148";
  773. }
  774. .glyphicon-gbp:before {
  775. content: "\e149";
  776. }
  777. .glyphicon-sort:before {
  778. content: "\e150";
  779. }
  780. .glyphicon-sort-by-alphabet:before {
  781. content: "\e151";
  782. }
  783. .glyphicon-sort-by-alphabet-alt:before {
  784. content: "\e152";
  785. }
  786. .glyphicon-sort-by-order:before {
  787. content: "\e153";
  788. }
  789. .glyphicon-sort-by-order-alt:before {
  790. content: "\e154";
  791. }
  792. .glyphicon-sort-by-attributes:before {
  793. content: "\e155";
  794. }
  795. .glyphicon-sort-by-attributes-alt:before {
  796. content: "\e156";
  797. }
  798. .glyphicon-unchecked:before {
  799. content: "\e157";
  800. }
  801. .glyphicon-expand:before {
  802. content: "\e158";
  803. }
  804. .glyphicon-collapse-down:before {
  805. content: "\e159";
  806. }
  807. .glyphicon-collapse-up:before {
  808. content: "\e160";
  809. }
  810. .glyphicon-log-in:before {
  811. content: "\e161";
  812. }
  813. .glyphicon-flash:before {
  814. content: "\e162";
  815. }
  816. .glyphicon-log-out:before {
  817. content: "\e163";
  818. }
  819. .glyphicon-new-window:before {
  820. content: "\e164";
  821. }
  822. .glyphicon-record:before {
  823. content: "\e165";
  824. }
  825. .glyphicon-save:before {
  826. content: "\e166";
  827. }
  828. .glyphicon-open:before {
  829. content: "\e167";
  830. }
  831. .glyphicon-saved:before {
  832. content: "\e168";
  833. }
  834. .glyphicon-import:before {
  835. content: "\e169";
  836. }
  837. .glyphicon-export:before {
  838. content: "\e170";
  839. }
  840. .glyphicon-send:before {
  841. content: "\e171";
  842. }
  843. .glyphicon-floppy-disk:before {
  844. content: "\e172";
  845. }
  846. .glyphicon-floppy-saved:before {
  847. content: "\e173";
  848. }
  849. .glyphicon-floppy-remove:before {
  850. content: "\e174";
  851. }
  852. .glyphicon-floppy-save:before {
  853. content: "\e175";
  854. }
  855. .glyphicon-floppy-open:before {
  856. content: "\e176";
  857. }
  858. .glyphicon-credit-card:before {
  859. content: "\e177";
  860. }
  861. .glyphicon-transfer:before {
  862. content: "\e178";
  863. }
  864. .glyphicon-cutlery:before {
  865. content: "\e179";
  866. }
  867. .glyphicon-header:before {
  868. content: "\e180";
  869. }
  870. .glyphicon-compressed:before {
  871. content: "\e181";
  872. }
  873. .glyphicon-earphone:before {
  874. content: "\e182";
  875. }
  876. .glyphicon-phone-alt:before {
  877. content: "\e183";
  878. }
  879. .glyphicon-tower:before {
  880. content: "\e184";
  881. }
  882. .glyphicon-stats:before {
  883. content: "\e185";
  884. }
  885. .glyphicon-sd-video:before {
  886. content: "\e186";
  887. }
  888. .glyphicon-hd-video:before {
  889. content: "\e187";
  890. }
  891. .glyphicon-subtitles:before {
  892. content: "\e188";
  893. }
  894. .glyphicon-sound-stereo:before {
  895. content: "\e189";
  896. }
  897. .glyphicon-sound-dolby:before {
  898. content: "\e190";
  899. }
  900. .glyphicon-sound-5-1:before {
  901. content: "\e191";
  902. }
  903. .glyphicon-sound-6-1:before {
  904. content: "\e192";
  905. }
  906. .glyphicon-sound-7-1:before {
  907. content: "\e193";
  908. }
  909. .glyphicon-copyright-mark:before {
  910. content: "\e194";
  911. }
  912. .glyphicon-registration-mark:before {
  913. content: "\e195";
  914. }
  915. .glyphicon-cloud-download:before {
  916. content: "\e197";
  917. }
  918. .glyphicon-cloud-upload:before {
  919. content: "\e198";
  920. }
  921. .glyphicon-tree-conifer:before {
  922. content: "\e199";
  923. }
  924. .glyphicon-tree-deciduous:before {
  925. content: "\e200";
  926. }
  927. .glyphicon-cd:before {
  928. content: "\e201";
  929. }
  930. .glyphicon-save-file:before {
  931. content: "\e202";
  932. }
  933. .glyphicon-open-file:before {
  934. content: "\e203";
  935. }
  936. .glyphicon-level-up:before {
  937. content: "\e204";
  938. }
  939. .glyphicon-copy:before {
  940. content: "\e205";
  941. }
  942. .glyphicon-paste:before {
  943. content: "\e206";
  944. }
  945. .glyphicon-alert:before {
  946. content: "\e209";
  947. }
  948. .glyphicon-equalizer:before {
  949. content: "\e210";
  950. }
  951. .glyphicon-king:before {
  952. content: "\e211";
  953. }
  954. .glyphicon-queen:before {
  955. content: "\e212";
  956. }
  957. .glyphicon-pawn:before {
  958. content: "\e213";
  959. }
  960. .glyphicon-bishop:before {
  961. content: "\e214";
  962. }
  963. .glyphicon-knight:before {
  964. content: "\e215";
  965. }
  966. .glyphicon-baby-formula:before {
  967. content: "\e216";
  968. }
  969. .glyphicon-tent:before {
  970. content: "\26fa";
  971. }
  972. .glyphicon-blackboard:before {
  973. content: "\e218";
  974. }
  975. .glyphicon-bed:before {
  976. content: "\e219";
  977. }
  978. .glyphicon-apple:before {
  979. content: "\f8ff";
  980. }
  981. .glyphicon-erase:before {
  982. content: "\e221";
  983. }
  984. .glyphicon-hourglass:before {
  985. content: "\231b";
  986. }
  987. .glyphicon-lamp:before {
  988. content: "\e223";
  989. }
  990. .glyphicon-duplicate:before {
  991. content: "\e224";
  992. }
  993. .glyphicon-piggy-bank:before {
  994. content: "\e225";
  995. }
  996. .glyphicon-scissors:before {
  997. content: "\e226";
  998. }
  999. .glyphicon-bitcoin:before {
  1000. content: "\e227";
  1001. }
  1002. .glyphicon-btc:before {
  1003. content: "\e227";
  1004. }
  1005. .glyphicon-xbt:before {
  1006. content: "\e227";
  1007. }
  1008. .glyphicon-yen:before {
  1009. content: "\00a5";
  1010. }
  1011. .glyphicon-jpy:before {
  1012. content: "\00a5";
  1013. }
  1014. .glyphicon-ruble:before {
  1015. content: "\20bd";
  1016. }
  1017. .glyphicon-rub:before {
  1018. content: "\20bd";
  1019. }
  1020. .glyphicon-scale:before {
  1021. content: "\e230";
  1022. }
  1023. .glyphicon-ice-lolly:before {
  1024. content: "\e231";
  1025. }
  1026. .glyphicon-ice-lolly-tasted:before {
  1027. content: "\e232";
  1028. }
  1029. .glyphicon-education:before {
  1030. content: "\e233";
  1031. }
  1032. .glyphicon-option-horizontal:before {
  1033. content: "\e234";
  1034. }
  1035. .glyphicon-option-vertical:before {
  1036. content: "\e235";
  1037. }
  1038. .glyphicon-menu-hamburger:before {
  1039. content: "\e236";
  1040. }
  1041. .glyphicon-modal-window:before {
  1042. content: "\e237";
  1043. }
  1044. .glyphicon-oil:before {
  1045. content: "\e238";
  1046. }
  1047. .glyphicon-grain:before {
  1048. content: "\e239";
  1049. }
  1050. .glyphicon-sunglasses:before {
  1051. content: "\e240";
  1052. }
  1053. .glyphicon-text-size:before {
  1054. content: "\e241";
  1055. }
  1056. .glyphicon-text-color:before {
  1057. content: "\e242";
  1058. }
  1059. .glyphicon-text-background:before {
  1060. content: "\e243";
  1061. }
  1062. .glyphicon-object-align-top:before {
  1063. content: "\e244";
  1064. }
  1065. .glyphicon-object-align-bottom:before {
  1066. content: "\e245";
  1067. }
  1068. .glyphicon-object-align-horizontal:before {
  1069. content: "\e246";
  1070. }
  1071. .glyphicon-object-align-left:before {
  1072. content: "\e247";
  1073. }
  1074. .glyphicon-object-align-vertical:before {
  1075. content: "\e248";
  1076. }
  1077. .glyphicon-object-align-right:before {
  1078. content: "\e249";
  1079. }
  1080. .glyphicon-triangle-right:before {
  1081. content: "\e250";
  1082. }
  1083. .glyphicon-triangle-left:before {
  1084. content: "\e251";
  1085. }
  1086. .glyphicon-triangle-bottom:before {
  1087. content: "\e252";
  1088. }
  1089. .glyphicon-triangle-top:before {
  1090. content: "\e253";
  1091. }
  1092. .glyphicon-console:before {
  1093. content: "\e254";
  1094. }
  1095. .glyphicon-superscript:before {
  1096. content: "\e255";
  1097. }
  1098. .glyphicon-subscript:before {
  1099. content: "\e256";
  1100. }
  1101. .glyphicon-menu-left:before {
  1102. content: "\e257";
  1103. }
  1104. .glyphicon-menu-right:before {
  1105. content: "\e258";
  1106. }
  1107. .glyphicon-menu-down:before {
  1108. content: "\e259";
  1109. }
  1110. .glyphicon-menu-up:before {
  1111. content: "\e260";
  1112. }
  1113. * {
  1114. -webkit-box-sizing: border-box;
  1115. -moz-box-sizing: border-box;
  1116. box-sizing: border-box;
  1117. }
  1118. *:before,
  1119. *:after {
  1120. -webkit-box-sizing: border-box;
  1121. -moz-box-sizing: border-box;
  1122. box-sizing: border-box;
  1123. }
  1124. html {
  1125. font-size: 10px;
  1126. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  1127. }
  1128. body {
  1129. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  1130. font-size: 13px;
  1131. line-height: 1.42857143;
  1132. color: #000;
  1133. background-color: #fff;
  1134. }
  1135. input,
  1136. button,
  1137. select,
  1138. textarea {
  1139. font-family: inherit;
  1140. font-size: inherit;
  1141. line-height: inherit;
  1142. }
  1143. a {
  1144. color: #337ab7;
  1145. text-decoration: none;
  1146. }
  1147. a:hover,
  1148. a:focus {
  1149. color: #23527c;
  1150. text-decoration: underline;
  1151. }
  1152. a:focus {
  1153. outline: 5px auto -webkit-focus-ring-color;
  1154. outline-offset: -2px;
  1155. }
  1156. figure {
  1157. margin: 0;
  1158. }
  1159. img {
  1160. vertical-align: middle;
  1161. }
  1162. .img-responsive,
  1163. .thumbnail > img,
  1164. .thumbnail a > img,
  1165. .carousel-inner > .item > img,
  1166. .carousel-inner > .item > a > img {
  1167. display: block;
  1168. max-width: 100%;
  1169. height: auto;
  1170. }
  1171. .img-rounded {
  1172. border-radius: 3px;
  1173. }
  1174. .img-thumbnail {
  1175. padding: 4px;
  1176. line-height: 1.42857143;
  1177. background-color: #fff;
  1178. border: 1px solid #ddd;
  1179. border-radius: 2px;
  1180. -webkit-transition: all 0.2s ease-in-out;
  1181. -o-transition: all 0.2s ease-in-out;
  1182. transition: all 0.2s ease-in-out;
  1183. display: inline-block;
  1184. max-width: 100%;
  1185. height: auto;
  1186. }
  1187. .img-circle {
  1188. border-radius: 50%;
  1189. }
  1190. hr {
  1191. margin-top: 18px;
  1192. margin-bottom: 18px;
  1193. border: 0;
  1194. border-top: 1px solid #eeeeee;
  1195. }
  1196. .sr-only {
  1197. position: absolute;
  1198. width: 1px;
  1199. height: 1px;
  1200. margin: -1px;
  1201. padding: 0;
  1202. overflow: hidden;
  1203. clip: rect(0, 0, 0, 0);
  1204. border: 0;
  1205. }
  1206. .sr-only-focusable:active,
  1207. .sr-only-focusable:focus {
  1208. position: static;
  1209. width: auto;
  1210. height: auto;
  1211. margin: 0;
  1212. overflow: visible;
  1213. clip: auto;
  1214. }
  1215. [role="button"] {
  1216. cursor: pointer;
  1217. }
  1218. h1,
  1219. h2,
  1220. h3,
  1221. h4,
  1222. h5,
  1223. h6,
  1224. .h1,
  1225. .h2,
  1226. .h3,
  1227. .h4,
  1228. .h5,
  1229. .h6 {
  1230. font-family: inherit;
  1231. font-weight: 500;
  1232. line-height: 1.1;
  1233. color: inherit;
  1234. }
  1235. h1 small,
  1236. h2 small,
  1237. h3 small,
  1238. h4 small,
  1239. h5 small,
  1240. h6 small,
  1241. .h1 small,
  1242. .h2 small,
  1243. .h3 small,
  1244. .h4 small,
  1245. .h5 small,
  1246. .h6 small,
  1247. h1 .small,
  1248. h2 .small,
  1249. h3 .small,
  1250. h4 .small,
  1251. h5 .small,
  1252. h6 .small,
  1253. .h1 .small,
  1254. .h2 .small,
  1255. .h3 .small,
  1256. .h4 .small,
  1257. .h5 .small,
  1258. .h6 .small {
  1259. font-weight: normal;
  1260. line-height: 1;
  1261. color: #777777;
  1262. }
  1263. h1,
  1264. .h1,
  1265. h2,
  1266. .h2,
  1267. h3,
  1268. .h3 {
  1269. margin-top: 18px;
  1270. margin-bottom: 9px;
  1271. }
  1272. h1 small,
  1273. .h1 small,
  1274. h2 small,
  1275. .h2 small,
  1276. h3 small,
  1277. .h3 small,
  1278. h1 .small,
  1279. .h1 .small,
  1280. h2 .small,
  1281. .h2 .small,
  1282. h3 .small,
  1283. .h3 .small {
  1284. font-size: 65%;
  1285. }
  1286. h4,
  1287. .h4,
  1288. h5,
  1289. .h5,
  1290. h6,
  1291. .h6 {
  1292. margin-top: 9px;
  1293. margin-bottom: 9px;
  1294. }
  1295. h4 small,
  1296. .h4 small,
  1297. h5 small,
  1298. .h5 small,
  1299. h6 small,
  1300. .h6 small,
  1301. h4 .small,
  1302. .h4 .small,
  1303. h5 .small,
  1304. .h5 .small,
  1305. h6 .small,
  1306. .h6 .small {
  1307. font-size: 75%;
  1308. }
  1309. h1,
  1310. .h1 {
  1311. font-size: 33px;
  1312. }
  1313. h2,
  1314. .h2 {
  1315. font-size: 27px;
  1316. }
  1317. h3,
  1318. .h3 {
  1319. font-size: 23px;
  1320. }
  1321. h4,
  1322. .h4 {
  1323. font-size: 17px;
  1324. }
  1325. h5,
  1326. .h5 {
  1327. font-size: 13px;
  1328. }
  1329. h6,
  1330. .h6 {
  1331. font-size: 12px;
  1332. }
  1333. p {
  1334. margin: 0 0 9px;
  1335. }
  1336. .lead {
  1337. margin-bottom: 18px;
  1338. font-size: 14px;
  1339. font-weight: 300;
  1340. line-height: 1.4;
  1341. }
  1342. @media (min-width: 768px) {
  1343. .lead {
  1344. font-size: 19.5px;
  1345. }
  1346. }
  1347. small,
  1348. .small {
  1349. font-size: 92%;
  1350. }
  1351. mark,
  1352. .mark {
  1353. background-color: #fcf8e3;
  1354. padding: .2em;
  1355. }
  1356. .text-left {
  1357. text-align: left;
  1358. }
  1359. .text-right {
  1360. text-align: right;
  1361. }
  1362. .text-center {
  1363. text-align: center;
  1364. }
  1365. .text-justify {
  1366. text-align: justify;
  1367. }
  1368. .text-nowrap {
  1369. white-space: nowrap;
  1370. }
  1371. .text-lowercase {
  1372. text-transform: lowercase;
  1373. }
  1374. .text-uppercase {
  1375. text-transform: uppercase;
  1376. }
  1377. .text-capitalize {
  1378. text-transform: capitalize;
  1379. }
  1380. .text-muted {
  1381. color: #777777;
  1382. }
  1383. .text-primary {
  1384. color: #337ab7;
  1385. }
  1386. a.text-primary:hover,
  1387. a.text-primary:focus {
  1388. color: #286090;
  1389. }
  1390. .text-success {
  1391. color: #3c763d;
  1392. }
  1393. a.text-success:hover,
  1394. a.text-success:focus {
  1395. color: #2b542c;
  1396. }
  1397. .text-info {
  1398. color: #31708f;
  1399. }
  1400. a.text-info:hover,
  1401. a.text-info:focus {
  1402. color: #245269;
  1403. }
  1404. .text-warning {
  1405. color: #8a6d3b;
  1406. }
  1407. a.text-warning:hover,
  1408. a.text-warning:focus {
  1409. color: #66512c;
  1410. }
  1411. .text-danger {
  1412. color: #a94442;
  1413. }
  1414. a.text-danger:hover,
  1415. a.text-danger:focus {
  1416. color: #843534;
  1417. }
  1418. .bg-primary {
  1419. color: #fff;
  1420. background-color: #337ab7;
  1421. }
  1422. a.bg-primary:hover,
  1423. a.bg-primary:focus {
  1424. background-color: #286090;
  1425. }
  1426. .bg-success {
  1427. background-color: #dff0d8;
  1428. }
  1429. a.bg-success:hover,
  1430. a.bg-success:focus {
  1431. background-color: #c1e2b3;
  1432. }
  1433. .bg-info {
  1434. background-color: #d9edf7;
  1435. }
  1436. a.bg-info:hover,
  1437. a.bg-info:focus {
  1438. background-color: #afd9ee;
  1439. }
  1440. .bg-warning {
  1441. background-color: #fcf8e3;
  1442. }
  1443. a.bg-warning:hover,
  1444. a.bg-warning:focus {
  1445. background-color: #f7ecb5;
  1446. }
  1447. .bg-danger {
  1448. background-color: #f2dede;
  1449. }
  1450. a.bg-danger:hover,
  1451. a.bg-danger:focus {
  1452. background-color: #e4b9b9;
  1453. }
  1454. .page-header {
  1455. padding-bottom: 8px;
  1456. margin: 36px 0 18px;
  1457. border-bottom: 1px solid #eeeeee;
  1458. }
  1459. ul,
  1460. ol {
  1461. margin-top: 0;
  1462. margin-bottom: 9px;
  1463. }
  1464. ul ul,
  1465. ol ul,
  1466. ul ol,
  1467. ol ol {
  1468. margin-bottom: 0;
  1469. }
  1470. .list-unstyled {
  1471. padding-left: 0;
  1472. list-style: none;
  1473. }
  1474. .list-inline {
  1475. padding-left: 0;
  1476. list-style: none;
  1477. margin-left: -5px;
  1478. }
  1479. .list-inline > li {
  1480. display: inline-block;
  1481. padding-left: 5px;
  1482. padding-right: 5px;
  1483. }
  1484. dl {
  1485. margin-top: 0;
  1486. margin-bottom: 18px;
  1487. }
  1488. dt,
  1489. dd {
  1490. line-height: 1.42857143;
  1491. }
  1492. dt {
  1493. font-weight: bold;
  1494. }
  1495. dd {
  1496. margin-left: 0;
  1497. }
  1498. @media (min-width: 541px) {
  1499. .dl-horizontal dt {
  1500. float: left;
  1501. width: 160px;
  1502. clear: left;
  1503. text-align: right;
  1504. overflow: hidden;
  1505. text-overflow: ellipsis;
  1506. white-space: nowrap;
  1507. }
  1508. .dl-horizontal dd {
  1509. margin-left: 180px;
  1510. }
  1511. }
  1512. abbr[title],
  1513. abbr[data-original-title] {
  1514. cursor: help;
  1515. border-bottom: 1px dotted #777777;
  1516. }
  1517. .initialism {
  1518. font-size: 90%;
  1519. text-transform: uppercase;
  1520. }
  1521. blockquote {
  1522. padding: 9px 18px;
  1523. margin: 0 0 18px;
  1524. font-size: inherit;
  1525. border-left: 5px solid #eeeeee;
  1526. }
  1527. blockquote p:last-child,
  1528. blockquote ul:last-child,
  1529. blockquote ol:last-child {
  1530. margin-bottom: 0;
  1531. }
  1532. blockquote footer,
  1533. blockquote small,
  1534. blockquote .small {
  1535. display: block;
  1536. font-size: 80%;
  1537. line-height: 1.42857143;
  1538. color: #777777;
  1539. }
  1540. blockquote footer:before,
  1541. blockquote small:before,
  1542. blockquote .small:before {
  1543. content: '\2014 \00A0';
  1544. }
  1545. .blockquote-reverse,
  1546. blockquote.pull-right {
  1547. padding-right: 15px;
  1548. padding-left: 0;
  1549. border-right: 5px solid #eeeeee;
  1550. border-left: 0;
  1551. text-align: right;
  1552. }
  1553. .blockquote-reverse footer:before,
  1554. blockquote.pull-right footer:before,
  1555. .blockquote-reverse small:before,
  1556. blockquote.pull-right small:before,
  1557. .blockquote-reverse .small:before,
  1558. blockquote.pull-right .small:before {
  1559. content: '';
  1560. }
  1561. .blockquote-reverse footer:after,
  1562. blockquote.pull-right footer:after,
  1563. .blockquote-reverse small:after,
  1564. blockquote.pull-right small:after,
  1565. .blockquote-reverse .small:after,
  1566. blockquote.pull-right .small:after {
  1567. content: '\00A0 \2014';
  1568. }
  1569. address {
  1570. margin-bottom: 18px;
  1571. font-style: normal;
  1572. line-height: 1.42857143;
  1573. }
  1574. code,
  1575. kbd,
  1576. pre,
  1577. samp {
  1578. font-family: monospace;
  1579. }
  1580. code {
  1581. padding: 2px 4px;
  1582. font-size: 90%;
  1583. color: #c7254e;
  1584. background-color: #f9f2f4;
  1585. border-radius: 2px;
  1586. }
  1587. kbd {
  1588. padding: 2px 4px;
  1589. font-size: 90%;
  1590. color: #888;
  1591. background-color: transparent;
  1592. border-radius: 1px;
  1593. box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
  1594. }
  1595. kbd kbd {
  1596. padding: 0;
  1597. font-size: 100%;
  1598. font-weight: bold;
  1599. box-shadow: none;
  1600. }
  1601. pre {
  1602. display: block;
  1603. padding: 8.5px;
  1604. margin: 0 0 9px;
  1605. font-size: 12px;
  1606. line-height: 1.42857143;
  1607. word-break: break-all;
  1608. word-wrap: break-word;
  1609. color: #333333;
  1610. background-color: #f5f5f5;
  1611. border: 1px solid #ccc;
  1612. border-radius: 2px;
  1613. }
  1614. pre code {
  1615. padding: 0;
  1616. font-size: inherit;
  1617. color: inherit;
  1618. white-space: pre-wrap;
  1619. background-color: transparent;
  1620. border-radius: 0;
  1621. }
  1622. .pre-scrollable {
  1623. max-height: 340px;
  1624. overflow-y: scroll;
  1625. }
  1626. .container {
  1627. margin-right: auto;
  1628. margin-left: auto;
  1629. padding-left: 0px;
  1630. padding-right: 0px;
  1631. }
  1632. @media (min-width: 768px) {
  1633. .container {
  1634. width: 768px;
  1635. }
  1636. }
  1637. @media (min-width: 992px) {
  1638. .container {
  1639. width: 940px;
  1640. }
  1641. }
  1642. @media (min-width: 1200px) {
  1643. .container {
  1644. width: 1140px;
  1645. }
  1646. }
  1647. .container-fluid {
  1648. margin-right: auto;
  1649. margin-left: auto;
  1650. padding-left: 0px;
  1651. padding-right: 0px;
  1652. }
  1653. .row {
  1654. margin-left: 0px;
  1655. margin-right: 0px;
  1656. }
  1657. .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 {
  1658. position: relative;
  1659. min-height: 1px;
  1660. padding-left: 0px;
  1661. padding-right: 0px;
  1662. }
  1663. .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 {
  1664. float: left;
  1665. }
  1666. .col-xs-12 {
  1667. width: 100%;
  1668. }
  1669. .col-xs-11 {
  1670. width: 91.66666667%;
  1671. }
  1672. .col-xs-10 {
  1673. width: 83.33333333%;
  1674. }
  1675. .col-xs-9 {
  1676. width: 75%;
  1677. }
  1678. .col-xs-8 {
  1679. width: 66.66666667%;
  1680. }
  1681. .col-xs-7 {
  1682. width: 58.33333333%;
  1683. }
  1684. .col-xs-6 {
  1685. width: 50%;
  1686. }
  1687. .col-xs-5 {
  1688. width: 41.66666667%;
  1689. }
  1690. .col-xs-4 {
  1691. width: 33.33333333%;
  1692. }
  1693. .col-xs-3 {
  1694. width: 25%;
  1695. }
  1696. .col-xs-2 {
  1697. width: 16.66666667%;
  1698. }
  1699. .col-xs-1 {
  1700. width: 8.33333333%;
  1701. }
  1702. .col-xs-pull-12 {
  1703. right: 100%;
  1704. }
  1705. .col-xs-pull-11 {
  1706. right: 91.66666667%;
  1707. }
  1708. .col-xs-pull-10 {
  1709. right: 83.33333333%;
  1710. }
  1711. .col-xs-pull-9 {
  1712. right: 75%;
  1713. }
  1714. .col-xs-pull-8 {
  1715. right: 66.66666667%;
  1716. }
  1717. .col-xs-pull-7 {
  1718. right: 58.33333333%;
  1719. }
  1720. .col-xs-pull-6 {
  1721. right: 50%;
  1722. }
  1723. .col-xs-pull-5 {
  1724. right: 41.66666667%;
  1725. }
  1726. .col-xs-pull-4 {
  1727. right: 33.33333333%;
  1728. }
  1729. .col-xs-pull-3 {
  1730. right: 25%;
  1731. }
  1732. .col-xs-pull-2 {
  1733. right: 16.66666667%;
  1734. }
  1735. .col-xs-pull-1 {
  1736. right: 8.33333333%;
  1737. }
  1738. .col-xs-pull-0 {
  1739. right: auto;
  1740. }
  1741. .col-xs-push-12 {
  1742. left: 100%;
  1743. }
  1744. .col-xs-push-11 {
  1745. left: 91.66666667%;
  1746. }
  1747. .col-xs-push-10 {
  1748. left: 83.33333333%;
  1749. }
  1750. .col-xs-push-9 {
  1751. left: 75%;
  1752. }
  1753. .col-xs-push-8 {
  1754. left: 66.66666667%;
  1755. }
  1756. .col-xs-push-7 {
  1757. left: 58.33333333%;
  1758. }
  1759. .col-xs-push-6 {
  1760. left: 50%;
  1761. }
  1762. .col-xs-push-5 {
  1763. left: 41.66666667%;
  1764. }
  1765. .col-xs-push-4 {
  1766. left: 33.33333333%;
  1767. }
  1768. .col-xs-push-3 {
  1769. left: 25%;
  1770. }
  1771. .col-xs-push-2 {
  1772. left: 16.66666667%;
  1773. }
  1774. .col-xs-push-1 {
  1775. left: 8.33333333%;
  1776. }
  1777. .col-xs-push-0 {
  1778. left: auto;
  1779. }
  1780. .col-xs-offset-12 {
  1781. margin-left: 100%;
  1782. }
  1783. .col-xs-offset-11 {
  1784. margin-left: 91.66666667%;
  1785. }
  1786. .col-xs-offset-10 {
  1787. margin-left: 83.33333333%;
  1788. }
  1789. .col-xs-offset-9 {
  1790. margin-left: 75%;
  1791. }
  1792. .col-xs-offset-8 {
  1793. margin-left: 66.66666667%;
  1794. }
  1795. .col-xs-offset-7 {
  1796. margin-left: 58.33333333%;
  1797. }
  1798. .col-xs-offset-6 {
  1799. margin-left: 50%;
  1800. }
  1801. .col-xs-offset-5 {
  1802. margin-left: 41.66666667%;
  1803. }
  1804. .col-xs-offset-4 {
  1805. margin-left: 33.33333333%;
  1806. }
  1807. .col-xs-offset-3 {
  1808. margin-left: 25%;
  1809. }
  1810. .col-xs-offset-2 {
  1811. margin-left: 16.66666667%;
  1812. }
  1813. .col-xs-offset-1 {
  1814. margin-left: 8.33333333%;
  1815. }
  1816. .col-xs-offset-0 {
  1817. margin-left: 0%;
  1818. }
  1819. @media (min-width: 768px) {
  1820. .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 {
  1821. float: left;
  1822. }
  1823. .col-sm-12 {
  1824. width: 100%;
  1825. }
  1826. .col-sm-11 {
  1827. width: 91.66666667%;
  1828. }
  1829. .col-sm-10 {
  1830. width: 83.33333333%;
  1831. }
  1832. .col-sm-9 {
  1833. width: 75%;
  1834. }
  1835. .col-sm-8 {
  1836. width: 66.66666667%;
  1837. }
  1838. .col-sm-7 {
  1839. width: 58.33333333%;
  1840. }
  1841. .col-sm-6 {
  1842. width: 50%;
  1843. }
  1844. .col-sm-5 {
  1845. width: 41.66666667%;
  1846. }
  1847. .col-sm-4 {
  1848. width: 33.33333333%;
  1849. }
  1850. .col-sm-3 {
  1851. width: 25%;
  1852. }
  1853. .col-sm-2 {
  1854. width: 16.66666667%;
  1855. }
  1856. .col-sm-1 {
  1857. width: 8.33333333%;
  1858. }
  1859. .col-sm-pull-12 {
  1860. right: 100%;
  1861. }
  1862. .col-sm-pull-11 {
  1863. right: 91.66666667%;
  1864. }
  1865. .col-sm-pull-10 {
  1866. right: 83.33333333%;
  1867. }
  1868. .col-sm-pull-9 {
  1869. right: 75%;
  1870. }
  1871. .col-sm-pull-8 {
  1872. right: 66.66666667%;
  1873. }
  1874. .col-sm-pull-7 {
  1875. right: 58.33333333%;
  1876. }
  1877. .col-sm-pull-6 {
  1878. right: 50%;
  1879. }
  1880. .col-sm-pull-5 {
  1881. right: 41.66666667%;
  1882. }
  1883. .col-sm-pull-4 {
  1884. right: 33.33333333%;
  1885. }
  1886. .col-sm-pull-3 {
  1887. right: 25%;
  1888. }
  1889. .col-sm-pull-2 {
  1890. right: 16.66666667%;
  1891. }
  1892. .col-sm-pull-1 {
  1893. right: 8.33333333%;
  1894. }
  1895. .col-sm-pull-0 {
  1896. right: auto;
  1897. }
  1898. .col-sm-push-12 {
  1899. left: 100%;
  1900. }
  1901. .col-sm-push-11 {
  1902. left: 91.66666667%;
  1903. }
  1904. .col-sm-push-10 {
  1905. left: 83.33333333%;
  1906. }
  1907. .col-sm-push-9 {
  1908. left: 75%;
  1909. }
  1910. .col-sm-push-8 {
  1911. left: 66.66666667%;
  1912. }
  1913. .col-sm-push-7 {
  1914. left: 58.33333333%;
  1915. }
  1916. .col-sm-push-6 {
  1917. left: 50%;
  1918. }
  1919. .col-sm-push-5 {
  1920. left: 41.66666667%;
  1921. }
  1922. .col-sm-push-4 {
  1923. left: 33.33333333%;
  1924. }
  1925. .col-sm-push-3 {
  1926. left: 25%;
  1927. }
  1928. .col-sm-push-2 {
  1929. left: 16.66666667%;
  1930. }
  1931. .col-sm-push-1 {
  1932. left: 8.33333333%;
  1933. }
  1934. .col-sm-push-0 {
  1935. left: auto;
  1936. }
  1937. .col-sm-offset-12 {
  1938. margin-left: 100%;
  1939. }
  1940. .col-sm-offset-11 {
  1941. margin-left: 91.66666667%;
  1942. }
  1943. .col-sm-offset-10 {
  1944. margin-left: 83.33333333%;
  1945. }
  1946. .col-sm-offset-9 {
  1947. margin-left: 75%;
  1948. }
  1949. .col-sm-offset-8 {
  1950. margin-left: 66.66666667%;
  1951. }
  1952. .col-sm-offset-7 {
  1953. margin-left: 58.33333333%;
  1954. }
  1955. .col-sm-offset-6 {
  1956. margin-left: 50%;
  1957. }
  1958. .col-sm-offset-5 {
  1959. margin-left: 41.66666667%;
  1960. }
  1961. .col-sm-offset-4 {
  1962. margin-left: 33.33333333%;
  1963. }
  1964. .col-sm-offset-3 {
  1965. margin-left: 25%;
  1966. }
  1967. .col-sm-offset-2 {
  1968. margin-left: 16.66666667%;
  1969. }
  1970. .col-sm-offset-1 {
  1971. margin-left: 8.33333333%;
  1972. }
  1973. .col-sm-offset-0 {
  1974. margin-left: 0%;
  1975. }
  1976. }
  1977. @media (min-width: 992px) {
  1978. .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 {
  1979. float: left;
  1980. }
  1981. .col-md-12 {
  1982. width: 100%;
  1983. }
  1984. .col-md-11 {
  1985. width: 91.66666667%;
  1986. }
  1987. .col-md-10 {
  1988. width: 83.33333333%;
  1989. }
  1990. .col-md-9 {
  1991. width: 75%;
  1992. }
  1993. .col-md-8 {
  1994. width: 66.66666667%;
  1995. }
  1996. .col-md-7 {
  1997. width: 58.33333333%;
  1998. }
  1999. .col-md-6 {
  2000. width: 50%;
  2001. }
  2002. .col-md-5 {
  2003. width: 41.66666667%;
  2004. }
  2005. .col-md-4 {
  2006. width: 33.33333333%;
  2007. }
  2008. .col-md-3 {
  2009. width: 25%;
  2010. }
  2011. .col-md-2 {
  2012. width: 16.66666667%;
  2013. }
  2014. .col-md-1 {
  2015. width: 8.33333333%;
  2016. }
  2017. .col-md-pull-12 {
  2018. right: 100%;
  2019. }
  2020. .col-md-pull-11 {
  2021. right: 91.66666667%;
  2022. }
  2023. .col-md-pull-10 {
  2024. right: 83.33333333%;
  2025. }
  2026. .col-md-pull-9 {
  2027. right: 75%;
  2028. }
  2029. .col-md-pull-8 {
  2030. right: 66.66666667%;
  2031. }
  2032. .col-md-pull-7 {
  2033. right: 58.33333333%;
  2034. }
  2035. .col-md-pull-6 {
  2036. right: 50%;
  2037. }
  2038. .col-md-pull-5 {
  2039. right: 41.66666667%;
  2040. }
  2041. .col-md-pull-4 {
  2042. right: 33.33333333%;
  2043. }
  2044. .col-md-pull-3 {
  2045. right: 25%;
  2046. }
  2047. .col-md-pull-2 {
  2048. right: 16.66666667%;
  2049. }
  2050. .col-md-pull-1 {
  2051. right: 8.33333333%;
  2052. }
  2053. .col-md-pull-0 {
  2054. right: auto;
  2055. }
  2056. .col-md-push-12 {
  2057. left: 100%;
  2058. }
  2059. .col-md-push-11 {
  2060. left: 91.66666667%;
  2061. }
  2062. .col-md-push-10 {
  2063. left: 83.33333333%;
  2064. }
  2065. .col-md-push-9 {
  2066. left: 75%;
  2067. }
  2068. .col-md-push-8 {
  2069. left: 66.66666667%;
  2070. }
  2071. .col-md-push-7 {
  2072. left: 58.33333333%;
  2073. }
  2074. .col-md-push-6 {
  2075. left: 50%;
  2076. }
  2077. .col-md-push-5 {
  2078. left: 41.66666667%;
  2079. }
  2080. .col-md-push-4 {
  2081. left: 33.33333333%;
  2082. }
  2083. .col-md-push-3 {
  2084. left: 25%;
  2085. }
  2086. .col-md-push-2 {
  2087. left: 16.66666667%;
  2088. }
  2089. .col-md-push-1 {
  2090. left: 8.33333333%;
  2091. }
  2092. .col-md-push-0 {
  2093. left: auto;
  2094. }
  2095. .col-md-offset-12 {
  2096. margin-left: 100%;
  2097. }
  2098. .col-md-offset-11 {
  2099. margin-left: 91.66666667%;
  2100. }
  2101. .col-md-offset-10 {
  2102. margin-left: 83.33333333%;
  2103. }
  2104. .col-md-offset-9 {
  2105. margin-left: 75%;
  2106. }
  2107. .col-md-offset-8 {
  2108. margin-left: 66.66666667%;
  2109. }
  2110. .col-md-offset-7 {
  2111. margin-left: 58.33333333%;
  2112. }
  2113. .col-md-offset-6 {
  2114. margin-left: 50%;
  2115. }
  2116. .col-md-offset-5 {
  2117. margin-left: 41.66666667%;
  2118. }
  2119. .col-md-offset-4 {
  2120. margin-left: 33.33333333%;
  2121. }
  2122. .col-md-offset-3 {
  2123. margin-left: 25%;
  2124. }
  2125. .col-md-offset-2 {
  2126. margin-left: 16.66666667%;
  2127. }
  2128. .col-md-offset-1 {
  2129. margin-left: 8.33333333%;
  2130. }
  2131. .col-md-offset-0 {
  2132. margin-left: 0%;
  2133. }
  2134. }
  2135. @media (min-width: 1200px) {
  2136. .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 {
  2137. float: left;
  2138. }
  2139. .col-lg-12 {
  2140. width: 100%;
  2141. }
  2142. .col-lg-11 {
  2143. width: 91.66666667%;
  2144. }
  2145. .col-lg-10 {
  2146. width: 83.33333333%;
  2147. }
  2148. .col-lg-9 {
  2149. width: 75%;
  2150. }
  2151. .col-lg-8 {
  2152. width: 66.66666667%;
  2153. }
  2154. .col-lg-7 {
  2155. width: 58.33333333%;
  2156. }
  2157. .col-lg-6 {
  2158. width: 50%;
  2159. }
  2160. .col-lg-5 {
  2161. width: 41.66666667%;
  2162. }
  2163. .col-lg-4 {
  2164. width: 33.33333333%;
  2165. }
  2166. .col-lg-3 {
  2167. width: 25%;
  2168. }
  2169. .col-lg-2 {
  2170. width: 16.66666667%;
  2171. }
  2172. .col-lg-1 {
  2173. width: 8.33333333%;
  2174. }
  2175. .col-lg-pull-12 {
  2176. right: 100%;
  2177. }
  2178. .col-lg-pull-11 {
  2179. right: 91.66666667%;
  2180. }
  2181. .col-lg-pull-10 {
  2182. right: 83.33333333%;
  2183. }
  2184. .col-lg-pull-9 {
  2185. right: 75%;
  2186. }
  2187. .col-lg-pull-8 {
  2188. right: 66.66666667%;
  2189. }
  2190. .col-lg-pull-7 {
  2191. right: 58.33333333%;
  2192. }
  2193. .col-lg-pull-6 {
  2194. right: 50%;
  2195. }
  2196. .col-lg-pull-5 {
  2197. right: 41.66666667%;
  2198. }
  2199. .col-lg-pull-4 {
  2200. right: 33.33333333%;
  2201. }
  2202. .col-lg-pull-3 {
  2203. right: 25%;
  2204. }
  2205. .col-lg-pull-2 {
  2206. right: 16.66666667%;
  2207. }
  2208. .col-lg-pull-1 {
  2209. right: 8.33333333%;
  2210. }
  2211. .col-lg-pull-0 {
  2212. right: auto;
  2213. }
  2214. .col-lg-push-12 {
  2215. left: 100%;
  2216. }
  2217. .col-lg-push-11 {
  2218. left: 91.66666667%;
  2219. }
  2220. .col-lg-push-10 {
  2221. left: 83.33333333%;
  2222. }
  2223. .col-lg-push-9 {
  2224. left: 75%;
  2225. }
  2226. .col-lg-push-8 {
  2227. left: 66.66666667%;
  2228. }
  2229. .col-lg-push-7 {
  2230. left: 58.33333333%;
  2231. }
  2232. .col-lg-push-6 {
  2233. left: 50%;
  2234. }
  2235. .col-lg-push-5 {
  2236. left: 41.66666667%;
  2237. }
  2238. .col-lg-push-4 {
  2239. left: 33.33333333%;
  2240. }
  2241. .col-lg-push-3 {
  2242. left: 25%;
  2243. }
  2244. .col-lg-push-2 {
  2245. left: 16.66666667%;
  2246. }
  2247. .col-lg-push-1 {
  2248. left: 8.33333333%;
  2249. }
  2250. .col-lg-push-0 {
  2251. left: auto;
  2252. }
  2253. .col-lg-offset-12 {
  2254. margin-left: 100%;
  2255. }
  2256. .col-lg-offset-11 {
  2257. margin-left: 91.66666667%;
  2258. }
  2259. .col-lg-offset-10 {
  2260. margin-left: 83.33333333%;
  2261. }
  2262. .col-lg-offset-9 {
  2263. margin-left: 75%;
  2264. }
  2265. .col-lg-offset-8 {
  2266. margin-left: 66.66666667%;
  2267. }
  2268. .col-lg-offset-7 {
  2269. margin-left: 58.33333333%;
  2270. }
  2271. .col-lg-offset-6 {
  2272. margin-left: 50%;
  2273. }
  2274. .col-lg-offset-5 {
  2275. margin-left: 41.66666667%;
  2276. }
  2277. .col-lg-offset-4 {
  2278. margin-left: 33.33333333%;
  2279. }
  2280. .col-lg-offset-3 {
  2281. margin-left: 25%;
  2282. }
  2283. .col-lg-offset-2 {
  2284. margin-left: 16.66666667%;
  2285. }
  2286. .col-lg-offset-1 {
  2287. margin-left: 8.33333333%;
  2288. }
  2289. .col-lg-offset-0 {
  2290. margin-left: 0%;
  2291. }
  2292. }
  2293. table {
  2294. background-color: transparent;
  2295. }
  2296. caption {
  2297. padding-top: 8px;
  2298. padding-bottom: 8px;
  2299. color: #777777;
  2300. text-align: left;
  2301. }
  2302. th {
  2303. text-align: left;
  2304. }
  2305. .table {
  2306. width: 100%;
  2307. max-width: 100%;
  2308. margin-bottom: 18px;
  2309. }
  2310. .table > thead > tr > th,
  2311. .table > tbody > tr > th,
  2312. .table > tfoot > tr > th,
  2313. .table > thead > tr > td,
  2314. .table > tbody > tr > td,
  2315. .table > tfoot > tr > td {
  2316. padding: 8px;
  2317. line-height: 1.42857143;
  2318. vertical-align: top;
  2319. border-top: 1px solid #ddd;
  2320. }
  2321. .table > thead > tr > th {
  2322. vertical-align: bottom;
  2323. border-bottom: 2px solid #ddd;
  2324. }
  2325. .table > caption + thead > tr:first-child > th,
  2326. .table > colgroup + thead > tr:first-child > th,
  2327. .table > thead:first-child > tr:first-child > th,
  2328. .table > caption + thead > tr:first-child > td,
  2329. .table > colgroup + thead > tr:first-child > td,
  2330. .table > thead:first-child > tr:first-child > td {
  2331. border-top: 0;
  2332. }
  2333. .table > tbody + tbody {
  2334. border-top: 2px solid #ddd;
  2335. }
  2336. .table .table {
  2337. background-color: #fff;
  2338. }
  2339. .table-condensed > thead > tr > th,
  2340. .table-condensed > tbody > tr > th,
  2341. .table-condensed > tfoot > tr > th,
  2342. .table-condensed > thead > tr > td,
  2343. .table-condensed > tbody > tr > td,
  2344. .table-condensed > tfoot > tr > td {
  2345. padding: 5px;
  2346. }
  2347. .table-bordered {
  2348. border: 1px solid #ddd;
  2349. }
  2350. .table-bordered > thead > tr > th,
  2351. .table-bordered > tbody > tr > th,
  2352. .table-bordered > tfoot > tr > th,
  2353. .table-bordered > thead > tr > td,
  2354. .table-bordered > tbody > tr > td,
  2355. .table-bordered > tfoot > tr > td {
  2356. border: 1px solid #ddd;
  2357. }
  2358. .table-bordered > thead > tr > th,
  2359. .table-bordered > thead > tr > td {
  2360. border-bottom-width: 2px;
  2361. }
  2362. .table-striped > tbody > tr:nth-of-type(odd) {
  2363. background-color: #f9f9f9;
  2364. }
  2365. .table-hover > tbody > tr:hover {
  2366. background-color: #f5f5f5;
  2367. }
  2368. table col[class*="col-"] {
  2369. position: static;
  2370. float: none;
  2371. display: table-column;
  2372. }
  2373. table td[class*="col-"],
  2374. table th[class*="col-"] {
  2375. position: static;
  2376. float: none;
  2377. display: table-cell;
  2378. }
  2379. .table > thead > tr > td.active,
  2380. .table > tbody > tr > td.active,
  2381. .table > tfoot > tr > td.active,
  2382. .table > thead > tr > th.active,
  2383. .table > tbody > tr > th.active,
  2384. .table > tfoot > tr > th.active,
  2385. .table > thead > tr.active > td,
  2386. .table > tbody > tr.active > td,
  2387. .table > tfoot > tr.active > td,
  2388. .table > thead > tr.active > th,
  2389. .table > tbody > tr.active > th,
  2390. .table > tfoot > tr.active > th {
  2391. background-color: #f5f5f5;
  2392. }
  2393. .table-hover > tbody > tr > td.active:hover,
  2394. .table-hover > tbody > tr > th.active:hover,
  2395. .table-hover > tbody > tr.active:hover > td,
  2396. .table-hover > tbody > tr:hover > .active,
  2397. .table-hover > tbody > tr.active:hover > th {
  2398. background-color: #e8e8e8;
  2399. }
  2400. .table > thead > tr > td.success,
  2401. .table > tbody > tr > td.success,
  2402. .table > tfoot > tr > td.success,
  2403. .table > thead > tr > th.success,
  2404. .table > tbody > tr > th.success,
  2405. .table > tfoot > tr > th.success,
  2406. .table > thead > tr.success > td,
  2407. .table > tbody > tr.success > td,
  2408. .table > tfoot > tr.success > td,
  2409. .table > thead > tr.success > th,
  2410. .table > tbody > tr.success > th,
  2411. .table > tfoot > tr.success > th {
  2412. background-color: #dff0d8;
  2413. }
  2414. .table-hover > tbody > tr > td.success:hover,
  2415. .table-hover > tbody > tr > th.success:hover,
  2416. .table-hover > tbody > tr.success:hover > td,
  2417. .table-hover > tbody > tr:hover > .success,
  2418. .table-hover > tbody > tr.success:hover > th {
  2419. background-color: #d0e9c6;
  2420. }
  2421. .table > thead > tr > td.info,
  2422. .table > tbody > tr > td.info,
  2423. .table > tfoot > tr > td.info,
  2424. .table > thead > tr > th.info,
  2425. .table > tbody > tr > th.info,
  2426. .table > tfoot > tr > th.info,
  2427. .table > thead > tr.info > td,
  2428. .table > tbody > tr.info > td,
  2429. .table > tfoot > tr.info > td,
  2430. .table > thead > tr.info > th,
  2431. .table > tbody > tr.info > th,
  2432. .table > tfoot > tr.info > th {
  2433. background-color: #d9edf7;
  2434. }
  2435. .table-hover > tbody > tr > td.info:hover,
  2436. .table-hover > tbody > tr > th.info:hover,
  2437. .table-hover > tbody > tr.info:hover > td,
  2438. .table-hover > tbody > tr:hover > .info,
  2439. .table-hover > tbody > tr.info:hover > th {
  2440. background-color: #c4e3f3;
  2441. }
  2442. .table > thead > tr > td.warning,
  2443. .table > tbody > tr > td.warning,
  2444. .table > tfoot > tr > td.warning,
  2445. .table > thead > tr > th.warning,
  2446. .table > tbody > tr > th.warning,
  2447. .table > tfoot > tr > th.warning,
  2448. .table > thead > tr.warning > td,
  2449. .table > tbody > tr.warning > td,
  2450. .table > tfoot > tr.warning > td,
  2451. .table > thead > tr.warning > th,
  2452. .table > tbody > tr.warning > th,
  2453. .table > tfoot > tr.warning > th {
  2454. background-color: #fcf8e3;
  2455. }
  2456. .table-hover > tbody > tr > td.warning:hover,
  2457. .table-hover > tbody > tr > th.warning:hover,
  2458. .table-hover > tbody > tr.warning:hover > td,
  2459. .table-hover > tbody > tr:hover > .warning,
  2460. .table-hover > tbody > tr.warning:hover > th {
  2461. background-color: #faf2cc;
  2462. }
  2463. .table > thead > tr > td.danger,
  2464. .table > tbody > tr > td.danger,
  2465. .table > tfoot > tr > td.danger,
  2466. .table > thead > tr > th.danger,
  2467. .table > tbody > tr > th.danger,
  2468. .table > tfoot > tr > th.danger,
  2469. .table > thead > tr.danger > td,
  2470. .table > tbody > tr.danger > td,
  2471. .table > tfoot > tr.danger > td,
  2472. .table > thead > tr.danger > th,
  2473. .table > tbody > tr.danger > th,
  2474. .table > tfoot > tr.danger > th {
  2475. background-color: #f2dede;
  2476. }
  2477. .table-hover > tbody > tr > td.danger:hover,
  2478. .table-hover > tbody > tr > th.danger:hover,
  2479. .table-hover > tbody > tr.danger:hover > td,
  2480. .table-hover > tbody > tr:hover > .danger,
  2481. .table-hover > tbody > tr.danger:hover > th {
  2482. background-color: #ebcccc;
  2483. }
  2484. .table-responsive {
  2485. overflow-x: auto;
  2486. min-height: 0.01%;
  2487. }
  2488. @media screen and (max-width: 767px) {
  2489. .table-responsive {
  2490. width: 100%;
  2491. margin-bottom: 13.5px;
  2492. overflow-y: hidden;
  2493. -ms-overflow-style: -ms-autohiding-scrollbar;
  2494. border: 1px solid #ddd;
  2495. }
  2496. .table-responsive > .table {
  2497. margin-bottom: 0;
  2498. }
  2499. .table-responsive > .table > thead > tr > th,
  2500. .table-responsive > .table > tbody > tr > th,
  2501. .table-responsive > .table > tfoot > tr > th,
  2502. .table-responsive > .table > thead > tr > td,
  2503. .table-responsive > .table > tbody > tr > td,
  2504. .table-responsive > .table > tfoot > tr > td {
  2505. white-space: nowrap;
  2506. }
  2507. .table-responsive > .table-bordered {
  2508. border: 0;
  2509. }
  2510. .table-responsive > .table-bordered > thead > tr > th:first-child,
  2511. .table-responsive > .table-bordered > tbody > tr > th:first-child,
  2512. .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  2513. .table-responsive > .table-bordered > thead > tr > td:first-child,
  2514. .table-responsive > .table-bordered > tbody > tr > td:first-child,
  2515. .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  2516. border-left: 0;
  2517. }
  2518. .table-responsive > .table-bordered > thead > tr > th:last-child,
  2519. .table-responsive > .table-bordered > tbody > tr > th:last-child,
  2520. .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  2521. .table-responsive > .table-bordered > thead > tr > td:last-child,
  2522. .table-responsive > .table-bordered > tbody > tr > td:last-child,
  2523. .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  2524. border-right: 0;
  2525. }
  2526. .table-responsive > .table-bordered > tbody > tr:last-child > th,
  2527. .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  2528. .table-responsive > .table-bordered > tbody > tr:last-child > td,
  2529. .table-responsive > .table-bordered > tfoot > tr:last-child > td {
  2530. border-bottom: 0;
  2531. }
  2532. }
  2533. fieldset {
  2534. padding: 0;
  2535. margin: 0;
  2536. border: 0;
  2537. min-width: 0;
  2538. }
  2539. legend {
  2540. display: block;
  2541. width: 100%;
  2542. padding: 0;
  2543. margin-bottom: 18px;
  2544. font-size: 19.5px;
  2545. line-height: inherit;
  2546. color: #333333;
  2547. border: 0;
  2548. border-bottom: 1px solid #e5e5e5;
  2549. }
  2550. label {
  2551. display: inline-block;
  2552. max-width: 100%;
  2553. margin-bottom: 5px;
  2554. font-weight: bold;
  2555. }
  2556. input[type="search"] {
  2557. -webkit-box-sizing: border-box;
  2558. -moz-box-sizing: border-box;
  2559. box-sizing: border-box;
  2560. }
  2561. input[type="radio"],
  2562. input[type="checkbox"] {
  2563. margin: 4px 0 0;
  2564. margin-top: 1px \9;
  2565. line-height: normal;
  2566. }
  2567. input[type="file"] {
  2568. display: block;
  2569. }
  2570. input[type="range"] {
  2571. display: block;
  2572. width: 100%;
  2573. }
  2574. select[multiple],
  2575. select[size] {
  2576. height: auto;
  2577. }
  2578. input[type="file"]:focus,
  2579. input[type="radio"]:focus,
  2580. input[type="checkbox"]:focus {
  2581. outline: 5px auto -webkit-focus-ring-color;
  2582. outline-offset: -2px;
  2583. }
  2584. output {
  2585. display: block;
  2586. padding-top: 7px;
  2587. font-size: 13px;
  2588. line-height: 1.42857143;
  2589. color: #555555;
  2590. }
  2591. .form-control {
  2592. display: block;
  2593. width: 100%;
  2594. height: 32px;
  2595. padding: 6px 12px;
  2596. font-size: 13px;
  2597. line-height: 1.42857143;
  2598. color: #555555;
  2599. background-color: #fff;
  2600. background-image: none;
  2601. border: 1px solid #ccc;
  2602. border-radius: 2px;
  2603. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  2604. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  2605. -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  2606. -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  2607. transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  2608. }
  2609. .form-control:focus {
  2610. border-color: #66afe9;
  2611. outline: 0;
  2612. -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  2613. box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  2614. }
  2615. .form-control::-moz-placeholder {
  2616. color: #999;
  2617. opacity: 1;
  2618. }
  2619. .form-control:-ms-input-placeholder {
  2620. color: #999;
  2621. }
  2622. .form-control::-webkit-input-placeholder {
  2623. color: #999;
  2624. }
  2625. .form-control::-ms-expand {
  2626. border: 0;
  2627. background-color: transparent;
  2628. }
  2629. .form-control[disabled],
  2630. .form-control[readonly],
  2631. fieldset[disabled] .form-control {
  2632. background-color: #eeeeee;
  2633. opacity: 1;
  2634. }
  2635. .form-control[disabled],
  2636. fieldset[disabled] .form-control {
  2637. cursor: not-allowed;
  2638. }
  2639. textarea.form-control {
  2640. height: auto;
  2641. }
  2642. input[type="search"] {
  2643. -webkit-appearance: none;
  2644. }
  2645. @media screen and (-webkit-min-device-pixel-ratio: 0) {
  2646. input[type="date"].form-control,
  2647. input[type="time"].form-control,
  2648. input[type="datetime-local"].form-control,
  2649. input[type="month"].form-control {
  2650. line-height: 32px;
  2651. }
  2652. input[type="date"].input-sm,
  2653. input[type="time"].input-sm,
  2654. input[type="datetime-local"].input-sm,
  2655. input[type="month"].input-sm,
  2656. .input-group-sm input[type="date"],
  2657. .input-group-sm input[type="time"],
  2658. .input-group-sm input[type="datetime-local"],
  2659. .input-group-sm input[type="month"] {
  2660. line-height: 30px;
  2661. }
  2662. input[type="date"].input-lg,
  2663. input[type="time"].input-lg,
  2664. input[type="datetime-local"].input-lg,
  2665. input[type="month"].input-lg,
  2666. .input-group-lg input[type="date"],
  2667. .input-group-lg input[type="time"],
  2668. .input-group-lg input[type="datetime-local"],
  2669. .input-group-lg input[type="month"] {
  2670. line-height: 45px;
  2671. }
  2672. }
  2673. .form-group {
  2674. margin-bottom: 15px;
  2675. }
  2676. .radio,
  2677. .checkbox {
  2678. position: relative;
  2679. display: block;
  2680. margin-top: 10px;
  2681. margin-bottom: 10px;
  2682. }
  2683. .radio label,
  2684. .checkbox label {
  2685. min-height: 18px;
  2686. padding-left: 20px;
  2687. margin-bottom: 0;
  2688. font-weight: normal;
  2689. cursor: pointer;
  2690. }
  2691. .radio input[type="radio"],
  2692. .radio-inline input[type="radio"],
  2693. .checkbox input[type="checkbox"],
  2694. .checkbox-inline input[type="checkbox"] {
  2695. position: absolute;
  2696. margin-left: -20px;
  2697. margin-top: 4px \9;
  2698. }
  2699. .radio + .radio,
  2700. .checkbox + .checkbox {
  2701. margin-top: -5px;
  2702. }
  2703. .radio-inline,
  2704. .checkbox-inline {
  2705. position: relative;
  2706. display: inline-block;
  2707. padding-left: 20px;
  2708. margin-bottom: 0;
  2709. vertical-align: middle;
  2710. font-weight: normal;
  2711. cursor: pointer;
  2712. }
  2713. .radio-inline + .radio-inline,
  2714. .checkbox-inline + .checkbox-inline {
  2715. margin-top: 0;
  2716. margin-left: 10px;
  2717. }
  2718. input[type="radio"][disabled],
  2719. input[type="checkbox"][disabled],
  2720. input[type="radio"].disabled,
  2721. input[type="checkbox"].disabled,
  2722. fieldset[disabled] input[type="radio"],
  2723. fieldset[disabled] input[type="checkbox"] {
  2724. cursor: not-allowed;
  2725. }
  2726. .radio-inline.disabled,
  2727. .checkbox-inline.disabled,
  2728. fieldset[disabled] .radio-inline,
  2729. fieldset[disabled] .checkbox-inline {
  2730. cursor: not-allowed;
  2731. }
  2732. .radio.disabled label,
  2733. .checkbox.disabled label,
  2734. fieldset[disabled] .radio label,
  2735. fieldset[disabled] .checkbox label {
  2736. cursor: not-allowed;
  2737. }
  2738. .form-control-static {
  2739. padding-top: 7px;
  2740. padding-bottom: 7px;
  2741. margin-bottom: 0;
  2742. min-height: 31px;
  2743. }
  2744. .form-control-static.input-lg,
  2745. .form-control-static.input-sm {
  2746. padding-left: 0;
  2747. padding-right: 0;
  2748. }
  2749. .input-sm {
  2750. height: 30px;
  2751. padding: 5px 10px;
  2752. font-size: 12px;
  2753. line-height: 1.5;
  2754. border-radius: 1px;
  2755. }
  2756. select.input-sm {
  2757. height: 30px;
  2758. line-height: 30px;
  2759. }
  2760. textarea.input-sm,
  2761. select[multiple].input-sm {
  2762. height: auto;
  2763. }
  2764. .form-group-sm .form-control {
  2765. height: 30px;
  2766. padding: 5px 10px;
  2767. font-size: 12px;
  2768. line-height: 1.5;
  2769. border-radius: 1px;
  2770. }
  2771. .form-group-sm select.form-control {
  2772. height: 30px;
  2773. line-height: 30px;
  2774. }
  2775. .form-group-sm textarea.form-control,
  2776. .form-group-sm select[multiple].form-control {
  2777. height: auto;
  2778. }
  2779. .form-group-sm .form-control-static {
  2780. height: 30px;
  2781. min-height: 30px;
  2782. padding: 6px 10px;
  2783. font-size: 12px;
  2784. line-height: 1.5;
  2785. }
  2786. .input-lg {
  2787. height: 45px;
  2788. padding: 10px 16px;
  2789. font-size: 17px;
  2790. line-height: 1.3333333;
  2791. border-radius: 3px;
  2792. }
  2793. select.input-lg {
  2794. height: 45px;
  2795. line-height: 45px;
  2796. }
  2797. textarea.input-lg,
  2798. select[multiple].input-lg {
  2799. height: auto;
  2800. }
  2801. .form-group-lg .form-control {
  2802. height: 45px;
  2803. padding: 10px 16px;
  2804. font-size: 17px;
  2805. line-height: 1.3333333;
  2806. border-radius: 3px;
  2807. }
  2808. .form-group-lg select.form-control {
  2809. height: 45px;
  2810. line-height: 45px;
  2811. }
  2812. .form-group-lg textarea.form-control,
  2813. .form-group-lg select[multiple].form-control {
  2814. height: auto;
  2815. }
  2816. .form-group-lg .form-control-static {
  2817. height: 45px;
  2818. min-height: 35px;
  2819. padding: 11px 16px;
  2820. font-size: 17px;
  2821. line-height: 1.3333333;
  2822. }
  2823. .has-feedback {
  2824. position: relative;
  2825. }
  2826. .has-feedback .form-control {
  2827. padding-right: 40px;
  2828. }
  2829. .form-control-feedback {
  2830. position: absolute;
  2831. top: 0;
  2832. right: 0;
  2833. z-index: 2;
  2834. display: block;
  2835. width: 32px;
  2836. height: 32px;
  2837. line-height: 32px;
  2838. text-align: center;
  2839. pointer-events: none;
  2840. }
  2841. .input-lg + .form-control-feedback,
  2842. .input-group-lg + .form-control-feedback,
  2843. .form-group-lg .form-control + .form-control-feedback {
  2844. width: 45px;
  2845. height: 45px;
  2846. line-height: 45px;
  2847. }
  2848. .input-sm + .form-control-feedback,
  2849. .input-group-sm + .form-control-feedback,
  2850. .form-group-sm .form-control + .form-control-feedback {
  2851. width: 30px;
  2852. height: 30px;
  2853. line-height: 30px;
  2854. }
  2855. .has-success .help-block,
  2856. .has-success .control-label,
  2857. .has-success .radio,
  2858. .has-success .checkbox,
  2859. .has-success .radio-inline,
  2860. .has-success .checkbox-inline,
  2861. .has-success.radio label,
  2862. .has-success.checkbox label,
  2863. .has-success.radio-inline label,
  2864. .has-success.checkbox-inline label {
  2865. color: #3c763d;
  2866. }
  2867. .has-success .form-control {
  2868. border-color: #3c763d;
  2869. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  2870. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  2871. }
  2872. .has-success .form-control:focus {
  2873. border-color: #2b542c;
  2874. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  2875. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  2876. }
  2877. .has-success .input-group-addon {
  2878. color: #3c763d;
  2879. border-color: #3c763d;
  2880. background-color: #dff0d8;
  2881. }
  2882. .has-success .form-control-feedback {
  2883. color: #3c763d;
  2884. }
  2885. .has-warning .help-block,
  2886. .has-warning .control-label,
  2887. .has-warning .radio,
  2888. .has-warning .checkbox,
  2889. .has-warning .radio-inline,
  2890. .has-warning .checkbox-inline,
  2891. .has-warning.radio label,
  2892. .has-warning.checkbox label,
  2893. .has-warning.radio-inline label,
  2894. .has-warning.checkbox-inline label {
  2895. color: #8a6d3b;
  2896. }
  2897. .has-warning .form-control {
  2898. border-color: #8a6d3b;
  2899. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  2900. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  2901. }
  2902. .has-warning .form-control:focus {
  2903. border-color: #66512c;
  2904. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  2905. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  2906. }
  2907. .has-warning .input-group-addon {
  2908. color: #8a6d3b;
  2909. border-color: #8a6d3b;
  2910. background-color: #fcf8e3;
  2911. }
  2912. .has-warning .form-control-feedback {
  2913. color: #8a6d3b;
  2914. }
  2915. .has-error .help-block,
  2916. .has-error .control-label,
  2917. .has-error .radio,
  2918. .has-error .checkbox,
  2919. .has-error .radio-inline,
  2920. .has-error .checkbox-inline,
  2921. .has-error.radio label,
  2922. .has-error.checkbox label,
  2923. .has-error.radio-inline label,
  2924. .has-error.checkbox-inline label {
  2925. color: #a94442;
  2926. }
  2927. .has-error .form-control {
  2928. border-color: #a94442;
  2929. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  2930. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  2931. }
  2932. .has-error .form-control:focus {
  2933. border-color: #843534;
  2934. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  2935. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  2936. }
  2937. .has-error .input-group-addon {
  2938. color: #a94442;
  2939. border-color: #a94442;
  2940. background-color: #f2dede;
  2941. }
  2942. .has-error .form-control-feedback {
  2943. color: #a94442;
  2944. }
  2945. .has-feedback label ~ .form-control-feedback {
  2946. top: 23px;
  2947. }
  2948. .has-feedback label.sr-only ~ .form-control-feedback {
  2949. top: 0;
  2950. }
  2951. .help-block {
  2952. display: block;
  2953. margin-top: 5px;
  2954. margin-bottom: 10px;
  2955. color: #404040;
  2956. }
  2957. @media (min-width: 768px) {
  2958. .form-inline .form-group {
  2959. display: inline-block;
  2960. margin-bottom: 0;
  2961. vertical-align: middle;
  2962. }
  2963. .form-inline .form-control {
  2964. display: inline-block;
  2965. width: auto;
  2966. vertical-align: middle;
  2967. }
  2968. .form-inline .form-control-static {
  2969. display: inline-block;
  2970. }
  2971. .form-inline .input-group {
  2972. display: inline-table;
  2973. vertical-align: middle;
  2974. }
  2975. .form-inline .input-group .input-group-addon,
  2976. .form-inline .input-group .input-group-btn,
  2977. .form-inline .input-group .form-control {
  2978. width: auto;
  2979. }
  2980. .form-inline .input-group > .form-control {
  2981. width: 100%;
  2982. }
  2983. .form-inline .control-label {
  2984. margin-bottom: 0;
  2985. vertical-align: middle;
  2986. }
  2987. .form-inline .radio,
  2988. .form-inline .checkbox {
  2989. display: inline-block;
  2990. margin-top: 0;
  2991. margin-bottom: 0;
  2992. vertical-align: middle;
  2993. }
  2994. .form-inline .radio label,
  2995. .form-inline .checkbox label {
  2996. padding-left: 0;
  2997. }
  2998. .form-inline .radio input[type="radio"],
  2999. .form-inline .checkbox input[type="checkbox"] {
  3000. position: relative;
  3001. margin-left: 0;
  3002. }
  3003. .form-inline .has-feedback .form-control-feedback {
  3004. top: 0;
  3005. }
  3006. }
  3007. .form-horizontal .radio,
  3008. .form-horizontal .checkbox,
  3009. .form-horizontal .radio-inline,
  3010. .form-horizontal .checkbox-inline {
  3011. margin-top: 0;
  3012. margin-bottom: 0;
  3013. padding-top: 7px;
  3014. }
  3015. .form-horizontal .radio,
  3016. .form-horizontal .checkbox {
  3017. min-height: 25px;
  3018. }
  3019. .form-horizontal .form-group {
  3020. margin-left: 0px;
  3021. margin-right: 0px;
  3022. }
  3023. @media (min-width: 768px) {
  3024. .form-horizontal .control-label {
  3025. text-align: right;
  3026. margin-bottom: 0;
  3027. padding-top: 7px;
  3028. }
  3029. }
  3030. .form-horizontal .has-feedback .form-control-feedback {
  3031. right: 0px;
  3032. }
  3033. @media (min-width: 768px) {
  3034. .form-horizontal .form-group-lg .control-label {
  3035. padding-top: 11px;
  3036. font-size: 17px;
  3037. }
  3038. }
  3039. @media (min-width: 768px) {
  3040. .form-horizontal .form-group-sm .control-label {
  3041. padding-top: 6px;
  3042. font-size: 12px;
  3043. }
  3044. }
  3045. .btn {
  3046. display: inline-block;
  3047. margin-bottom: 0;
  3048. font-weight: normal;
  3049. text-align: center;
  3050. vertical-align: middle;
  3051. touch-action: manipulation;
  3052. cursor: pointer;
  3053. background-image: none;
  3054. border: 1px solid transparent;
  3055. white-space: nowrap;
  3056. padding: 6px 12px;
  3057. font-size: 13px;
  3058. line-height: 1.42857143;
  3059. border-radius: 2px;
  3060. -webkit-user-select: none;
  3061. -moz-user-select: none;
  3062. -ms-user-select: none;
  3063. user-select: none;
  3064. }
  3065. .btn:focus,
  3066. .btn:active:focus,
  3067. .btn.active:focus,
  3068. .btn.focus,
  3069. .btn:active.focus,
  3070. .btn.active.focus {
  3071. outline: 5px auto -webkit-focus-ring-color;
  3072. outline-offset: -2px;
  3073. }
  3074. .btn:hover,
  3075. .btn:focus,
  3076. .btn.focus {
  3077. color: #333;
  3078. text-decoration: none;
  3079. }
  3080. .btn:active,
  3081. .btn.active {
  3082. outline: 0;
  3083. background-image: none;
  3084. -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  3085. box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  3086. }
  3087. .btn.disabled,
  3088. .btn[disabled],
  3089. fieldset[disabled] .btn {
  3090. cursor: not-allowed;
  3091. opacity: 0.65;
  3092. filter: alpha(opacity=65);
  3093. -webkit-box-shadow: none;
  3094. box-shadow: none;
  3095. }
  3096. a.btn.disabled,
  3097. fieldset[disabled] a.btn {
  3098. pointer-events: none;
  3099. }
  3100. .btn-default {
  3101. color: #333;
  3102. background-color: #fff;
  3103. border-color: #ccc;
  3104. }
  3105. .btn-default:focus,
  3106. .btn-default.focus {
  3107. color: #333;
  3108. background-color: #e6e6e6;
  3109. border-color: #8c8c8c;
  3110. }
  3111. .btn-default:hover {
  3112. color: #333;
  3113. background-color: #e6e6e6;
  3114. border-color: #adadad;
  3115. }
  3116. .btn-default:active,
  3117. .btn-default.active,
  3118. .open > .dropdown-toggle.btn-default {
  3119. color: #333;
  3120. background-color: #e6e6e6;
  3121. border-color: #adadad;
  3122. }
  3123. .btn-default:active:hover,
  3124. .btn-default.active:hover,
  3125. .open > .dropdown-toggle.btn-default:hover,
  3126. .btn-default:active:focus,
  3127. .btn-default.active:focus,
  3128. .open > .dropdown-toggle.btn-default:focus,
  3129. .btn-default:active.focus,
  3130. .btn-default.active.focus,
  3131. .open > .dropdown-toggle.btn-default.focus {
  3132. color: #333;
  3133. background-color: #d4d4d4;
  3134. border-color: #8c8c8c;
  3135. }
  3136. .btn-default:active,
  3137. .btn-default.active,
  3138. .open > .dropdown-toggle.btn-default {
  3139. background-image: none;
  3140. }
  3141. .btn-default.disabled:hover,
  3142. .btn-default[disabled]:hover,
  3143. fieldset[disabled] .btn-default:hover,
  3144. .btn-default.disabled:focus,
  3145. .btn-default[disabled]:focus,
  3146. fieldset[disabled] .btn-default:focus,
  3147. .btn-default.disabled.focus,
  3148. .btn-default[disabled].focus,
  3149. fieldset[disabled] .btn-default.focus {
  3150. background-color: #fff;
  3151. border-color: #ccc;
  3152. }
  3153. .btn-default .badge {
  3154. color: #fff;
  3155. background-color: #333;
  3156. }
  3157. .btn-primary {
  3158. color: #fff;
  3159. background-color: #337ab7;
  3160. border-color: #2e6da4;
  3161. }
  3162. .btn-primary:focus,
  3163. .btn-primary.focus {
  3164. color: #fff;
  3165. background-color: #286090;
  3166. border-color: #122b40;
  3167. }
  3168. .btn-primary:hover {
  3169. color: #fff;
  3170. background-color: #286090;
  3171. border-color: #204d74;
  3172. }
  3173. .btn-primary:active,
  3174. .btn-primary.active,
  3175. .open > .dropdown-toggle.btn-primary {
  3176. color: #fff;
  3177. background-color: #286090;
  3178. border-color: #204d74;
  3179. }
  3180. .btn-primary:active:hover,
  3181. .btn-primary.active:hover,
  3182. .open > .dropdown-toggle.btn-primary:hover,
  3183. .btn-primary:active:focus,
  3184. .btn-primary.active:focus,
  3185. .open > .dropdown-toggle.btn-primary:focus,
  3186. .btn-primary:active.focus,
  3187. .btn-primary.active.focus,
  3188. .open > .dropdown-toggle.btn-primary.focus {
  3189. color: #fff;
  3190. background-color: #204d74;
  3191. border-color: #122b40;
  3192. }
  3193. .btn-primary:active,
  3194. .btn-primary.active,
  3195. .open > .dropdown-toggle.btn-primary {
  3196. background-image: none;
  3197. }
  3198. .btn-primary.disabled:hover,
  3199. .btn-primary[disabled]:hover,
  3200. fieldset[disabled] .btn-primary:hover,
  3201. .btn-primary.disabled:focus,
  3202. .btn-primary[disabled]:focus,
  3203. fieldset[disabled] .btn-primary:focus,
  3204. .btn-primary.disabled.focus,
  3205. .btn-primary[disabled].focus,
  3206. fieldset[disabled] .btn-primary.focus {
  3207. background-color: #337ab7;
  3208. border-color: #2e6da4;
  3209. }
  3210. .btn-primary .badge {
  3211. color: #337ab7;
  3212. background-color: #fff;
  3213. }
  3214. .btn-success {
  3215. color: #fff;
  3216. background-color: #5cb85c;
  3217. border-color: #4cae4c;
  3218. }
  3219. .btn-success:focus,
  3220. .btn-success.focus {
  3221. color: #fff;
  3222. background-color: #449d44;
  3223. border-color: #255625;
  3224. }
  3225. .btn-success:hover {
  3226. color: #fff;
  3227. background-color: #449d44;
  3228. border-color: #398439;
  3229. }
  3230. .btn-success:active,
  3231. .btn-success.active,
  3232. .open > .dropdown-toggle.btn-success {
  3233. color: #fff;
  3234. background-color: #449d44;
  3235. border-color: #398439;
  3236. }
  3237. .btn-success:active:hover,
  3238. .btn-success.active:hover,
  3239. .open > .dropdown-toggle.btn-success:hover,
  3240. .btn-success:active:focus,
  3241. .btn-success.active:focus,
  3242. .open > .dropdown-toggle.btn-success:focus,
  3243. .btn-success:active.focus,
  3244. .btn-success.active.focus,
  3245. .open > .dropdown-toggle.btn-success.focus {
  3246. color: #fff;
  3247. background-color: #398439;
  3248. border-color: #255625;
  3249. }
  3250. .btn-success:active,
  3251. .btn-success.active,
  3252. .open > .dropdown-toggle.btn-success {
  3253. background-image: none;
  3254. }
  3255. .btn-success.disabled:hover,
  3256. .btn-success[disabled]:hover,
  3257. fieldset[disabled] .btn-success:hover,
  3258. .btn-success.disabled:focus,
  3259. .btn-success[disabled]:focus,
  3260. fieldset[disabled] .btn-success:focus,
  3261. .btn-success.disabled.focus,
  3262. .btn-success[disabled].focus,
  3263. fieldset[disabled] .btn-success.focus {
  3264. background-color: #5cb85c;
  3265. border-color: #4cae4c;
  3266. }
  3267. .btn-success .badge {
  3268. color: #5cb85c;
  3269. background-color: #fff;
  3270. }
  3271. .btn-info {
  3272. color: #fff;
  3273. background-color: #5bc0de;
  3274. border-color: #46b8da;
  3275. }
  3276. .btn-info:focus,
  3277. .btn-info.focus {
  3278. color: #fff;
  3279. background-color: #31b0d5;
  3280. border-color: #1b6d85;
  3281. }
  3282. .btn-info:hover {
  3283. color: #fff;
  3284. background-color: #31b0d5;
  3285. border-color: #269abc;
  3286. }
  3287. .btn-info:active,
  3288. .btn-info.active,
  3289. .open > .dropdown-toggle.btn-info {
  3290. color: #fff;
  3291. background-color: #31b0d5;
  3292. border-color: #269abc;
  3293. }
  3294. .btn-info:active:hover,
  3295. .btn-info.active:hover,
  3296. .open > .dropdown-toggle.btn-info:hover,
  3297. .btn-info:active:focus,
  3298. .btn-info.active:focus,
  3299. .open > .dropdown-toggle.btn-info:focus,
  3300. .btn-info:active.focus,
  3301. .btn-info.active.focus,
  3302. .open > .dropdown-toggle.btn-info.focus {
  3303. color: #fff;
  3304. background-color: #269abc;
  3305. border-color: #1b6d85;
  3306. }
  3307. .btn-info:active,
  3308. .btn-info.active,
  3309. .open > .dropdown-toggle.btn-info {
  3310. background-image: none;
  3311. }
  3312. .btn-info.disabled:hover,
  3313. .btn-info[disabled]:hover,
  3314. fieldset[disabled] .btn-info:hover,
  3315. .btn-info.disabled:focus,
  3316. .btn-info[disabled]:focus,
  3317. fieldset[disabled] .btn-info:focus,
  3318. .btn-info.disabled.focus,
  3319. .btn-info[disabled].focus,
  3320. fieldset[disabled] .btn-info.focus {
  3321. background-color: #5bc0de;
  3322. border-color: #46b8da;
  3323. }
  3324. .btn-info .badge {
  3325. color: #5bc0de;
  3326. background-color: #fff;
  3327. }
  3328. .btn-warning {
  3329. color: #fff;
  3330. background-color: #f0ad4e;
  3331. border-color: #eea236;
  3332. }
  3333. .btn-warning:focus,
  3334. .btn-warning.focus {
  3335. color: #fff;
  3336. background-color: #ec971f;
  3337. border-color: #985f0d;
  3338. }
  3339. .btn-warning:hover {
  3340. color: #fff;
  3341. background-color: #ec971f;
  3342. border-color: #d58512;
  3343. }
  3344. .btn-warning:active,
  3345. .btn-warning.active,
  3346. .open > .dropdown-toggle.btn-warning {
  3347. color: #fff;
  3348. background-color: #ec971f;
  3349. border-color: #d58512;
  3350. }
  3351. .btn-warning:active:hover,
  3352. .btn-warning.active:hover,
  3353. .open > .dropdown-toggle.btn-warning:hover,
  3354. .btn-warning:active:focus,
  3355. .btn-warning.active:focus,
  3356. .open > .dropdown-toggle.btn-warning:focus,
  3357. .btn-warning:active.focus,
  3358. .btn-warning.active.focus,
  3359. .open > .dropdown-toggle.btn-warning.focus {
  3360. color: #fff;
  3361. background-color: #d58512;
  3362. border-color: #985f0d;
  3363. }
  3364. .btn-warning:active,
  3365. .btn-warning.active,
  3366. .open > .dropdown-toggle.btn-warning {
  3367. background-image: none;
  3368. }
  3369. .btn-warning.disabled:hover,
  3370. .btn-warning[disabled]:hover,
  3371. fieldset[disabled] .btn-warning:hover,
  3372. .btn-warning.disabled:focus,
  3373. .btn-warning[disabled]:focus,
  3374. fieldset[disabled] .btn-warning:focus,
  3375. .btn-warning.disabled.focus,
  3376. .btn-warning[disabled].focus,
  3377. fieldset[disabled] .btn-warning.focus {
  3378. background-color: #f0ad4e;
  3379. border-color: #eea236;
  3380. }
  3381. .btn-warning .badge {
  3382. color: #f0ad4e;
  3383. background-color: #fff;
  3384. }
  3385. .btn-danger {
  3386. color: #fff;
  3387. background-color: #d9534f;
  3388. border-color: #d43f3a;
  3389. }
  3390. .btn-danger:focus,
  3391. .btn-danger.focus {
  3392. color: #fff;
  3393. background-color: #c9302c;
  3394. border-color: #761c19;
  3395. }
  3396. .btn-danger:hover {
  3397. color: #fff;
  3398. background-color: #c9302c;
  3399. border-color: #ac2925;
  3400. }
  3401. .btn-danger:active,
  3402. .btn-danger.active,
  3403. .open > .dropdown-toggle.btn-danger {
  3404. color: #fff;
  3405. background-color: #c9302c;
  3406. border-color: #ac2925;
  3407. }
  3408. .btn-danger:active:hover,
  3409. .btn-danger.active:hover,
  3410. .open > .dropdown-toggle.btn-danger:hover,
  3411. .btn-danger:active:focus,
  3412. .btn-danger.active:focus,
  3413. .open > .dropdown-toggle.btn-danger:focus,
  3414. .btn-danger:active.focus,
  3415. .btn-danger.active.focus,
  3416. .open > .dropdown-toggle.btn-danger.focus {
  3417. color: #fff;
  3418. background-color: #ac2925;
  3419. border-color: #761c19;
  3420. }
  3421. .btn-danger:active,
  3422. .btn-danger.active,
  3423. .open > .dropdown-toggle.btn-danger {
  3424. background-image: none;
  3425. }
  3426. .btn-danger.disabled:hover,
  3427. .btn-danger[disabled]:hover,
  3428. fieldset[disabled] .btn-danger:hover,
  3429. .btn-danger.disabled:focus,
  3430. .btn-danger[disabled]:focus,
  3431. fieldset[disabled] .btn-danger:focus,
  3432. .btn-danger.disabled.focus,
  3433. .btn-danger[disabled].focus,
  3434. fieldset[disabled] .btn-danger.focus {
  3435. background-color: #d9534f;
  3436. border-color: #d43f3a;
  3437. }
  3438. .btn-danger .badge {
  3439. color: #d9534f;
  3440. background-color: #fff;
  3441. }
  3442. .btn-link {
  3443. color: #337ab7;
  3444. font-weight: normal;
  3445. border-radius: 0;
  3446. }
  3447. .btn-link,
  3448. .btn-link:active,
  3449. .btn-link.active,
  3450. .btn-link[disabled],
  3451. fieldset[disabled] .btn-link {
  3452. background-color: transparent;
  3453. -webkit-box-shadow: none;
  3454. box-shadow: none;
  3455. }
  3456. .btn-link,
  3457. .btn-link:hover,
  3458. .btn-link:focus,
  3459. .btn-link:active {
  3460. border-color: transparent;
  3461. }
  3462. .btn-link:hover,
  3463. .btn-link:focus {
  3464. color: #23527c;
  3465. text-decoration: underline;
  3466. background-color: transparent;
  3467. }
  3468. .btn-link[disabled]:hover,
  3469. fieldset[disabled] .btn-link:hover,
  3470. .btn-link[disabled]:focus,
  3471. fieldset[disabled] .btn-link:focus {
  3472. color: #777777;
  3473. text-decoration: none;
  3474. }
  3475. .btn-lg,
  3476. .btn-group-lg > .btn {
  3477. padding: 10px 16px;
  3478. font-size: 17px;
  3479. line-height: 1.3333333;
  3480. border-radius: 3px;
  3481. }
  3482. .btn-sm,
  3483. .btn-group-sm > .btn {
  3484. padding: 5px 10px;
  3485. font-size: 12px;
  3486. line-height: 1.5;
  3487. border-radius: 1px;
  3488. }
  3489. .btn-xs,
  3490. .btn-group-xs > .btn {
  3491. padding: 1px 5px;
  3492. font-size: 12px;
  3493. line-height: 1.5;
  3494. border-radius: 1px;
  3495. }
  3496. .btn-block {
  3497. display: block;
  3498. width: 100%;
  3499. }
  3500. .btn-block + .btn-block {
  3501. margin-top: 5px;
  3502. }
  3503. input[type="submit"].btn-block,
  3504. input[type="reset"].btn-block,
  3505. input[type="button"].btn-block {
  3506. width: 100%;
  3507. }
  3508. .fade {
  3509. opacity: 0;
  3510. -webkit-transition: opacity 0.15s linear;
  3511. -o-transition: opacity 0.15s linear;
  3512. transition: opacity 0.15s linear;
  3513. }
  3514. .fade.in {
  3515. opacity: 1;
  3516. }
  3517. .collapse {
  3518. display: none;
  3519. }
  3520. .collapse.in {
  3521. display: block;
  3522. }
  3523. tr.collapse.in {
  3524. display: table-row;
  3525. }
  3526. tbody.collapse.in {
  3527. display: table-row-group;
  3528. }
  3529. .collapsing {
  3530. position: relative;
  3531. height: 0;
  3532. overflow: hidden;
  3533. -webkit-transition-property: height, visibility;
  3534. transition-property: height, visibility;
  3535. -webkit-transition-duration: 0.35s;
  3536. transition-duration: 0.35s;
  3537. -webkit-transition-timing-function: ease;
  3538. transition-timing-function: ease;
  3539. }
  3540. .caret {
  3541. display: inline-block;
  3542. width: 0;
  3543. height: 0;
  3544. margin-left: 2px;
  3545. vertical-align: middle;
  3546. border-top: 4px dashed;
  3547. border-top: 4px solid \9;
  3548. border-right: 4px solid transparent;
  3549. border-left: 4px solid transparent;
  3550. }
  3551. .dropup,
  3552. .dropdown {
  3553. position: relative;
  3554. }
  3555. .dropdown-toggle:focus {
  3556. outline: 0;
  3557. }
  3558. .dropdown-menu {
  3559. position: absolute;
  3560. top: 100%;
  3561. left: 0;
  3562. z-index: 1000;
  3563. display: none;
  3564. float: left;
  3565. min-width: 160px;
  3566. padding: 5px 0;
  3567. margin: 2px 0 0;
  3568. list-style: none;
  3569. font-size: 13px;
  3570. text-align: left;
  3571. background-color: #fff;
  3572. border: 1px solid #ccc;
  3573. border: 1px solid rgba(0, 0, 0, 0.15);
  3574. border-radius: 2px;
  3575. -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  3576. box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  3577. background-clip: padding-box;
  3578. }
  3579. .dropdown-menu.pull-right {
  3580. right: 0;
  3581. left: auto;
  3582. }
  3583. .dropdown-menu .divider {
  3584. height: 1px;
  3585. margin: 8px 0;
  3586. overflow: hidden;
  3587. background-color: #e5e5e5;
  3588. }
  3589. .dropdown-menu > li > a {
  3590. display: block;
  3591. padding: 3px 20px;
  3592. clear: both;
  3593. font-weight: normal;
  3594. line-height: 1.42857143;
  3595. color: #333333;
  3596. white-space: nowrap;
  3597. }
  3598. .dropdown-menu > li > a:hover,
  3599. .dropdown-menu > li > a:focus {
  3600. text-decoration: none;
  3601. color: #262626;
  3602. background-color: #f5f5f5;
  3603. }
  3604. .dropdown-menu > .active > a,
  3605. .dropdown-menu > .active > a:hover,
  3606. .dropdown-menu > .active > a:focus {
  3607. color: #fff;
  3608. text-decoration: none;
  3609. outline: 0;
  3610. background-color: #337ab7;
  3611. }
  3612. .dropdown-menu > .disabled > a,
  3613. .dropdown-menu > .disabled > a:hover,
  3614. .dropdown-menu > .disabled > a:focus {
  3615. color: #777777;
  3616. }
  3617. .dropdown-menu > .disabled > a:hover,
  3618. .dropdown-menu > .disabled > a:focus {
  3619. text-decoration: none;
  3620. background-color: transparent;
  3621. background-image: none;
  3622. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  3623. cursor: not-allowed;
  3624. }
  3625. .open > .dropdown-menu {
  3626. display: block;
  3627. }
  3628. .open > a {
  3629. outline: 0;
  3630. }
  3631. .dropdown-menu-right {
  3632. left: auto;
  3633. right: 0;
  3634. }
  3635. .dropdown-menu-left {
  3636. left: 0;
  3637. right: auto;
  3638. }
  3639. .dropdown-header {
  3640. display: block;
  3641. padding: 3px 20px;
  3642. font-size: 12px;
  3643. line-height: 1.42857143;
  3644. color: #777777;
  3645. white-space: nowrap;
  3646. }
  3647. .dropdown-backdrop {
  3648. position: fixed;
  3649. left: 0;
  3650. right: 0;
  3651. bottom: 0;
  3652. top: 0;
  3653. z-index: 990;
  3654. }
  3655. .pull-right > .dropdown-menu {
  3656. right: 0;
  3657. left: auto;
  3658. }
  3659. .dropup .caret,
  3660. .navbar-fixed-bottom .dropdown .caret {
  3661. border-top: 0;
  3662. border-bottom: 4px dashed;
  3663. border-bottom: 4px solid \9;
  3664. content: "";
  3665. }
  3666. .dropup .dropdown-menu,
  3667. .navbar-fixed-bottom .dropdown .dropdown-menu {
  3668. top: auto;
  3669. bottom: 100%;
  3670. margin-bottom: 2px;
  3671. }
  3672. @media (min-width: 541px) {
  3673. .navbar-right .dropdown-menu {
  3674. left: auto;
  3675. right: 0;
  3676. }
  3677. .navbar-right .dropdown-menu-left {
  3678. left: 0;
  3679. right: auto;
  3680. }
  3681. }
  3682. .btn-group,
  3683. .btn-group-vertical {
  3684. position: relative;
  3685. display: inline-block;
  3686. vertical-align: middle;
  3687. }
  3688. .btn-group > .btn,
  3689. .btn-group-vertical > .btn {
  3690. position: relative;
  3691. float: left;
  3692. }
  3693. .btn-group > .btn:hover,
  3694. .btn-group-vertical > .btn:hover,
  3695. .btn-group > .btn:focus,
  3696. .btn-group-vertical > .btn:focus,
  3697. .btn-group > .btn:active,
  3698. .btn-group-vertical > .btn:active,
  3699. .btn-group > .btn.active,
  3700. .btn-group-vertical > .btn.active {
  3701. z-index: 2;
  3702. }
  3703. .btn-group .btn + .btn,
  3704. .btn-group .btn + .btn-group,
  3705. .btn-group .btn-group + .btn,
  3706. .btn-group .btn-group + .btn-group {
  3707. margin-left: -1px;
  3708. }
  3709. .btn-toolbar {
  3710. margin-left: -5px;
  3711. }
  3712. .btn-toolbar .btn,
  3713. .btn-toolbar .btn-group,
  3714. .btn-toolbar .input-group {
  3715. float: left;
  3716. }
  3717. .btn-toolbar > .btn,
  3718. .btn-toolbar > .btn-group,
  3719. .btn-toolbar > .input-group {
  3720. margin-left: 5px;
  3721. }
  3722. .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  3723. border-radius: 0;
  3724. }
  3725. .btn-group > .btn:first-child {
  3726. margin-left: 0;
  3727. }
  3728. .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  3729. border-bottom-right-radius: 0;
  3730. border-top-right-radius: 0;
  3731. }
  3732. .btn-group > .btn:last-child:not(:first-child),
  3733. .btn-group > .dropdown-toggle:not(:first-child) {
  3734. border-bottom-left-radius: 0;
  3735. border-top-left-radius: 0;
  3736. }
  3737. .btn-group > .btn-group {
  3738. float: left;
  3739. }
  3740. .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  3741. border-radius: 0;
  3742. }
  3743. .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
  3744. .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  3745. border-bottom-right-radius: 0;
  3746. border-top-right-radius: 0;
  3747. }
  3748. .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  3749. border-bottom-left-radius: 0;
  3750. border-top-left-radius: 0;
  3751. }
  3752. .btn-group .dropdown-toggle:active,
  3753. .btn-group.open .dropdown-toggle {
  3754. outline: 0;
  3755. }
  3756. .btn-group > .btn + .dropdown-toggle {
  3757. padding-left: 8px;
  3758. padding-right: 8px;
  3759. }
  3760. .btn-group > .btn-lg + .dropdown-toggle {
  3761. padding-left: 12px;
  3762. padding-right: 12px;
  3763. }
  3764. .btn-group.open .dropdown-toggle {
  3765. -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  3766. box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  3767. }
  3768. .btn-group.open .dropdown-toggle.btn-link {
  3769. -webkit-box-shadow: none;
  3770. box-shadow: none;
  3771. }
  3772. .btn .caret {
  3773. margin-left: 0;
  3774. }
  3775. .btn-lg .caret {
  3776. border-width: 5px 5px 0;
  3777. border-bottom-width: 0;
  3778. }
  3779. .dropup .btn-lg .caret {
  3780. border-width: 0 5px 5px;
  3781. }
  3782. .btn-group-vertical > .btn,
  3783. .btn-group-vertical > .btn-group,
  3784. .btn-group-vertical > .btn-group > .btn {
  3785. display: block;
  3786. float: none;
  3787. width: 100%;
  3788. max-width: 100%;
  3789. }
  3790. .btn-group-vertical > .btn-group > .btn {
  3791. float: none;
  3792. }
  3793. .btn-group-vertical > .btn + .btn,
  3794. .btn-group-vertical > .btn + .btn-group,
  3795. .btn-group-vertical > .btn-group + .btn,
  3796. .btn-group-vertical > .btn-group + .btn-group {
  3797. margin-top: -1px;
  3798. margin-left: 0;
  3799. }
  3800. .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  3801. border-radius: 0;
  3802. }
  3803. .btn-group-vertical > .btn:first-child:not(:last-child) {
  3804. border-top-right-radius: 2px;
  3805. border-top-left-radius: 2px;
  3806. border-bottom-right-radius: 0;
  3807. border-bottom-left-radius: 0;
  3808. }
  3809. .btn-group-vertical > .btn:last-child:not(:first-child) {
  3810. border-top-right-radius: 0;
  3811. border-top-left-radius: 0;
  3812. border-bottom-right-radius: 2px;
  3813. border-bottom-left-radius: 2px;
  3814. }
  3815. .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  3816. border-radius: 0;
  3817. }
  3818. .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
  3819. .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  3820. border-bottom-right-radius: 0;
  3821. border-bottom-left-radius: 0;
  3822. }
  3823. .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  3824. border-top-right-radius: 0;
  3825. border-top-left-radius: 0;
  3826. }
  3827. .btn-group-justified {
  3828. display: table;
  3829. width: 100%;
  3830. table-layout: fixed;
  3831. border-collapse: separate;
  3832. }
  3833. .btn-group-justified > .btn,
  3834. .btn-group-justified > .btn-group {
  3835. float: none;
  3836. display: table-cell;
  3837. width: 1%;
  3838. }
  3839. .btn-group-justified > .btn-group .btn {
  3840. width: 100%;
  3841. }
  3842. .btn-group-justified > .btn-group .dropdown-menu {
  3843. left: auto;
  3844. }
  3845. [data-toggle="buttons"] > .btn input[type="radio"],
  3846. [data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
  3847. [data-toggle="buttons"] > .btn input[type="checkbox"],
  3848. [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  3849. position: absolute;
  3850. clip: rect(0, 0, 0, 0);
  3851. pointer-events: none;
  3852. }
  3853. .input-group {
  3854. position: relative;
  3855. display: table;
  3856. border-collapse: separate;
  3857. }
  3858. .input-group[class*="col-"] {
  3859. float: none;
  3860. padding-left: 0;
  3861. padding-right: 0;
  3862. }
  3863. .input-group .form-control {
  3864. position: relative;
  3865. z-index: 2;
  3866. float: left;
  3867. width: 100%;
  3868. margin-bottom: 0;
  3869. }
  3870. .input-group .form-control:focus {
  3871. z-index: 3;
  3872. }
  3873. .input-group-lg > .form-control,
  3874. .input-group-lg > .input-group-addon,
  3875. .input-group-lg > .input-group-btn > .btn {
  3876. height: 45px;
  3877. padding: 10px 16px;
  3878. font-size: 17px;
  3879. line-height: 1.3333333;
  3880. border-radius: 3px;
  3881. }
  3882. select.input-group-lg > .form-control,
  3883. select.input-group-lg > .input-group-addon,
  3884. select.input-group-lg > .input-group-btn > .btn {
  3885. height: 45px;
  3886. line-height: 45px;
  3887. }
  3888. textarea.input-group-lg > .form-control,
  3889. textarea.input-group-lg > .input-group-addon,
  3890. textarea.input-group-lg > .input-group-btn > .btn,
  3891. select[multiple].input-group-lg > .form-control,
  3892. select[multiple].input-group-lg > .input-group-addon,
  3893. select[multiple].input-group-lg > .input-group-btn > .btn {
  3894. height: auto;
  3895. }
  3896. .input-group-sm > .form-control,
  3897. .input-group-sm > .input-group-addon,
  3898. .input-group-sm > .input-group-btn > .btn {
  3899. height: 30px;
  3900. padding: 5px 10px;
  3901. font-size: 12px;
  3902. line-height: 1.5;
  3903. border-radius: 1px;
  3904. }
  3905. select.input-group-sm > .form-control,
  3906. select.input-group-sm > .input-group-addon,
  3907. select.input-group-sm > .input-group-btn > .btn {
  3908. height: 30px;
  3909. line-height: 30px;
  3910. }
  3911. textarea.input-group-sm > .form-control,
  3912. textarea.input-group-sm > .input-group-addon,
  3913. textarea.input-group-sm > .input-group-btn > .btn,
  3914. select[multiple].input-group-sm > .form-control,
  3915. select[multiple].input-group-sm > .input-group-addon,
  3916. select[multiple].input-group-sm > .input-group-btn > .btn {
  3917. height: auto;
  3918. }
  3919. .input-group-addon,
  3920. .input-group-btn,
  3921. .input-group .form-control {
  3922. display: table-cell;
  3923. }
  3924. .input-group-addon:not(:first-child):not(:last-child),
  3925. .input-group-btn:not(:first-child):not(:last-child),
  3926. .input-group .form-control:not(:first-child):not(:last-child) {
  3927. border-radius: 0;
  3928. }
  3929. .input-group-addon,
  3930. .input-group-btn {
  3931. width: 1%;
  3932. white-space: nowrap;
  3933. vertical-align: middle;
  3934. }
  3935. .input-group-addon {
  3936. padding: 6px 12px;
  3937. font-size: 13px;
  3938. font-weight: normal;
  3939. line-height: 1;
  3940. color: #555555;
  3941. text-align: center;
  3942. background-color: #eeeeee;
  3943. border: 1px solid #ccc;
  3944. border-radius: 2px;
  3945. }
  3946. .input-group-addon.input-sm {
  3947. padding: 5px 10px;
  3948. font-size: 12px;
  3949. border-radius: 1px;
  3950. }
  3951. .input-group-addon.input-lg {
  3952. padding: 10px 16px;
  3953. font-size: 17px;
  3954. border-radius: 3px;
  3955. }
  3956. .input-group-addon input[type="radio"],
  3957. .input-group-addon input[type="checkbox"] {
  3958. margin-top: 0;
  3959. }
  3960. .input-group .form-control:first-child,
  3961. .input-group-addon:first-child,
  3962. .input-group-btn:first-child > .btn,
  3963. .input-group-btn:first-child > .btn-group > .btn,
  3964. .input-group-btn:first-child > .dropdown-toggle,
  3965. .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
  3966. .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  3967. border-bottom-right-radius: 0;
  3968. border-top-right-radius: 0;
  3969. }
  3970. .input-group-addon:first-child {
  3971. border-right: 0;
  3972. }
  3973. .input-group .form-control:last-child,
  3974. .input-group-addon:last-child,
  3975. .input-group-btn:last-child > .btn,
  3976. .input-group-btn:last-child > .btn-group > .btn,
  3977. .input-group-btn:last-child > .dropdown-toggle,
  3978. .input-group-btn:first-child > .btn:not(:first-child),
  3979. .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  3980. border-bottom-left-radius: 0;
  3981. border-top-left-radius: 0;
  3982. }
  3983. .input-group-addon:last-child {
  3984. border-left: 0;
  3985. }
  3986. .input-group-btn {
  3987. position: relative;
  3988. font-size: 0;
  3989. white-space: nowrap;
  3990. }
  3991. .input-group-btn > .btn {
  3992. position: relative;
  3993. }
  3994. .input-group-btn > .btn + .btn {
  3995. margin-left: -1px;
  3996. }
  3997. .input-group-btn > .btn:hover,
  3998. .input-group-btn > .btn:focus,
  3999. .input-group-btn > .btn:active {
  4000. z-index: 2;
  4001. }
  4002. .input-group-btn:first-child > .btn,
  4003. .input-group-btn:first-child > .btn-group {
  4004. margin-right: -1px;
  4005. }
  4006. .input-group-btn:last-child > .btn,
  4007. .input-group-btn:last-child > .btn-group {
  4008. z-index: 2;
  4009. margin-left: -1px;
  4010. }
  4011. .nav {
  4012. margin-bottom: 0;
  4013. padding-left: 0;
  4014. list-style: none;
  4015. }
  4016. .nav > li {
  4017. position: relative;
  4018. display: block;
  4019. }
  4020. .nav > li > a {
  4021. position: relative;
  4022. display: block;
  4023. padding: 10px 15px;
  4024. }
  4025. .nav > li > a:hover,
  4026. .nav > li > a:focus {
  4027. text-decoration: none;
  4028. background-color: #eeeeee;
  4029. }
  4030. .nav > li.disabled > a {
  4031. color: #777777;
  4032. }
  4033. .nav > li.disabled > a:hover,
  4034. .nav > li.disabled > a:focus {
  4035. color: #777777;
  4036. text-decoration: none;
  4037. background-color: transparent;
  4038. cursor: not-allowed;
  4039. }
  4040. .nav .open > a,
  4041. .nav .open > a:hover,
  4042. .nav .open > a:focus {
  4043. background-color: #eeeeee;
  4044. border-color: #337ab7;
  4045. }
  4046. .nav .nav-divider {
  4047. height: 1px;
  4048. margin: 8px 0;
  4049. overflow: hidden;
  4050. background-color: #e5e5e5;
  4051. }
  4052. .nav > li > a > img {
  4053. max-width: none;
  4054. }
  4055. .nav-tabs {
  4056. border-bottom: 1px solid #ddd;
  4057. }
  4058. .nav-tabs > li {
  4059. float: left;
  4060. margin-bottom: -1px;
  4061. }
  4062. .nav-tabs > li > a {
  4063. margin-right: 2px;
  4064. line-height: 1.42857143;
  4065. border: 1px solid transparent;
  4066. border-radius: 2px 2px 0 0;
  4067. }
  4068. .nav-tabs > li > a:hover {
  4069. border-color: #eeeeee #eeeeee #ddd;
  4070. }
  4071. .nav-tabs > li.active > a,
  4072. .nav-tabs > li.active > a:hover,
  4073. .nav-tabs > li.active > a:focus {
  4074. color: #555555;
  4075. background-color: #fff;
  4076. border: 1px solid #ddd;
  4077. border-bottom-color: transparent;
  4078. cursor: default;
  4079. }
  4080. .nav-tabs.nav-justified {
  4081. width: 100%;
  4082. border-bottom: 0;
  4083. }
  4084. .nav-tabs.nav-justified > li {
  4085. float: none;
  4086. }
  4087. .nav-tabs.nav-justified > li > a {
  4088. text-align: center;
  4089. margin-bottom: 5px;
  4090. }
  4091. .nav-tabs.nav-justified > .dropdown .dropdown-menu {
  4092. top: auto;
  4093. left: auto;
  4094. }
  4095. @media (min-width: 768px) {
  4096. .nav-tabs.nav-justified > li {
  4097. display: table-cell;
  4098. width: 1%;
  4099. }
  4100. .nav-tabs.nav-justified > li > a {
  4101. margin-bottom: 0;
  4102. }
  4103. }
  4104. .nav-tabs.nav-justified > li > a {
  4105. margin-right: 0;
  4106. border-radius: 2px;
  4107. }
  4108. .nav-tabs.nav-justified > .active > a,
  4109. .nav-tabs.nav-justified > .active > a:hover,
  4110. .nav-tabs.nav-justified > .active > a:focus {
  4111. border: 1px solid #ddd;
  4112. }
  4113. @media (min-width: 768px) {
  4114. .nav-tabs.nav-justified > li > a {
  4115. border-bottom: 1px solid #ddd;
  4116. border-radius: 2px 2px 0 0;
  4117. }
  4118. .nav-tabs.nav-justified > .active > a,
  4119. .nav-tabs.nav-justified > .active > a:hover,
  4120. .nav-tabs.nav-justified > .active > a:focus {
  4121. border-bottom-color: #fff;
  4122. }
  4123. }
  4124. .nav-pills > li {
  4125. float: left;
  4126. }
  4127. .nav-pills > li > a {
  4128. border-radius: 2px;
  4129. }
  4130. .nav-pills > li + li {
  4131. margin-left: 2px;
  4132. }
  4133. .nav-pills > li.active > a,
  4134. .nav-pills > li.active > a:hover,
  4135. .nav-pills > li.active > a:focus {
  4136. color: #fff;
  4137. background-color: #337ab7;
  4138. }
  4139. .nav-stacked > li {
  4140. float: none;
  4141. }
  4142. .nav-stacked > li + li {
  4143. margin-top: 2px;
  4144. margin-left: 0;
  4145. }
  4146. .nav-justified {
  4147. width: 100%;
  4148. }
  4149. .nav-justified > li {
  4150. float: none;
  4151. }
  4152. .nav-justified > li > a {
  4153. text-align: center;
  4154. margin-bottom: 5px;
  4155. }
  4156. .nav-justified > .dropdown .dropdown-menu {
  4157. top: auto;
  4158. left: auto;
  4159. }
  4160. @media (min-width: 768px) {
  4161. .nav-justified > li {
  4162. display: table-cell;
  4163. width: 1%;
  4164. }
  4165. .nav-justified > li > a {
  4166. margin-bottom: 0;
  4167. }
  4168. }
  4169. .nav-tabs-justified {
  4170. border-bottom: 0;
  4171. }
  4172. .nav-tabs-justified > li > a {
  4173. margin-right: 0;
  4174. border-radius: 2px;
  4175. }
  4176. .nav-tabs-justified > .active > a,
  4177. .nav-tabs-justified > .active > a:hover,
  4178. .nav-tabs-justified > .active > a:focus {
  4179. border: 1px solid #ddd;
  4180. }
  4181. @media (min-width: 768px) {
  4182. .nav-tabs-justified > li > a {
  4183. border-bottom: 1px solid #ddd;
  4184. border-radius: 2px 2px 0 0;
  4185. }
  4186. .nav-tabs-justified > .active > a,
  4187. .nav-tabs-justified > .active > a:hover,
  4188. .nav-tabs-justified > .active > a:focus {
  4189. border-bottom-color: #fff;
  4190. }
  4191. }
  4192. .tab-content > .tab-pane {
  4193. display: none;
  4194. }
  4195. .tab-content > .active {
  4196. display: block;
  4197. }
  4198. .nav-tabs .dropdown-menu {
  4199. margin-top: -1px;
  4200. border-top-right-radius: 0;
  4201. border-top-left-radius: 0;
  4202. }
  4203. .navbar {
  4204. position: relative;
  4205. min-height: 30px;
  4206. margin-bottom: 18px;
  4207. border: 1px solid transparent;
  4208. }
  4209. @media (min-width: 541px) {
  4210. .navbar {
  4211. border-radius: 2px;
  4212. }
  4213. }
  4214. @media (min-width: 541px) {
  4215. .navbar-header {
  4216. float: left;
  4217. }
  4218. }
  4219. .navbar-collapse {
  4220. overflow-x: visible;
  4221. padding-right: 0px;
  4222. padding-left: 0px;
  4223. border-top: 1px solid transparent;
  4224. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  4225. -webkit-overflow-scrolling: touch;
  4226. }
  4227. .navbar-collapse.in {
  4228. overflow-y: auto;
  4229. }
  4230. @media (min-width: 541px) {
  4231. .navbar-collapse {
  4232. width: auto;
  4233. border-top: 0;
  4234. box-shadow: none;
  4235. }
  4236. .navbar-collapse.collapse {
  4237. display: block !important;
  4238. height: auto !important;
  4239. padding-bottom: 0;
  4240. overflow: visible !important;
  4241. }
  4242. .navbar-collapse.in {
  4243. overflow-y: visible;
  4244. }
  4245. .navbar-fixed-top .navbar-collapse,
  4246. .navbar-static-top .navbar-collapse,
  4247. .navbar-fixed-bottom .navbar-collapse {
  4248. padding-left: 0;
  4249. padding-right: 0;
  4250. }
  4251. }
  4252. .navbar-fixed-top .navbar-collapse,
  4253. .navbar-fixed-bottom .navbar-collapse {
  4254. max-height: 340px;
  4255. }
  4256. @media (max-device-width: 540px) and (orientation: landscape) {
  4257. .navbar-fixed-top .navbar-collapse,
  4258. .navbar-fixed-bottom .navbar-collapse {
  4259. max-height: 200px;
  4260. }
  4261. }
  4262. .container > .navbar-header,
  4263. .container-fluid > .navbar-header,
  4264. .container > .navbar-collapse,
  4265. .container-fluid > .navbar-collapse {
  4266. margin-right: 0px;
  4267. margin-left: 0px;
  4268. }
  4269. @media (min-width: 541px) {
  4270. .container > .navbar-header,
  4271. .container-fluid > .navbar-header,
  4272. .container > .navbar-collapse,
  4273. .container-fluid > .navbar-collapse {
  4274. margin-right: 0;
  4275. margin-left: 0;
  4276. }
  4277. }
  4278. .navbar-static-top {
  4279. z-index: 1000;
  4280. border-width: 0 0 1px;
  4281. }
  4282. @media (min-width: 541px) {
  4283. .navbar-static-top {
  4284. border-radius: 0;
  4285. }
  4286. }
  4287. .navbar-fixed-top,
  4288. .navbar-fixed-bottom {
  4289. position: fixed;
  4290. right: 0;
  4291. left: 0;
  4292. z-index: 1030;
  4293. }
  4294. @media (min-width: 541px) {
  4295. .navbar-fixed-top,
  4296. .navbar-fixed-bottom {
  4297. border-radius: 0;
  4298. }
  4299. }
  4300. .navbar-fixed-top {
  4301. top: 0;
  4302. border-width: 0 0 1px;
  4303. }
  4304. .navbar-fixed-bottom {
  4305. bottom: 0;
  4306. margin-bottom: 0;
  4307. border-width: 1px 0 0;
  4308. }
  4309. .navbar-brand {
  4310. float: left;
  4311. padding: 6px 0px;
  4312. font-size: 17px;
  4313. line-height: 18px;
  4314. height: 30px;
  4315. }
  4316. .navbar-brand:hover,
  4317. .navbar-brand:focus {
  4318. text-decoration: none;
  4319. }
  4320. .navbar-brand > img {
  4321. display: block;
  4322. }
  4323. @media (min-width: 541px) {
  4324. .navbar > .container .navbar-brand,
  4325. .navbar > .container-fluid .navbar-brand {
  4326. margin-left: 0px;
  4327. }
  4328. }
  4329. .navbar-toggle {
  4330. position: relative;
  4331. float: right;
  4332. margin-right: 0px;
  4333. padding: 9px 10px;
  4334. margin-top: -2px;
  4335. margin-bottom: -2px;
  4336. background-color: transparent;
  4337. background-image: none;
  4338. border: 1px solid transparent;
  4339. border-radius: 2px;
  4340. }
  4341. .navbar-toggle:focus {
  4342. outline: 0;
  4343. }
  4344. .navbar-toggle .icon-bar {
  4345. display: block;
  4346. width: 22px;
  4347. height: 2px;
  4348. border-radius: 1px;
  4349. }
  4350. .navbar-toggle .icon-bar + .icon-bar {
  4351. margin-top: 4px;
  4352. }
  4353. @media (min-width: 541px) {
  4354. .navbar-toggle {
  4355. display: none;
  4356. }
  4357. }
  4358. .navbar-nav {
  4359. margin: 3px 0px;
  4360. }
  4361. .navbar-nav > li > a {
  4362. padding-top: 10px;
  4363. padding-bottom: 10px;
  4364. line-height: 18px;
  4365. }
  4366. @media (max-width: 540px) {
  4367. .navbar-nav .open .dropdown-menu {
  4368. position: static;
  4369. float: none;
  4370. width: auto;
  4371. margin-top: 0;
  4372. background-color: transparent;
  4373. border: 0;
  4374. box-shadow: none;
  4375. }
  4376. .navbar-nav .open .dropdown-menu > li > a,
  4377. .navbar-nav .open .dropdown-menu .dropdown-header {
  4378. padding: 5px 15px 5px 25px;
  4379. }
  4380. .navbar-nav .open .dropdown-menu > li > a {
  4381. line-height: 18px;
  4382. }
  4383. .navbar-nav .open .dropdown-menu > li > a:hover,
  4384. .navbar-nav .open .dropdown-menu > li > a:focus {
  4385. background-image: none;
  4386. }
  4387. }
  4388. @media (min-width: 541px) {
  4389. .navbar-nav {
  4390. float: left;
  4391. margin: 0;
  4392. }
  4393. .navbar-nav > li {
  4394. float: left;
  4395. }
  4396. .navbar-nav > li > a {
  4397. padding-top: 6px;
  4398. padding-bottom: 6px;
  4399. }
  4400. }
  4401. .navbar-form {
  4402. margin-left: 0px;
  4403. margin-right: 0px;
  4404. padding: 10px 0px;
  4405. border-top: 1px solid transparent;
  4406. border-bottom: 1px solid transparent;
  4407. -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  4408. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  4409. margin-top: -1px;
  4410. margin-bottom: -1px;
  4411. }
  4412. @media (min-width: 768px) {
  4413. .navbar-form .form-group {
  4414. display: inline-block;
  4415. margin-bottom: 0;
  4416. vertical-align: middle;
  4417. }
  4418. .navbar-form .form-control {
  4419. display: inline-block;
  4420. width: auto;
  4421. vertical-align: middle;
  4422. }
  4423. .navbar-form .form-control-static {
  4424. display: inline-block;
  4425. }
  4426. .navbar-form .input-group {
  4427. display: inline-table;
  4428. vertical-align: middle;
  4429. }
  4430. .navbar-form .input-group .input-group-addon,
  4431. .navbar-form .input-group .input-group-btn,
  4432. .navbar-form .input-group .form-control {
  4433. width: auto;
  4434. }
  4435. .navbar-form .input-group > .form-control {
  4436. width: 100%;
  4437. }
  4438. .navbar-form .control-label {
  4439. margin-bottom: 0;
  4440. vertical-align: middle;
  4441. }
  4442. .navbar-form .radio,
  4443. .navbar-form .checkbox {
  4444. display: inline-block;
  4445. margin-top: 0;
  4446. margin-bottom: 0;
  4447. vertical-align: middle;
  4448. }
  4449. .navbar-form .radio label,
  4450. .navbar-form .checkbox label {
  4451. padding-left: 0;
  4452. }
  4453. .navbar-form .radio input[type="radio"],
  4454. .navbar-form .checkbox input[type="checkbox"] {
  4455. position: relative;
  4456. margin-left: 0;
  4457. }
  4458. .navbar-form .has-feedback .form-control-feedback {
  4459. top: 0;
  4460. }
  4461. }
  4462. @media (max-width: 540px) {
  4463. .navbar-form .form-group {
  4464. margin-bottom: 5px;
  4465. }
  4466. .navbar-form .form-group:last-child {
  4467. margin-bottom: 0;
  4468. }
  4469. }
  4470. @media (min-width: 541px) {
  4471. .navbar-form {
  4472. width: auto;
  4473. border: 0;
  4474. margin-left: 0;
  4475. margin-right: 0;
  4476. padding-top: 0;
  4477. padding-bottom: 0;
  4478. -webkit-box-shadow: none;
  4479. box-shadow: none;
  4480. }
  4481. }
  4482. .navbar-nav > li > .dropdown-menu {
  4483. margin-top: 0;
  4484. border-top-right-radius: 0;
  4485. border-top-left-radius: 0;
  4486. }
  4487. .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  4488. margin-bottom: 0;
  4489. border-top-right-radius: 2px;
  4490. border-top-left-radius: 2px;
  4491. border-bottom-right-radius: 0;
  4492. border-bottom-left-radius: 0;
  4493. }
  4494. .navbar-btn {
  4495. margin-top: -1px;
  4496. margin-bottom: -1px;
  4497. }
  4498. .navbar-btn.btn-sm {
  4499. margin-top: 0px;
  4500. margin-bottom: 0px;
  4501. }
  4502. .navbar-btn.btn-xs {
  4503. margin-top: 4px;
  4504. margin-bottom: 4px;
  4505. }
  4506. .navbar-text {
  4507. margin-top: 6px;
  4508. margin-bottom: 6px;
  4509. }
  4510. @media (min-width: 541px) {
  4511. .navbar-text {
  4512. float: left;
  4513. margin-left: 0px;
  4514. margin-right: 0px;
  4515. }
  4516. }
  4517. @media (min-width: 541px) {
  4518. .navbar-left {
  4519. float: left !important;
  4520. float: left;
  4521. }
  4522. .navbar-right {
  4523. float: right !important;
  4524. float: right;
  4525. margin-right: 0px;
  4526. }
  4527. .navbar-right ~ .navbar-right {
  4528. margin-right: 0;
  4529. }
  4530. }
  4531. .navbar-default {
  4532. background-color: #f8f8f8;
  4533. border-color: #e7e7e7;
  4534. }
  4535. .navbar-default .navbar-brand {
  4536. color: #777;
  4537. }
  4538. .navbar-default .navbar-brand:hover,
  4539. .navbar-default .navbar-brand:focus {
  4540. color: #5e5e5e;
  4541. background-color: transparent;
  4542. }
  4543. .navbar-default .navbar-text {
  4544. color: #777;
  4545. }
  4546. .navbar-default .navbar-nav > li > a {
  4547. color: #777;
  4548. }
  4549. .navbar-default .navbar-nav > li > a:hover,
  4550. .navbar-default .navbar-nav > li > a:focus {
  4551. color: #333;
  4552. background-color: transparent;
  4553. }
  4554. .navbar-default .navbar-nav > .active > a,
  4555. .navbar-default .navbar-nav > .active > a:hover,
  4556. .navbar-default .navbar-nav > .active > a:focus {
  4557. color: #555;
  4558. background-color: #e7e7e7;
  4559. }
  4560. .navbar-default .navbar-nav > .disabled > a,
  4561. .navbar-default .navbar-nav > .disabled > a:hover,
  4562. .navbar-default .navbar-nav > .disabled > a:focus {
  4563. color: #ccc;
  4564. background-color: transparent;
  4565. }
  4566. .navbar-default .navbar-toggle {
  4567. border-color: #ddd;
  4568. }
  4569. .navbar-default .navbar-toggle:hover,
  4570. .navbar-default .navbar-toggle:focus {
  4571. background-color: #ddd;
  4572. }
  4573. .navbar-default .navbar-toggle .icon-bar {
  4574. background-color: #888;
  4575. }
  4576. .navbar-default .navbar-collapse,
  4577. .navbar-default .navbar-form {
  4578. border-color: #e7e7e7;
  4579. }
  4580. .navbar-default .navbar-nav > .open > a,
  4581. .navbar-default .navbar-nav > .open > a:hover,
  4582. .navbar-default .navbar-nav > .open > a:focus {
  4583. background-color: #e7e7e7;
  4584. color: #555;
  4585. }
  4586. @media (max-width: 540px) {
  4587. .navbar-default .navbar-nav .open .dropdown-menu > li > a {
  4588. color: #777;
  4589. }
  4590. .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  4591. .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
  4592. color: #333;
  4593. background-color: transparent;
  4594. }
  4595. .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  4596. .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  4597. .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
  4598. color: #555;
  4599. background-color: #e7e7e7;
  4600. }
  4601. .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  4602. .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  4603. .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
  4604. color: #ccc;
  4605. background-color: transparent;
  4606. }
  4607. }
  4608. .navbar-default .navbar-link {
  4609. color: #777;
  4610. }
  4611. .navbar-default .navbar-link:hover {
  4612. color: #333;
  4613. }
  4614. .navbar-default .btn-link {
  4615. color: #777;
  4616. }
  4617. .navbar-default .btn-link:hover,
  4618. .navbar-default .btn-link:focus {
  4619. color: #333;
  4620. }
  4621. .navbar-default .btn-link[disabled]:hover,
  4622. fieldset[disabled] .navbar-default .btn-link:hover,
  4623. .navbar-default .btn-link[disabled]:focus,
  4624. fieldset[disabled] .navbar-default .btn-link:focus {
  4625. color: #ccc;
  4626. }
  4627. .navbar-inverse {
  4628. background-color: #222;
  4629. border-color: #080808;
  4630. }
  4631. .navbar-inverse .navbar-brand {
  4632. color: #9d9d9d;
  4633. }
  4634. .navbar-inverse .navbar-brand:hover,
  4635. .navbar-inverse .navbar-brand:focus {
  4636. color: #fff;
  4637. background-color: transparent;
  4638. }
  4639. .navbar-inverse .navbar-text {
  4640. color: #9d9d9d;
  4641. }
  4642. .navbar-inverse .navbar-nav > li > a {
  4643. color: #9d9d9d;
  4644. }
  4645. .navbar-inverse .navbar-nav > li > a:hover,
  4646. .navbar-inverse .navbar-nav > li > a:focus {
  4647. color: #fff;
  4648. background-color: transparent;
  4649. }
  4650. .navbar-inverse .navbar-nav > .active > a,
  4651. .navbar-inverse .navbar-nav > .active > a:hover,
  4652. .navbar-inverse .navbar-nav > .active > a:focus {
  4653. color: #fff;
  4654. background-color: #080808;
  4655. }
  4656. .navbar-inverse .navbar-nav > .disabled > a,
  4657. .navbar-inverse .navbar-nav > .disabled > a:hover,
  4658. .navbar-inverse .navbar-nav > .disabled > a:focus {
  4659. color: #444;
  4660. background-color: transparent;
  4661. }
  4662. .navbar-inverse .navbar-toggle {
  4663. border-color: #333;
  4664. }
  4665. .navbar-inverse .navbar-toggle:hover,
  4666. .navbar-inverse .navbar-toggle:focus {
  4667. background-color: #333;
  4668. }
  4669. .navbar-inverse .navbar-toggle .icon-bar {
  4670. background-color: #fff;
  4671. }
  4672. .navbar-inverse .navbar-collapse,
  4673. .navbar-inverse .navbar-form {
  4674. border-color: #101010;
  4675. }
  4676. .navbar-inverse .navbar-nav > .open > a,
  4677. .navbar-inverse .navbar-nav > .open > a:hover,
  4678. .navbar-inverse .navbar-nav > .open > a:focus {
  4679. background-color: #080808;
  4680. color: #fff;
  4681. }
  4682. @media (max-width: 540px) {
  4683. .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
  4684. border-color: #080808;
  4685. }
  4686. .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
  4687. background-color: #080808;
  4688. }
  4689. .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
  4690. color: #9d9d9d;
  4691. }
  4692. .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  4693. .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
  4694. color: #fff;
  4695. background-color: transparent;
  4696. }
  4697. .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  4698. .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  4699. .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
  4700. color: #fff;
  4701. background-color: #080808;
  4702. }
  4703. .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  4704. .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  4705. .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
  4706. color: #444;
  4707. background-color: transparent;
  4708. }
  4709. }
  4710. .navbar-inverse .navbar-link {
  4711. color: #9d9d9d;
  4712. }
  4713. .navbar-inverse .navbar-link:hover {
  4714. color: #fff;
  4715. }
  4716. .navbar-inverse .btn-link {
  4717. color: #9d9d9d;
  4718. }
  4719. .navbar-inverse .btn-link:hover,
  4720. .navbar-inverse .btn-link:focus {
  4721. color: #fff;
  4722. }
  4723. .navbar-inverse .btn-link[disabled]:hover,
  4724. fieldset[disabled] .navbar-inverse .btn-link:hover,
  4725. .navbar-inverse .btn-link[disabled]:focus,
  4726. fieldset[disabled] .navbar-inverse .btn-link:focus {
  4727. color: #444;
  4728. }
  4729. .breadcrumb {
  4730. padding: 8px 15px;
  4731. margin-bottom: 18px;
  4732. list-style: none;
  4733. background-color: #f5f5f5;
  4734. border-radius: 2px;
  4735. }
  4736. .breadcrumb > li {
  4737. display: inline-block;
  4738. }
  4739. .breadcrumb > li + li:before {
  4740. content: "/\00a0";
  4741. padding: 0 5px;
  4742. color: #5e5e5e;
  4743. }
  4744. .breadcrumb > .active {
  4745. color: #777777;
  4746. }
  4747. .pagination {
  4748. display: inline-block;
  4749. padding-left: 0;
  4750. margin: 18px 0;
  4751. border-radius: 2px;
  4752. }
  4753. .pagination > li {
  4754. display: inline;
  4755. }
  4756. .pagination > li > a,
  4757. .pagination > li > span {
  4758. position: relative;
  4759. float: left;
  4760. padding: 6px 12px;
  4761. line-height: 1.42857143;
  4762. text-decoration: none;
  4763. color: #337ab7;
  4764. background-color: #fff;
  4765. border: 1px solid #ddd;
  4766. margin-left: -1px;
  4767. }
  4768. .pagination > li:first-child > a,
  4769. .pagination > li:first-child > span {
  4770. margin-left: 0;
  4771. border-bottom-left-radius: 2px;
  4772. border-top-left-radius: 2px;
  4773. }
  4774. .pagination > li:last-child > a,
  4775. .pagination > li:last-child > span {
  4776. border-bottom-right-radius: 2px;
  4777. border-top-right-radius: 2px;
  4778. }
  4779. .pagination > li > a:hover,
  4780. .pagination > li > span:hover,
  4781. .pagination > li > a:focus,
  4782. .pagination > li > span:focus {
  4783. z-index: 2;
  4784. color: #23527c;
  4785. background-color: #eeeeee;
  4786. border-color: #ddd;
  4787. }
  4788. .pagination > .active > a,
  4789. .pagination > .active > span,
  4790. .pagination > .active > a:hover,
  4791. .pagination > .active > span:hover,
  4792. .pagination > .active > a:focus,
  4793. .pagination > .active > span:focus {
  4794. z-index: 3;
  4795. color: #fff;
  4796. background-color: #337ab7;
  4797. border-color: #337ab7;
  4798. cursor: default;
  4799. }
  4800. .pagination > .disabled > span,
  4801. .pagination > .disabled > span:hover,
  4802. .pagination > .disabled > span:focus,
  4803. .pagination > .disabled > a,
  4804. .pagination > .disabled > a:hover,
  4805. .pagination > .disabled > a:focus {
  4806. color: #777777;
  4807. background-color: #fff;
  4808. border-color: #ddd;
  4809. cursor: not-allowed;
  4810. }
  4811. .pagination-lg > li > a,
  4812. .pagination-lg > li > span {
  4813. padding: 10px 16px;
  4814. font-size: 17px;
  4815. line-height: 1.3333333;
  4816. }
  4817. .pagination-lg > li:first-child > a,
  4818. .pagination-lg > li:first-child > span {
  4819. border-bottom-left-radius: 3px;
  4820. border-top-left-radius: 3px;
  4821. }
  4822. .pagination-lg > li:last-child > a,
  4823. .pagination-lg > li:last-child > span {
  4824. border-bottom-right-radius: 3px;
  4825. border-top-right-radius: 3px;
  4826. }
  4827. .pagination-sm > li > a,
  4828. .pagination-sm > li > span {
  4829. padding: 5px 10px;
  4830. font-size: 12px;
  4831. line-height: 1.5;
  4832. }
  4833. .pagination-sm > li:first-child > a,
  4834. .pagination-sm > li:first-child > span {
  4835. border-bottom-left-radius: 1px;
  4836. border-top-left-radius: 1px;
  4837. }
  4838. .pagination-sm > li:last-child > a,
  4839. .pagination-sm > li:last-child > span {
  4840. border-bottom-right-radius: 1px;
  4841. border-top-right-radius: 1px;
  4842. }
  4843. .pager {
  4844. padding-left: 0;
  4845. margin: 18px 0;
  4846. list-style: none;
  4847. text-align: center;
  4848. }
  4849. .pager li {
  4850. display: inline;
  4851. }
  4852. .pager li > a,
  4853. .pager li > span {
  4854. display: inline-block;
  4855. padding: 5px 14px;
  4856. background-color: #fff;
  4857. border: 1px solid #ddd;
  4858. border-radius: 15px;
  4859. }
  4860. .pager li > a:hover,
  4861. .pager li > a:focus {
  4862. text-decoration: none;
  4863. background-color: #eeeeee;
  4864. }
  4865. .pager .next > a,
  4866. .pager .next > span {
  4867. float: right;
  4868. }
  4869. .pager .previous > a,
  4870. .pager .previous > span {
  4871. float: left;
  4872. }
  4873. .pager .disabled > a,
  4874. .pager .disabled > a:hover,
  4875. .pager .disabled > a:focus,
  4876. .pager .disabled > span {
  4877. color: #777777;
  4878. background-color: #fff;
  4879. cursor: not-allowed;
  4880. }
  4881. .label {
  4882. display: inline;
  4883. padding: .2em .6em .3em;
  4884. font-size: 75%;
  4885. font-weight: bold;
  4886. line-height: 1;
  4887. color: #fff;
  4888. text-align: center;
  4889. white-space: nowrap;
  4890. vertical-align: baseline;
  4891. border-radius: .25em;
  4892. }
  4893. a.label:hover,
  4894. a.label:focus {
  4895. color: #fff;
  4896. text-decoration: none;
  4897. cursor: pointer;
  4898. }
  4899. .label:empty {
  4900. display: none;
  4901. }
  4902. .btn .label {
  4903. position: relative;
  4904. top: -1px;
  4905. }
  4906. .label-default {
  4907. background-color: #777777;
  4908. }
  4909. .label-default[href]:hover,
  4910. .label-default[href]:focus {
  4911. background-color: #5e5e5e;
  4912. }
  4913. .label-primary {
  4914. background-color: #337ab7;
  4915. }
  4916. .label-primary[href]:hover,
  4917. .label-primary[href]:focus {
  4918. background-color: #286090;
  4919. }
  4920. .label-success {
  4921. background-color: #5cb85c;
  4922. }
  4923. .label-success[href]:hover,
  4924. .label-success[href]:focus {
  4925. background-color: #449d44;
  4926. }
  4927. .label-info {
  4928. background-color: #5bc0de;
  4929. }
  4930. .label-info[href]:hover,
  4931. .label-info[href]:focus {
  4932. background-color: #31b0d5;
  4933. }
  4934. .label-warning {
  4935. background-color: #f0ad4e;
  4936. }
  4937. .label-warning[href]:hover,
  4938. .label-warning[href]:focus {
  4939. background-color: #ec971f;
  4940. }
  4941. .label-danger {
  4942. background-color: #d9534f;
  4943. }
  4944. .label-danger[href]:hover,
  4945. .label-danger[href]:focus {
  4946. background-color: #c9302c;
  4947. }
  4948. .badge {
  4949. display: inline-block;
  4950. min-width: 10px;
  4951. padding: 3px 7px;
  4952. font-size: 12px;
  4953. font-weight: bold;
  4954. color: #fff;
  4955. line-height: 1;
  4956. vertical-align: middle;
  4957. white-space: nowrap;
  4958. text-align: center;
  4959. background-color: #777777;
  4960. border-radius: 10px;
  4961. }
  4962. .badge:empty {
  4963. display: none;
  4964. }
  4965. .btn .badge {
  4966. position: relative;
  4967. top: -1px;
  4968. }
  4969. .btn-xs .badge,
  4970. .btn-group-xs > .btn .badge {
  4971. top: 0;
  4972. padding: 1px 5px;
  4973. }
  4974. a.badge:hover,
  4975. a.badge:focus {
  4976. color: #fff;
  4977. text-decoration: none;
  4978. cursor: pointer;
  4979. }
  4980. .list-group-item.active > .badge,
  4981. .nav-pills > .active > a > .badge {
  4982. color: #337ab7;
  4983. background-color: #fff;
  4984. }
  4985. .list-group-item > .badge {
  4986. float: right;
  4987. }
  4988. .list-group-item > .badge + .badge {
  4989. margin-right: 5px;
  4990. }
  4991. .nav-pills > li > a > .badge {
  4992. margin-left: 3px;
  4993. }
  4994. .jumbotron {
  4995. padding-top: 30px;
  4996. padding-bottom: 30px;
  4997. margin-bottom: 30px;
  4998. color: inherit;
  4999. background-color: #eeeeee;
  5000. }
  5001. .jumbotron h1,
  5002. .jumbotron .h1 {
  5003. color: inherit;
  5004. }
  5005. .jumbotron p {
  5006. margin-bottom: 15px;
  5007. font-size: 20px;
  5008. font-weight: 200;
  5009. }
  5010. .jumbotron > hr {
  5011. border-top-color: #d5d5d5;
  5012. }
  5013. .container .jumbotron,
  5014. .container-fluid .jumbotron {
  5015. border-radius: 3px;
  5016. padding-left: 0px;
  5017. padding-right: 0px;
  5018. }
  5019. .jumbotron .container {
  5020. max-width: 100%;
  5021. }
  5022. @media screen and (min-width: 768px) {
  5023. .jumbotron {
  5024. padding-top: 48px;
  5025. padding-bottom: 48px;
  5026. }
  5027. .container .jumbotron,
  5028. .container-fluid .jumbotron {
  5029. padding-left: 60px;
  5030. padding-right: 60px;
  5031. }
  5032. .jumbotron h1,
  5033. .jumbotron .h1 {
  5034. font-size: 59px;
  5035. }
  5036. }
  5037. .thumbnail {
  5038. display: block;
  5039. padding: 4px;
  5040. margin-bottom: 18px;
  5041. line-height: 1.42857143;
  5042. background-color: #fff;
  5043. border: 1px solid #ddd;
  5044. border-radius: 2px;
  5045. -webkit-transition: border 0.2s ease-in-out;
  5046. -o-transition: border 0.2s ease-in-out;
  5047. transition: border 0.2s ease-in-out;
  5048. }
  5049. .thumbnail > img,
  5050. .thumbnail a > img {
  5051. margin-left: auto;
  5052. margin-right: auto;
  5053. }
  5054. a.thumbnail:hover,
  5055. a.thumbnail:focus,
  5056. a.thumbnail.active {
  5057. border-color: #337ab7;
  5058. }
  5059. .thumbnail .caption {
  5060. padding: 9px;
  5061. color: #000;
  5062. }
  5063. .alert {
  5064. padding: 15px;
  5065. margin-bottom: 18px;
  5066. border: 1px solid transparent;
  5067. border-radius: 2px;
  5068. }
  5069. .alert h4 {
  5070. margin-top: 0;
  5071. color: inherit;
  5072. }
  5073. .alert .alert-link {
  5074. font-weight: bold;
  5075. }
  5076. .alert > p,
  5077. .alert > ul {
  5078. margin-bottom: 0;
  5079. }
  5080. .alert > p + p {
  5081. margin-top: 5px;
  5082. }
  5083. .alert-dismissable,
  5084. .alert-dismissible {
  5085. padding-right: 35px;
  5086. }
  5087. .alert-dismissable .close,
  5088. .alert-dismissible .close {
  5089. position: relative;
  5090. top: -2px;
  5091. right: -21px;
  5092. color: inherit;
  5093. }
  5094. .alert-success {
  5095. background-color: #dff0d8;
  5096. border-color: #d6e9c6;
  5097. color: #3c763d;
  5098. }
  5099. .alert-success hr {
  5100. border-top-color: #c9e2b3;
  5101. }
  5102. .alert-success .alert-link {
  5103. color: #2b542c;
  5104. }
  5105. .alert-info {
  5106. background-color: #d9edf7;
  5107. border-color: #bce8f1;
  5108. color: #31708f;
  5109. }
  5110. .alert-info hr {
  5111. border-top-color: #a6e1ec;
  5112. }
  5113. .alert-info .alert-link {
  5114. color: #245269;
  5115. }
  5116. .alert-warning {
  5117. background-color: #fcf8e3;
  5118. border-color: #faebcc;
  5119. color: #8a6d3b;
  5120. }
  5121. .alert-warning hr {
  5122. border-top-color: #f7e1b5;
  5123. }
  5124. .alert-warning .alert-link {
  5125. color: #66512c;
  5126. }
  5127. .alert-danger {
  5128. background-color: #f2dede;
  5129. border-color: #ebccd1;
  5130. color: #a94442;
  5131. }
  5132. .alert-danger hr {
  5133. border-top-color: #e4b9c0;
  5134. }
  5135. .alert-danger .alert-link {
  5136. color: #843534;
  5137. }
  5138. @-webkit-keyframes progress-bar-stripes {
  5139. from {
  5140. background-position: 40px 0;
  5141. }
  5142. to {
  5143. background-position: 0 0;
  5144. }
  5145. }
  5146. @keyframes progress-bar-stripes {
  5147. from {
  5148. background-position: 40px 0;
  5149. }
  5150. to {
  5151. background-position: 0 0;
  5152. }
  5153. }
  5154. .progress {
  5155. overflow: hidden;
  5156. height: 18px;
  5157. margin-bottom: 18px;
  5158. background-color: #f5f5f5;
  5159. border-radius: 2px;
  5160. -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  5161. box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  5162. }
  5163. .progress-bar {
  5164. float: left;
  5165. width: 0%;
  5166. height: 100%;
  5167. font-size: 12px;
  5168. line-height: 18px;
  5169. color: #fff;
  5170. text-align: center;
  5171. background-color: #337ab7;
  5172. -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  5173. box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  5174. -webkit-transition: width 0.6s ease;
  5175. -o-transition: width 0.6s ease;
  5176. transition: width 0.6s ease;
  5177. }
  5178. .progress-striped .progress-bar,
  5179. .progress-bar-striped {
  5180. 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);
  5181. 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);
  5182. 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);
  5183. background-size: 40px 40px;
  5184. }
  5185. .progress.active .progress-bar,
  5186. .progress-bar.active {
  5187. -webkit-animation: progress-bar-stripes 2s linear infinite;
  5188. -o-animation: progress-bar-stripes 2s linear infinite;
  5189. animation: progress-bar-stripes 2s linear infinite;
  5190. }
  5191. .progress-bar-success {
  5192. background-color: #5cb85c;
  5193. }
  5194. .progress-striped .progress-bar-success {
  5195. 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);
  5196. 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);
  5197. 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);
  5198. }
  5199. .progress-bar-info {
  5200. background-color: #5bc0de;
  5201. }
  5202. .progress-striped .progress-bar-info {
  5203. 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);
  5204. 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);
  5205. 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);
  5206. }
  5207. .progress-bar-warning {
  5208. background-color: #f0ad4e;
  5209. }
  5210. .progress-striped .progress-bar-warning {
  5211. 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);
  5212. 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);
  5213. 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);
  5214. }
  5215. .progress-bar-danger {
  5216. background-color: #d9534f;
  5217. }
  5218. .progress-striped .progress-bar-danger {
  5219. 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);
  5220. 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);
  5221. 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);
  5222. }
  5223. .media {
  5224. margin-top: 15px;
  5225. }
  5226. .media:first-child {
  5227. margin-top: 0;
  5228. }
  5229. .media,
  5230. .media-body {
  5231. zoom: 1;
  5232. overflow: hidden;
  5233. }
  5234. .media-body {
  5235. width: 10000px;
  5236. }
  5237. .media-object {
  5238. display: block;
  5239. }
  5240. .media-object.img-thumbnail {
  5241. max-width: none;
  5242. }
  5243. .media-right,
  5244. .media > .pull-right {
  5245. padding-left: 10px;
  5246. }
  5247. .media-left,
  5248. .media > .pull-left {
  5249. padding-right: 10px;
  5250. }
  5251. .media-left,
  5252. .media-right,
  5253. .media-body {
  5254. display: table-cell;
  5255. vertical-align: top;
  5256. }
  5257. .media-middle {
  5258. vertical-align: middle;
  5259. }
  5260. .media-bottom {
  5261. vertical-align: bottom;
  5262. }
  5263. .media-heading {
  5264. margin-top: 0;
  5265. margin-bottom: 5px;
  5266. }
  5267. .media-list {
  5268. padding-left: 0;
  5269. list-style: none;
  5270. }
  5271. .list-group {
  5272. margin-bottom: 20px;
  5273. padding-left: 0;
  5274. }
  5275. .list-group-item {
  5276. position: relative;
  5277. display: block;
  5278. padding: 10px 15px;
  5279. margin-bottom: -1px;
  5280. background-color: #fff;
  5281. border: 1px solid #ddd;
  5282. }
  5283. .list-group-item:first-child {
  5284. border-top-right-radius: 2px;
  5285. border-top-left-radius: 2px;
  5286. }
  5287. .list-group-item:last-child {
  5288. margin-bottom: 0;
  5289. border-bottom-right-radius: 2px;
  5290. border-bottom-left-radius: 2px;
  5291. }
  5292. a.list-group-item,
  5293. button.list-group-item {
  5294. color: #555;
  5295. }
  5296. a.list-group-item .list-group-item-heading,
  5297. button.list-group-item .list-group-item-heading {
  5298. color: #333;
  5299. }
  5300. a.list-group-item:hover,
  5301. button.list-group-item:hover,
  5302. a.list-group-item:focus,
  5303. button.list-group-item:focus {
  5304. text-decoration: none;
  5305. color: #555;
  5306. background-color: #f5f5f5;
  5307. }
  5308. button.list-group-item {
  5309. width: 100%;
  5310. text-align: left;
  5311. }
  5312. .list-group-item.disabled,
  5313. .list-group-item.disabled:hover,
  5314. .list-group-item.disabled:focus {
  5315. background-color: #eeeeee;
  5316. color: #777777;
  5317. cursor: not-allowed;
  5318. }
  5319. .list-group-item.disabled .list-group-item-heading,
  5320. .list-group-item.disabled:hover .list-group-item-heading,
  5321. .list-group-item.disabled:focus .list-group-item-heading {
  5322. color: inherit;
  5323. }
  5324. .list-group-item.disabled .list-group-item-text,
  5325. .list-group-item.disabled:hover .list-group-item-text,
  5326. .list-group-item.disabled:focus .list-group-item-text {
  5327. color: #777777;
  5328. }
  5329. .list-group-item.active,
  5330. .list-group-item.active:hover,
  5331. .list-group-item.active:focus {
  5332. z-index: 2;
  5333. color: #fff;
  5334. background-color: #337ab7;
  5335. border-color: #337ab7;
  5336. }
  5337. .list-group-item.active .list-group-item-heading,
  5338. .list-group-item.active:hover .list-group-item-heading,
  5339. .list-group-item.active:focus .list-group-item-heading,
  5340. .list-group-item.active .list-group-item-heading > small,
  5341. .list-group-item.active:hover .list-group-item-heading > small,
  5342. .list-group-item.active:focus .list-group-item-heading > small,
  5343. .list-group-item.active .list-group-item-heading > .small,
  5344. .list-group-item.active:hover .list-group-item-heading > .small,
  5345. .list-group-item.active:focus .list-group-item-heading > .small {
  5346. color: inherit;
  5347. }
  5348. .list-group-item.active .list-group-item-text,
  5349. .list-group-item.active:hover .list-group-item-text,
  5350. .list-group-item.active:focus .list-group-item-text {
  5351. color: #c7ddef;
  5352. }
  5353. .list-group-item-success {
  5354. color: #3c763d;
  5355. background-color: #dff0d8;
  5356. }
  5357. a.list-group-item-success,
  5358. button.list-group-item-success {
  5359. color: #3c763d;
  5360. }
  5361. a.list-group-item-success .list-group-item-heading,
  5362. button.list-group-item-success .list-group-item-heading {
  5363. color: inherit;
  5364. }
  5365. a.list-group-item-success:hover,
  5366. button.list-group-item-success:hover,
  5367. a.list-group-item-success:focus,
  5368. button.list-group-item-success:focus {
  5369. color: #3c763d;
  5370. background-color: #d0e9c6;
  5371. }
  5372. a.list-group-item-success.active,
  5373. button.list-group-item-success.active,
  5374. a.list-group-item-success.active:hover,
  5375. button.list-group-item-success.active:hover,
  5376. a.list-group-item-success.active:focus,
  5377. button.list-group-item-success.active:focus {
  5378. color: #fff;
  5379. background-color: #3c763d;
  5380. border-color: #3c763d;
  5381. }
  5382. .list-group-item-info {
  5383. color: #31708f;
  5384. background-color: #d9edf7;
  5385. }
  5386. a.list-group-item-info,
  5387. button.list-group-item-info {
  5388. color: #31708f;
  5389. }
  5390. a.list-group-item-info .list-group-item-heading,
  5391. button.list-group-item-info .list-group-item-heading {
  5392. color: inherit;
  5393. }
  5394. a.list-group-item-info:hover,
  5395. button.list-group-item-info:hover,
  5396. a.list-group-item-info:focus,
  5397. button.list-group-item-info:focus {
  5398. color: #31708f;
  5399. background-color: #c4e3f3;
  5400. }
  5401. a.list-group-item-info.active,
  5402. button.list-group-item-info.active,
  5403. a.list-group-item-info.active:hover,
  5404. button.list-group-item-info.active:hover,
  5405. a.list-group-item-info.active:focus,
  5406. button.list-group-item-info.active:focus {
  5407. color: #fff;
  5408. background-color: #31708f;
  5409. border-color: #31708f;
  5410. }
  5411. .list-group-item-warning {
  5412. color: #8a6d3b;
  5413. background-color: #fcf8e3;
  5414. }
  5415. a.list-group-item-warning,
  5416. button.list-group-item-warning {
  5417. color: #8a6d3b;
  5418. }
  5419. a.list-group-item-warning .list-group-item-heading,
  5420. button.list-group-item-warning .list-group-item-heading {
  5421. color: inherit;
  5422. }
  5423. a.list-group-item-warning:hover,
  5424. button.list-group-item-warning:hover,
  5425. a.list-group-item-warning:focus,
  5426. button.list-group-item-warning:focus {
  5427. color: #8a6d3b;
  5428. background-color: #faf2cc;
  5429. }
  5430. a.list-group-item-warning.active,
  5431. button.list-group-item-warning.active,
  5432. a.list-group-item-warning.active:hover,
  5433. button.list-group-item-warning.active:hover,
  5434. a.list-group-item-warning.active:focus,
  5435. button.list-group-item-warning.active:focus {
  5436. color: #fff;
  5437. background-color: #8a6d3b;
  5438. border-color: #8a6d3b;
  5439. }
  5440. .list-group-item-danger {
  5441. color: #a94442;
  5442. background-color: #f2dede;
  5443. }
  5444. a.list-group-item-danger,
  5445. button.list-group-item-danger {
  5446. color: #a94442;
  5447. }
  5448. a.list-group-item-danger .list-group-item-heading,
  5449. button.list-group-item-danger .list-group-item-heading {
  5450. color: inherit;
  5451. }
  5452. a.list-group-item-danger:hover,
  5453. button.list-group-item-danger:hover,
  5454. a.list-group-item-danger:focus,
  5455. button.list-group-item-danger:focus {
  5456. color: #a94442;
  5457. background-color: #ebcccc;
  5458. }
  5459. a.list-group-item-danger.active,
  5460. button.list-group-item-danger.active,
  5461. a.list-group-item-danger.active:hover,
  5462. button.list-group-item-danger.active:hover,
  5463. a.list-group-item-danger.active:focus,
  5464. button.list-group-item-danger.active:focus {
  5465. color: #fff;
  5466. background-color: #a94442;
  5467. border-color: #a94442;
  5468. }
  5469. .list-group-item-heading {
  5470. margin-top: 0;
  5471. margin-bottom: 5px;
  5472. }
  5473. .list-group-item-text {
  5474. margin-bottom: 0;
  5475. line-height: 1.3;
  5476. }
  5477. .panel {
  5478. margin-bottom: 18px;
  5479. background-color: #fff;
  5480. border: 1px solid transparent;
  5481. border-radius: 2px;
  5482. -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  5483. box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  5484. }
  5485. .panel-body {
  5486. padding: 15px;
  5487. }
  5488. .panel-heading {
  5489. padding: 10px 15px;
  5490. border-bottom: 1px solid transparent;
  5491. border-top-right-radius: 1px;
  5492. border-top-left-radius: 1px;
  5493. }
  5494. .panel-heading > .dropdown .dropdown-toggle {
  5495. color: inherit;
  5496. }
  5497. .panel-title {
  5498. margin-top: 0;
  5499. margin-bottom: 0;
  5500. font-size: 15px;
  5501. color: inherit;
  5502. }
  5503. .panel-title > a,
  5504. .panel-title > small,
  5505. .panel-title > .small,
  5506. .panel-title > small > a,
  5507. .panel-title > .small > a {
  5508. color: inherit;
  5509. }
  5510. .panel-footer {
  5511. padding: 10px 15px;
  5512. background-color: #f5f5f5;
  5513. border-top: 1px solid #ddd;
  5514. border-bottom-right-radius: 1px;
  5515. border-bottom-left-radius: 1px;
  5516. }
  5517. .panel > .list-group,
  5518. .panel > .panel-collapse > .list-group {
  5519. margin-bottom: 0;
  5520. }
  5521. .panel > .list-group .list-group-item,
  5522. .panel > .panel-collapse > .list-group .list-group-item {
  5523. border-width: 1px 0;
  5524. border-radius: 0;
  5525. }
  5526. .panel > .list-group:first-child .list-group-item:first-child,
  5527. .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  5528. border-top: 0;
  5529. border-top-right-radius: 1px;
  5530. border-top-left-radius: 1px;
  5531. }
  5532. .panel > .list-group:last-child .list-group-item:last-child,
  5533. .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  5534. border-bottom: 0;
  5535. border-bottom-right-radius: 1px;
  5536. border-bottom-left-radius: 1px;
  5537. }
  5538. .panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  5539. border-top-right-radius: 0;
  5540. border-top-left-radius: 0;
  5541. }
  5542. .panel-heading + .list-group .list-group-item:first-child {
  5543. border-top-width: 0;
  5544. }
  5545. .list-group + .panel-footer {
  5546. border-top-width: 0;
  5547. }
  5548. .panel > .table,
  5549. .panel > .table-responsive > .table,
  5550. .panel > .panel-collapse > .table {
  5551. margin-bottom: 0;
  5552. }
  5553. .panel > .table caption,
  5554. .panel > .table-responsive > .table caption,
  5555. .panel > .panel-collapse > .table caption {
  5556. padding-left: 15px;
  5557. padding-right: 15px;
  5558. }
  5559. .panel > .table:first-child,
  5560. .panel > .table-responsive:first-child > .table:first-child {
  5561. border-top-right-radius: 1px;
  5562. border-top-left-radius: 1px;
  5563. }
  5564. .panel > .table:first-child > thead:first-child > tr:first-child,
  5565. .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
  5566. .panel > .table:first-child > tbody:first-child > tr:first-child,
  5567. .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  5568. border-top-left-radius: 1px;
  5569. border-top-right-radius: 1px;
  5570. }
  5571. .panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
  5572. .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
  5573. .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
  5574. .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
  5575. .panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
  5576. .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
  5577. .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
  5578. .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  5579. border-top-left-radius: 1px;
  5580. }
  5581. .panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
  5582. .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
  5583. .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
  5584. .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
  5585. .panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
  5586. .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
  5587. .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
  5588. .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  5589. border-top-right-radius: 1px;
  5590. }
  5591. .panel > .table:last-child,
  5592. .panel > .table-responsive:last-child > .table:last-child {
  5593. border-bottom-right-radius: 1px;
  5594. border-bottom-left-radius: 1px;
  5595. }
  5596. .panel > .table:last-child > tbody:last-child > tr:last-child,
  5597. .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
  5598. .panel > .table:last-child > tfoot:last-child > tr:last-child,
  5599. .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  5600. border-bottom-left-radius: 1px;
  5601. border-bottom-right-radius: 1px;
  5602. }
  5603. .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
  5604. .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
  5605. .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
  5606. .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
  5607. .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
  5608. .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
  5609. .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
  5610. .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  5611. border-bottom-left-radius: 1px;
  5612. }
  5613. .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
  5614. .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
  5615. .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
  5616. .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
  5617. .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
  5618. .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
  5619. .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
  5620. .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  5621. border-bottom-right-radius: 1px;
  5622. }
  5623. .panel > .panel-body + .table,
  5624. .panel > .panel-body + .table-responsive,
  5625. .panel > .table + .panel-body,
  5626. .panel > .table-responsive + .panel-body {
  5627. border-top: 1px solid #ddd;
  5628. }
  5629. .panel > .table > tbody:first-child > tr:first-child th,
  5630. .panel > .table > tbody:first-child > tr:first-child td {
  5631. border-top: 0;
  5632. }
  5633. .panel > .table-bordered,
  5634. .panel > .table-responsive > .table-bordered {
  5635. border: 0;
  5636. }
  5637. .panel > .table-bordered > thead > tr > th:first-child,
  5638. .panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
  5639. .panel > .table-bordered > tbody > tr > th:first-child,
  5640. .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
  5641. .panel > .table-bordered > tfoot > tr > th:first-child,
  5642. .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  5643. .panel > .table-bordered > thead > tr > td:first-child,
  5644. .panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
  5645. .panel > .table-bordered > tbody > tr > td:first-child,
  5646. .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
  5647. .panel > .table-bordered > tfoot > tr > td:first-child,
  5648. .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  5649. border-left: 0;
  5650. }
  5651. .panel > .table-bordered > thead > tr > th:last-child,
  5652. .panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
  5653. .panel > .table-bordered > tbody > tr > th:last-child,
  5654. .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
  5655. .panel > .table-bordered > tfoot > tr > th:last-child,
  5656. .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  5657. .panel > .table-bordered > thead > tr > td:last-child,
  5658. .panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
  5659. .panel > .table-bordered > tbody > tr > td:last-child,
  5660. .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
  5661. .panel > .table-bordered > tfoot > tr > td:last-child,
  5662. .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  5663. border-right: 0;
  5664. }
  5665. .panel > .table-bordered > thead > tr:first-child > td,
  5666. .panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
  5667. .panel > .table-bordered > tbody > tr:first-child > td,
  5668. .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
  5669. .panel > .table-bordered > thead > tr:first-child > th,
  5670. .panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
  5671. .panel > .table-bordered > tbody > tr:first-child > th,
  5672. .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  5673. border-bottom: 0;
  5674. }
  5675. .panel > .table-bordered > tbody > tr:last-child > td,
  5676. .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
  5677. .panel > .table-bordered > tfoot > tr:last-child > td,
  5678. .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
  5679. .panel > .table-bordered > tbody > tr:last-child > th,
  5680. .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
  5681. .panel > .table-bordered > tfoot > tr:last-child > th,
  5682. .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  5683. border-bottom: 0;
  5684. }
  5685. .panel > .table-responsive {
  5686. border: 0;
  5687. margin-bottom: 0;
  5688. }
  5689. .panel-group {
  5690. margin-bottom: 18px;
  5691. }
  5692. .panel-group .panel {
  5693. margin-bottom: 0;
  5694. border-radius: 2px;
  5695. }
  5696. .panel-group .panel + .panel {
  5697. margin-top: 5px;
  5698. }
  5699. .panel-group .panel-heading {
  5700. border-bottom: 0;
  5701. }
  5702. .panel-group .panel-heading + .panel-collapse > .panel-body,
  5703. .panel-group .panel-heading + .panel-collapse > .list-group {
  5704. border-top: 1px solid #ddd;
  5705. }
  5706. .panel-group .panel-footer {
  5707. border-top: 0;
  5708. }
  5709. .panel-group .panel-footer + .panel-collapse .panel-body {
  5710. border-bottom: 1px solid #ddd;
  5711. }
  5712. .panel-default {
  5713. border-color: #ddd;
  5714. }
  5715. .panel-default > .panel-heading {
  5716. color: #333333;
  5717. background-color: #f5f5f5;
  5718. border-color: #ddd;
  5719. }
  5720. .panel-default > .panel-heading + .panel-collapse > .panel-body {
  5721. border-top-color: #ddd;
  5722. }
  5723. .panel-default > .panel-heading .badge {
  5724. color: #f5f5f5;
  5725. background-color: #333333;
  5726. }
  5727. .panel-default > .panel-footer + .panel-collapse > .panel-body {
  5728. border-bottom-color: #ddd;
  5729. }
  5730. .panel-primary {
  5731. border-color: #337ab7;
  5732. }
  5733. .panel-primary > .panel-heading {
  5734. color: #fff;
  5735. background-color: #337ab7;
  5736. border-color: #337ab7;
  5737. }
  5738. .panel-primary > .panel-heading + .panel-collapse > .panel-body {
  5739. border-top-color: #337ab7;
  5740. }
  5741. .panel-primary > .panel-heading .badge {
  5742. color: #337ab7;
  5743. background-color: #fff;
  5744. }
  5745. .panel-primary > .panel-footer + .panel-collapse > .panel-body {
  5746. border-bottom-color: #337ab7;
  5747. }
  5748. .panel-success {
  5749. border-color: #d6e9c6;
  5750. }
  5751. .panel-success > .panel-heading {
  5752. color: #3c763d;
  5753. background-color: #dff0d8;
  5754. border-color: #d6e9c6;
  5755. }
  5756. .panel-success > .panel-heading + .panel-collapse > .panel-body {
  5757. border-top-color: #d6e9c6;
  5758. }
  5759. .panel-success > .panel-heading .badge {
  5760. color: #dff0d8;
  5761. background-color: #3c763d;
  5762. }
  5763. .panel-success > .panel-footer + .panel-collapse > .panel-body {
  5764. border-bottom-color: #d6e9c6;
  5765. }
  5766. .panel-info {
  5767. border-color: #bce8f1;
  5768. }
  5769. .panel-info > .panel-heading {
  5770. color: #31708f;
  5771. background-color: #d9edf7;
  5772. border-color: #bce8f1;
  5773. }
  5774. .panel-info > .panel-heading + .panel-collapse > .panel-body {
  5775. border-top-color: #bce8f1;
  5776. }
  5777. .panel-info > .panel-heading .badge {
  5778. color: #d9edf7;
  5779. background-color: #31708f;
  5780. }
  5781. .panel-info > .panel-footer + .panel-collapse > .panel-body {
  5782. border-bottom-color: #bce8f1;
  5783. }
  5784. .panel-warning {
  5785. border-color: #faebcc;
  5786. }
  5787. .panel-warning > .panel-heading {
  5788. color: #8a6d3b;
  5789. background-color: #fcf8e3;
  5790. border-color: #faebcc;
  5791. }
  5792. .panel-warning > .panel-heading + .panel-collapse > .panel-body {
  5793. border-top-color: #faebcc;
  5794. }
  5795. .panel-warning > .panel-heading .badge {
  5796. color: #fcf8e3;
  5797. background-color: #8a6d3b;
  5798. }
  5799. .panel-warning > .panel-footer + .panel-collapse > .panel-body {
  5800. border-bottom-color: #faebcc;
  5801. }
  5802. .panel-danger {
  5803. border-color: #ebccd1;
  5804. }
  5805. .panel-danger > .panel-heading {
  5806. color: #a94442;
  5807. background-color: #f2dede;
  5808. border-color: #ebccd1;
  5809. }
  5810. .panel-danger > .panel-heading + .panel-collapse > .panel-body {
  5811. border-top-color: #ebccd1;
  5812. }
  5813. .panel-danger > .panel-heading .badge {
  5814. color: #f2dede;
  5815. background-color: #a94442;
  5816. }
  5817. .panel-danger > .panel-footer + .panel-collapse > .panel-body {
  5818. border-bottom-color: #ebccd1;
  5819. }
  5820. .embed-responsive {
  5821. position: relative;
  5822. display: block;
  5823. height: 0;
  5824. padding: 0;
  5825. overflow: hidden;
  5826. }
  5827. .embed-responsive .embed-responsive-item,
  5828. .embed-responsive iframe,
  5829. .embed-responsive embed,
  5830. .embed-responsive object,
  5831. .embed-responsive video {
  5832. position: absolute;
  5833. top: 0;
  5834. left: 0;
  5835. bottom: 0;
  5836. height: 100%;
  5837. width: 100%;
  5838. border: 0;
  5839. }
  5840. .embed-responsive-16by9 {
  5841. padding-bottom: 56.25%;
  5842. }
  5843. .embed-responsive-4by3 {
  5844. padding-bottom: 75%;
  5845. }
  5846. .well {
  5847. min-height: 20px;
  5848. padding: 19px;
  5849. margin-bottom: 20px;
  5850. background-color: #f5f5f5;
  5851. border: 1px solid #e3e3e3;
  5852. border-radius: 2px;
  5853. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  5854. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  5855. }
  5856. .well blockquote {
  5857. border-color: #ddd;
  5858. border-color: rgba(0, 0, 0, 0.15);
  5859. }
  5860. .well-lg {
  5861. padding: 24px;
  5862. border-radius: 3px;
  5863. }
  5864. .well-sm {
  5865. padding: 9px;
  5866. border-radius: 1px;
  5867. }
  5868. .close {
  5869. float: right;
  5870. font-size: 19.5px;
  5871. font-weight: bold;
  5872. line-height: 1;
  5873. color: #000;
  5874. text-shadow: 0 1px 0 #fff;
  5875. opacity: 0.2;
  5876. filter: alpha(opacity=20);
  5877. }
  5878. .close:hover,
  5879. .close:focus {
  5880. color: #000;
  5881. text-decoration: none;
  5882. cursor: pointer;
  5883. opacity: 0.5;
  5884. filter: alpha(opacity=50);
  5885. }
  5886. button.close {
  5887. padding: 0;
  5888. cursor: pointer;
  5889. background: transparent;
  5890. border: 0;
  5891. -webkit-appearance: none;
  5892. }
  5893. .modal-open {
  5894. overflow: hidden;
  5895. }
  5896. .modal {
  5897. display: none;
  5898. overflow: hidden;
  5899. position: fixed;
  5900. top: 0;
  5901. right: 0;
  5902. bottom: 0;
  5903. left: 0;
  5904. z-index: 1050;
  5905. -webkit-overflow-scrolling: touch;
  5906. outline: 0;
  5907. }
  5908. .modal.fade .modal-dialog {
  5909. -webkit-transform: translate(0, -25%);
  5910. -ms-transform: translate(0, -25%);
  5911. -o-transform: translate(0, -25%);
  5912. transform: translate(0, -25%);
  5913. -webkit-transition: -webkit-transform 0.3s ease-out;
  5914. -moz-transition: -moz-transform 0.3s ease-out;
  5915. -o-transition: -o-transform 0.3s ease-out;
  5916. transition: transform 0.3s ease-out;
  5917. }
  5918. .modal.in .modal-dialog {
  5919. -webkit-transform: translate(0, 0);
  5920. -ms-transform: translate(0, 0);
  5921. -o-transform: translate(0, 0);
  5922. transform: translate(0, 0);
  5923. }
  5924. .modal-open .modal {
  5925. overflow-x: hidden;
  5926. overflow-y: auto;
  5927. }
  5928. .modal-dialog {
  5929. position: relative;
  5930. width: auto;
  5931. margin: 10px;
  5932. }
  5933. .modal-content {
  5934. position: relative;
  5935. background-color: #fff;
  5936. border: 1px solid #999;
  5937. border: 1px solid rgba(0, 0, 0, 0.2);
  5938. border-radius: 3px;
  5939. -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  5940. box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  5941. background-clip: padding-box;
  5942. outline: 0;
  5943. }
  5944. .modal-backdrop {
  5945. position: fixed;
  5946. top: 0;
  5947. right: 0;
  5948. bottom: 0;
  5949. left: 0;
  5950. z-index: 1040;
  5951. background-color: #000;
  5952. }
  5953. .modal-backdrop.fade {
  5954. opacity: 0;
  5955. filter: alpha(opacity=0);
  5956. }
  5957. .modal-backdrop.in {
  5958. opacity: 0.5;
  5959. filter: alpha(opacity=50);
  5960. }
  5961. .modal-header {
  5962. padding: 15px;
  5963. border-bottom: 1px solid #e5e5e5;
  5964. }
  5965. .modal-header .close {
  5966. margin-top: -2px;
  5967. }
  5968. .modal-title {
  5969. margin: 0;
  5970. line-height: 1.42857143;
  5971. }
  5972. .modal-body {
  5973. position: relative;
  5974. padding: 15px;
  5975. }
  5976. .modal-footer {
  5977. padding: 15px;
  5978. text-align: right;
  5979. border-top: 1px solid #e5e5e5;
  5980. }
  5981. .modal-footer .btn + .btn {
  5982. margin-left: 5px;
  5983. margin-bottom: 0;
  5984. }
  5985. .modal-footer .btn-group .btn + .btn {
  5986. margin-left: -1px;
  5987. }
  5988. .modal-footer .btn-block + .btn-block {
  5989. margin-left: 0;
  5990. }
  5991. .modal-scrollbar-measure {
  5992. position: absolute;
  5993. top: -9999px;
  5994. width: 50px;
  5995. height: 50px;
  5996. overflow: scroll;
  5997. }
  5998. @media (min-width: 768px) {
  5999. .modal-dialog {
  6000. width: 600px;
  6001. margin: 30px auto;
  6002. }
  6003. .modal-content {
  6004. -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  6005. box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  6006. }
  6007. .modal-sm {
  6008. width: 300px;
  6009. }
  6010. }
  6011. @media (min-width: 992px) {
  6012. .modal-lg {
  6013. width: 900px;
  6014. }
  6015. }
  6016. .tooltip {
  6017. position: absolute;
  6018. z-index: 1070;
  6019. display: block;
  6020. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  6021. font-style: normal;
  6022. font-weight: normal;
  6023. letter-spacing: normal;
  6024. line-break: auto;
  6025. line-height: 1.42857143;
  6026. text-align: left;
  6027. text-align: start;
  6028. text-decoration: none;
  6029. text-shadow: none;
  6030. text-transform: none;
  6031. white-space: normal;
  6032. word-break: normal;
  6033. word-spacing: normal;
  6034. word-wrap: normal;
  6035. font-size: 12px;
  6036. opacity: 0;
  6037. filter: alpha(opacity=0);
  6038. }
  6039. .tooltip.in {
  6040. opacity: 0.9;
  6041. filter: alpha(opacity=90);
  6042. }
  6043. .tooltip.top {
  6044. margin-top: -3px;
  6045. padding: 5px 0;
  6046. }
  6047. .tooltip.right {
  6048. margin-left: 3px;
  6049. padding: 0 5px;
  6050. }
  6051. .tooltip.bottom {
  6052. margin-top: 3px;
  6053. padding: 5px 0;
  6054. }
  6055. .tooltip.left {
  6056. margin-left: -3px;
  6057. padding: 0 5px;
  6058. }
  6059. .tooltip-inner {
  6060. max-width: 200px;
  6061. padding: 3px 8px;
  6062. color: #fff;
  6063. text-align: center;
  6064. background-color: #000;
  6065. border-radius: 2px;
  6066. }
  6067. .tooltip-arrow {
  6068. position: absolute;
  6069. width: 0;
  6070. height: 0;
  6071. border-color: transparent;
  6072. border-style: solid;
  6073. }
  6074. .tooltip.top .tooltip-arrow {
  6075. bottom: 0;
  6076. left: 50%;
  6077. margin-left: -5px;
  6078. border-width: 5px 5px 0;
  6079. border-top-color: #000;
  6080. }
  6081. .tooltip.top-left .tooltip-arrow {
  6082. bottom: 0;
  6083. right: 5px;
  6084. margin-bottom: -5px;
  6085. border-width: 5px 5px 0;
  6086. border-top-color: #000;
  6087. }
  6088. .tooltip.top-right .tooltip-arrow {
  6089. bottom: 0;
  6090. left: 5px;
  6091. margin-bottom: -5px;
  6092. border-width: 5px 5px 0;
  6093. border-top-color: #000;
  6094. }
  6095. .tooltip.right .tooltip-arrow {
  6096. top: 50%;
  6097. left: 0;
  6098. margin-top: -5px;
  6099. border-width: 5px 5px 5px 0;
  6100. border-right-color: #000;
  6101. }
  6102. .tooltip.left .tooltip-arrow {
  6103. top: 50%;
  6104. right: 0;
  6105. margin-top: -5px;
  6106. border-width: 5px 0 5px 5px;
  6107. border-left-color: #000;
  6108. }
  6109. .tooltip.bottom .tooltip-arrow {
  6110. top: 0;
  6111. left: 50%;
  6112. margin-left: -5px;
  6113. border-width: 0 5px 5px;
  6114. border-bottom-color: #000;
  6115. }
  6116. .tooltip.bottom-left .tooltip-arrow {
  6117. top: 0;
  6118. right: 5px;
  6119. margin-top: -5px;
  6120. border-width: 0 5px 5px;
  6121. border-bottom-color: #000;
  6122. }
  6123. .tooltip.bottom-right .tooltip-arrow {
  6124. top: 0;
  6125. left: 5px;
  6126. margin-top: -5px;
  6127. border-width: 0 5px 5px;
  6128. border-bottom-color: #000;
  6129. }
  6130. .popover {
  6131. position: absolute;
  6132. top: 0;
  6133. left: 0;
  6134. z-index: 1060;
  6135. display: none;
  6136. max-width: 276px;
  6137. padding: 1px;
  6138. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  6139. font-style: normal;
  6140. font-weight: normal;
  6141. letter-spacing: normal;
  6142. line-break: auto;
  6143. line-height: 1.42857143;
  6144. text-align: left;
  6145. text-align: start;
  6146. text-decoration: none;
  6147. text-shadow: none;
  6148. text-transform: none;
  6149. white-space: normal;
  6150. word-break: normal;
  6151. word-spacing: normal;
  6152. word-wrap: normal;
  6153. font-size: 13px;
  6154. background-color: #fff;
  6155. background-clip: padding-box;
  6156. border: 1px solid #ccc;
  6157. border: 1px solid rgba(0, 0, 0, 0.2);
  6158. border-radius: 3px;
  6159. -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  6160. box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  6161. }
  6162. .popover.top {
  6163. margin-top: -10px;
  6164. }
  6165. .popover.right {
  6166. margin-left: 10px;
  6167. }
  6168. .popover.bottom {
  6169. margin-top: 10px;
  6170. }
  6171. .popover.left {
  6172. margin-left: -10px;
  6173. }
  6174. .popover-title {
  6175. margin: 0;
  6176. padding: 8px 14px;
  6177. font-size: 13px;
  6178. background-color: #f7f7f7;
  6179. border-bottom: 1px solid #ebebeb;
  6180. border-radius: 2px 2px 0 0;
  6181. }
  6182. .popover-content {
  6183. padding: 9px 14px;
  6184. }
  6185. .popover > .arrow,
  6186. .popover > .arrow:after {
  6187. position: absolute;
  6188. display: block;
  6189. width: 0;
  6190. height: 0;
  6191. border-color: transparent;
  6192. border-style: solid;
  6193. }
  6194. .popover > .arrow {
  6195. border-width: 11px;
  6196. }
  6197. .popover > .arrow:after {
  6198. border-width: 10px;
  6199. content: "";
  6200. }
  6201. .popover.top > .arrow {
  6202. left: 50%;
  6203. margin-left: -11px;
  6204. border-bottom-width: 0;
  6205. border-top-color: #999999;
  6206. border-top-color: rgba(0, 0, 0, 0.25);
  6207. bottom: -11px;
  6208. }
  6209. .popover.top > .arrow:after {
  6210. content: " ";
  6211. bottom: 1px;
  6212. margin-left: -10px;
  6213. border-bottom-width: 0;
  6214. border-top-color: #fff;
  6215. }
  6216. .popover.right > .arrow {
  6217. top: 50%;
  6218. left: -11px;
  6219. margin-top: -11px;
  6220. border-left-width: 0;
  6221. border-right-color: #999999;
  6222. border-right-color: rgba(0, 0, 0, 0.25);
  6223. }
  6224. .popover.right > .arrow:after {
  6225. content: " ";
  6226. left: 1px;
  6227. bottom: -10px;
  6228. border-left-width: 0;
  6229. border-right-color: #fff;
  6230. }
  6231. .popover.bottom > .arrow {
  6232. left: 50%;
  6233. margin-left: -11px;
  6234. border-top-width: 0;
  6235. border-bottom-color: #999999;
  6236. border-bottom-color: rgba(0, 0, 0, 0.25);
  6237. top: -11px;
  6238. }
  6239. .popover.bottom > .arrow:after {
  6240. content: " ";
  6241. top: 1px;
  6242. margin-left: -10px;
  6243. border-top-width: 0;
  6244. border-bottom-color: #fff;
  6245. }
  6246. .popover.left > .arrow {
  6247. top: 50%;
  6248. right: -11px;
  6249. margin-top: -11px;
  6250. border-right-width: 0;
  6251. border-left-color: #999999;
  6252. border-left-color: rgba(0, 0, 0, 0.25);
  6253. }
  6254. .popover.left > .arrow:after {
  6255. content: " ";
  6256. right: 1px;
  6257. border-right-width: 0;
  6258. border-left-color: #fff;
  6259. bottom: -10px;
  6260. }
  6261. .carousel {
  6262. position: relative;
  6263. }
  6264. .carousel-inner {
  6265. position: relative;
  6266. overflow: hidden;
  6267. width: 100%;
  6268. }
  6269. .carousel-inner > .item {
  6270. display: none;
  6271. position: relative;
  6272. -webkit-transition: 0.6s ease-in-out left;
  6273. -o-transition: 0.6s ease-in-out left;
  6274. transition: 0.6s ease-in-out left;
  6275. }
  6276. .carousel-inner > .item > img,
  6277. .carousel-inner > .item > a > img {
  6278. line-height: 1;
  6279. }
  6280. @media all and (transform-3d), (-webkit-transform-3d) {
  6281. .carousel-inner > .item {
  6282. -webkit-transition: -webkit-transform 0.6s ease-in-out;
  6283. -moz-transition: -moz-transform 0.6s ease-in-out;
  6284. -o-transition: -o-transform 0.6s ease-in-out;
  6285. transition: transform 0.6s ease-in-out;
  6286. -webkit-backface-visibility: hidden;
  6287. -moz-backface-visibility: hidden;
  6288. backface-visibility: hidden;
  6289. -webkit-perspective: 1000px;
  6290. -moz-perspective: 1000px;
  6291. perspective: 1000px;
  6292. }
  6293. .carousel-inner > .item.next,
  6294. .carousel-inner > .item.active.right {
  6295. -webkit-transform: translate3d(100%, 0, 0);
  6296. transform: translate3d(100%, 0, 0);
  6297. left: 0;
  6298. }
  6299. .carousel-inner > .item.prev,
  6300. .carousel-inner > .item.active.left {
  6301. -webkit-transform: translate3d(-100%, 0, 0);
  6302. transform: translate3d(-100%, 0, 0);
  6303. left: 0;
  6304. }
  6305. .carousel-inner > .item.next.left,
  6306. .carousel-inner > .item.prev.right,
  6307. .carousel-inner > .item.active {
  6308. -webkit-transform: translate3d(0, 0, 0);
  6309. transform: translate3d(0, 0, 0);
  6310. left: 0;
  6311. }
  6312. }
  6313. .carousel-inner > .active,
  6314. .carousel-inner > .next,
  6315. .carousel-inner > .prev {
  6316. display: block;
  6317. }
  6318. .carousel-inner > .active {
  6319. left: 0;
  6320. }
  6321. .carousel-inner > .next,
  6322. .carousel-inner > .prev {
  6323. position: absolute;
  6324. top: 0;
  6325. width: 100%;
  6326. }
  6327. .carousel-inner > .next {
  6328. left: 100%;
  6329. }
  6330. .carousel-inner > .prev {
  6331. left: -100%;
  6332. }
  6333. .carousel-inner > .next.left,
  6334. .carousel-inner > .prev.right {
  6335. left: 0;
  6336. }
  6337. .carousel-inner > .active.left {
  6338. left: -100%;
  6339. }
  6340. .carousel-inner > .active.right {
  6341. left: 100%;
  6342. }
  6343. .carousel-control {
  6344. position: absolute;
  6345. top: 0;
  6346. left: 0;
  6347. bottom: 0;
  6348. width: 15%;
  6349. opacity: 0.5;
  6350. filter: alpha(opacity=50);
  6351. font-size: 20px;
  6352. color: #fff;
  6353. text-align: center;
  6354. text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  6355. background-color: rgba(0, 0, 0, 0);
  6356. }
  6357. .carousel-control.left {
  6358. background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  6359. background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  6360. background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  6361. background-repeat: repeat-x;
  6362. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  6363. }
  6364. .carousel-control.right {
  6365. left: auto;
  6366. right: 0;
  6367. background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  6368. background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  6369. background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  6370. background-repeat: repeat-x;
  6371. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  6372. }
  6373. .carousel-control:hover,
  6374. .carousel-control:focus {
  6375. outline: 0;
  6376. color: #fff;
  6377. text-decoration: none;
  6378. opacity: 0.9;
  6379. filter: alpha(opacity=90);
  6380. }
  6381. .carousel-control .icon-prev,
  6382. .carousel-control .icon-next,
  6383. .carousel-control .glyphicon-chevron-left,
  6384. .carousel-control .glyphicon-chevron-right {
  6385. position: absolute;
  6386. top: 50%;
  6387. margin-top: -10px;
  6388. z-index: 5;
  6389. display: inline-block;
  6390. }
  6391. .carousel-control .icon-prev,
  6392. .carousel-control .glyphicon-chevron-left {
  6393. left: 50%;
  6394. margin-left: -10px;
  6395. }
  6396. .carousel-control .icon-next,
  6397. .carousel-control .glyphicon-chevron-right {
  6398. right: 50%;
  6399. margin-right: -10px;
  6400. }
  6401. .carousel-control .icon-prev,
  6402. .carousel-control .icon-next {
  6403. width: 20px;
  6404. height: 20px;
  6405. line-height: 1;
  6406. font-family: serif;
  6407. }
  6408. .carousel-control .icon-prev:before {
  6409. content: '\2039';
  6410. }
  6411. .carousel-control .icon-next:before {
  6412. content: '\203a';
  6413. }
  6414. .carousel-indicators {
  6415. position: absolute;
  6416. bottom: 10px;
  6417. left: 50%;
  6418. z-index: 15;
  6419. width: 60%;
  6420. margin-left: -30%;
  6421. padding-left: 0;
  6422. list-style: none;
  6423. text-align: center;
  6424. }
  6425. .carousel-indicators li {
  6426. display: inline-block;
  6427. width: 10px;
  6428. height: 10px;
  6429. margin: 1px;
  6430. text-indent: -999px;
  6431. border: 1px solid #fff;
  6432. border-radius: 10px;
  6433. cursor: pointer;
  6434. background-color: #000 \9;
  6435. background-color: rgba(0, 0, 0, 0);
  6436. }
  6437. .carousel-indicators .active {
  6438. margin: 0;
  6439. width: 12px;
  6440. height: 12px;
  6441. background-color: #fff;
  6442. }
  6443. .carousel-caption {
  6444. position: absolute;
  6445. left: 15%;
  6446. right: 15%;
  6447. bottom: 20px;
  6448. z-index: 10;
  6449. padding-top: 20px;
  6450. padding-bottom: 20px;
  6451. color: #fff;
  6452. text-align: center;
  6453. text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  6454. }
  6455. .carousel-caption .btn {
  6456. text-shadow: none;
  6457. }
  6458. @media screen and (min-width: 768px) {
  6459. .carousel-control .glyphicon-chevron-left,
  6460. .carousel-control .glyphicon-chevron-right,
  6461. .carousel-control .icon-prev,
  6462. .carousel-control .icon-next {
  6463. width: 30px;
  6464. height: 30px;
  6465. margin-top: -10px;
  6466. font-size: 30px;
  6467. }
  6468. .carousel-control .glyphicon-chevron-left,
  6469. .carousel-control .icon-prev {
  6470. margin-left: -10px;
  6471. }
  6472. .carousel-control .glyphicon-chevron-right,
  6473. .carousel-control .icon-next {
  6474. margin-right: -10px;
  6475. }
  6476. .carousel-caption {
  6477. left: 20%;
  6478. right: 20%;
  6479. padding-bottom: 30px;
  6480. }
  6481. .carousel-indicators {
  6482. bottom: 20px;
  6483. }
  6484. }
  6485. .clearfix:before,
  6486. .clearfix:after,
  6487. .dl-horizontal dd:before,
  6488. .dl-horizontal dd:after,
  6489. .container:before,
  6490. .container:after,
  6491. .container-fluid:before,
  6492. .container-fluid:after,
  6493. .row:before,
  6494. .row:after,
  6495. .form-horizontal .form-group:before,
  6496. .form-horizontal .form-group:after,
  6497. .btn-toolbar:before,
  6498. .btn-toolbar:after,
  6499. .btn-group-vertical > .btn-group:before,
  6500. .btn-group-vertical > .btn-group:after,
  6501. .nav:before,
  6502. .nav:after,
  6503. .navbar:before,
  6504. .navbar:after,
  6505. .navbar-header:before,
  6506. .navbar-header:after,
  6507. .navbar-collapse:before,
  6508. .navbar-collapse:after,
  6509. .pager:before,
  6510. .pager:after,
  6511. .panel-body:before,
  6512. .panel-body:after,
  6513. .modal-header:before,
  6514. .modal-header:after,
  6515. .modal-footer:before,
  6516. .modal-footer:after,
  6517. .item_buttons:before,
  6518. .item_buttons:after {
  6519. content: " ";
  6520. display: table;
  6521. }
  6522. .clearfix:after,
  6523. .dl-horizontal dd:after,
  6524. .container:after,
  6525. .container-fluid:after,
  6526. .row:after,
  6527. .form-horizontal .form-group:after,
  6528. .btn-toolbar:after,
  6529. .btn-group-vertical > .btn-group:after,
  6530. .nav:after,
  6531. .navbar:after,
  6532. .navbar-header:after,
  6533. .navbar-collapse:after,
  6534. .pager:after,
  6535. .panel-body:after,
  6536. .modal-header:after,
  6537. .modal-footer:after,
  6538. .item_buttons:after {
  6539. clear: both;
  6540. }
  6541. .center-block {
  6542. display: block;
  6543. margin-left: auto;
  6544. margin-right: auto;
  6545. }
  6546. .pull-right {
  6547. float: right !important;
  6548. }
  6549. .pull-left {
  6550. float: left !important;
  6551. }
  6552. .hide {
  6553. display: none !important;
  6554. }
  6555. .show {
  6556. display: block !important;
  6557. }
  6558. .invisible {
  6559. visibility: hidden;
  6560. }
  6561. .text-hide {
  6562. font: 0/0 a;
  6563. color: transparent;
  6564. text-shadow: none;
  6565. background-color: transparent;
  6566. border: 0;
  6567. }
  6568. .hidden {
  6569. display: none !important;
  6570. }
  6571. .affix {
  6572. position: fixed;
  6573. }
  6574. @-ms-viewport {
  6575. width: device-width;
  6576. }
  6577. .visible-xs,
  6578. .visible-sm,
  6579. .visible-md,
  6580. .visible-lg {
  6581. display: none !important;
  6582. }
  6583. .visible-xs-block,
  6584. .visible-xs-inline,
  6585. .visible-xs-inline-block,
  6586. .visible-sm-block,
  6587. .visible-sm-inline,
  6588. .visible-sm-inline-block,
  6589. .visible-md-block,
  6590. .visible-md-inline,
  6591. .visible-md-inline-block,
  6592. .visible-lg-block,
  6593. .visible-lg-inline,
  6594. .visible-lg-inline-block {
  6595. display: none !important;
  6596. }
  6597. @media (max-width: 767px) {
  6598. .visible-xs {
  6599. display: block !important;
  6600. }
  6601. table.visible-xs {
  6602. display: table !important;
  6603. }
  6604. tr.visible-xs {
  6605. display: table-row !important;
  6606. }
  6607. th.visible-xs,
  6608. td.visible-xs {
  6609. display: table-cell !important;
  6610. }
  6611. }
  6612. @media (max-width: 767px) {
  6613. .visible-xs-block {
  6614. display: block !important;
  6615. }
  6616. }
  6617. @media (max-width: 767px) {
  6618. .visible-xs-inline {
  6619. display: inline !important;
  6620. }
  6621. }
  6622. @media (max-width: 767px) {
  6623. .visible-xs-inline-block {
  6624. display: inline-block !important;
  6625. }
  6626. }
  6627. @media (min-width: 768px) and (max-width: 991px) {
  6628. .visible-sm {
  6629. display: block !important;
  6630. }
  6631. table.visible-sm {
  6632. display: table !important;
  6633. }
  6634. tr.visible-sm {
  6635. display: table-row !important;
  6636. }
  6637. th.visible-sm,
  6638. td.visible-sm {
  6639. display: table-cell !important;
  6640. }
  6641. }
  6642. @media (min-width: 768px) and (max-width: 991px) {
  6643. .visible-sm-block {
  6644. display: block !important;
  6645. }
  6646. }
  6647. @media (min-width: 768px) and (max-width: 991px) {
  6648. .visible-sm-inline {
  6649. display: inline !important;
  6650. }
  6651. }
  6652. @media (min-width: 768px) and (max-width: 991px) {
  6653. .visible-sm-inline-block {
  6654. display: inline-block !important;
  6655. }
  6656. }
  6657. @media (min-width: 992px) and (max-width: 1199px) {
  6658. .visible-md {
  6659. display: block !important;
  6660. }
  6661. table.visible-md {
  6662. display: table !important;
  6663. }
  6664. tr.visible-md {
  6665. display: table-row !important;
  6666. }
  6667. th.visible-md,
  6668. td.visible-md {
  6669. display: table-cell !important;
  6670. }
  6671. }
  6672. @media (min-width: 992px) and (max-width: 1199px) {
  6673. .visible-md-block {
  6674. display: block !important;
  6675. }
  6676. }
  6677. @media (min-width: 992px) and (max-width: 1199px) {
  6678. .visible-md-inline {
  6679. display: inline !important;
  6680. }
  6681. }
  6682. @media (min-width: 992px) and (max-width: 1199px) {
  6683. .visible-md-inline-block {
  6684. display: inline-block !important;
  6685. }
  6686. }
  6687. @media (min-width: 1200px) {
  6688. .visible-lg {
  6689. display: block !important;
  6690. }
  6691. table.visible-lg {
  6692. display: table !important;
  6693. }
  6694. tr.visible-lg {
  6695. display: table-row !important;
  6696. }
  6697. th.visible-lg,
  6698. td.visible-lg {
  6699. display: table-cell !important;
  6700. }
  6701. }
  6702. @media (min-width: 1200px) {
  6703. .visible-lg-block {
  6704. display: block !important;
  6705. }
  6706. }
  6707. @media (min-width: 1200px) {
  6708. .visible-lg-inline {
  6709. display: inline !important;
  6710. }
  6711. }
  6712. @media (min-width: 1200px) {
  6713. .visible-lg-inline-block {
  6714. display: inline-block !important;
  6715. }
  6716. }
  6717. @media (max-width: 767px) {
  6718. .hidden-xs {
  6719. display: none !important;
  6720. }
  6721. }
  6722. @media (min-width: 768px) and (max-width: 991px) {
  6723. .hidden-sm {
  6724. display: none !important;
  6725. }
  6726. }
  6727. @media (min-width: 992px) and (max-width: 1199px) {
  6728. .hidden-md {
  6729. display: none !important;
  6730. }
  6731. }
  6732. @media (min-width: 1200px) {
  6733. .hidden-lg {
  6734. display: none !important;
  6735. }
  6736. }
  6737. .visible-print {
  6738. display: none !important;
  6739. }
  6740. @media print {
  6741. .visible-print {
  6742. display: block !important;
  6743. }
  6744. table.visible-print {
  6745. display: table !important;
  6746. }
  6747. tr.visible-print {
  6748. display: table-row !important;
  6749. }
  6750. th.visible-print,
  6751. td.visible-print {
  6752. display: table-cell !important;
  6753. }
  6754. }
  6755. .visible-print-block {
  6756. display: none !important;
  6757. }
  6758. @media print {
  6759. .visible-print-block {
  6760. display: block !important;
  6761. }
  6762. }
  6763. .visible-print-inline {
  6764. display: none !important;
  6765. }
  6766. @media print {
  6767. .visible-print-inline {
  6768. display: inline !important;
  6769. }
  6770. }
  6771. .visible-print-inline-block {
  6772. display: none !important;
  6773. }
  6774. @media print {
  6775. .visible-print-inline-block {
  6776. display: inline-block !important;
  6777. }
  6778. }
  6779. @media print {
  6780. .hidden-print {
  6781. display: none !important;
  6782. }
  6783. }
  6784. /*!
  6785. *
  6786. * Font Awesome
  6787. *
  6788. */
  6789. /*!
  6790. * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
  6791. * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
  6792. */
  6793. /* FONT PATH
  6794. * -------------------------- */
  6795. @font-face {
  6796. font-family: 'FontAwesome';
  6797. src: url('../components/font-awesome/fonts/fontawesome-webfont.eot?v=4.7.0');
  6798. src: url('../components/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../components/font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../components/font-awesome/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../components/font-awesome/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../components/font-awesome/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  6799. font-weight: normal;
  6800. font-style: normal;
  6801. }
  6802. .fa {
  6803. display: inline-block;
  6804. font: normal normal normal 14px/1 FontAwesome;
  6805. font-size: inherit;
  6806. text-rendering: auto;
  6807. -webkit-font-smoothing: antialiased;
  6808. -moz-osx-font-smoothing: grayscale;
  6809. }
  6810. /* makes the font 33% larger relative to the icon container */
  6811. .fa-lg {
  6812. font-size: 1.33333333em;
  6813. line-height: 0.75em;
  6814. vertical-align: -15%;
  6815. }
  6816. .fa-2x {
  6817. font-size: 2em;
  6818. }
  6819. .fa-3x {
  6820. font-size: 3em;
  6821. }
  6822. .fa-4x {
  6823. font-size: 4em;
  6824. }
  6825. .fa-5x {
  6826. font-size: 5em;
  6827. }
  6828. .fa-fw {
  6829. width: 1.28571429em;
  6830. text-align: center;
  6831. }
  6832. .fa-ul {
  6833. padding-left: 0;
  6834. margin-left: 2.14285714em;
  6835. list-style-type: none;
  6836. }
  6837. .fa-ul > li {
  6838. position: relative;
  6839. }
  6840. .fa-li {
  6841. position: absolute;
  6842. left: -2.14285714em;
  6843. width: 2.14285714em;
  6844. top: 0.14285714em;
  6845. text-align: center;
  6846. }
  6847. .fa-li.fa-lg {
  6848. left: -1.85714286em;
  6849. }
  6850. .fa-border {
  6851. padding: .2em .25em .15em;
  6852. border: solid 0.08em #eee;
  6853. border-radius: .1em;
  6854. }
  6855. .fa-pull-left {
  6856. float: left;
  6857. }
  6858. .fa-pull-right {
  6859. float: right;
  6860. }
  6861. .fa.fa-pull-left {
  6862. margin-right: .3em;
  6863. }
  6864. .fa.fa-pull-right {
  6865. margin-left: .3em;
  6866. }
  6867. /* Deprecated as of 4.4.0 */
  6868. .pull-right {
  6869. float: right;
  6870. }
  6871. .pull-left {
  6872. float: left;
  6873. }
  6874. .fa.pull-left {
  6875. margin-right: .3em;
  6876. }
  6877. .fa.pull-right {
  6878. margin-left: .3em;
  6879. }
  6880. .fa-spin {
  6881. -webkit-animation: fa-spin 2s infinite linear;
  6882. animation: fa-spin 2s infinite linear;
  6883. }
  6884. .fa-pulse {
  6885. -webkit-animation: fa-spin 1s infinite steps(8);
  6886. animation: fa-spin 1s infinite steps(8);
  6887. }
  6888. @-webkit-keyframes fa-spin {
  6889. 0% {
  6890. -webkit-transform: rotate(0deg);
  6891. transform: rotate(0deg);
  6892. }
  6893. 100% {
  6894. -webkit-transform: rotate(359deg);
  6895. transform: rotate(359deg);
  6896. }
  6897. }
  6898. @keyframes fa-spin {
  6899. 0% {
  6900. -webkit-transform: rotate(0deg);
  6901. transform: rotate(0deg);
  6902. }
  6903. 100% {
  6904. -webkit-transform: rotate(359deg);
  6905. transform: rotate(359deg);
  6906. }
  6907. }
  6908. .fa-rotate-90 {
  6909. -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  6910. -webkit-transform: rotate(90deg);
  6911. -ms-transform: rotate(90deg);
  6912. transform: rotate(90deg);
  6913. }
  6914. .fa-rotate-180 {
  6915. -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  6916. -webkit-transform: rotate(180deg);
  6917. -ms-transform: rotate(180deg);
  6918. transform: rotate(180deg);
  6919. }
  6920. .fa-rotate-270 {
  6921. -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  6922. -webkit-transform: rotate(270deg);
  6923. -ms-transform: rotate(270deg);
  6924. transform: rotate(270deg);
  6925. }
  6926. .fa-flip-horizontal {
  6927. -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  6928. -webkit-transform: scale(-1, 1);
  6929. -ms-transform: scale(-1, 1);
  6930. transform: scale(-1, 1);
  6931. }
  6932. .fa-flip-vertical {
  6933. -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  6934. -webkit-transform: scale(1, -1);
  6935. -ms-transform: scale(1, -1);
  6936. transform: scale(1, -1);
  6937. }
  6938. :root .fa-rotate-90,
  6939. :root .fa-rotate-180,
  6940. :root .fa-rotate-270,
  6941. :root .fa-flip-horizontal,
  6942. :root .fa-flip-vertical {
  6943. filter: none;
  6944. }
  6945. .fa-stack {
  6946. position: relative;
  6947. display: inline-block;
  6948. width: 2em;
  6949. height: 2em;
  6950. line-height: 2em;
  6951. vertical-align: middle;
  6952. }
  6953. .fa-stack-1x,
  6954. .fa-stack-2x {
  6955. position: absolute;
  6956. left: 0;
  6957. width: 100%;
  6958. text-align: center;
  6959. }
  6960. .fa-stack-1x {
  6961. line-height: inherit;
  6962. }
  6963. .fa-stack-2x {
  6964. font-size: 2em;
  6965. }
  6966. .fa-inverse {
  6967. color: #fff;
  6968. }
  6969. /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
  6970. readers do not read off random characters that represent icons */
  6971. .fa-glass:before {
  6972. content: "\f000";
  6973. }
  6974. .fa-music:before {
  6975. content: "\f001";
  6976. }
  6977. .fa-search:before {
  6978. content: "\f002";
  6979. }
  6980. .fa-envelope-o:before {
  6981. content: "\f003";
  6982. }
  6983. .fa-heart:before {
  6984. content: "\f004";
  6985. }
  6986. .fa-star:before {
  6987. content: "\f005";
  6988. }
  6989. .fa-star-o:before {
  6990. content: "\f006";
  6991. }
  6992. .fa-user:before {
  6993. content: "\f007";
  6994. }
  6995. .fa-film:before {
  6996. content: "\f008";
  6997. }
  6998. .fa-th-large:before {
  6999. content: "\f009";
  7000. }
  7001. .fa-th:before {
  7002. content: "\f00a";
  7003. }
  7004. .fa-th-list:before {
  7005. content: "\f00b";
  7006. }
  7007. .fa-check:before {
  7008. content: "\f00c";
  7009. }
  7010. .fa-remove:before,
  7011. .fa-close:before,
  7012. .fa-times:before {
  7013. content: "\f00d";
  7014. }
  7015. .fa-search-plus:before {
  7016. content: "\f00e";
  7017. }
  7018. .fa-search-minus:before {
  7019. content: "\f010";
  7020. }
  7021. .fa-power-off:before {
  7022. content: "\f011";
  7023. }
  7024. .fa-signal:before {
  7025. content: "\f012";
  7026. }
  7027. .fa-gear:before,
  7028. .fa-cog:before {
  7029. content: "\f013";
  7030. }
  7031. .fa-trash-o:before {
  7032. content: "\f014";
  7033. }
  7034. .fa-home:before {
  7035. content: "\f015";
  7036. }
  7037. .fa-file-o:before {
  7038. content: "\f016";
  7039. }
  7040. .fa-clock-o:before {
  7041. content: "\f017";
  7042. }
  7043. .fa-road:before {
  7044. content: "\f018";
  7045. }
  7046. .fa-download:before {
  7047. content: "\f019";
  7048. }
  7049. .fa-arrow-circle-o-down:before {
  7050. content: "\f01a";
  7051. }
  7052. .fa-arrow-circle-o-up:before {
  7053. content: "\f01b";
  7054. }
  7055. .fa-inbox:before {
  7056. content: "\f01c";
  7057. }
  7058. .fa-play-circle-o:before {
  7059. content: "\f01d";
  7060. }
  7061. .fa-rotate-right:before,
  7062. .fa-repeat:before {
  7063. content: "\f01e";
  7064. }
  7065. .fa-refresh:before {
  7066. content: "\f021";
  7067. }
  7068. .fa-list-alt:before {
  7069. content: "\f022";
  7070. }
  7071. .fa-lock:before {
  7072. content: "\f023";
  7073. }
  7074. .fa-flag:before {
  7075. content: "\f024";
  7076. }
  7077. .fa-headphones:before {
  7078. content: "\f025";
  7079. }
  7080. .fa-volume-off:before {
  7081. content: "\f026";
  7082. }
  7083. .fa-volume-down:before {
  7084. content: "\f027";
  7085. }
  7086. .fa-volume-up:before {
  7087. content: "\f028";
  7088. }
  7089. .fa-qrcode:before {
  7090. content: "\f029";
  7091. }
  7092. .fa-barcode:before {
  7093. content: "\f02a";
  7094. }
  7095. .fa-tag:before {
  7096. content: "\f02b";
  7097. }
  7098. .fa-tags:before {
  7099. content: "\f02c";
  7100. }
  7101. .fa-book:before {
  7102. content: "\f02d";
  7103. }
  7104. .fa-bookmark:before {
  7105. content: "\f02e";
  7106. }
  7107. .fa-print:before {
  7108. content: "\f02f";
  7109. }
  7110. .fa-camera:before {
  7111. content: "\f030";
  7112. }
  7113. .fa-font:before {
  7114. content: "\f031";
  7115. }
  7116. .fa-bold:before {
  7117. content: "\f032";
  7118. }
  7119. .fa-italic:before {
  7120. content: "\f033";
  7121. }
  7122. .fa-text-height:before {
  7123. content: "\f034";
  7124. }
  7125. .fa-text-width:before {
  7126. content: "\f035";
  7127. }
  7128. .fa-align-left:before {
  7129. content: "\f036";
  7130. }
  7131. .fa-align-center:before {
  7132. content: "\f037";
  7133. }
  7134. .fa-align-right:before {
  7135. content: "\f038";
  7136. }
  7137. .fa-align-justify:before {
  7138. content: "\f039";
  7139. }
  7140. .fa-list:before {
  7141. content: "\f03a";
  7142. }
  7143. .fa-dedent:before,
  7144. .fa-outdent:before {
  7145. content: "\f03b";
  7146. }
  7147. .fa-indent:before {
  7148. content: "\f03c";
  7149. }
  7150. .fa-video-camera:before {
  7151. content: "\f03d";
  7152. }
  7153. .fa-photo:before,
  7154. .fa-image:before,
  7155. .fa-picture-o:before {
  7156. content: "\f03e";
  7157. }
  7158. .fa-pencil:before {
  7159. content: "\f040";
  7160. }
  7161. .fa-map-marker:before {
  7162. content: "\f041";
  7163. }
  7164. .fa-adjust:before {
  7165. content: "\f042";
  7166. }
  7167. .fa-tint:before {
  7168. content: "\f043";
  7169. }
  7170. .fa-edit:before,
  7171. .fa-pencil-square-o:before {
  7172. content: "\f044";
  7173. }
  7174. .fa-share-square-o:before {
  7175. content: "\f045";
  7176. }
  7177. .fa-check-square-o:before {
  7178. content: "\f046";
  7179. }
  7180. .fa-arrows:before {
  7181. content: "\f047";
  7182. }
  7183. .fa-step-backward:before {
  7184. content: "\f048";
  7185. }
  7186. .fa-fast-backward:before {
  7187. content: "\f049";
  7188. }
  7189. .fa-backward:before {
  7190. content: "\f04a";
  7191. }
  7192. .fa-play:before {
  7193. content: "\f04b";
  7194. }
  7195. .fa-pause:before {
  7196. content: "\f04c";
  7197. }
  7198. .fa-stop:before {
  7199. content: "\f04d";
  7200. }
  7201. .fa-forward:before {
  7202. content: "\f04e";
  7203. }
  7204. .fa-fast-forward:before {
  7205. content: "\f050";
  7206. }
  7207. .fa-step-forward:before {
  7208. content: "\f051";
  7209. }
  7210. .fa-eject:before {
  7211. content: "\f052";
  7212. }
  7213. .fa-chevron-left:before {
  7214. content: "\f053";
  7215. }
  7216. .fa-chevron-right:before {
  7217. content: "\f054";
  7218. }
  7219. .fa-plus-circle:before {
  7220. content: "\f055";
  7221. }
  7222. .fa-minus-circle:before {
  7223. content: "\f056";
  7224. }
  7225. .fa-times-circle:before {
  7226. content: "\f057";
  7227. }
  7228. .fa-check-circle:before {
  7229. content: "\f058";
  7230. }
  7231. .fa-question-circle:before {
  7232. content: "\f059";
  7233. }
  7234. .fa-info-circle:before {
  7235. content: "\f05a";
  7236. }
  7237. .fa-crosshairs:before {
  7238. content: "\f05b";
  7239. }
  7240. .fa-times-circle-o:before {
  7241. content: "\f05c";
  7242. }
  7243. .fa-check-circle-o:before {
  7244. content: "\f05d";
  7245. }
  7246. .fa-ban:before {
  7247. content: "\f05e";
  7248. }
  7249. .fa-arrow-left:before {
  7250. content: "\f060";
  7251. }
  7252. .fa-arrow-right:before {
  7253. content: "\f061";
  7254. }
  7255. .fa-arrow-up:before {
  7256. content: "\f062";
  7257. }
  7258. .fa-arrow-down:before {
  7259. content: "\f063";
  7260. }
  7261. .fa-mail-forward:before,
  7262. .fa-share:before {
  7263. content: "\f064";
  7264. }
  7265. .fa-expand:before {
  7266. content: "\f065";
  7267. }
  7268. .fa-compress:before {
  7269. content: "\f066";
  7270. }
  7271. .fa-plus:before {
  7272. content: "\f067";
  7273. }
  7274. .fa-minus:before {
  7275. content: "\f068";
  7276. }
  7277. .fa-asterisk:before {
  7278. content: "\f069";
  7279. }
  7280. .fa-exclamation-circle:before {
  7281. content: "\f06a";
  7282. }
  7283. .fa-gift:before {
  7284. content: "\f06b";
  7285. }
  7286. .fa-leaf:before {
  7287. content: "\f06c";
  7288. }
  7289. .fa-fire:before {
  7290. content: "\f06d";
  7291. }
  7292. .fa-eye:before {
  7293. content: "\f06e";
  7294. }
  7295. .fa-eye-slash:before {
  7296. content: "\f070";
  7297. }
  7298. .fa-warning:before,
  7299. .fa-exclamation-triangle:before {
  7300. content: "\f071";
  7301. }
  7302. .fa-plane:before {
  7303. content: "\f072";
  7304. }
  7305. .fa-calendar:before {
  7306. content: "\f073";
  7307. }
  7308. .fa-random:before {
  7309. content: "\f074";
  7310. }
  7311. .fa-comment:before {
  7312. content: "\f075";
  7313. }
  7314. .fa-magnet:before {
  7315. content: "\f076";
  7316. }
  7317. .fa-chevron-up:before {
  7318. content: "\f077";
  7319. }
  7320. .fa-chevron-down:before {
  7321. content: "\f078";
  7322. }
  7323. .fa-retweet:before {
  7324. content: "\f079";
  7325. }
  7326. .fa-shopping-cart:before {
  7327. content: "\f07a";
  7328. }
  7329. .fa-folder:before {
  7330. content: "\f07b";
  7331. }
  7332. .fa-folder-open:before {
  7333. content: "\f07c";
  7334. }
  7335. .fa-arrows-v:before {
  7336. content: "\f07d";
  7337. }
  7338. .fa-arrows-h:before {
  7339. content: "\f07e";
  7340. }
  7341. .fa-bar-chart-o:before,
  7342. .fa-bar-chart:before {
  7343. content: "\f080";
  7344. }
  7345. .fa-twitter-square:before {
  7346. content: "\f081";
  7347. }
  7348. .fa-facebook-square:before {
  7349. content: "\f082";
  7350. }
  7351. .fa-camera-retro:before {
  7352. content: "\f083";
  7353. }
  7354. .fa-key:before {
  7355. content: "\f084";
  7356. }
  7357. .fa-gears:before,
  7358. .fa-cogs:before {
  7359. content: "\f085";
  7360. }
  7361. .fa-comments:before {
  7362. content: "\f086";
  7363. }
  7364. .fa-thumbs-o-up:before {
  7365. content: "\f087";
  7366. }
  7367. .fa-thumbs-o-down:before {
  7368. content: "\f088";
  7369. }
  7370. .fa-star-half:before {
  7371. content: "\f089";
  7372. }
  7373. .fa-heart-o:before {
  7374. content: "\f08a";
  7375. }
  7376. .fa-sign-out:before {
  7377. content: "\f08b";
  7378. }
  7379. .fa-linkedin-square:before {
  7380. content: "\f08c";
  7381. }
  7382. .fa-thumb-tack:before {
  7383. content: "\f08d";
  7384. }
  7385. .fa-external-link:before {
  7386. content: "\f08e";
  7387. }
  7388. .fa-sign-in:before {
  7389. content: "\f090";
  7390. }
  7391. .fa-trophy:before {
  7392. content: "\f091";
  7393. }
  7394. .fa-github-square:before {
  7395. content: "\f092";
  7396. }
  7397. .fa-upload:before {
  7398. content: "\f093";
  7399. }
  7400. .fa-lemon-o:before {
  7401. content: "\f094";
  7402. }
  7403. .fa-phone:before {
  7404. content: "\f095";
  7405. }
  7406. .fa-square-o:before {
  7407. content: "\f096";
  7408. }
  7409. .fa-bookmark-o:before {
  7410. content: "\f097";
  7411. }
  7412. .fa-phone-square:before {
  7413. content: "\f098";
  7414. }
  7415. .fa-twitter:before {
  7416. content: "\f099";
  7417. }
  7418. .fa-facebook-f:before,
  7419. .fa-facebook:before {
  7420. content: "\f09a";
  7421. }
  7422. .fa-github:before {
  7423. content: "\f09b";
  7424. }
  7425. .fa-unlock:before {
  7426. content: "\f09c";
  7427. }
  7428. .fa-credit-card:before {
  7429. content: "\f09d";
  7430. }
  7431. .fa-feed:before,
  7432. .fa-rss:before {
  7433. content: "\f09e";
  7434. }
  7435. .fa-hdd-o:before {
  7436. content: "\f0a0";
  7437. }
  7438. .fa-bullhorn:before {
  7439. content: "\f0a1";
  7440. }
  7441. .fa-bell:before {
  7442. content: "\f0f3";
  7443. }
  7444. .fa-certificate:before {
  7445. content: "\f0a3";
  7446. }
  7447. .fa-hand-o-right:before {
  7448. content: "\f0a4";
  7449. }
  7450. .fa-hand-o-left:before {
  7451. content: "\f0a5";
  7452. }
  7453. .fa-hand-o-up:before {
  7454. content: "\f0a6";
  7455. }
  7456. .fa-hand-o-down:before {
  7457. content: "\f0a7";
  7458. }
  7459. .fa-arrow-circle-left:before {
  7460. content: "\f0a8";
  7461. }
  7462. .fa-arrow-circle-right:before {
  7463. content: "\f0a9";
  7464. }
  7465. .fa-arrow-circle-up:before {
  7466. content: "\f0aa";
  7467. }
  7468. .fa-arrow-circle-down:before {
  7469. content: "\f0ab";
  7470. }
  7471. .fa-globe:before {
  7472. content: "\f0ac";
  7473. }
  7474. .fa-wrench:before {
  7475. content: "\f0ad";
  7476. }
  7477. .fa-tasks:before {
  7478. content: "\f0ae";
  7479. }
  7480. .fa-filter:before {
  7481. content: "\f0b0";
  7482. }
  7483. .fa-briefcase:before {
  7484. content: "\f0b1";
  7485. }
  7486. .fa-arrows-alt:before {
  7487. content: "\f0b2";
  7488. }
  7489. .fa-group:before,
  7490. .fa-users:before {
  7491. content: "\f0c0";
  7492. }
  7493. .fa-chain:before,
  7494. .fa-link:before {
  7495. content: "\f0c1";
  7496. }
  7497. .fa-cloud:before {
  7498. content: "\f0c2";
  7499. }
  7500. .fa-flask:before {
  7501. content: "\f0c3";
  7502. }
  7503. .fa-cut:before,
  7504. .fa-scissors:before {
  7505. content: "\f0c4";
  7506. }
  7507. .fa-copy:before,
  7508. .fa-files-o:before {
  7509. content: "\f0c5";
  7510. }
  7511. .fa-paperclip:before {
  7512. content: "\f0c6";
  7513. }
  7514. .fa-save:before,
  7515. .fa-floppy-o:before {
  7516. content: "\f0c7";
  7517. }
  7518. .fa-square:before {
  7519. content: "\f0c8";
  7520. }
  7521. .fa-navicon:before,
  7522. .fa-reorder:before,
  7523. .fa-bars:before {
  7524. content: "\f0c9";
  7525. }
  7526. .fa-list-ul:before {
  7527. content: "\f0ca";
  7528. }
  7529. .fa-list-ol:before {
  7530. content: "\f0cb";
  7531. }
  7532. .fa-strikethrough:before {
  7533. content: "\f0cc";
  7534. }
  7535. .fa-underline:before {
  7536. content: "\f0cd";
  7537. }
  7538. .fa-table:before {
  7539. content: "\f0ce";
  7540. }
  7541. .fa-magic:before {
  7542. content: "\f0d0";
  7543. }
  7544. .fa-truck:before {
  7545. content: "\f0d1";
  7546. }
  7547. .fa-pinterest:before {
  7548. content: "\f0d2";
  7549. }
  7550. .fa-pinterest-square:before {
  7551. content: "\f0d3";
  7552. }
  7553. .fa-google-plus-square:before {
  7554. content: "\f0d4";
  7555. }
  7556. .fa-google-plus:before {
  7557. content: "\f0d5";
  7558. }
  7559. .fa-money:before {
  7560. content: "\f0d6";
  7561. }
  7562. .fa-caret-down:before {
  7563. content: "\f0d7";
  7564. }
  7565. .fa-caret-up:before {
  7566. content: "\f0d8";
  7567. }
  7568. .fa-caret-left:before {
  7569. content: "\f0d9";
  7570. }
  7571. .fa-caret-right:before {
  7572. content: "\f0da";
  7573. }
  7574. .fa-columns:before {
  7575. content: "\f0db";
  7576. }
  7577. .fa-unsorted:before,
  7578. .fa-sort:before {
  7579. content: "\f0dc";
  7580. }
  7581. .fa-sort-down:before,
  7582. .fa-sort-desc:before {
  7583. content: "\f0dd";
  7584. }
  7585. .fa-sort-up:before,
  7586. .fa-sort-asc:before {
  7587. content: "\f0de";
  7588. }
  7589. .fa-envelope:before {
  7590. content: "\f0e0";
  7591. }
  7592. .fa-linkedin:before {
  7593. content: "\f0e1";
  7594. }
  7595. .fa-rotate-left:before,
  7596. .fa-undo:before {
  7597. content: "\f0e2";
  7598. }
  7599. .fa-legal:before,
  7600. .fa-gavel:before {
  7601. content: "\f0e3";
  7602. }
  7603. .fa-dashboard:before,
  7604. .fa-tachometer:before {
  7605. content: "\f0e4";
  7606. }
  7607. .fa-comment-o:before {
  7608. content: "\f0e5";
  7609. }
  7610. .fa-comments-o:before {
  7611. content: "\f0e6";
  7612. }
  7613. .fa-flash:before,
  7614. .fa-bolt:before {
  7615. content: "\f0e7";
  7616. }
  7617. .fa-sitemap:before {
  7618. content: "\f0e8";
  7619. }
  7620. .fa-umbrella:before {
  7621. content: "\f0e9";
  7622. }
  7623. .fa-paste:before,
  7624. .fa-clipboard:before {
  7625. content: "\f0ea";
  7626. }
  7627. .fa-lightbulb-o:before {
  7628. content: "\f0eb";
  7629. }
  7630. .fa-exchange:before {
  7631. content: "\f0ec";
  7632. }
  7633. .fa-cloud-download:before {
  7634. content: "\f0ed";
  7635. }
  7636. .fa-cloud-upload:before {
  7637. content: "\f0ee";
  7638. }
  7639. .fa-user-md:before {
  7640. content: "\f0f0";
  7641. }
  7642. .fa-stethoscope:before {
  7643. content: "\f0f1";
  7644. }
  7645. .fa-suitcase:before {
  7646. content: "\f0f2";
  7647. }
  7648. .fa-bell-o:before {
  7649. content: "\f0a2";
  7650. }
  7651. .fa-coffee:before {
  7652. content: "\f0f4";
  7653. }
  7654. .fa-cutlery:before {
  7655. content: "\f0f5";
  7656. }
  7657. .fa-file-text-o:before {
  7658. content: "\f0f6";
  7659. }
  7660. .fa-building-o:before {
  7661. content: "\f0f7";
  7662. }
  7663. .fa-hospital-o:before {
  7664. content: "\f0f8";
  7665. }
  7666. .fa-ambulance:before {
  7667. content: "\f0f9";
  7668. }
  7669. .fa-medkit:before {
  7670. content: "\f0fa";
  7671. }
  7672. .fa-fighter-jet:before {
  7673. content: "\f0fb";
  7674. }
  7675. .fa-beer:before {
  7676. content: "\f0fc";
  7677. }
  7678. .fa-h-square:before {
  7679. content: "\f0fd";
  7680. }
  7681. .fa-plus-square:before {
  7682. content: "\f0fe";
  7683. }
  7684. .fa-angle-double-left:before {
  7685. content: "\f100";
  7686. }
  7687. .fa-angle-double-right:before {
  7688. content: "\f101";
  7689. }
  7690. .fa-angle-double-up:before {
  7691. content: "\f102";
  7692. }
  7693. .fa-angle-double-down:before {
  7694. content: "\f103";
  7695. }
  7696. .fa-angle-left:before {
  7697. content: "\f104";
  7698. }
  7699. .fa-angle-right:before {
  7700. content: "\f105";
  7701. }
  7702. .fa-angle-up:before {
  7703. content: "\f106";
  7704. }
  7705. .fa-angle-down:before {
  7706. content: "\f107";
  7707. }
  7708. .fa-desktop:before {
  7709. content: "\f108";
  7710. }
  7711. .fa-laptop:before {
  7712. content: "\f109";
  7713. }
  7714. .fa-tablet:before {
  7715. content: "\f10a";
  7716. }
  7717. .fa-mobile-phone:before,
  7718. .fa-mobile:before {
  7719. content: "\f10b";
  7720. }
  7721. .fa-circle-o:before {
  7722. content: "\f10c";
  7723. }
  7724. .fa-quote-left:before {
  7725. content: "\f10d";
  7726. }
  7727. .fa-quote-right:before {
  7728. content: "\f10e";
  7729. }
  7730. .fa-spinner:before {
  7731. content: "\f110";
  7732. }
  7733. .fa-circle:before {
  7734. content: "\f111";
  7735. }
  7736. .fa-mail-reply:before,
  7737. .fa-reply:before {
  7738. content: "\f112";
  7739. }
  7740. .fa-github-alt:before {
  7741. content: "\f113";
  7742. }
  7743. .fa-folder-o:before {
  7744. content: "\f114";
  7745. }
  7746. .fa-folder-open-o:before {
  7747. content: "\f115";
  7748. }
  7749. .fa-smile-o:before {
  7750. content: "\f118";
  7751. }
  7752. .fa-frown-o:before {
  7753. content: "\f119";
  7754. }
  7755. .fa-meh-o:before {
  7756. content: "\f11a";
  7757. }
  7758. .fa-gamepad:before {
  7759. content: "\f11b";
  7760. }
  7761. .fa-keyboard-o:before {
  7762. content: "\f11c";
  7763. }
  7764. .fa-flag-o:before {
  7765. content: "\f11d";
  7766. }
  7767. .fa-flag-checkered:before {
  7768. content: "\f11e";
  7769. }
  7770. .fa-terminal:before {
  7771. content: "\f120";
  7772. }
  7773. .fa-code:before {
  7774. content: "\f121";
  7775. }
  7776. .fa-mail-reply-all:before,
  7777. .fa-reply-all:before {
  7778. content: "\f122";
  7779. }
  7780. .fa-star-half-empty:before,
  7781. .fa-star-half-full:before,
  7782. .fa-star-half-o:before {
  7783. content: "\f123";
  7784. }
  7785. .fa-location-arrow:before {
  7786. content: "\f124";
  7787. }
  7788. .fa-crop:before {
  7789. content: "\f125";
  7790. }
  7791. .fa-code-fork:before {
  7792. content: "\f126";
  7793. }
  7794. .fa-unlink:before,
  7795. .fa-chain-broken:before {
  7796. content: "\f127";
  7797. }
  7798. .fa-question:before {
  7799. content: "\f128";
  7800. }
  7801. .fa-info:before {
  7802. content: "\f129";
  7803. }
  7804. .fa-exclamation:before {
  7805. content: "\f12a";
  7806. }
  7807. .fa-superscript:before {
  7808. content: "\f12b";
  7809. }
  7810. .fa-subscript:before {
  7811. content: "\f12c";
  7812. }
  7813. .fa-eraser:before {
  7814. content: "\f12d";
  7815. }
  7816. .fa-puzzle-piece:before {
  7817. content: "\f12e";
  7818. }
  7819. .fa-microphone:before {
  7820. content: "\f130";
  7821. }
  7822. .fa-microphone-slash:before {
  7823. content: "\f131";
  7824. }
  7825. .fa-shield:before {
  7826. content: "\f132";
  7827. }
  7828. .fa-calendar-o:before {
  7829. content: "\f133";
  7830. }
  7831. .fa-fire-extinguisher:before {
  7832. content: "\f134";
  7833. }
  7834. .fa-rocket:before {
  7835. content: "\f135";
  7836. }
  7837. .fa-maxcdn:before {
  7838. content: "\f136";
  7839. }
  7840. .fa-chevron-circle-left:before {
  7841. content: "\f137";
  7842. }
  7843. .fa-chevron-circle-right:before {
  7844. content: "\f138";
  7845. }
  7846. .fa-chevron-circle-up:before {
  7847. content: "\f139";
  7848. }
  7849. .fa-chevron-circle-down:before {
  7850. content: "\f13a";
  7851. }
  7852. .fa-html5:before {
  7853. content: "\f13b";
  7854. }
  7855. .fa-css3:before {
  7856. content: "\f13c";
  7857. }
  7858. .fa-anchor:before {
  7859. content: "\f13d";
  7860. }
  7861. .fa-unlock-alt:before {
  7862. content: "\f13e";
  7863. }
  7864. .fa-bullseye:before {
  7865. content: "\f140";
  7866. }
  7867. .fa-ellipsis-h:before {
  7868. content: "\f141";
  7869. }
  7870. .fa-ellipsis-v:before {
  7871. content: "\f142";
  7872. }
  7873. .fa-rss-square:before {
  7874. content: "\f143";
  7875. }
  7876. .fa-play-circle:before {
  7877. content: "\f144";
  7878. }
  7879. .fa-ticket:before {
  7880. content: "\f145";
  7881. }
  7882. .fa-minus-square:before {
  7883. content: "\f146";
  7884. }
  7885. .fa-minus-square-o:before {
  7886. content: "\f147";
  7887. }
  7888. .fa-level-up:before {
  7889. content: "\f148";
  7890. }
  7891. .fa-level-down:before {
  7892. content: "\f149";
  7893. }
  7894. .fa-check-square:before {
  7895. content: "\f14a";
  7896. }
  7897. .fa-pencil-square:before {
  7898. content: "\f14b";
  7899. }
  7900. .fa-external-link-square:before {
  7901. content: "\f14c";
  7902. }
  7903. .fa-share-square:before {
  7904. content: "\f14d";
  7905. }
  7906. .fa-compass:before {
  7907. content: "\f14e";
  7908. }
  7909. .fa-toggle-down:before,
  7910. .fa-caret-square-o-down:before {
  7911. content: "\f150";
  7912. }
  7913. .fa-toggle-up:before,
  7914. .fa-caret-square-o-up:before {
  7915. content: "\f151";
  7916. }
  7917. .fa-toggle-right:before,
  7918. .fa-caret-square-o-right:before {
  7919. content: "\f152";
  7920. }
  7921. .fa-euro:before,
  7922. .fa-eur:before {
  7923. content: "\f153";
  7924. }
  7925. .fa-gbp:before {
  7926. content: "\f154";
  7927. }
  7928. .fa-dollar:before,
  7929. .fa-usd:before {
  7930. content: "\f155";
  7931. }
  7932. .fa-rupee:before,
  7933. .fa-inr:before {
  7934. content: "\f156";
  7935. }
  7936. .fa-cny:before,
  7937. .fa-rmb:before,
  7938. .fa-yen:before,
  7939. .fa-jpy:before {
  7940. content: "\f157";
  7941. }
  7942. .fa-ruble:before,
  7943. .fa-rouble:before,
  7944. .fa-rub:before {
  7945. content: "\f158";
  7946. }
  7947. .fa-won:before,
  7948. .fa-krw:before {
  7949. content: "\f159";
  7950. }
  7951. .fa-bitcoin:before,
  7952. .fa-btc:before {
  7953. content: "\f15a";
  7954. }
  7955. .fa-file:before {
  7956. content: "\f15b";
  7957. }
  7958. .fa-file-text:before {
  7959. content: "\f15c";
  7960. }
  7961. .fa-sort-alpha-asc:before {
  7962. content: "\f15d";
  7963. }
  7964. .fa-sort-alpha-desc:before {
  7965. content: "\f15e";
  7966. }
  7967. .fa-sort-amount-asc:before {
  7968. content: "\f160";
  7969. }
  7970. .fa-sort-amount-desc:before {
  7971. content: "\f161";
  7972. }
  7973. .fa-sort-numeric-asc:before {
  7974. content: "\f162";
  7975. }
  7976. .fa-sort-numeric-desc:before {
  7977. content: "\f163";
  7978. }
  7979. .fa-thumbs-up:before {
  7980. content: "\f164";
  7981. }
  7982. .fa-thumbs-down:before {
  7983. content: "\f165";
  7984. }
  7985. .fa-youtube-square:before {
  7986. content: "\f166";
  7987. }
  7988. .fa-youtube:before {
  7989. content: "\f167";
  7990. }
  7991. .fa-xing:before {
  7992. content: "\f168";
  7993. }
  7994. .fa-xing-square:before {
  7995. content: "\f169";
  7996. }
  7997. .fa-youtube-play:before {
  7998. content: "\f16a";
  7999. }
  8000. .fa-dropbox:before {
  8001. content: "\f16b";
  8002. }
  8003. .fa-stack-overflow:before {
  8004. content: "\f16c";
  8005. }
  8006. .fa-instagram:before {
  8007. content: "\f16d";
  8008. }
  8009. .fa-flickr:before {
  8010. content: "\f16e";
  8011. }
  8012. .fa-adn:before {
  8013. content: "\f170";
  8014. }
  8015. .fa-bitbucket:before {
  8016. content: "\f171";
  8017. }
  8018. .fa-bitbucket-square:before {
  8019. content: "\f172";
  8020. }
  8021. .fa-tumblr:before {
  8022. content: "\f173";
  8023. }
  8024. .fa-tumblr-square:before {
  8025. content: "\f174";
  8026. }
  8027. .fa-long-arrow-down:before {
  8028. content: "\f175";
  8029. }
  8030. .fa-long-arrow-up:before {
  8031. content: "\f176";
  8032. }
  8033. .fa-long-arrow-left:before {
  8034. content: "\f177";
  8035. }
  8036. .fa-long-arrow-right:before {
  8037. content: "\f178";
  8038. }
  8039. .fa-apple:before {
  8040. content: "\f179";
  8041. }
  8042. .fa-windows:before {
  8043. content: "\f17a";
  8044. }
  8045. .fa-android:before {
  8046. content: "\f17b";
  8047. }
  8048. .fa-linux:before {
  8049. content: "\f17c";
  8050. }
  8051. .fa-dribbble:before {
  8052. content: "\f17d";
  8053. }
  8054. .fa-skype:before {
  8055. content: "\f17e";
  8056. }
  8057. .fa-foursquare:before {
  8058. content: "\f180";
  8059. }
  8060. .fa-trello:before {
  8061. content: "\f181";
  8062. }
  8063. .fa-female:before {
  8064. content: "\f182";
  8065. }
  8066. .fa-male:before {
  8067. content: "\f183";
  8068. }
  8069. .fa-gittip:before,
  8070. .fa-gratipay:before {
  8071. content: "\f184";
  8072. }
  8073. .fa-sun-o:before {
  8074. content: "\f185";
  8075. }
  8076. .fa-moon-o:before {
  8077. content: "\f186";
  8078. }
  8079. .fa-archive:before {
  8080. content: "\f187";
  8081. }
  8082. .fa-bug:before {
  8083. content: "\f188";
  8084. }
  8085. .fa-vk:before {
  8086. content: "\f189";
  8087. }
  8088. .fa-weibo:before {
  8089. content: "\f18a";
  8090. }
  8091. .fa-renren:before {
  8092. content: "\f18b";
  8093. }
  8094. .fa-pagelines:before {
  8095. content: "\f18c";
  8096. }
  8097. .fa-stack-exchange:before {
  8098. content: "\f18d";
  8099. }
  8100. .fa-arrow-circle-o-right:before {
  8101. content: "\f18e";
  8102. }
  8103. .fa-arrow-circle-o-left:before {
  8104. content: "\f190";
  8105. }
  8106. .fa-toggle-left:before,
  8107. .fa-caret-square-o-left:before {
  8108. content: "\f191";
  8109. }
  8110. .fa-dot-circle-o:before {
  8111. content: "\f192";
  8112. }
  8113. .fa-wheelchair:before {
  8114. content: "\f193";
  8115. }
  8116. .fa-vimeo-square:before {
  8117. content: "\f194";
  8118. }
  8119. .fa-turkish-lira:before,
  8120. .fa-try:before {
  8121. content: "\f195";
  8122. }
  8123. .fa-plus-square-o:before {
  8124. content: "\f196";
  8125. }
  8126. .fa-space-shuttle:before {
  8127. content: "\f197";
  8128. }
  8129. .fa-slack:before {
  8130. content: "\f198";
  8131. }
  8132. .fa-envelope-square:before {
  8133. content: "\f199";
  8134. }
  8135. .fa-wordpress:before {
  8136. content: "\f19a";
  8137. }
  8138. .fa-openid:before {
  8139. content: "\f19b";
  8140. }
  8141. .fa-institution:before,
  8142. .fa-bank:before,
  8143. .fa-university:before {
  8144. content: "\f19c";
  8145. }
  8146. .fa-mortar-board:before,
  8147. .fa-graduation-cap:before {
  8148. content: "\f19d";
  8149. }
  8150. .fa-yahoo:before {
  8151. content: "\f19e";
  8152. }
  8153. .fa-google:before {
  8154. content: "\f1a0";
  8155. }
  8156. .fa-reddit:before {
  8157. content: "\f1a1";
  8158. }
  8159. .fa-reddit-square:before {
  8160. content: "\f1a2";
  8161. }
  8162. .fa-stumbleupon-circle:before {
  8163. content: "\f1a3";
  8164. }
  8165. .fa-stumbleupon:before {
  8166. content: "\f1a4";
  8167. }
  8168. .fa-delicious:before {
  8169. content: "\f1a5";
  8170. }
  8171. .fa-digg:before {
  8172. content: "\f1a6";
  8173. }
  8174. .fa-pied-piper-pp:before {
  8175. content: "\f1a7";
  8176. }
  8177. .fa-pied-piper-alt:before {
  8178. content: "\f1a8";
  8179. }
  8180. .fa-drupal:before {
  8181. content: "\f1a9";
  8182. }
  8183. .fa-joomla:before {
  8184. content: "\f1aa";
  8185. }
  8186. .fa-language:before {
  8187. content: "\f1ab";
  8188. }
  8189. .fa-fax:before {
  8190. content: "\f1ac";
  8191. }
  8192. .fa-building:before {
  8193. content: "\f1ad";
  8194. }
  8195. .fa-child:before {
  8196. content: "\f1ae";
  8197. }
  8198. .fa-paw:before {
  8199. content: "\f1b0";
  8200. }
  8201. .fa-spoon:before {
  8202. content: "\f1b1";
  8203. }
  8204. .fa-cube:before {
  8205. content: "\f1b2";
  8206. }
  8207. .fa-cubes:before {
  8208. content: "\f1b3";
  8209. }
  8210. .fa-behance:before {
  8211. content: "\f1b4";
  8212. }
  8213. .fa-behance-square:before {
  8214. content: "\f1b5";
  8215. }
  8216. .fa-steam:before {
  8217. content: "\f1b6";
  8218. }
  8219. .fa-steam-square:before {
  8220. content: "\f1b7";
  8221. }
  8222. .fa-recycle:before {
  8223. content: "\f1b8";
  8224. }
  8225. .fa-automobile:before,
  8226. .fa-car:before {
  8227. content: "\f1b9";
  8228. }
  8229. .fa-cab:before,
  8230. .fa-taxi:before {
  8231. content: "\f1ba";
  8232. }
  8233. .fa-tree:before {
  8234. content: "\f1bb";
  8235. }
  8236. .fa-spotify:before {
  8237. content: "\f1bc";
  8238. }
  8239. .fa-deviantart:before {
  8240. content: "\f1bd";
  8241. }
  8242. .fa-soundcloud:before {
  8243. content: "\f1be";
  8244. }
  8245. .fa-database:before {
  8246. content: "\f1c0";
  8247. }
  8248. .fa-file-pdf-o:before {
  8249. content: "\f1c1";
  8250. }
  8251. .fa-file-word-o:before {
  8252. content: "\f1c2";
  8253. }
  8254. .fa-file-excel-o:before {
  8255. content: "\f1c3";
  8256. }
  8257. .fa-file-powerpoint-o:before {
  8258. content: "\f1c4";
  8259. }
  8260. .fa-file-photo-o:before,
  8261. .fa-file-picture-o:before,
  8262. .fa-file-image-o:before {
  8263. content: "\f1c5";
  8264. }
  8265. .fa-file-zip-o:before,
  8266. .fa-file-archive-o:before {
  8267. content: "\f1c6";
  8268. }
  8269. .fa-file-sound-o:before,
  8270. .fa-file-audio-o:before {
  8271. content: "\f1c7";
  8272. }
  8273. .fa-file-movie-o:before,
  8274. .fa-file-video-o:before {
  8275. content: "\f1c8";
  8276. }
  8277. .fa-file-code-o:before {
  8278. content: "\f1c9";
  8279. }
  8280. .fa-vine:before {
  8281. content: "\f1ca";
  8282. }
  8283. .fa-codepen:before {
  8284. content: "\f1cb";
  8285. }
  8286. .fa-jsfiddle:before {
  8287. content: "\f1cc";
  8288. }
  8289. .fa-life-bouy:before,
  8290. .fa-life-buoy:before,
  8291. .fa-life-saver:before,
  8292. .fa-support:before,
  8293. .fa-life-ring:before {
  8294. content: "\f1cd";
  8295. }
  8296. .fa-circle-o-notch:before {
  8297. content: "\f1ce";
  8298. }
  8299. .fa-ra:before,
  8300. .fa-resistance:before,
  8301. .fa-rebel:before {
  8302. content: "\f1d0";
  8303. }
  8304. .fa-ge:before,
  8305. .fa-empire:before {
  8306. content: "\f1d1";
  8307. }
  8308. .fa-git-square:before {
  8309. content: "\f1d2";
  8310. }
  8311. .fa-git:before {
  8312. content: "\f1d3";
  8313. }
  8314. .fa-y-combinator-square:before,
  8315. .fa-yc-square:before,
  8316. .fa-hacker-news:before {
  8317. content: "\f1d4";
  8318. }
  8319. .fa-tencent-weibo:before {
  8320. content: "\f1d5";
  8321. }
  8322. .fa-qq:before {
  8323. content: "\f1d6";
  8324. }
  8325. .fa-wechat:before,
  8326. .fa-weixin:before {
  8327. content: "\f1d7";
  8328. }
  8329. .fa-send:before,
  8330. .fa-paper-plane:before {
  8331. content: "\f1d8";
  8332. }
  8333. .fa-send-o:before,
  8334. .fa-paper-plane-o:before {
  8335. content: "\f1d9";
  8336. }
  8337. .fa-history:before {
  8338. content: "\f1da";
  8339. }
  8340. .fa-circle-thin:before {
  8341. content: "\f1db";
  8342. }
  8343. .fa-header:before {
  8344. content: "\f1dc";
  8345. }
  8346. .fa-paragraph:before {
  8347. content: "\f1dd";
  8348. }
  8349. .fa-sliders:before {
  8350. content: "\f1de";
  8351. }
  8352. .fa-share-alt:before {
  8353. content: "\f1e0";
  8354. }
  8355. .fa-share-alt-square:before {
  8356. content: "\f1e1";
  8357. }
  8358. .fa-bomb:before {
  8359. content: "\f1e2";
  8360. }
  8361. .fa-soccer-ball-o:before,
  8362. .fa-futbol-o:before {
  8363. content: "\f1e3";
  8364. }
  8365. .fa-tty:before {
  8366. content: "\f1e4";
  8367. }
  8368. .fa-binoculars:before {
  8369. content: "\f1e5";
  8370. }
  8371. .fa-plug:before {
  8372. content: "\f1e6";
  8373. }
  8374. .fa-slideshare:before {
  8375. content: "\f1e7";
  8376. }
  8377. .fa-twitch:before {
  8378. content: "\f1e8";
  8379. }
  8380. .fa-yelp:before {
  8381. content: "\f1e9";
  8382. }
  8383. .fa-newspaper-o:before {
  8384. content: "\f1ea";
  8385. }
  8386. .fa-wifi:before {
  8387. content: "\f1eb";
  8388. }
  8389. .fa-calculator:before {
  8390. content: "\f1ec";
  8391. }
  8392. .fa-paypal:before {
  8393. content: "\f1ed";
  8394. }
  8395. .fa-google-wallet:before {
  8396. content: "\f1ee";
  8397. }
  8398. .fa-cc-visa:before {
  8399. content: "\f1f0";
  8400. }
  8401. .fa-cc-mastercard:before {
  8402. content: "\f1f1";
  8403. }
  8404. .fa-cc-discover:before {
  8405. content: "\f1f2";
  8406. }
  8407. .fa-cc-amex:before {
  8408. content: "\f1f3";
  8409. }
  8410. .fa-cc-paypal:before {
  8411. content: "\f1f4";
  8412. }
  8413. .fa-cc-stripe:before {
  8414. content: "\f1f5";
  8415. }
  8416. .fa-bell-slash:before {
  8417. content: "\f1f6";
  8418. }
  8419. .fa-bell-slash-o:before {
  8420. content: "\f1f7";
  8421. }
  8422. .fa-trash:before {
  8423. content: "\f1f8";
  8424. }
  8425. .fa-copyright:before {
  8426. content: "\f1f9";
  8427. }
  8428. .fa-at:before {
  8429. content: "\f1fa";
  8430. }
  8431. .fa-eyedropper:before {
  8432. content: "\f1fb";
  8433. }
  8434. .fa-paint-brush:before {
  8435. content: "\f1fc";
  8436. }
  8437. .fa-birthday-cake:before {
  8438. content: "\f1fd";
  8439. }
  8440. .fa-area-chart:before {
  8441. content: "\f1fe";
  8442. }
  8443. .fa-pie-chart:before {
  8444. content: "\f200";
  8445. }
  8446. .fa-line-chart:before {
  8447. content: "\f201";
  8448. }
  8449. .fa-lastfm:before {
  8450. content: "\f202";
  8451. }
  8452. .fa-lastfm-square:before {
  8453. content: "\f203";
  8454. }
  8455. .fa-toggle-off:before {
  8456. content: "\f204";
  8457. }
  8458. .fa-toggle-on:before {
  8459. content: "\f205";
  8460. }
  8461. .fa-bicycle:before {
  8462. content: "\f206";
  8463. }
  8464. .fa-bus:before {
  8465. content: "\f207";
  8466. }
  8467. .fa-ioxhost:before {
  8468. content: "\f208";
  8469. }
  8470. .fa-angellist:before {
  8471. content: "\f209";
  8472. }
  8473. .fa-cc:before {
  8474. content: "\f20a";
  8475. }
  8476. .fa-shekel:before,
  8477. .fa-sheqel:before,
  8478. .fa-ils:before {
  8479. content: "\f20b";
  8480. }
  8481. .fa-meanpath:before {
  8482. content: "\f20c";
  8483. }
  8484. .fa-buysellads:before {
  8485. content: "\f20d";
  8486. }
  8487. .fa-connectdevelop:before {
  8488. content: "\f20e";
  8489. }
  8490. .fa-dashcube:before {
  8491. content: "\f210";
  8492. }
  8493. .fa-forumbee:before {
  8494. content: "\f211";
  8495. }
  8496. .fa-leanpub:before {
  8497. content: "\f212";
  8498. }
  8499. .fa-sellsy:before {
  8500. content: "\f213";
  8501. }
  8502. .fa-shirtsinbulk:before {
  8503. content: "\f214";
  8504. }
  8505. .fa-simplybuilt:before {
  8506. content: "\f215";
  8507. }
  8508. .fa-skyatlas:before {
  8509. content: "\f216";
  8510. }
  8511. .fa-cart-plus:before {
  8512. content: "\f217";
  8513. }
  8514. .fa-cart-arrow-down:before {
  8515. content: "\f218";
  8516. }
  8517. .fa-diamond:before {
  8518. content: "\f219";
  8519. }
  8520. .fa-ship:before {
  8521. content: "\f21a";
  8522. }
  8523. .fa-user-secret:before {
  8524. content: "\f21b";
  8525. }
  8526. .fa-motorcycle:before {
  8527. content: "\f21c";
  8528. }
  8529. .fa-street-view:before {
  8530. content: "\f21d";
  8531. }
  8532. .fa-heartbeat:before {
  8533. content: "\f21e";
  8534. }
  8535. .fa-venus:before {
  8536. content: "\f221";
  8537. }
  8538. .fa-mars:before {
  8539. content: "\f222";
  8540. }
  8541. .fa-mercury:before {
  8542. content: "\f223";
  8543. }
  8544. .fa-intersex:before,
  8545. .fa-transgender:before {
  8546. content: "\f224";
  8547. }
  8548. .fa-transgender-alt:before {
  8549. content: "\f225";
  8550. }
  8551. .fa-venus-double:before {
  8552. content: "\f226";
  8553. }
  8554. .fa-mars-double:before {
  8555. content: "\f227";
  8556. }
  8557. .fa-venus-mars:before {
  8558. content: "\f228";
  8559. }
  8560. .fa-mars-stroke:before {
  8561. content: "\f229";
  8562. }
  8563. .fa-mars-stroke-v:before {
  8564. content: "\f22a";
  8565. }
  8566. .fa-mars-stroke-h:before {
  8567. content: "\f22b";
  8568. }
  8569. .fa-neuter:before {
  8570. content: "\f22c";
  8571. }
  8572. .fa-genderless:before {
  8573. content: "\f22d";
  8574. }
  8575. .fa-facebook-official:before {
  8576. content: "\f230";
  8577. }
  8578. .fa-pinterest-p:before {
  8579. content: "\f231";
  8580. }
  8581. .fa-whatsapp:before {
  8582. content: "\f232";
  8583. }
  8584. .fa-server:before {
  8585. content: "\f233";
  8586. }
  8587. .fa-user-plus:before {
  8588. content: "\f234";
  8589. }
  8590. .fa-user-times:before {
  8591. content: "\f235";
  8592. }
  8593. .fa-hotel:before,
  8594. .fa-bed:before {
  8595. content: "\f236";
  8596. }
  8597. .fa-viacoin:before {
  8598. content: "\f237";
  8599. }
  8600. .fa-train:before {
  8601. content: "\f238";
  8602. }
  8603. .fa-subway:before {
  8604. content: "\f239";
  8605. }
  8606. .fa-medium:before {
  8607. content: "\f23a";
  8608. }
  8609. .fa-yc:before,
  8610. .fa-y-combinator:before {
  8611. content: "\f23b";
  8612. }
  8613. .fa-optin-monster:before {
  8614. content: "\f23c";
  8615. }
  8616. .fa-opencart:before {
  8617. content: "\f23d";
  8618. }
  8619. .fa-expeditedssl:before {
  8620. content: "\f23e";
  8621. }
  8622. .fa-battery-4:before,
  8623. .fa-battery:before,
  8624. .fa-battery-full:before {
  8625. content: "\f240";
  8626. }
  8627. .fa-battery-3:before,
  8628. .fa-battery-three-quarters:before {
  8629. content: "\f241";
  8630. }
  8631. .fa-battery-2:before,
  8632. .fa-battery-half:before {
  8633. content: "\f242";
  8634. }
  8635. .fa-battery-1:before,
  8636. .fa-battery-quarter:before {
  8637. content: "\f243";
  8638. }
  8639. .fa-battery-0:before,
  8640. .fa-battery-empty:before {
  8641. content: "\f244";
  8642. }
  8643. .fa-mouse-pointer:before {
  8644. content: "\f245";
  8645. }
  8646. .fa-i-cursor:before {
  8647. content: "\f246";
  8648. }
  8649. .fa-object-group:before {
  8650. content: "\f247";
  8651. }
  8652. .fa-object-ungroup:before {
  8653. content: "\f248";
  8654. }
  8655. .fa-sticky-note:before {
  8656. content: "\f249";
  8657. }
  8658. .fa-sticky-note-o:before {
  8659. content: "\f24a";
  8660. }
  8661. .fa-cc-jcb:before {
  8662. content: "\f24b";
  8663. }
  8664. .fa-cc-diners-club:before {
  8665. content: "\f24c";
  8666. }
  8667. .fa-clone:before {
  8668. content: "\f24d";
  8669. }
  8670. .fa-balance-scale:before {
  8671. content: "\f24e";
  8672. }
  8673. .fa-hourglass-o:before {
  8674. content: "\f250";
  8675. }
  8676. .fa-hourglass-1:before,
  8677. .fa-hourglass-start:before {
  8678. content: "\f251";
  8679. }
  8680. .fa-hourglass-2:before,
  8681. .fa-hourglass-half:before {
  8682. content: "\f252";
  8683. }
  8684. .fa-hourglass-3:before,
  8685. .fa-hourglass-end:before {
  8686. content: "\f253";
  8687. }
  8688. .fa-hourglass:before {
  8689. content: "\f254";
  8690. }
  8691. .fa-hand-grab-o:before,
  8692. .fa-hand-rock-o:before {
  8693. content: "\f255";
  8694. }
  8695. .fa-hand-stop-o:before,
  8696. .fa-hand-paper-o:before {
  8697. content: "\f256";
  8698. }
  8699. .fa-hand-scissors-o:before {
  8700. content: "\f257";
  8701. }
  8702. .fa-hand-lizard-o:before {
  8703. content: "\f258";
  8704. }
  8705. .fa-hand-spock-o:before {
  8706. content: "\f259";
  8707. }
  8708. .fa-hand-pointer-o:before {
  8709. content: "\f25a";
  8710. }
  8711. .fa-hand-peace-o:before {
  8712. content: "\f25b";
  8713. }
  8714. .fa-trademark:before {
  8715. content: "\f25c";
  8716. }
  8717. .fa-registered:before {
  8718. content: "\f25d";
  8719. }
  8720. .fa-creative-commons:before {
  8721. content: "\f25e";
  8722. }
  8723. .fa-gg:before {
  8724. content: "\f260";
  8725. }
  8726. .fa-gg-circle:before {
  8727. content: "\f261";
  8728. }
  8729. .fa-tripadvisor:before {
  8730. content: "\f262";
  8731. }
  8732. .fa-odnoklassniki:before {
  8733. content: "\f263";
  8734. }
  8735. .fa-odnoklassniki-square:before {
  8736. content: "\f264";
  8737. }
  8738. .fa-get-pocket:before {
  8739. content: "\f265";
  8740. }
  8741. .fa-wikipedia-w:before {
  8742. content: "\f266";
  8743. }
  8744. .fa-safari:before {
  8745. content: "\f267";
  8746. }
  8747. .fa-chrome:before {
  8748. content: "\f268";
  8749. }
  8750. .fa-firefox:before {
  8751. content: "\f269";
  8752. }
  8753. .fa-opera:before {
  8754. content: "\f26a";
  8755. }
  8756. .fa-internet-explorer:before {
  8757. content: "\f26b";
  8758. }
  8759. .fa-tv:before,
  8760. .fa-television:before {
  8761. content: "\f26c";
  8762. }
  8763. .fa-contao:before {
  8764. content: "\f26d";
  8765. }
  8766. .fa-500px:before {
  8767. content: "\f26e";
  8768. }
  8769. .fa-amazon:before {
  8770. content: "\f270";
  8771. }
  8772. .fa-calendar-plus-o:before {
  8773. content: "\f271";
  8774. }
  8775. .fa-calendar-minus-o:before {
  8776. content: "\f272";
  8777. }
  8778. .fa-calendar-times-o:before {
  8779. content: "\f273";
  8780. }
  8781. .fa-calendar-check-o:before {
  8782. content: "\f274";
  8783. }
  8784. .fa-industry:before {
  8785. content: "\f275";
  8786. }
  8787. .fa-map-pin:before {
  8788. content: "\f276";
  8789. }
  8790. .fa-map-signs:before {
  8791. content: "\f277";
  8792. }
  8793. .fa-map-o:before {
  8794. content: "\f278";
  8795. }
  8796. .fa-map:before {
  8797. content: "\f279";
  8798. }
  8799. .fa-commenting:before {
  8800. content: "\f27a";
  8801. }
  8802. .fa-commenting-o:before {
  8803. content: "\f27b";
  8804. }
  8805. .fa-houzz:before {
  8806. content: "\f27c";
  8807. }
  8808. .fa-vimeo:before {
  8809. content: "\f27d";
  8810. }
  8811. .fa-black-tie:before {
  8812. content: "\f27e";
  8813. }
  8814. .fa-fonticons:before {
  8815. content: "\f280";
  8816. }
  8817. .fa-reddit-alien:before {
  8818. content: "\f281";
  8819. }
  8820. .fa-edge:before {
  8821. content: "\f282";
  8822. }
  8823. .fa-credit-card-alt:before {
  8824. content: "\f283";
  8825. }
  8826. .fa-codiepie:before {
  8827. content: "\f284";
  8828. }
  8829. .fa-modx:before {
  8830. content: "\f285";
  8831. }
  8832. .fa-fort-awesome:before {
  8833. content: "\f286";
  8834. }
  8835. .fa-usb:before {
  8836. content: "\f287";
  8837. }
  8838. .fa-product-hunt:before {
  8839. content: "\f288";
  8840. }
  8841. .fa-mixcloud:before {
  8842. content: "\f289";
  8843. }
  8844. .fa-scribd:before {
  8845. content: "\f28a";
  8846. }
  8847. .fa-pause-circle:before {
  8848. content: "\f28b";
  8849. }
  8850. .fa-pause-circle-o:before {
  8851. content: "\f28c";
  8852. }
  8853. .fa-stop-circle:before {
  8854. content: "\f28d";
  8855. }
  8856. .fa-stop-circle-o:before {
  8857. content: "\f28e";
  8858. }
  8859. .fa-shopping-bag:before {
  8860. content: "\f290";
  8861. }
  8862. .fa-shopping-basket:before {
  8863. content: "\f291";
  8864. }
  8865. .fa-hashtag:before {
  8866. content: "\f292";
  8867. }
  8868. .fa-bluetooth:before {
  8869. content: "\f293";
  8870. }
  8871. .fa-bluetooth-b:before {
  8872. content: "\f294";
  8873. }
  8874. .fa-percent:before {
  8875. content: "\f295";
  8876. }
  8877. .fa-gitlab:before {
  8878. content: "\f296";
  8879. }
  8880. .fa-wpbeginner:before {
  8881. content: "\f297";
  8882. }
  8883. .fa-wpforms:before {
  8884. content: "\f298";
  8885. }
  8886. .fa-envira:before {
  8887. content: "\f299";
  8888. }
  8889. .fa-universal-access:before {
  8890. content: "\f29a";
  8891. }
  8892. .fa-wheelchair-alt:before {
  8893. content: "\f29b";
  8894. }
  8895. .fa-question-circle-o:before {
  8896. content: "\f29c";
  8897. }
  8898. .fa-blind:before {
  8899. content: "\f29d";
  8900. }
  8901. .fa-audio-description:before {
  8902. content: "\f29e";
  8903. }
  8904. .fa-volume-control-phone:before {
  8905. content: "\f2a0";
  8906. }
  8907. .fa-braille:before {
  8908. content: "\f2a1";
  8909. }
  8910. .fa-assistive-listening-systems:before {
  8911. content: "\f2a2";
  8912. }
  8913. .fa-asl-interpreting:before,
  8914. .fa-american-sign-language-interpreting:before {
  8915. content: "\f2a3";
  8916. }
  8917. .fa-deafness:before,
  8918. .fa-hard-of-hearing:before,
  8919. .fa-deaf:before {
  8920. content: "\f2a4";
  8921. }
  8922. .fa-glide:before {
  8923. content: "\f2a5";
  8924. }
  8925. .fa-glide-g:before {
  8926. content: "\f2a6";
  8927. }
  8928. .fa-signing:before,
  8929. .fa-sign-language:before {
  8930. content: "\f2a7";
  8931. }
  8932. .fa-low-vision:before {
  8933. content: "\f2a8";
  8934. }
  8935. .fa-viadeo:before {
  8936. content: "\f2a9";
  8937. }
  8938. .fa-viadeo-square:before {
  8939. content: "\f2aa";
  8940. }
  8941. .fa-snapchat:before {
  8942. content: "\f2ab";
  8943. }
  8944. .fa-snapchat-ghost:before {
  8945. content: "\f2ac";
  8946. }
  8947. .fa-snapchat-square:before {
  8948. content: "\f2ad";
  8949. }
  8950. .fa-pied-piper:before {
  8951. content: "\f2ae";
  8952. }
  8953. .fa-first-order:before {
  8954. content: "\f2b0";
  8955. }
  8956. .fa-yoast:before {
  8957. content: "\f2b1";
  8958. }
  8959. .fa-themeisle:before {
  8960. content: "\f2b2";
  8961. }
  8962. .fa-google-plus-circle:before,
  8963. .fa-google-plus-official:before {
  8964. content: "\f2b3";
  8965. }
  8966. .fa-fa:before,
  8967. .fa-font-awesome:before {
  8968. content: "\f2b4";
  8969. }
  8970. .fa-handshake-o:before {
  8971. content: "\f2b5";
  8972. }
  8973. .fa-envelope-open:before {
  8974. content: "\f2b6";
  8975. }
  8976. .fa-envelope-open-o:before {
  8977. content: "\f2b7";
  8978. }
  8979. .fa-linode:before {
  8980. content: "\f2b8";
  8981. }
  8982. .fa-address-book:before {
  8983. content: "\f2b9";
  8984. }
  8985. .fa-address-book-o:before {
  8986. content: "\f2ba";
  8987. }
  8988. .fa-vcard:before,
  8989. .fa-address-card:before {
  8990. content: "\f2bb";
  8991. }
  8992. .fa-vcard-o:before,
  8993. .fa-address-card-o:before {
  8994. content: "\f2bc";
  8995. }
  8996. .fa-user-circle:before {
  8997. content: "\f2bd";
  8998. }
  8999. .fa-user-circle-o:before {
  9000. content: "\f2be";
  9001. }
  9002. .fa-user-o:before {
  9003. content: "\f2c0";
  9004. }
  9005. .fa-id-badge:before {
  9006. content: "\f2c1";
  9007. }
  9008. .fa-drivers-license:before,
  9009. .fa-id-card:before {
  9010. content: "\f2c2";
  9011. }
  9012. .fa-drivers-license-o:before,
  9013. .fa-id-card-o:before {
  9014. content: "\f2c3";
  9015. }
  9016. .fa-quora:before {
  9017. content: "\f2c4";
  9018. }
  9019. .fa-free-code-camp:before {
  9020. content: "\f2c5";
  9021. }
  9022. .fa-telegram:before {
  9023. content: "\f2c6";
  9024. }
  9025. .fa-thermometer-4:before,
  9026. .fa-thermometer:before,
  9027. .fa-thermometer-full:before {
  9028. content: "\f2c7";
  9029. }
  9030. .fa-thermometer-3:before,
  9031. .fa-thermometer-three-quarters:before {
  9032. content: "\f2c8";
  9033. }
  9034. .fa-thermometer-2:before,
  9035. .fa-thermometer-half:before {
  9036. content: "\f2c9";
  9037. }
  9038. .fa-thermometer-1:before,
  9039. .fa-thermometer-quarter:before {
  9040. content: "\f2ca";
  9041. }
  9042. .fa-thermometer-0:before,
  9043. .fa-thermometer-empty:before {
  9044. content: "\f2cb";
  9045. }
  9046. .fa-shower:before {
  9047. content: "\f2cc";
  9048. }
  9049. .fa-bathtub:before,
  9050. .fa-s15:before,
  9051. .fa-bath:before {
  9052. content: "\f2cd";
  9053. }
  9054. .fa-podcast:before {
  9055. content: "\f2ce";
  9056. }
  9057. .fa-window-maximize:before {
  9058. content: "\f2d0";
  9059. }
  9060. .fa-window-minimize:before {
  9061. content: "\f2d1";
  9062. }
  9063. .fa-window-restore:before {
  9064. content: "\f2d2";
  9065. }
  9066. .fa-times-rectangle:before,
  9067. .fa-window-close:before {
  9068. content: "\f2d3";
  9069. }
  9070. .fa-times-rectangle-o:before,
  9071. .fa-window-close-o:before {
  9072. content: "\f2d4";
  9073. }
  9074. .fa-bandcamp:before {
  9075. content: "\f2d5";
  9076. }
  9077. .fa-grav:before {
  9078. content: "\f2d6";
  9079. }
  9080. .fa-etsy:before {
  9081. content: "\f2d7";
  9082. }
  9083. .fa-imdb:before {
  9084. content: "\f2d8";
  9085. }
  9086. .fa-ravelry:before {
  9087. content: "\f2d9";
  9088. }
  9089. .fa-eercast:before {
  9090. content: "\f2da";
  9091. }
  9092. .fa-microchip:before {
  9093. content: "\f2db";
  9094. }
  9095. .fa-snowflake-o:before {
  9096. content: "\f2dc";
  9097. }
  9098. .fa-superpowers:before {
  9099. content: "\f2dd";
  9100. }
  9101. .fa-wpexplorer:before {
  9102. content: "\f2de";
  9103. }
  9104. .fa-meetup:before {
  9105. content: "\f2e0";
  9106. }
  9107. .sr-only {
  9108. position: absolute;
  9109. width: 1px;
  9110. height: 1px;
  9111. padding: 0;
  9112. margin: -1px;
  9113. overflow: hidden;
  9114. clip: rect(0, 0, 0, 0);
  9115. border: 0;
  9116. }
  9117. .sr-only-focusable:active,
  9118. .sr-only-focusable:focus {
  9119. position: static;
  9120. width: auto;
  9121. height: auto;
  9122. margin: 0;
  9123. overflow: visible;
  9124. clip: auto;
  9125. }
  9126. .sr-only-focusable:active,
  9127. .sr-only-focusable:focus {
  9128. position: static;
  9129. width: auto;
  9130. height: auto;
  9131. margin: 0;
  9132. overflow: visible;
  9133. clip: auto;
  9134. }
  9135. /*!
  9136. *
  9137. * IPython base
  9138. *
  9139. */
  9140. .modal.fade .modal-dialog {
  9141. -webkit-transform: translate(0, 0);
  9142. -ms-transform: translate(0, 0);
  9143. -o-transform: translate(0, 0);
  9144. transform: translate(0, 0);
  9145. }
  9146. code {
  9147. color: #000;
  9148. }
  9149. pre {
  9150. font-size: inherit;
  9151. line-height: inherit;
  9152. }
  9153. label {
  9154. font-weight: normal;
  9155. }
  9156. /* Make the page background atleast 100% the height of the view port */
  9157. /* Make the page itself atleast 70% the height of the view port */
  9158. .border-box-sizing {
  9159. box-sizing: border-box;
  9160. -moz-box-sizing: border-box;
  9161. -webkit-box-sizing: border-box;
  9162. }
  9163. .corner-all {
  9164. border-radius: 2px;
  9165. }
  9166. .no-padding {
  9167. padding: 0px;
  9168. }
  9169. /* Flexible box model classes */
  9170. /* Taken from Alex Russell http://infrequently.org/2009/08/css-3-progress/ */
  9171. /* This file is a compatability layer. It allows the usage of flexible box
  9172. model layouts accross multiple browsers, including older browsers. The newest,
  9173. universal implementation of the flexible box model is used when available (see
  9174. `Modern browsers` comments below). Browsers that are known to implement this
  9175. new spec completely include:
  9176. Firefox 28.0+
  9177. Chrome 29.0+
  9178. Internet Explorer 11+
  9179. Opera 17.0+
  9180. Browsers not listed, including Safari, are supported via the styling under the
  9181. `Old browsers` comments below.
  9182. */
  9183. .hbox {
  9184. /* Old browsers */
  9185. display: -webkit-box;
  9186. -webkit-box-orient: horizontal;
  9187. -webkit-box-align: stretch;
  9188. display: -moz-box;
  9189. -moz-box-orient: horizontal;
  9190. -moz-box-align: stretch;
  9191. display: box;
  9192. box-orient: horizontal;
  9193. box-align: stretch;
  9194. /* Modern browsers */
  9195. display: flex;
  9196. flex-direction: row;
  9197. align-items: stretch;
  9198. }
  9199. .hbox > * {
  9200. /* Old browsers */
  9201. -webkit-box-flex: 0;
  9202. -moz-box-flex: 0;
  9203. box-flex: 0;
  9204. /* Modern browsers */
  9205. flex: none;
  9206. }
  9207. .vbox {
  9208. /* Old browsers */
  9209. display: -webkit-box;
  9210. -webkit-box-orient: vertical;
  9211. -webkit-box-align: stretch;
  9212. display: -moz-box;
  9213. -moz-box-orient: vertical;
  9214. -moz-box-align: stretch;
  9215. display: box;
  9216. box-orient: vertical;
  9217. box-align: stretch;
  9218. /* Modern browsers */
  9219. display: flex;
  9220. flex-direction: column;
  9221. align-items: stretch;
  9222. }
  9223. .vbox > * {
  9224. /* Old browsers */
  9225. -webkit-box-flex: 0;
  9226. -moz-box-flex: 0;
  9227. box-flex: 0;
  9228. /* Modern browsers */
  9229. flex: none;
  9230. }
  9231. .hbox.reverse,
  9232. .vbox.reverse,
  9233. .reverse {
  9234. /* Old browsers */
  9235. -webkit-box-direction: reverse;
  9236. -moz-box-direction: reverse;
  9237. box-direction: reverse;
  9238. /* Modern browsers */
  9239. flex-direction: row-reverse;
  9240. }
  9241. .hbox.box-flex0,
  9242. .vbox.box-flex0,
  9243. .box-flex0 {
  9244. /* Old browsers */
  9245. -webkit-box-flex: 0;
  9246. -moz-box-flex: 0;
  9247. box-flex: 0;
  9248. /* Modern browsers */
  9249. flex: none;
  9250. width: auto;
  9251. }
  9252. .hbox.box-flex1,
  9253. .vbox.box-flex1,
  9254. .box-flex1 {
  9255. /* Old browsers */
  9256. -webkit-box-flex: 1;
  9257. -moz-box-flex: 1;
  9258. box-flex: 1;
  9259. /* Modern browsers */
  9260. flex: 1;
  9261. }
  9262. .hbox.box-flex,
  9263. .vbox.box-flex,
  9264. .box-flex {
  9265. /* Old browsers */
  9266. /* Old browsers */
  9267. -webkit-box-flex: 1;
  9268. -moz-box-flex: 1;
  9269. box-flex: 1;
  9270. /* Modern browsers */
  9271. flex: 1;
  9272. }
  9273. .hbox.box-flex2,
  9274. .vbox.box-flex2,
  9275. .box-flex2 {
  9276. /* Old browsers */
  9277. -webkit-box-flex: 2;
  9278. -moz-box-flex: 2;
  9279. box-flex: 2;
  9280. /* Modern browsers */
  9281. flex: 2;
  9282. }
  9283. .box-group1 {
  9284. /* Deprecated */
  9285. -webkit-box-flex-group: 1;
  9286. -moz-box-flex-group: 1;
  9287. box-flex-group: 1;
  9288. }
  9289. .box-group2 {
  9290. /* Deprecated */
  9291. -webkit-box-flex-group: 2;
  9292. -moz-box-flex-group: 2;
  9293. box-flex-group: 2;
  9294. }
  9295. .hbox.start,
  9296. .vbox.start,
  9297. .start {
  9298. /* Old browsers */
  9299. -webkit-box-pack: start;
  9300. -moz-box-pack: start;
  9301. box-pack: start;
  9302. /* Modern browsers */
  9303. justify-content: flex-start;
  9304. }
  9305. .hbox.end,
  9306. .vbox.end,
  9307. .end {
  9308. /* Old browsers */
  9309. -webkit-box-pack: end;
  9310. -moz-box-pack: end;
  9311. box-pack: end;
  9312. /* Modern browsers */
  9313. justify-content: flex-end;
  9314. }
  9315. .hbox.center,
  9316. .vbox.center,
  9317. .center {
  9318. /* Old browsers */
  9319. -webkit-box-pack: center;
  9320. -moz-box-pack: center;
  9321. box-pack: center;
  9322. /* Modern browsers */
  9323. justify-content: center;
  9324. }
  9325. .hbox.baseline,
  9326. .vbox.baseline,
  9327. .baseline {
  9328. /* Old browsers */
  9329. -webkit-box-pack: baseline;
  9330. -moz-box-pack: baseline;
  9331. box-pack: baseline;
  9332. /* Modern browsers */
  9333. justify-content: baseline;
  9334. }
  9335. .hbox.stretch,
  9336. .vbox.stretch,
  9337. .stretch {
  9338. /* Old browsers */
  9339. -webkit-box-pack: stretch;
  9340. -moz-box-pack: stretch;
  9341. box-pack: stretch;
  9342. /* Modern browsers */
  9343. justify-content: stretch;
  9344. }
  9345. .hbox.align-start,
  9346. .vbox.align-start,
  9347. .align-start {
  9348. /* Old browsers */
  9349. -webkit-box-align: start;
  9350. -moz-box-align: start;
  9351. box-align: start;
  9352. /* Modern browsers */
  9353. align-items: flex-start;
  9354. }
  9355. .hbox.align-end,
  9356. .vbox.align-end,
  9357. .align-end {
  9358. /* Old browsers */
  9359. -webkit-box-align: end;
  9360. -moz-box-align: end;
  9361. box-align: end;
  9362. /* Modern browsers */
  9363. align-items: flex-end;
  9364. }
  9365. .hbox.align-center,
  9366. .vbox.align-center,
  9367. .align-center {
  9368. /* Old browsers */
  9369. -webkit-box-align: center;
  9370. -moz-box-align: center;
  9371. box-align: center;
  9372. /* Modern browsers */
  9373. align-items: center;
  9374. }
  9375. .hbox.align-baseline,
  9376. .vbox.align-baseline,
  9377. .align-baseline {
  9378. /* Old browsers */
  9379. -webkit-box-align: baseline;
  9380. -moz-box-align: baseline;
  9381. box-align: baseline;
  9382. /* Modern browsers */
  9383. align-items: baseline;
  9384. }
  9385. .hbox.align-stretch,
  9386. .vbox.align-stretch,
  9387. .align-stretch {
  9388. /* Old browsers */
  9389. -webkit-box-align: stretch;
  9390. -moz-box-align: stretch;
  9391. box-align: stretch;
  9392. /* Modern browsers */
  9393. align-items: stretch;
  9394. }
  9395. div.error {
  9396. margin: 2em;
  9397. text-align: center;
  9398. }
  9399. div.error > h1 {
  9400. font-size: 500%;
  9401. line-height: normal;
  9402. }
  9403. div.error > p {
  9404. font-size: 200%;
  9405. line-height: normal;
  9406. }
  9407. div.traceback-wrapper {
  9408. text-align: left;
  9409. max-width: 800px;
  9410. margin: auto;
  9411. }
  9412. div.traceback-wrapper pre.traceback {
  9413. max-height: 600px;
  9414. overflow: auto;
  9415. }
  9416. /**
  9417. * Primary styles
  9418. *
  9419. * Author: Jupyter Development Team
  9420. */
  9421. body {
  9422. background-color: #fff;
  9423. /* This makes sure that the body covers the entire window and needs to
  9424. be in a different element than the display: box in wrapper below */
  9425. position: absolute;
  9426. left: 0px;
  9427. right: 0px;
  9428. top: 0px;
  9429. bottom: 0px;
  9430. overflow: visible;
  9431. }
  9432. body > #header {
  9433. /* Initially hidden to prevent FLOUC */
  9434. display: none;
  9435. background-color: #fff;
  9436. /* Display over codemirror */
  9437. position: relative;
  9438. z-index: 100;
  9439. }
  9440. body > #header #header-container {
  9441. display: flex;
  9442. flex-direction: row;
  9443. justify-content: space-between;
  9444. padding: 5px;
  9445. padding-bottom: 5px;
  9446. padding-top: 5px;
  9447. box-sizing: border-box;
  9448. -moz-box-sizing: border-box;
  9449. -webkit-box-sizing: border-box;
  9450. }
  9451. body > #header .header-bar {
  9452. width: 100%;
  9453. height: 1px;
  9454. background: #e7e7e7;
  9455. margin-bottom: -1px;
  9456. }
  9457. @media print {
  9458. body > #header {
  9459. display: none !important;
  9460. }
  9461. }
  9462. #header-spacer {
  9463. width: 100%;
  9464. visibility: hidden;
  9465. }
  9466. @media print {
  9467. #header-spacer {
  9468. display: none;
  9469. }
  9470. }
  9471. #ipython_notebook {
  9472. padding-left: 0px;
  9473. padding-top: 1px;
  9474. padding-bottom: 1px;
  9475. }
  9476. [dir="rtl"] #ipython_notebook {
  9477. margin-right: 10px;
  9478. margin-left: 0;
  9479. }
  9480. [dir="rtl"] #ipython_notebook.pull-left {
  9481. float: right !important;
  9482. float: right;
  9483. }
  9484. .flex-spacer {
  9485. flex: 1;
  9486. }
  9487. #noscript {
  9488. width: auto;
  9489. padding-top: 16px;
  9490. padding-bottom: 16px;
  9491. text-align: center;
  9492. font-size: 22px;
  9493. color: red;
  9494. font-weight: bold;
  9495. }
  9496. #ipython_notebook img {
  9497. height: 28px;
  9498. }
  9499. #site {
  9500. width: 100%;
  9501. display: none;
  9502. box-sizing: border-box;
  9503. -moz-box-sizing: border-box;
  9504. -webkit-box-sizing: border-box;
  9505. overflow: auto;
  9506. }
  9507. @media print {
  9508. #site {
  9509. height: auto !important;
  9510. }
  9511. }
  9512. /* Smaller buttons */
  9513. .ui-button .ui-button-text {
  9514. padding: 0.2em 0.8em;
  9515. font-size: 77%;
  9516. }
  9517. input.ui-button {
  9518. padding: 0.3em 0.9em;
  9519. }
  9520. span#kernel_logo_widget {
  9521. margin: 0 10px;
  9522. }
  9523. span#login_widget {
  9524. float: right;
  9525. }
  9526. [dir="rtl"] span#login_widget {
  9527. float: left;
  9528. }
  9529. span#login_widget > .button,
  9530. #logout {
  9531. color: #333;
  9532. background-color: #fff;
  9533. border-color: #ccc;
  9534. }
  9535. span#login_widget > .button:focus,
  9536. #logout:focus,
  9537. span#login_widget > .button.focus,
  9538. #logout.focus {
  9539. color: #333;
  9540. background-color: #e6e6e6;
  9541. border-color: #8c8c8c;
  9542. }
  9543. span#login_widget > .button:hover,
  9544. #logout:hover {
  9545. color: #333;
  9546. background-color: #e6e6e6;
  9547. border-color: #adadad;
  9548. }
  9549. span#login_widget > .button:active,
  9550. #logout:active,
  9551. span#login_widget > .button.active,
  9552. #logout.active,
  9553. .open > .dropdown-togglespan#login_widget > .button,
  9554. .open > .dropdown-toggle#logout {
  9555. color: #333;
  9556. background-color: #e6e6e6;
  9557. border-color: #adadad;
  9558. }
  9559. span#login_widget > .button:active:hover,
  9560. #logout:active:hover,
  9561. span#login_widget > .button.active:hover,
  9562. #logout.active:hover,
  9563. .open > .dropdown-togglespan#login_widget > .button:hover,
  9564. .open > .dropdown-toggle#logout:hover,
  9565. span#login_widget > .button:active:focus,
  9566. #logout:active:focus,
  9567. span#login_widget > .button.active:focus,
  9568. #logout.active:focus,
  9569. .open > .dropdown-togglespan#login_widget > .button:focus,
  9570. .open > .dropdown-toggle#logout:focus,
  9571. span#login_widget > .button:active.focus,
  9572. #logout:active.focus,
  9573. span#login_widget > .button.active.focus,
  9574. #logout.active.focus,
  9575. .open > .dropdown-togglespan#login_widget > .button.focus,
  9576. .open > .dropdown-toggle#logout.focus {
  9577. color: #333;
  9578. background-color: #d4d4d4;
  9579. border-color: #8c8c8c;
  9580. }
  9581. span#login_widget > .button:active,
  9582. #logout:active,
  9583. span#login_widget > .button.active,
  9584. #logout.active,
  9585. .open > .dropdown-togglespan#login_widget > .button,
  9586. .open > .dropdown-toggle#logout {
  9587. background-image: none;
  9588. }
  9589. span#login_widget > .button.disabled:hover,
  9590. #logout.disabled:hover,
  9591. span#login_widget > .button[disabled]:hover,
  9592. #logout[disabled]:hover,
  9593. fieldset[disabled] span#login_widget > .button:hover,
  9594. fieldset[disabled] #logout:hover,
  9595. span#login_widget > .button.disabled:focus,
  9596. #logout.disabled:focus,
  9597. span#login_widget > .button[disabled]:focus,
  9598. #logout[disabled]:focus,
  9599. fieldset[disabled] span#login_widget > .button:focus,
  9600. fieldset[disabled] #logout:focus,
  9601. span#login_widget > .button.disabled.focus,
  9602. #logout.disabled.focus,
  9603. span#login_widget > .button[disabled].focus,
  9604. #logout[disabled].focus,
  9605. fieldset[disabled] span#login_widget > .button.focus,
  9606. fieldset[disabled] #logout.focus {
  9607. background-color: #fff;
  9608. border-color: #ccc;
  9609. }
  9610. span#login_widget > .button .badge,
  9611. #logout .badge {
  9612. color: #fff;
  9613. background-color: #333;
  9614. }
  9615. .nav-header {
  9616. text-transform: none;
  9617. }
  9618. #header > span {
  9619. margin-top: 10px;
  9620. }
  9621. .modal_stretch .modal-dialog {
  9622. /* Old browsers */
  9623. display: -webkit-box;
  9624. -webkit-box-orient: vertical;
  9625. -webkit-box-align: stretch;
  9626. display: -moz-box;
  9627. -moz-box-orient: vertical;
  9628. -moz-box-align: stretch;
  9629. display: box;
  9630. box-orient: vertical;
  9631. box-align: stretch;
  9632. /* Modern browsers */
  9633. display: flex;
  9634. flex-direction: column;
  9635. align-items: stretch;
  9636. min-height: 80vh;
  9637. }
  9638. .modal_stretch .modal-dialog .modal-body {
  9639. max-height: calc(100vh - 200px);
  9640. overflow: auto;
  9641. flex: 1;
  9642. }
  9643. .modal-header {
  9644. cursor: move;
  9645. }
  9646. @media (min-width: 768px) {
  9647. .modal .modal-dialog {
  9648. width: 700px;
  9649. }
  9650. }
  9651. @media (min-width: 768px) {
  9652. select.form-control {
  9653. margin-left: 12px;
  9654. margin-right: 12px;
  9655. }
  9656. }
  9657. /*!
  9658. *
  9659. * IPython auth
  9660. *
  9661. */
  9662. .center-nav {
  9663. display: inline-block;
  9664. margin-bottom: -4px;
  9665. }
  9666. [dir="rtl"] .center-nav form.pull-left {
  9667. float: right !important;
  9668. float: right;
  9669. }
  9670. [dir="rtl"] .center-nav .navbar-text {
  9671. float: right;
  9672. }
  9673. [dir="rtl"] .navbar-inner {
  9674. text-align: right;
  9675. }
  9676. [dir="rtl"] div.text-left {
  9677. text-align: right;
  9678. }
  9679. /*!
  9680. *
  9681. * IPython tree view
  9682. *
  9683. */
  9684. /* We need an invisible input field on top of the sentense*/
  9685. /* "Drag file onto the list ..." */
  9686. .alternate_upload {
  9687. background-color: none;
  9688. display: inline;
  9689. }
  9690. .alternate_upload.form {
  9691. padding: 0;
  9692. margin: 0;
  9693. }
  9694. .alternate_upload input.fileinput {
  9695. position: absolute;
  9696. display: block;
  9697. width: 100%;
  9698. height: 100%;
  9699. overflow: hidden;
  9700. cursor: pointer;
  9701. opacity: 0;
  9702. z-index: 2;
  9703. }
  9704. .alternate_upload .btn-xs > input.fileinput {
  9705. margin: -1px -5px;
  9706. }
  9707. .alternate_upload .btn-upload {
  9708. position: relative;
  9709. height: 22px;
  9710. }
  9711. ::-webkit-file-upload-button {
  9712. cursor: pointer;
  9713. }
  9714. /**
  9715. * Primary styles
  9716. *
  9717. * Author: Jupyter Development Team
  9718. */
  9719. ul#tabs {
  9720. margin-bottom: 4px;
  9721. }
  9722. ul#tabs a {
  9723. padding-top: 6px;
  9724. padding-bottom: 4px;
  9725. }
  9726. [dir="rtl"] ul#tabs.nav-tabs > li {
  9727. float: right;
  9728. }
  9729. [dir="rtl"] ul#tabs.nav.nav-tabs {
  9730. padding-right: 0;
  9731. }
  9732. ul.breadcrumb a:focus,
  9733. ul.breadcrumb a:hover {
  9734. text-decoration: none;
  9735. }
  9736. ul.breadcrumb i.icon-home {
  9737. font-size: 16px;
  9738. margin-right: 4px;
  9739. }
  9740. ul.breadcrumb span {
  9741. color: #5e5e5e;
  9742. }
  9743. .list_toolbar {
  9744. padding: 4px 0 4px 0;
  9745. vertical-align: middle;
  9746. }
  9747. .list_toolbar .tree-buttons {
  9748. padding-top: 1px;
  9749. }
  9750. [dir="rtl"] .list_toolbar .tree-buttons .pull-right {
  9751. float: left !important;
  9752. float: left;
  9753. }
  9754. [dir="rtl"] .list_toolbar .col-sm-4,
  9755. [dir="rtl"] .list_toolbar .col-sm-8 {
  9756. float: right;
  9757. }
  9758. .dynamic-buttons {
  9759. padding-top: 3px;
  9760. display: inline-block;
  9761. }
  9762. .list_toolbar [class*="span"] {
  9763. min-height: 24px;
  9764. }
  9765. .list_header {
  9766. font-weight: bold;
  9767. background-color: #EEE;
  9768. }
  9769. .list_placeholder {
  9770. font-weight: bold;
  9771. padding-top: 4px;
  9772. padding-bottom: 4px;
  9773. padding-left: 7px;
  9774. padding-right: 7px;
  9775. }
  9776. .list_container {
  9777. margin-top: 4px;
  9778. margin-bottom: 20px;
  9779. border: 1px solid #ddd;
  9780. border-radius: 2px;
  9781. }
  9782. .list_container > div {
  9783. border-bottom: 1px solid #ddd;
  9784. }
  9785. .list_container > div:hover .list-item {
  9786. background-color: red;
  9787. }
  9788. .list_container > div:last-child {
  9789. border: none;
  9790. }
  9791. .list_item:hover .list_item {
  9792. background-color: #ddd;
  9793. }
  9794. .list_item a {
  9795. text-decoration: none;
  9796. }
  9797. .list_item:hover {
  9798. background-color: #fafafa;
  9799. }
  9800. .list_header > div,
  9801. .list_item > div {
  9802. padding-top: 4px;
  9803. padding-bottom: 4px;
  9804. padding-left: 7px;
  9805. padding-right: 7px;
  9806. line-height: 22px;
  9807. }
  9808. .list_header > div input,
  9809. .list_item > div input {
  9810. margin-right: 7px;
  9811. margin-left: 14px;
  9812. vertical-align: text-bottom;
  9813. line-height: 22px;
  9814. position: relative;
  9815. top: -1px;
  9816. }
  9817. .list_header > div .item_link,
  9818. .list_item > div .item_link {
  9819. margin-left: -1px;
  9820. vertical-align: baseline;
  9821. line-height: 22px;
  9822. }
  9823. [dir="rtl"] .list_item > div input {
  9824. margin-right: 0;
  9825. }
  9826. .new-file input[type=checkbox] {
  9827. visibility: hidden;
  9828. }
  9829. .item_name {
  9830. line-height: 22px;
  9831. height: 24px;
  9832. }
  9833. .item_icon {
  9834. font-size: 14px;
  9835. color: #5e5e5e;
  9836. margin-right: 7px;
  9837. margin-left: 7px;
  9838. line-height: 22px;
  9839. vertical-align: baseline;
  9840. }
  9841. .item_modified {
  9842. margin-right: 7px;
  9843. margin-left: 7px;
  9844. }
  9845. [dir="rtl"] .item_modified.pull-right {
  9846. float: left !important;
  9847. float: left;
  9848. }
  9849. .item_buttons {
  9850. line-height: 1em;
  9851. margin-left: -5px;
  9852. }
  9853. .item_buttons .btn,
  9854. .item_buttons .btn-group,
  9855. .item_buttons .input-group {
  9856. float: left;
  9857. }
  9858. .item_buttons > .btn,
  9859. .item_buttons > .btn-group,
  9860. .item_buttons > .input-group {
  9861. margin-left: 5px;
  9862. }
  9863. .item_buttons .btn {
  9864. min-width: 13ex;
  9865. }
  9866. .item_buttons .running-indicator {
  9867. padding-top: 4px;
  9868. color: #5cb85c;
  9869. }
  9870. .item_buttons .kernel-name {
  9871. padding-top: 4px;
  9872. color: #5bc0de;
  9873. margin-right: 7px;
  9874. float: left;
  9875. }
  9876. [dir="rtl"] .item_buttons.pull-right {
  9877. float: left !important;
  9878. float: left;
  9879. }
  9880. [dir="rtl"] .item_buttons .kernel-name {
  9881. margin-left: 7px;
  9882. float: right;
  9883. }
  9884. .toolbar_info {
  9885. height: 24px;
  9886. line-height: 24px;
  9887. }
  9888. .list_item input:not([type=checkbox]) {
  9889. padding-top: 3px;
  9890. padding-bottom: 3px;
  9891. height: 22px;
  9892. line-height: 14px;
  9893. margin: 0px;
  9894. }
  9895. .highlight_text {
  9896. color: blue;
  9897. }
  9898. #project_name {
  9899. display: inline-block;
  9900. padding-left: 7px;
  9901. margin-left: -2px;
  9902. }
  9903. #project_name > .breadcrumb {
  9904. padding: 0px;
  9905. margin-bottom: 0px;
  9906. background-color: transparent;
  9907. font-weight: bold;
  9908. }
  9909. .sort_button {
  9910. display: inline-block;
  9911. padding-left: 7px;
  9912. }
  9913. [dir="rtl"] .sort_button.pull-right {
  9914. float: left !important;
  9915. float: left;
  9916. }
  9917. #tree-selector {
  9918. padding-right: 0px;
  9919. }
  9920. #button-select-all {
  9921. min-width: 50px;
  9922. }
  9923. [dir="rtl"] #button-select-all.btn {
  9924. float: right ;
  9925. }
  9926. #select-all {
  9927. margin-left: 7px;
  9928. margin-right: 2px;
  9929. margin-top: 2px;
  9930. height: 16px;
  9931. }
  9932. [dir="rtl"] #select-all.pull-left {
  9933. float: right !important;
  9934. float: right;
  9935. }
  9936. .menu_icon {
  9937. margin-right: 2px;
  9938. }
  9939. .tab-content .row {
  9940. margin-left: 0px;
  9941. margin-right: 0px;
  9942. }
  9943. .folder_icon:before {
  9944. display: inline-block;
  9945. font: normal normal normal 14px/1 FontAwesome;
  9946. font-size: inherit;
  9947. text-rendering: auto;
  9948. -webkit-font-smoothing: antialiased;
  9949. -moz-osx-font-smoothing: grayscale;
  9950. content: "\f114";
  9951. }
  9952. .folder_icon:before.fa-pull-left {
  9953. margin-right: .3em;
  9954. }
  9955. .folder_icon:before.fa-pull-right {
  9956. margin-left: .3em;
  9957. }
  9958. .folder_icon:before.pull-left {
  9959. margin-right: .3em;
  9960. }
  9961. .folder_icon:before.pull-right {
  9962. margin-left: .3em;
  9963. }
  9964. .notebook_icon:before {
  9965. display: inline-block;
  9966. font: normal normal normal 14px/1 FontAwesome;
  9967. font-size: inherit;
  9968. text-rendering: auto;
  9969. -webkit-font-smoothing: antialiased;
  9970. -moz-osx-font-smoothing: grayscale;
  9971. content: "\f02d";
  9972. position: relative;
  9973. top: -1px;
  9974. }
  9975. .notebook_icon:before.fa-pull-left {
  9976. margin-right: .3em;
  9977. }
  9978. .notebook_icon:before.fa-pull-right {
  9979. margin-left: .3em;
  9980. }
  9981. .notebook_icon:before.pull-left {
  9982. margin-right: .3em;
  9983. }
  9984. .notebook_icon:before.pull-right {
  9985. margin-left: .3em;
  9986. }
  9987. .running_notebook_icon:before {
  9988. display: inline-block;
  9989. font: normal normal normal 14px/1 FontAwesome;
  9990. font-size: inherit;
  9991. text-rendering: auto;
  9992. -webkit-font-smoothing: antialiased;
  9993. -moz-osx-font-smoothing: grayscale;
  9994. content: "\f02d";
  9995. position: relative;
  9996. top: -1px;
  9997. color: #5cb85c;
  9998. }
  9999. .running_notebook_icon:before.fa-pull-left {
  10000. margin-right: .3em;
  10001. }
  10002. .running_notebook_icon:before.fa-pull-right {
  10003. margin-left: .3em;
  10004. }
  10005. .running_notebook_icon:before.pull-left {
  10006. margin-right: .3em;
  10007. }
  10008. .running_notebook_icon:before.pull-right {
  10009. margin-left: .3em;
  10010. }
  10011. .file_icon:before {
  10012. display: inline-block;
  10013. font: normal normal normal 14px/1 FontAwesome;
  10014. font-size: inherit;
  10015. text-rendering: auto;
  10016. -webkit-font-smoothing: antialiased;
  10017. -moz-osx-font-smoothing: grayscale;
  10018. content: "\f016";
  10019. position: relative;
  10020. top: -2px;
  10021. }
  10022. .file_icon:before.fa-pull-left {
  10023. margin-right: .3em;
  10024. }
  10025. .file_icon:before.fa-pull-right {
  10026. margin-left: .3em;
  10027. }
  10028. .file_icon:before.pull-left {
  10029. margin-right: .3em;
  10030. }
  10031. .file_icon:before.pull-right {
  10032. margin-left: .3em;
  10033. }
  10034. #notebook_toolbar .pull-right {
  10035. padding-top: 0px;
  10036. margin-right: -1px;
  10037. }
  10038. ul#new-menu {
  10039. left: auto;
  10040. right: 0;
  10041. }
  10042. #new-menu .dropdown-header {
  10043. font-size: 10px;
  10044. border-bottom: 1px solid #e5e5e5;
  10045. padding: 0 0 3px;
  10046. margin: -3px 20px 0;
  10047. }
  10048. .kernel-menu-icon {
  10049. padding-right: 12px;
  10050. width: 24px;
  10051. content: "\f096";
  10052. }
  10053. .kernel-menu-icon:before {
  10054. content: "\f096";
  10055. }
  10056. .kernel-menu-icon-current:before {
  10057. content: "\f00c";
  10058. }
  10059. #tab_content {
  10060. padding-top: 20px;
  10061. }
  10062. #running .panel-group .panel {
  10063. margin-top: 3px;
  10064. margin-bottom: 1em;
  10065. }
  10066. #running .panel-group .panel .panel-heading {
  10067. background-color: #EEE;
  10068. padding-top: 4px;
  10069. padding-bottom: 4px;
  10070. padding-left: 7px;
  10071. padding-right: 7px;
  10072. line-height: 22px;
  10073. }
  10074. #running .panel-group .panel .panel-heading a:focus,
  10075. #running .panel-group .panel .panel-heading a:hover {
  10076. text-decoration: none;
  10077. }
  10078. #running .panel-group .panel .panel-body {
  10079. padding: 0px;
  10080. }
  10081. #running .panel-group .panel .panel-body .list_container {
  10082. margin-top: 0px;
  10083. margin-bottom: 0px;
  10084. border: 0px;
  10085. border-radius: 0px;
  10086. }
  10087. #running .panel-group .panel .panel-body .list_container .list_item {
  10088. border-bottom: 1px solid #ddd;
  10089. }
  10090. #running .panel-group .panel .panel-body .list_container .list_item:last-child {
  10091. border-bottom: 0px;
  10092. }
  10093. .delete-button {
  10094. display: none;
  10095. }
  10096. .duplicate-button {
  10097. display: none;
  10098. }
  10099. .rename-button {
  10100. display: none;
  10101. }
  10102. .move-button {
  10103. display: none;
  10104. }
  10105. .download-button {
  10106. display: none;
  10107. }
  10108. .shutdown-button {
  10109. display: none;
  10110. }
  10111. .dynamic-instructions {
  10112. display: inline-block;
  10113. padding-top: 4px;
  10114. }
  10115. /*!
  10116. *
  10117. * IPython text editor webapp
  10118. *
  10119. */
  10120. .selected-keymap i.fa {
  10121. padding: 0px 5px;
  10122. }
  10123. .selected-keymap i.fa:before {
  10124. content: "\f00c";
  10125. }
  10126. #mode-menu {
  10127. overflow: auto;
  10128. max-height: 20em;
  10129. }
  10130. .edit_app #header {
  10131. -webkit-box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
  10132. box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
  10133. }
  10134. .edit_app #menubar .navbar {
  10135. /* Use a negative 1 bottom margin, so the border overlaps the border of the
  10136. header */
  10137. margin-bottom: -1px;
  10138. }
  10139. .dirty-indicator {
  10140. display: inline-block;
  10141. font: normal normal normal 14px/1 FontAwesome;
  10142. font-size: inherit;
  10143. text-rendering: auto;
  10144. -webkit-font-smoothing: antialiased;
  10145. -moz-osx-font-smoothing: grayscale;
  10146. width: 20px;
  10147. }
  10148. .dirty-indicator.fa-pull-left {
  10149. margin-right: .3em;
  10150. }
  10151. .dirty-indicator.fa-pull-right {
  10152. margin-left: .3em;
  10153. }
  10154. .dirty-indicator.pull-left {
  10155. margin-right: .3em;
  10156. }
  10157. .dirty-indicator.pull-right {
  10158. margin-left: .3em;
  10159. }
  10160. .dirty-indicator-dirty {
  10161. display: inline-block;
  10162. font: normal normal normal 14px/1 FontAwesome;
  10163. font-size: inherit;
  10164. text-rendering: auto;
  10165. -webkit-font-smoothing: antialiased;
  10166. -moz-osx-font-smoothing: grayscale;
  10167. width: 20px;
  10168. }
  10169. .dirty-indicator-dirty.fa-pull-left {
  10170. margin-right: .3em;
  10171. }
  10172. .dirty-indicator-dirty.fa-pull-right {
  10173. margin-left: .3em;
  10174. }
  10175. .dirty-indicator-dirty.pull-left {
  10176. margin-right: .3em;
  10177. }
  10178. .dirty-indicator-dirty.pull-right {
  10179. margin-left: .3em;
  10180. }
  10181. .dirty-indicator-clean {
  10182. display: inline-block;
  10183. font: normal normal normal 14px/1 FontAwesome;
  10184. font-size: inherit;
  10185. text-rendering: auto;
  10186. -webkit-font-smoothing: antialiased;
  10187. -moz-osx-font-smoothing: grayscale;
  10188. width: 20px;
  10189. }
  10190. .dirty-indicator-clean.fa-pull-left {
  10191. margin-right: .3em;
  10192. }
  10193. .dirty-indicator-clean.fa-pull-right {
  10194. margin-left: .3em;
  10195. }
  10196. .dirty-indicator-clean.pull-left {
  10197. margin-right: .3em;
  10198. }
  10199. .dirty-indicator-clean.pull-right {
  10200. margin-left: .3em;
  10201. }
  10202. .dirty-indicator-clean:before {
  10203. display: inline-block;
  10204. font: normal normal normal 14px/1 FontAwesome;
  10205. font-size: inherit;
  10206. text-rendering: auto;
  10207. -webkit-font-smoothing: antialiased;
  10208. -moz-osx-font-smoothing: grayscale;
  10209. content: "\f00c";
  10210. }
  10211. .dirty-indicator-clean:before.fa-pull-left {
  10212. margin-right: .3em;
  10213. }
  10214. .dirty-indicator-clean:before.fa-pull-right {
  10215. margin-left: .3em;
  10216. }
  10217. .dirty-indicator-clean:before.pull-left {
  10218. margin-right: .3em;
  10219. }
  10220. .dirty-indicator-clean:before.pull-right {
  10221. margin-left: .3em;
  10222. }
  10223. #filename {
  10224. font-size: 16pt;
  10225. display: table;
  10226. padding: 0px 5px;
  10227. }
  10228. #current-mode {
  10229. padding-left: 5px;
  10230. padding-right: 5px;
  10231. }
  10232. #texteditor-backdrop {
  10233. padding-top: 20px;
  10234. padding-bottom: 20px;
  10235. }
  10236. @media not print {
  10237. #texteditor-backdrop {
  10238. background-color: #EEE;
  10239. }
  10240. }
  10241. @media print {
  10242. #texteditor-backdrop #texteditor-container .CodeMirror-gutter,
  10243. #texteditor-backdrop #texteditor-container .CodeMirror-gutters {
  10244. background-color: #fff;
  10245. }
  10246. }
  10247. @media not print {
  10248. #texteditor-backdrop #texteditor-container .CodeMirror-gutter,
  10249. #texteditor-backdrop #texteditor-container .CodeMirror-gutters {
  10250. background-color: #fff;
  10251. }
  10252. }
  10253. @media not print {
  10254. #texteditor-backdrop #texteditor-container {
  10255. padding: 0px;
  10256. background-color: #fff;
  10257. -webkit-box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
  10258. box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
  10259. }
  10260. }
  10261. .CodeMirror-dialog {
  10262. background-color: #fff;
  10263. }
  10264. /*!
  10265. *
  10266. * IPython notebook
  10267. *
  10268. */
  10269. /* CSS font colors for translated ANSI escape sequences */
  10270. /* The color values are a mix of
  10271. http://www.xcolors.net/dl/baskerville-ivorylight and
  10272. http://www.xcolors.net/dl/euphrasia */
  10273. .ansi-black-fg {
  10274. color: #3E424D;
  10275. }
  10276. .ansi-black-bg {
  10277. background-color: #3E424D;
  10278. }
  10279. .ansi-black-intense-fg {
  10280. color: #282C36;
  10281. }
  10282. .ansi-black-intense-bg {
  10283. background-color: #282C36;
  10284. }
  10285. .ansi-red-fg {
  10286. color: #E75C58;
  10287. }
  10288. .ansi-red-bg {
  10289. background-color: #E75C58;
  10290. }
  10291. .ansi-red-intense-fg {
  10292. color: #B22B31;
  10293. }
  10294. .ansi-red-intense-bg {
  10295. background-color: #B22B31;
  10296. }
  10297. .ansi-green-fg {
  10298. color: #00A250;
  10299. }
  10300. .ansi-green-bg {
  10301. background-color: #00A250;
  10302. }
  10303. .ansi-green-intense-fg {
  10304. color: #007427;
  10305. }
  10306. .ansi-green-intense-bg {
  10307. background-color: #007427;
  10308. }
  10309. .ansi-yellow-fg {
  10310. color: #DDB62B;
  10311. }
  10312. .ansi-yellow-bg {
  10313. background-color: #DDB62B;
  10314. }
  10315. .ansi-yellow-intense-fg {
  10316. color: #B27D12;
  10317. }
  10318. .ansi-yellow-intense-bg {
  10319. background-color: #B27D12;
  10320. }
  10321. .ansi-blue-fg {
  10322. color: #208FFB;
  10323. }
  10324. .ansi-blue-bg {
  10325. background-color: #208FFB;
  10326. }
  10327. .ansi-blue-intense-fg {
  10328. color: #0065CA;
  10329. }
  10330. .ansi-blue-intense-bg {
  10331. background-color: #0065CA;
  10332. }
  10333. .ansi-magenta-fg {
  10334. color: #D160C4;
  10335. }
  10336. .ansi-magenta-bg {
  10337. background-color: #D160C4;
  10338. }
  10339. .ansi-magenta-intense-fg {
  10340. color: #A03196;
  10341. }
  10342. .ansi-magenta-intense-bg {
  10343. background-color: #A03196;
  10344. }
  10345. .ansi-cyan-fg {
  10346. color: #60C6C8;
  10347. }
  10348. .ansi-cyan-bg {
  10349. background-color: #60C6C8;
  10350. }
  10351. .ansi-cyan-intense-fg {
  10352. color: #258F8F;
  10353. }
  10354. .ansi-cyan-intense-bg {
  10355. background-color: #258F8F;
  10356. }
  10357. .ansi-white-fg {
  10358. color: #C5C1B4;
  10359. }
  10360. .ansi-white-bg {
  10361. background-color: #C5C1B4;
  10362. }
  10363. .ansi-white-intense-fg {
  10364. color: #A1A6B2;
  10365. }
  10366. .ansi-white-intense-bg {
  10367. background-color: #A1A6B2;
  10368. }
  10369. .ansi-default-inverse-fg {
  10370. color: #FFFFFF;
  10371. }
  10372. .ansi-default-inverse-bg {
  10373. background-color: #000000;
  10374. }
  10375. .ansi-bold {
  10376. font-weight: bold;
  10377. }
  10378. .ansi-underline {
  10379. text-decoration: underline;
  10380. }
  10381. /* The following styles are deprecated an will be removed in a future version */
  10382. .ansibold {
  10383. font-weight: bold;
  10384. }
  10385. .ansi-inverse {
  10386. outline: 0.5px dotted;
  10387. }
  10388. /* use dark versions for foreground, to improve visibility */
  10389. .ansiblack {
  10390. color: black;
  10391. }
  10392. .ansired {
  10393. color: darkred;
  10394. }
  10395. .ansigreen {
  10396. color: darkgreen;
  10397. }
  10398. .ansiyellow {
  10399. color: #c4a000;
  10400. }
  10401. .ansiblue {
  10402. color: darkblue;
  10403. }
  10404. .ansipurple {
  10405. color: darkviolet;
  10406. }
  10407. .ansicyan {
  10408. color: steelblue;
  10409. }
  10410. .ansigray {
  10411. color: gray;
  10412. }
  10413. /* and light for background, for the same reason */
  10414. .ansibgblack {
  10415. background-color: black;
  10416. }
  10417. .ansibgred {
  10418. background-color: red;
  10419. }
  10420. .ansibggreen {
  10421. background-color: green;
  10422. }
  10423. .ansibgyellow {
  10424. background-color: yellow;
  10425. }
  10426. .ansibgblue {
  10427. background-color: blue;
  10428. }
  10429. .ansibgpurple {
  10430. background-color: magenta;
  10431. }
  10432. .ansibgcyan {
  10433. background-color: cyan;
  10434. }
  10435. .ansibggray {
  10436. background-color: gray;
  10437. }
  10438. div.cell {
  10439. /* Old browsers */
  10440. display: -webkit-box;
  10441. -webkit-box-orient: vertical;
  10442. -webkit-box-align: stretch;
  10443. display: -moz-box;
  10444. -moz-box-orient: vertical;
  10445. -moz-box-align: stretch;
  10446. display: box;
  10447. box-orient: vertical;
  10448. box-align: stretch;
  10449. /* Modern browsers */
  10450. display: flex;
  10451. flex-direction: column;
  10452. align-items: stretch;
  10453. border-radius: 2px;
  10454. box-sizing: border-box;
  10455. -moz-box-sizing: border-box;
  10456. -webkit-box-sizing: border-box;
  10457. border-width: 1px;
  10458. border-style: solid;
  10459. border-color: transparent;
  10460. width: 100%;
  10461. padding: 5px;
  10462. /* This acts as a spacer between cells, that is outside the border */
  10463. margin: 0px;
  10464. outline: none;
  10465. position: relative;
  10466. overflow: visible;
  10467. }
  10468. div.cell:before {
  10469. position: absolute;
  10470. display: block;
  10471. top: -1px;
  10472. left: -1px;
  10473. width: 5px;
  10474. height: calc(100% + 2px);
  10475. content: '';
  10476. background: transparent;
  10477. }
  10478. div.cell.jupyter-soft-selected {
  10479. border-left-color: #E3F2FD;
  10480. border-left-width: 1px;
  10481. padding-left: 5px;
  10482. border-right-color: #E3F2FD;
  10483. border-right-width: 1px;
  10484. background: #E3F2FD;
  10485. }
  10486. @media print {
  10487. div.cell.jupyter-soft-selected {
  10488. border-color: transparent;
  10489. }
  10490. }
  10491. div.cell.selected,
  10492. div.cell.selected.jupyter-soft-selected {
  10493. border-color: #ababab;
  10494. }
  10495. div.cell.selected:before,
  10496. div.cell.selected.jupyter-soft-selected:before {
  10497. position: absolute;
  10498. display: block;
  10499. top: -1px;
  10500. left: -1px;
  10501. width: 5px;
  10502. height: calc(100% + 2px);
  10503. content: '';
  10504. background: #42A5F5;
  10505. }
  10506. @media print {
  10507. div.cell.selected,
  10508. div.cell.selected.jupyter-soft-selected {
  10509. border-color: transparent;
  10510. }
  10511. }
  10512. .edit_mode div.cell.selected {
  10513. border-color: #66BB6A;
  10514. }
  10515. .edit_mode div.cell.selected:before {
  10516. position: absolute;
  10517. display: block;
  10518. top: -1px;
  10519. left: -1px;
  10520. width: 5px;
  10521. height: calc(100% + 2px);
  10522. content: '';
  10523. background: #66BB6A;
  10524. }
  10525. @media print {
  10526. .edit_mode div.cell.selected {
  10527. border-color: transparent;
  10528. }
  10529. }
  10530. .prompt {
  10531. /* This needs to be wide enough for 3 digit prompt numbers: In[100]: */
  10532. min-width: 14ex;
  10533. /* This padding is tuned to match the padding on the CodeMirror editor. */
  10534. padding: 0.4em;
  10535. margin: 0px;
  10536. font-family: monospace;
  10537. text-align: right;
  10538. /* This has to match that of the the CodeMirror class line-height below */
  10539. line-height: 1.21429em;
  10540. /* Don't highlight prompt number selection */
  10541. -webkit-touch-callout: none;
  10542. -webkit-user-select: none;
  10543. -khtml-user-select: none;
  10544. -moz-user-select: none;
  10545. -ms-user-select: none;
  10546. user-select: none;
  10547. /* Use default cursor */
  10548. cursor: default;
  10549. }
  10550. @media (max-width: 540px) {
  10551. .prompt {
  10552. text-align: left;
  10553. }
  10554. }
  10555. div.inner_cell {
  10556. min-width: 0;
  10557. /* Old browsers */
  10558. display: -webkit-box;
  10559. -webkit-box-orient: vertical;
  10560. -webkit-box-align: stretch;
  10561. display: -moz-box;
  10562. -moz-box-orient: vertical;
  10563. -moz-box-align: stretch;
  10564. display: box;
  10565. box-orient: vertical;
  10566. box-align: stretch;
  10567. /* Modern browsers */
  10568. display: flex;
  10569. flex-direction: column;
  10570. align-items: stretch;
  10571. /* Old browsers */
  10572. -webkit-box-flex: 1;
  10573. -moz-box-flex: 1;
  10574. box-flex: 1;
  10575. /* Modern browsers */
  10576. flex: 1;
  10577. }
  10578. /* input_area and input_prompt must match in top border and margin for alignment */
  10579. div.input_area {
  10580. border: 1px solid #cfcfcf;
  10581. border-radius: 2px;
  10582. background: #f7f7f7;
  10583. line-height: 1.21429em;
  10584. }
  10585. /* This is needed so that empty prompt areas can collapse to zero height when there
  10586. is no content in the output_subarea and the prompt. The main purpose of this is
  10587. to make sure that empty JavaScript output_subareas have no height. */
  10588. div.prompt:empty {
  10589. padding-top: 0;
  10590. padding-bottom: 0;
  10591. }
  10592. div.unrecognized_cell {
  10593. padding: 5px 5px 5px 0px;
  10594. /* Old browsers */
  10595. display: -webkit-box;
  10596. -webkit-box-orient: horizontal;
  10597. -webkit-box-align: stretch;
  10598. display: -moz-box;
  10599. -moz-box-orient: horizontal;
  10600. -moz-box-align: stretch;
  10601. display: box;
  10602. box-orient: horizontal;
  10603. box-align: stretch;
  10604. /* Modern browsers */
  10605. display: flex;
  10606. flex-direction: row;
  10607. align-items: stretch;
  10608. }
  10609. div.unrecognized_cell .inner_cell {
  10610. border-radius: 2px;
  10611. padding: 5px;
  10612. font-weight: bold;
  10613. color: red;
  10614. border: 1px solid #cfcfcf;
  10615. background: #eaeaea;
  10616. }
  10617. div.unrecognized_cell .inner_cell a {
  10618. color: inherit;
  10619. text-decoration: none;
  10620. }
  10621. div.unrecognized_cell .inner_cell a:hover {
  10622. color: inherit;
  10623. text-decoration: none;
  10624. }
  10625. @media (max-width: 540px) {
  10626. div.unrecognized_cell > div.prompt {
  10627. display: none;
  10628. }
  10629. }
  10630. div.code_cell {
  10631. /* avoid page breaking on code cells when printing */
  10632. }
  10633. @media print {
  10634. div.code_cell {
  10635. page-break-inside: avoid;
  10636. }
  10637. }
  10638. /* any special styling for code cells that are currently running goes here */
  10639. div.input {
  10640. page-break-inside: avoid;
  10641. /* Old browsers */
  10642. display: -webkit-box;
  10643. -webkit-box-orient: horizontal;
  10644. -webkit-box-align: stretch;
  10645. display: -moz-box;
  10646. -moz-box-orient: horizontal;
  10647. -moz-box-align: stretch;
  10648. display: box;
  10649. box-orient: horizontal;
  10650. box-align: stretch;
  10651. /* Modern browsers */
  10652. display: flex;
  10653. flex-direction: row;
  10654. align-items: stretch;
  10655. }
  10656. @media (max-width: 540px) {
  10657. div.input {
  10658. /* Old browsers */
  10659. display: -webkit-box;
  10660. -webkit-box-orient: vertical;
  10661. -webkit-box-align: stretch;
  10662. display: -moz-box;
  10663. -moz-box-orient: vertical;
  10664. -moz-box-align: stretch;
  10665. display: box;
  10666. box-orient: vertical;
  10667. box-align: stretch;
  10668. /* Modern browsers */
  10669. display: flex;
  10670. flex-direction: column;
  10671. align-items: stretch;
  10672. }
  10673. }
  10674. /* input_area and input_prompt must match in top border and margin for alignment */
  10675. div.input_prompt {
  10676. color: #303F9F;
  10677. border-top: 1px solid transparent;
  10678. }
  10679. div.input_area > div.highlight {
  10680. margin: 0.4em;
  10681. border: none;
  10682. padding: 0px;
  10683. background-color: transparent;
  10684. }
  10685. div.input_area > div.highlight > pre {
  10686. margin: 0px;
  10687. border: none;
  10688. padding: 0px;
  10689. background-color: transparent;
  10690. }
  10691. /* The following gets added to the <head> if it is detected that the user has a
  10692. * monospace font with inconsistent normal/bold/italic height. See
  10693. * notebookmain.js. Such fonts will have keywords vertically offset with
  10694. * respect to the rest of the text. The user should select a better font.
  10695. * See: https://github.com/ipython/ipython/issues/1503
  10696. *
  10697. * .CodeMirror span {
  10698. * vertical-align: bottom;
  10699. * }
  10700. */
  10701. .CodeMirror {
  10702. line-height: 1.21429em;
  10703. /* Changed from 1em to our global default */
  10704. font-size: 14px;
  10705. height: auto;
  10706. /* Changed to auto to autogrow */
  10707. background: none;
  10708. /* Changed from white to allow our bg to show through */
  10709. }
  10710. .CodeMirror-scroll {
  10711. /* The CodeMirror docs are a bit fuzzy on if overflow-y should be hidden or visible.*/
  10712. /* We have found that if it is visible, vertical scrollbars appear with font size changes.*/
  10713. overflow-y: hidden;
  10714. overflow-x: auto;
  10715. }
  10716. .CodeMirror-lines {
  10717. /* In CM2, this used to be 0.4em, but in CM3 it went to 4px. We need the em value because */
  10718. /* we have set a different line-height and want this to scale with that. */
  10719. /* Note that this should set vertical padding only, since CodeMirror assumes
  10720. that horizontal padding will be set on CodeMirror pre */
  10721. padding: 0.4em 0;
  10722. }
  10723. .CodeMirror-linenumber {
  10724. padding: 0 8px 0 4px;
  10725. }
  10726. .CodeMirror-gutters {
  10727. border-bottom-left-radius: 2px;
  10728. border-top-left-radius: 2px;
  10729. }
  10730. .CodeMirror pre {
  10731. /* In CM3 this went to 4px from 0 in CM2. This sets horizontal padding only,
  10732. use .CodeMirror-lines for vertical */
  10733. padding: 0 0.4em;
  10734. border: 0;
  10735. border-radius: 0;
  10736. }
  10737. .CodeMirror-cursor {
  10738. border-left: 1.4px solid black;
  10739. }
  10740. @media screen and (min-width: 2138px) and (max-width: 4319px) {
  10741. .CodeMirror-cursor {
  10742. border-left: 2px solid black;
  10743. }
  10744. }
  10745. @media screen and (min-width: 4320px) {
  10746. .CodeMirror-cursor {
  10747. border-left: 4px solid black;
  10748. }
  10749. }
  10750. /*
  10751. Original style from softwaremaniacs.org (c) Ivan Sagalaev <Maniac@SoftwareManiacs.Org>
  10752. Adapted from GitHub theme
  10753. */
  10754. .highlight-base {
  10755. color: #000;
  10756. }
  10757. .highlight-variable {
  10758. color: #000;
  10759. }
  10760. .highlight-variable-2 {
  10761. color: #1a1a1a;
  10762. }
  10763. .highlight-variable-3 {
  10764. color: #333333;
  10765. }
  10766. .highlight-string {
  10767. color: #BA2121;
  10768. }
  10769. .highlight-comment {
  10770. color: #408080;
  10771. font-style: italic;
  10772. }
  10773. .highlight-number {
  10774. color: #080;
  10775. }
  10776. .highlight-atom {
  10777. color: #88F;
  10778. }
  10779. .highlight-keyword {
  10780. color: #008000;
  10781. font-weight: bold;
  10782. }
  10783. .highlight-builtin {
  10784. color: #008000;
  10785. }
  10786. .highlight-error {
  10787. color: #f00;
  10788. }
  10789. .highlight-operator {
  10790. color: #AA22FF;
  10791. font-weight: bold;
  10792. }
  10793. .highlight-meta {
  10794. color: #AA22FF;
  10795. }
  10796. /* previously not defined, copying from default codemirror */
  10797. .highlight-def {
  10798. color: #00f;
  10799. }
  10800. .highlight-string-2 {
  10801. color: #f50;
  10802. }
  10803. .highlight-qualifier {
  10804. color: #555;
  10805. }
  10806. .highlight-bracket {
  10807. color: #997;
  10808. }
  10809. .highlight-tag {
  10810. color: #170;
  10811. }
  10812. .highlight-attribute {
  10813. color: #00c;
  10814. }
  10815. .highlight-header {
  10816. color: blue;
  10817. }
  10818. .highlight-quote {
  10819. color: #090;
  10820. }
  10821. .highlight-link {
  10822. color: #00c;
  10823. }
  10824. /* apply the same style to codemirror */
  10825. .cm-s-ipython span.cm-keyword {
  10826. color: #008000;
  10827. font-weight: bold;
  10828. }
  10829. .cm-s-ipython span.cm-atom {
  10830. color: #88F;
  10831. }
  10832. .cm-s-ipython span.cm-number {
  10833. color: #080;
  10834. }
  10835. .cm-s-ipython span.cm-def {
  10836. color: #00f;
  10837. }
  10838. .cm-s-ipython span.cm-variable {
  10839. color: #000;
  10840. }
  10841. .cm-s-ipython span.cm-operator {
  10842. color: #AA22FF;
  10843. font-weight: bold;
  10844. }
  10845. .cm-s-ipython span.cm-variable-2 {
  10846. color: #1a1a1a;
  10847. }
  10848. .cm-s-ipython span.cm-variable-3 {
  10849. color: #333333;
  10850. }
  10851. .cm-s-ipython span.cm-comment {
  10852. color: #408080;
  10853. font-style: italic;
  10854. }
  10855. .cm-s-ipython span.cm-string {
  10856. color: #BA2121;
  10857. }
  10858. .cm-s-ipython span.cm-string-2 {
  10859. color: #f50;
  10860. }
  10861. .cm-s-ipython span.cm-meta {
  10862. color: #AA22FF;
  10863. }
  10864. .cm-s-ipython span.cm-qualifier {
  10865. color: #555;
  10866. }
  10867. .cm-s-ipython span.cm-builtin {
  10868. color: #008000;
  10869. }
  10870. .cm-s-ipython span.cm-bracket {
  10871. color: #997;
  10872. }
  10873. .cm-s-ipython span.cm-tag {
  10874. color: #170;
  10875. }
  10876. .cm-s-ipython span.cm-attribute {
  10877. color: #00c;
  10878. }
  10879. .cm-s-ipython span.cm-header {
  10880. color: blue;
  10881. }
  10882. .cm-s-ipython span.cm-quote {
  10883. color: #090;
  10884. }
  10885. .cm-s-ipython span.cm-link {
  10886. color: #00c;
  10887. }
  10888. .cm-s-ipython span.cm-error {
  10889. color: #f00;
  10890. }
  10891. .cm-s-ipython span.cm-tab {
  10892. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAMCAYAAAAkuj5RAAAAAXNSR0IArs4c6QAAAGFJREFUSMft1LsRQFAQheHPowAKoACx3IgEKtaEHujDjORSgWTH/ZOdnZOcM/sgk/kFFWY0qV8foQwS4MKBCS3qR6ixBJvElOobYAtivseIE120FaowJPN75GMu8j/LfMwNjh4HUpwg4LUAAAAASUVORK5CYII=);
  10893. background-position: right;
  10894. background-repeat: no-repeat;
  10895. }
  10896. div.output_wrapper {
  10897. /* this position must be relative to enable descendents to be absolute within it */
  10898. position: relative;
  10899. /* Old browsers */
  10900. display: -webkit-box;
  10901. -webkit-box-orient: vertical;
  10902. -webkit-box-align: stretch;
  10903. display: -moz-box;
  10904. -moz-box-orient: vertical;
  10905. -moz-box-align: stretch;
  10906. display: box;
  10907. box-orient: vertical;
  10908. box-align: stretch;
  10909. /* Modern browsers */
  10910. display: flex;
  10911. flex-direction: column;
  10912. align-items: stretch;
  10913. z-index: 1;
  10914. }
  10915. /* class for the output area when it should be height-limited */
  10916. div.output_scroll {
  10917. /* ideally, this would be max-height, but FF barfs all over that */
  10918. height: 24em;
  10919. /* FF needs this *and the wrapper* to specify full width, or it will shrinkwrap */
  10920. width: 100%;
  10921. overflow: auto;
  10922. border-radius: 2px;
  10923. -webkit-box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.8);
  10924. box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.8);
  10925. display: block;
  10926. }
  10927. /* output div while it is collapsed */
  10928. div.output_collapsed {
  10929. margin: 0px;
  10930. padding: 0px;
  10931. /* Old browsers */
  10932. display: -webkit-box;
  10933. -webkit-box-orient: vertical;
  10934. -webkit-box-align: stretch;
  10935. display: -moz-box;
  10936. -moz-box-orient: vertical;
  10937. -moz-box-align: stretch;
  10938. display: box;
  10939. box-orient: vertical;
  10940. box-align: stretch;
  10941. /* Modern browsers */
  10942. display: flex;
  10943. flex-direction: column;
  10944. align-items: stretch;
  10945. }
  10946. div.out_prompt_overlay {
  10947. height: 100%;
  10948. padding: 0px 0.4em;
  10949. position: absolute;
  10950. border-radius: 2px;
  10951. }
  10952. div.out_prompt_overlay:hover {
  10953. /* use inner shadow to get border that is computed the same on WebKit/FF */
  10954. -webkit-box-shadow: inset 0 0 1px #000;
  10955. box-shadow: inset 0 0 1px #000;
  10956. background: rgba(240, 240, 240, 0.5);
  10957. }
  10958. div.output_prompt {
  10959. color: #D84315;
  10960. }
  10961. /* This class is the outer container of all output sections. */
  10962. div.output_area {
  10963. padding: 0px;
  10964. page-break-inside: avoid;
  10965. /* Old browsers */
  10966. display: -webkit-box;
  10967. -webkit-box-orient: horizontal;
  10968. -webkit-box-align: stretch;
  10969. display: -moz-box;
  10970. -moz-box-orient: horizontal;
  10971. -moz-box-align: stretch;
  10972. display: box;
  10973. box-orient: horizontal;
  10974. box-align: stretch;
  10975. /* Modern browsers */
  10976. display: flex;
  10977. flex-direction: row;
  10978. align-items: stretch;
  10979. }
  10980. div.output_area .MathJax_Display {
  10981. text-align: left !important;
  10982. }
  10983. div.output_area .rendered_html table {
  10984. margin-left: 0;
  10985. margin-right: 0;
  10986. }
  10987. div.output_area .rendered_html img {
  10988. margin-left: 0;
  10989. margin-right: 0;
  10990. }
  10991. div.output_area img,
  10992. div.output_area svg {
  10993. max-width: 100%;
  10994. height: auto;
  10995. }
  10996. div.output_area img.unconfined,
  10997. div.output_area svg.unconfined {
  10998. max-width: none;
  10999. }
  11000. div.output_area .mglyph > img {
  11001. max-width: none;
  11002. }
  11003. /* This is needed to protect the pre formating from global settings such
  11004. as that of bootstrap */
  11005. .output {
  11006. /* Old browsers */
  11007. display: -webkit-box;
  11008. -webkit-box-orient: vertical;
  11009. -webkit-box-align: stretch;
  11010. display: -moz-box;
  11011. -moz-box-orient: vertical;
  11012. -moz-box-align: stretch;
  11013. display: box;
  11014. box-orient: vertical;
  11015. box-align: stretch;
  11016. /* Modern browsers */
  11017. display: flex;
  11018. flex-direction: column;
  11019. align-items: stretch;
  11020. }
  11021. @media (max-width: 540px) {
  11022. div.output_area {
  11023. /* Old browsers */
  11024. display: -webkit-box;
  11025. -webkit-box-orient: vertical;
  11026. -webkit-box-align: stretch;
  11027. display: -moz-box;
  11028. -moz-box-orient: vertical;
  11029. -moz-box-align: stretch;
  11030. display: box;
  11031. box-orient: vertical;
  11032. box-align: stretch;
  11033. /* Modern browsers */
  11034. display: flex;
  11035. flex-direction: column;
  11036. align-items: stretch;
  11037. }
  11038. }
  11039. div.output_area pre {
  11040. margin: 0;
  11041. padding: 1px 0 1px 0;
  11042. border: 0;
  11043. vertical-align: baseline;
  11044. color: black;
  11045. background-color: transparent;
  11046. border-radius: 0;
  11047. }
  11048. /* This class is for the output subarea inside the output_area and after
  11049. the prompt div. */
  11050. div.output_subarea {
  11051. overflow-x: auto;
  11052. padding: 0.4em;
  11053. /* Old browsers */
  11054. -webkit-box-flex: 1;
  11055. -moz-box-flex: 1;
  11056. box-flex: 1;
  11057. /* Modern browsers */
  11058. flex: 1;
  11059. max-width: calc(100% - 14ex);
  11060. }
  11061. div.output_scroll div.output_subarea {
  11062. overflow-x: visible;
  11063. }
  11064. /* The rest of the output_* classes are for special styling of the different
  11065. output types */
  11066. /* all text output has this class: */
  11067. div.output_text {
  11068. text-align: left;
  11069. color: #000;
  11070. /* This has to match that of the the CodeMirror class line-height below */
  11071. line-height: 1.21429em;
  11072. }
  11073. /* stdout/stderr are 'text' as well as 'stream', but execute_result/error are *not* streams */
  11074. div.output_stderr {
  11075. background: #fdd;
  11076. /* very light red background for stderr */
  11077. }
  11078. div.output_latex {
  11079. text-align: left;
  11080. }
  11081. /* Empty output_javascript divs should have no height */
  11082. div.output_javascript:empty {
  11083. padding: 0;
  11084. }
  11085. .js-error {
  11086. color: darkred;
  11087. }
  11088. /* raw_input styles */
  11089. div.raw_input_container {
  11090. line-height: 1.21429em;
  11091. padding-top: 5px;
  11092. }
  11093. pre.raw_input_prompt {
  11094. /* nothing needed here. */
  11095. }
  11096. input.raw_input {
  11097. font-family: monospace;
  11098. font-size: inherit;
  11099. color: inherit;
  11100. width: auto;
  11101. /* make sure input baseline aligns with prompt */
  11102. vertical-align: baseline;
  11103. /* padding + margin = 0.5em between prompt and cursor */
  11104. padding: 0em 0.25em;
  11105. margin: 0em 0.25em;
  11106. }
  11107. input.raw_input:focus {
  11108. box-shadow: none;
  11109. }
  11110. p.p-space {
  11111. margin-bottom: 10px;
  11112. }
  11113. div.output_unrecognized {
  11114. padding: 5px;
  11115. font-weight: bold;
  11116. color: red;
  11117. }
  11118. div.output_unrecognized a {
  11119. color: inherit;
  11120. text-decoration: none;
  11121. }
  11122. div.output_unrecognized a:hover {
  11123. color: inherit;
  11124. text-decoration: none;
  11125. }
  11126. .rendered_html {
  11127. color: #000;
  11128. /* any extras will just be numbers: */
  11129. }
  11130. .rendered_html em {
  11131. font-style: italic;
  11132. }
  11133. .rendered_html strong {
  11134. font-weight: bold;
  11135. }
  11136. .rendered_html u {
  11137. text-decoration: underline;
  11138. }
  11139. .rendered_html :link {
  11140. text-decoration: underline;
  11141. }
  11142. .rendered_html :visited {
  11143. text-decoration: underline;
  11144. }
  11145. .rendered_html h1 {
  11146. font-size: 185.7%;
  11147. margin: 1.08em 0 0 0;
  11148. font-weight: bold;
  11149. line-height: 1.0;
  11150. }
  11151. .rendered_html h2 {
  11152. font-size: 157.1%;
  11153. margin: 1.27em 0 0 0;
  11154. font-weight: bold;
  11155. line-height: 1.0;
  11156. }
  11157. .rendered_html h3 {
  11158. font-size: 128.6%;
  11159. margin: 1.55em 0 0 0;
  11160. font-weight: bold;
  11161. line-height: 1.0;
  11162. }
  11163. .rendered_html h4 {
  11164. font-size: 100%;
  11165. margin: 2em 0 0 0;
  11166. font-weight: bold;
  11167. line-height: 1.0;
  11168. }
  11169. .rendered_html h5 {
  11170. font-size: 100%;
  11171. margin: 2em 0 0 0;
  11172. font-weight: bold;
  11173. line-height: 1.0;
  11174. font-style: italic;
  11175. }
  11176. .rendered_html h6 {
  11177. font-size: 100%;
  11178. margin: 2em 0 0 0;
  11179. font-weight: bold;
  11180. line-height: 1.0;
  11181. font-style: italic;
  11182. }
  11183. .rendered_html h1:first-child {
  11184. margin-top: 0.538em;
  11185. }
  11186. .rendered_html h2:first-child {
  11187. margin-top: 0.636em;
  11188. }
  11189. .rendered_html h3:first-child {
  11190. margin-top: 0.777em;
  11191. }
  11192. .rendered_html h4:first-child {
  11193. margin-top: 1em;
  11194. }
  11195. .rendered_html h5:first-child {
  11196. margin-top: 1em;
  11197. }
  11198. .rendered_html h6:first-child {
  11199. margin-top: 1em;
  11200. }
  11201. .rendered_html ul:not(.list-inline),
  11202. .rendered_html ol:not(.list-inline) {
  11203. padding-left: 2em;
  11204. }
  11205. .rendered_html ul {
  11206. list-style: disc;
  11207. }
  11208. .rendered_html ul ul {
  11209. list-style: square;
  11210. margin-top: 0;
  11211. }
  11212. .rendered_html ul ul ul {
  11213. list-style: circle;
  11214. }
  11215. .rendered_html ol {
  11216. list-style: decimal;
  11217. }
  11218. .rendered_html ol ol {
  11219. list-style: upper-alpha;
  11220. margin-top: 0;
  11221. }
  11222. .rendered_html ol ol ol {
  11223. list-style: lower-alpha;
  11224. }
  11225. .rendered_html ol ol ol ol {
  11226. list-style: lower-roman;
  11227. }
  11228. .rendered_html ol ol ol ol ol {
  11229. list-style: decimal;
  11230. }
  11231. .rendered_html * + ul {
  11232. margin-top: 1em;
  11233. }
  11234. .rendered_html * + ol {
  11235. margin-top: 1em;
  11236. }
  11237. .rendered_html hr {
  11238. color: black;
  11239. background-color: black;
  11240. }
  11241. .rendered_html pre {
  11242. margin: 1em 2em;
  11243. padding: 0px;
  11244. background-color: #fff;
  11245. }
  11246. .rendered_html code {
  11247. background-color: #eff0f1;
  11248. }
  11249. .rendered_html p code {
  11250. padding: 1px 5px;
  11251. }
  11252. .rendered_html pre code {
  11253. background-color: #fff;
  11254. }
  11255. .rendered_html pre,
  11256. .rendered_html code {
  11257. border: 0;
  11258. color: #000;
  11259. font-size: 100%;
  11260. }
  11261. .rendered_html blockquote {
  11262. margin: 1em 2em;
  11263. }
  11264. .rendered_html table {
  11265. margin-left: auto;
  11266. margin-right: auto;
  11267. border: none;
  11268. border-collapse: collapse;
  11269. border-spacing: 0;
  11270. color: black;
  11271. font-size: 12px;
  11272. table-layout: fixed;
  11273. }
  11274. .rendered_html thead {
  11275. border-bottom: 1px solid black;
  11276. vertical-align: bottom;
  11277. }
  11278. .rendered_html tr,
  11279. .rendered_html th,
  11280. .rendered_html td {
  11281. text-align: right;
  11282. vertical-align: middle;
  11283. padding: 0.5em 0.5em;
  11284. line-height: normal;
  11285. white-space: normal;
  11286. max-width: none;
  11287. border: none;
  11288. }
  11289. .rendered_html th {
  11290. font-weight: bold;
  11291. }
  11292. .rendered_html tbody tr:nth-child(odd) {
  11293. background: #f5f5f5;
  11294. }
  11295. .rendered_html tbody tr:hover {
  11296. background: rgba(66, 165, 245, 0.2);
  11297. }
  11298. .rendered_html * + table {
  11299. margin-top: 1em;
  11300. }
  11301. .rendered_html p {
  11302. text-align: left;
  11303. }
  11304. .rendered_html * + p {
  11305. margin-top: 1em;
  11306. }
  11307. .rendered_html img {
  11308. display: block;
  11309. margin-left: auto;
  11310. margin-right: auto;
  11311. }
  11312. .rendered_html * + img {
  11313. margin-top: 1em;
  11314. }
  11315. .rendered_html img,
  11316. .rendered_html svg {
  11317. max-width: 100%;
  11318. height: auto;
  11319. }
  11320. .rendered_html img.unconfined,
  11321. .rendered_html svg.unconfined {
  11322. max-width: none;
  11323. }
  11324. .rendered_html .alert {
  11325. margin-bottom: initial;
  11326. }
  11327. .rendered_html * + .alert {
  11328. margin-top: 1em;
  11329. }
  11330. [dir="rtl"] .rendered_html p {
  11331. text-align: right;
  11332. }
  11333. div.text_cell {
  11334. /* Old browsers */
  11335. display: -webkit-box;
  11336. -webkit-box-orient: horizontal;
  11337. -webkit-box-align: stretch;
  11338. display: -moz-box;
  11339. -moz-box-orient: horizontal;
  11340. -moz-box-align: stretch;
  11341. display: box;
  11342. box-orient: horizontal;
  11343. box-align: stretch;
  11344. /* Modern browsers */
  11345. display: flex;
  11346. flex-direction: row;
  11347. align-items: stretch;
  11348. }
  11349. @media (max-width: 540px) {
  11350. div.text_cell > div.prompt {
  11351. display: none;
  11352. }
  11353. }
  11354. div.text_cell_render {
  11355. /*font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;*/
  11356. outline: none;
  11357. resize: none;
  11358. width: inherit;
  11359. border-style: none;
  11360. padding: 0.5em 0.5em 0.5em 0.4em;
  11361. color: #000;
  11362. box-sizing: border-box;
  11363. -moz-box-sizing: border-box;
  11364. -webkit-box-sizing: border-box;
  11365. }
  11366. a.anchor-link:link {
  11367. text-decoration: none;
  11368. padding: 0px 20px;
  11369. visibility: hidden;
  11370. }
  11371. h1:hover .anchor-link,
  11372. h2:hover .anchor-link,
  11373. h3:hover .anchor-link,
  11374. h4:hover .anchor-link,
  11375. h5:hover .anchor-link,
  11376. h6:hover .anchor-link {
  11377. visibility: visible;
  11378. }
  11379. .text_cell.rendered .input_area {
  11380. display: none;
  11381. }
  11382. .text_cell.rendered .rendered_html {
  11383. overflow-x: auto;
  11384. overflow-y: hidden;
  11385. }
  11386. .text_cell.rendered .rendered_html tr,
  11387. .text_cell.rendered .rendered_html th,
  11388. .text_cell.rendered .rendered_html td {
  11389. max-width: none;
  11390. }
  11391. .text_cell.unrendered .text_cell_render {
  11392. display: none;
  11393. }
  11394. .text_cell .dropzone .input_area {
  11395. border: 2px dashed #bababa;
  11396. margin: -1px;
  11397. }
  11398. .cm-header-1,
  11399. .cm-header-2,
  11400. .cm-header-3,
  11401. .cm-header-4,
  11402. .cm-header-5,
  11403. .cm-header-6 {
  11404. font-weight: bold;
  11405. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  11406. }
  11407. .cm-header-1 {
  11408. font-size: 185.7%;
  11409. }
  11410. .cm-header-2 {
  11411. font-size: 157.1%;
  11412. }
  11413. .cm-header-3 {
  11414. font-size: 128.6%;
  11415. }
  11416. .cm-header-4 {
  11417. font-size: 110%;
  11418. }
  11419. .cm-header-5 {
  11420. font-size: 100%;
  11421. font-style: italic;
  11422. }
  11423. .cm-header-6 {
  11424. font-size: 100%;
  11425. font-style: italic;
  11426. }
  11427. /*!
  11428. *
  11429. * IPython notebook webapp
  11430. *
  11431. */
  11432. @media (max-width: 767px) {
  11433. .notebook_app {
  11434. padding-left: 0px;
  11435. padding-right: 0px;
  11436. }
  11437. }
  11438. #ipython-main-app {
  11439. box-sizing: border-box;
  11440. -moz-box-sizing: border-box;
  11441. -webkit-box-sizing: border-box;
  11442. height: 100%;
  11443. }
  11444. div#notebook_panel {
  11445. margin: 0px;
  11446. padding: 0px;
  11447. box-sizing: border-box;
  11448. -moz-box-sizing: border-box;
  11449. -webkit-box-sizing: border-box;
  11450. height: 100%;
  11451. }
  11452. div#notebook {
  11453. font-size: 14px;
  11454. line-height: 20px;
  11455. overflow-y: hidden;
  11456. overflow-x: auto;
  11457. width: 100%;
  11458. /* This spaces the page away from the edge of the notebook area */
  11459. padding-top: 20px;
  11460. margin: 0px;
  11461. outline: none;
  11462. box-sizing: border-box;
  11463. -moz-box-sizing: border-box;
  11464. -webkit-box-sizing: border-box;
  11465. min-height: 100%;
  11466. }
  11467. @media not print {
  11468. #notebook-container {
  11469. padding: 15px;
  11470. background-color: #fff;
  11471. min-height: 0;
  11472. -webkit-box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
  11473. box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
  11474. }
  11475. }
  11476. @media print {
  11477. #notebook-container {
  11478. width: 100%;
  11479. }
  11480. }
  11481. div.ui-widget-content {
  11482. border: 1px solid #ababab;
  11483. outline: none;
  11484. }
  11485. pre.dialog {
  11486. background-color: #f7f7f7;
  11487. border: 1px solid #ddd;
  11488. border-radius: 2px;
  11489. padding: 0.4em;
  11490. padding-left: 2em;
  11491. }
  11492. p.dialog {
  11493. padding: 0.2em;
  11494. }
  11495. /* Word-wrap output correctly. This is the CSS3 spelling, though Firefox seems
  11496. to not honor it correctly. Webkit browsers (Chrome, rekonq, Safari) do.
  11497. */
  11498. pre,
  11499. code,
  11500. kbd,
  11501. samp {
  11502. white-space: pre-wrap;
  11503. }
  11504. #fonttest {
  11505. font-family: monospace;
  11506. }
  11507. p {
  11508. margin-bottom: 0;
  11509. }
  11510. .end_space {
  11511. min-height: 100px;
  11512. transition: height .2s ease;
  11513. }
  11514. .notebook_app > #header {
  11515. -webkit-box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
  11516. box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
  11517. }
  11518. @media not print {
  11519. .notebook_app {
  11520. background-color: #EEE;
  11521. }
  11522. }
  11523. kbd {
  11524. border-style: solid;
  11525. border-width: 1px;
  11526. box-shadow: none;
  11527. margin: 2px;
  11528. padding-left: 2px;
  11529. padding-right: 2px;
  11530. padding-top: 1px;
  11531. padding-bottom: 1px;
  11532. }
  11533. .jupyter-keybindings {
  11534. padding: 1px;
  11535. line-height: 24px;
  11536. border-bottom: 1px solid gray;
  11537. }
  11538. .jupyter-keybindings input {
  11539. margin: 0;
  11540. padding: 0;
  11541. border: none;
  11542. }
  11543. .jupyter-keybindings i {
  11544. padding: 6px;
  11545. }
  11546. .well code {
  11547. background-color: #ffffff;
  11548. border-color: #ababab;
  11549. border-width: 1px;
  11550. border-style: solid;
  11551. padding: 2px;
  11552. padding-top: 1px;
  11553. padding-bottom: 1px;
  11554. }
  11555. /* CSS for the cell toolbar */
  11556. .celltoolbar {
  11557. border: thin solid #CFCFCF;
  11558. border-bottom: none;
  11559. background: #EEE;
  11560. border-radius: 2px 2px 0px 0px;
  11561. width: 100%;
  11562. height: 29px;
  11563. padding-right: 4px;
  11564. /* Old browsers */
  11565. display: -webkit-box;
  11566. -webkit-box-orient: horizontal;
  11567. -webkit-box-align: stretch;
  11568. display: -moz-box;
  11569. -moz-box-orient: horizontal;
  11570. -moz-box-align: stretch;
  11571. display: box;
  11572. box-orient: horizontal;
  11573. box-align: stretch;
  11574. /* Modern browsers */
  11575. display: flex;
  11576. flex-direction: row;
  11577. align-items: stretch;
  11578. /* Old browsers */
  11579. -webkit-box-pack: end;
  11580. -moz-box-pack: end;
  11581. box-pack: end;
  11582. /* Modern browsers */
  11583. justify-content: flex-end;
  11584. display: -webkit-flex;
  11585. }
  11586. @media print {
  11587. .celltoolbar {
  11588. display: none;
  11589. }
  11590. }
  11591. .ctb_hideshow {
  11592. display: none;
  11593. vertical-align: bottom;
  11594. }
  11595. /* ctb_show is added to the ctb_hideshow div to show the cell toolbar.
  11596. Cell toolbars are only shown when the ctb_global_show class is also set.
  11597. */
  11598. .ctb_global_show .ctb_show.ctb_hideshow {
  11599. display: block;
  11600. }
  11601. .ctb_global_show .ctb_show + .input_area,
  11602. .ctb_global_show .ctb_show + div.text_cell_input,
  11603. .ctb_global_show .ctb_show ~ div.text_cell_render {
  11604. border-top-right-radius: 0px;
  11605. border-top-left-radius: 0px;
  11606. }
  11607. .ctb_global_show .ctb_show ~ div.text_cell_render {
  11608. border: 1px solid #cfcfcf;
  11609. }
  11610. .celltoolbar {
  11611. font-size: 87%;
  11612. padding-top: 3px;
  11613. }
  11614. .celltoolbar select {
  11615. display: block;
  11616. width: 100%;
  11617. height: 32px;
  11618. padding: 6px 12px;
  11619. font-size: 13px;
  11620. line-height: 1.42857143;
  11621. color: #555555;
  11622. background-color: #fff;
  11623. background-image: none;
  11624. border: 1px solid #ccc;
  11625. border-radius: 2px;
  11626. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  11627. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  11628. -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  11629. -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  11630. transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  11631. height: 30px;
  11632. padding: 5px 10px;
  11633. font-size: 12px;
  11634. line-height: 1.5;
  11635. border-radius: 1px;
  11636. width: inherit;
  11637. font-size: inherit;
  11638. height: 22px;
  11639. padding: 0px;
  11640. display: inline-block;
  11641. }
  11642. .celltoolbar select:focus {
  11643. border-color: #66afe9;
  11644. outline: 0;
  11645. -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  11646. box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  11647. }
  11648. .celltoolbar select::-moz-placeholder {
  11649. color: #999;
  11650. opacity: 1;
  11651. }
  11652. .celltoolbar select:-ms-input-placeholder {
  11653. color: #999;
  11654. }
  11655. .celltoolbar select::-webkit-input-placeholder {
  11656. color: #999;
  11657. }
  11658. .celltoolbar select::-ms-expand {
  11659. border: 0;
  11660. background-color: transparent;
  11661. }
  11662. .celltoolbar select[disabled],
  11663. .celltoolbar select[readonly],
  11664. fieldset[disabled] .celltoolbar select {
  11665. background-color: #eeeeee;
  11666. opacity: 1;
  11667. }
  11668. .celltoolbar select[disabled],
  11669. fieldset[disabled] .celltoolbar select {
  11670. cursor: not-allowed;
  11671. }
  11672. textarea.celltoolbar select {
  11673. height: auto;
  11674. }
  11675. select.celltoolbar select {
  11676. height: 30px;
  11677. line-height: 30px;
  11678. }
  11679. textarea.celltoolbar select,
  11680. select[multiple].celltoolbar select {
  11681. height: auto;
  11682. }
  11683. .celltoolbar label {
  11684. margin-left: 5px;
  11685. margin-right: 5px;
  11686. }
  11687. .tags_button_container {
  11688. width: 100%;
  11689. display: flex;
  11690. }
  11691. .tag-container {
  11692. display: flex;
  11693. flex-direction: row;
  11694. flex-grow: 1;
  11695. overflow: hidden;
  11696. position: relative;
  11697. }
  11698. .tag-container > * {
  11699. margin: 0 4px;
  11700. }
  11701. .remove-tag-btn {
  11702. margin-left: 4px;
  11703. }
  11704. .tags-input {
  11705. display: flex;
  11706. }
  11707. .cell-tag:last-child:after {
  11708. content: "";
  11709. position: absolute;
  11710. right: 0;
  11711. width: 40px;
  11712. height: 100%;
  11713. /* Fade to background color of cell toolbar */
  11714. background: linear-gradient(to right, rgba(0, 0, 0, 0), #EEE);
  11715. }
  11716. .tags-input > * {
  11717. margin-left: 4px;
  11718. }
  11719. .cell-tag,
  11720. .tags-input input,
  11721. .tags-input button {
  11722. display: block;
  11723. width: 100%;
  11724. height: 32px;
  11725. padding: 6px 12px;
  11726. font-size: 13px;
  11727. line-height: 1.42857143;
  11728. color: #555555;
  11729. background-color: #fff;
  11730. background-image: none;
  11731. border: 1px solid #ccc;
  11732. border-radius: 2px;
  11733. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  11734. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  11735. -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  11736. -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  11737. transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  11738. height: 30px;
  11739. padding: 5px 10px;
  11740. font-size: 12px;
  11741. line-height: 1.5;
  11742. border-radius: 1px;
  11743. box-shadow: none;
  11744. width: inherit;
  11745. font-size: inherit;
  11746. height: 22px;
  11747. line-height: 22px;
  11748. padding: 0px 4px;
  11749. display: inline-block;
  11750. }
  11751. .cell-tag:focus,
  11752. .tags-input input:focus,
  11753. .tags-input button:focus {
  11754. border-color: #66afe9;
  11755. outline: 0;
  11756. -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  11757. box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  11758. }
  11759. .cell-tag::-moz-placeholder,
  11760. .tags-input input::-moz-placeholder,
  11761. .tags-input button::-moz-placeholder {
  11762. color: #999;
  11763. opacity: 1;
  11764. }
  11765. .cell-tag:-ms-input-placeholder,
  11766. .tags-input input:-ms-input-placeholder,
  11767. .tags-input button:-ms-input-placeholder {
  11768. color: #999;
  11769. }
  11770. .cell-tag::-webkit-input-placeholder,
  11771. .tags-input input::-webkit-input-placeholder,
  11772. .tags-input button::-webkit-input-placeholder {
  11773. color: #999;
  11774. }
  11775. .cell-tag::-ms-expand,
  11776. .tags-input input::-ms-expand,
  11777. .tags-input button::-ms-expand {
  11778. border: 0;
  11779. background-color: transparent;
  11780. }
  11781. .cell-tag[disabled],
  11782. .tags-input input[disabled],
  11783. .tags-input button[disabled],
  11784. .cell-tag[readonly],
  11785. .tags-input input[readonly],
  11786. .tags-input button[readonly],
  11787. fieldset[disabled] .cell-tag,
  11788. fieldset[disabled] .tags-input input,
  11789. fieldset[disabled] .tags-input button {
  11790. background-color: #eeeeee;
  11791. opacity: 1;
  11792. }
  11793. .cell-tag[disabled],
  11794. .tags-input input[disabled],
  11795. .tags-input button[disabled],
  11796. fieldset[disabled] .cell-tag,
  11797. fieldset[disabled] .tags-input input,
  11798. fieldset[disabled] .tags-input button {
  11799. cursor: not-allowed;
  11800. }
  11801. textarea.cell-tag,
  11802. textarea.tags-input input,
  11803. textarea.tags-input button {
  11804. height: auto;
  11805. }
  11806. select.cell-tag,
  11807. select.tags-input input,
  11808. select.tags-input button {
  11809. height: 30px;
  11810. line-height: 30px;
  11811. }
  11812. textarea.cell-tag,
  11813. textarea.tags-input input,
  11814. textarea.tags-input button,
  11815. select[multiple].cell-tag,
  11816. select[multiple].tags-input input,
  11817. select[multiple].tags-input button {
  11818. height: auto;
  11819. }
  11820. .cell-tag,
  11821. .tags-input button {
  11822. padding: 0px 4px;
  11823. }
  11824. .cell-tag {
  11825. background-color: #fff;
  11826. white-space: nowrap;
  11827. }
  11828. .tags-input input[type=text]:focus {
  11829. outline: none;
  11830. box-shadow: none;
  11831. border-color: #ccc;
  11832. }
  11833. .completions {
  11834. position: absolute;
  11835. z-index: 110;
  11836. overflow: hidden;
  11837. border: 1px solid #ababab;
  11838. border-radius: 2px;
  11839. -webkit-box-shadow: 0px 6px 10px -1px #adadad;
  11840. box-shadow: 0px 6px 10px -1px #adadad;
  11841. line-height: 1;
  11842. }
  11843. .completions select {
  11844. background: white;
  11845. outline: none;
  11846. border: none;
  11847. padding: 0px;
  11848. margin: 0px;
  11849. overflow: auto;
  11850. font-family: monospace;
  11851. font-size: 110%;
  11852. color: #000;
  11853. width: auto;
  11854. }
  11855. .completions select option.context {
  11856. color: #286090;
  11857. }
  11858. #kernel_logo_widget .current_kernel_logo {
  11859. display: none;
  11860. margin-top: -1px;
  11861. margin-bottom: -1px;
  11862. width: 32px;
  11863. height: 32px;
  11864. }
  11865. [dir="rtl"] #kernel_logo_widget {
  11866. float: left !important;
  11867. float: left;
  11868. }
  11869. .modal .modal-body .move-path {
  11870. display: flex;
  11871. flex-direction: row;
  11872. justify-content: space;
  11873. align-items: center;
  11874. }
  11875. .modal .modal-body .move-path .server-root {
  11876. padding-right: 20px;
  11877. }
  11878. .modal .modal-body .move-path .path-input {
  11879. flex: 1;
  11880. }
  11881. #menubar {
  11882. box-sizing: border-box;
  11883. -moz-box-sizing: border-box;
  11884. -webkit-box-sizing: border-box;
  11885. margin-top: 1px;
  11886. }
  11887. #menubar .navbar {
  11888. border-top: 1px;
  11889. border-radius: 0px 0px 2px 2px;
  11890. margin-bottom: 0px;
  11891. }
  11892. #menubar .navbar-toggle {
  11893. float: left;
  11894. padding-top: 7px;
  11895. padding-bottom: 7px;
  11896. border: none;
  11897. }
  11898. #menubar .navbar-collapse {
  11899. clear: left;
  11900. }
  11901. [dir="rtl"] #menubar .navbar-toggle {
  11902. float: right;
  11903. }
  11904. [dir="rtl"] #menubar .navbar-collapse {
  11905. clear: right;
  11906. }
  11907. [dir="rtl"] #menubar .navbar-nav {
  11908. float: right;
  11909. }
  11910. [dir="rtl"] #menubar .nav {
  11911. padding-right: 0px;
  11912. }
  11913. [dir="rtl"] #menubar .navbar-nav > li {
  11914. float: right;
  11915. }
  11916. [dir="rtl"] #menubar .navbar-right {
  11917. float: left !important;
  11918. }
  11919. [dir="rtl"] ul.dropdown-menu {
  11920. text-align: right;
  11921. left: auto;
  11922. }
  11923. [dir="rtl"] ul#new-menu.dropdown-menu {
  11924. right: auto;
  11925. left: 0;
  11926. }
  11927. .nav-wrapper {
  11928. border-bottom: 1px solid #e7e7e7;
  11929. }
  11930. i.menu-icon {
  11931. padding-top: 4px;
  11932. }
  11933. [dir="rtl"] i.menu-icon.pull-right {
  11934. float: left !important;
  11935. float: left;
  11936. }
  11937. ul#help_menu li a {
  11938. overflow: hidden;
  11939. padding-right: 2.2em;
  11940. }
  11941. ul#help_menu li a i {
  11942. margin-right: -1.2em;
  11943. }
  11944. [dir="rtl"] ul#help_menu li a {
  11945. padding-left: 2.2em;
  11946. }
  11947. [dir="rtl"] ul#help_menu li a i {
  11948. margin-right: 0;
  11949. margin-left: -1.2em;
  11950. }
  11951. [dir="rtl"] ul#help_menu li a i.pull-right {
  11952. float: left !important;
  11953. float: left;
  11954. }
  11955. .dropdown-submenu {
  11956. position: relative;
  11957. }
  11958. .dropdown-submenu > .dropdown-menu {
  11959. top: 0;
  11960. left: 100%;
  11961. margin-top: -6px;
  11962. margin-left: -1px;
  11963. }
  11964. [dir="rtl"] .dropdown-submenu > .dropdown-menu {
  11965. right: 100%;
  11966. margin-right: -1px;
  11967. }
  11968. .dropdown-submenu:hover > .dropdown-menu {
  11969. display: block;
  11970. }
  11971. .dropdown-submenu > a:after {
  11972. display: inline-block;
  11973. font: normal normal normal 14px/1 FontAwesome;
  11974. font-size: inherit;
  11975. text-rendering: auto;
  11976. -webkit-font-smoothing: antialiased;
  11977. -moz-osx-font-smoothing: grayscale;
  11978. display: block;
  11979. content: "\f0da";
  11980. float: right;
  11981. color: #333333;
  11982. margin-top: 2px;
  11983. margin-right: -10px;
  11984. }
  11985. .dropdown-submenu > a:after.fa-pull-left {
  11986. margin-right: .3em;
  11987. }
  11988. .dropdown-submenu > a:after.fa-pull-right {
  11989. margin-left: .3em;
  11990. }
  11991. .dropdown-submenu > a:after.pull-left {
  11992. margin-right: .3em;
  11993. }
  11994. .dropdown-submenu > a:after.pull-right {
  11995. margin-left: .3em;
  11996. }
  11997. [dir="rtl"] .dropdown-submenu > a:after {
  11998. float: left;
  11999. content: "\f0d9";
  12000. margin-right: 0;
  12001. margin-left: -10px;
  12002. }
  12003. .dropdown-submenu:hover > a:after {
  12004. color: #262626;
  12005. }
  12006. .dropdown-submenu.pull-left {
  12007. float: none;
  12008. }
  12009. .dropdown-submenu.pull-left > .dropdown-menu {
  12010. left: -100%;
  12011. margin-left: 10px;
  12012. }
  12013. #notification_area {
  12014. float: right !important;
  12015. float: right;
  12016. z-index: 10;
  12017. }
  12018. [dir="rtl"] #notification_area {
  12019. float: left !important;
  12020. float: left;
  12021. }
  12022. .indicator_area {
  12023. float: right !important;
  12024. float: right;
  12025. color: #777;
  12026. margin-left: 5px;
  12027. margin-right: 5px;
  12028. width: 11px;
  12029. z-index: 10;
  12030. text-align: center;
  12031. width: auto;
  12032. }
  12033. [dir="rtl"] .indicator_area {
  12034. float: left !important;
  12035. float: left;
  12036. }
  12037. #kernel_indicator {
  12038. float: right !important;
  12039. float: right;
  12040. color: #777;
  12041. margin-left: 5px;
  12042. margin-right: 5px;
  12043. width: 11px;
  12044. z-index: 10;
  12045. text-align: center;
  12046. width: auto;
  12047. border-left: 1px solid;
  12048. }
  12049. #kernel_indicator .kernel_indicator_name {
  12050. padding-left: 5px;
  12051. padding-right: 5px;
  12052. }
  12053. [dir="rtl"] #kernel_indicator {
  12054. float: left !important;
  12055. float: left;
  12056. border-left: 0;
  12057. border-right: 1px solid;
  12058. }
  12059. #modal_indicator {
  12060. float: right !important;
  12061. float: right;
  12062. color: #777;
  12063. margin-left: 5px;
  12064. margin-right: 5px;
  12065. width: 11px;
  12066. z-index: 10;
  12067. text-align: center;
  12068. width: auto;
  12069. }
  12070. [dir="rtl"] #modal_indicator {
  12071. float: left !important;
  12072. float: left;
  12073. }
  12074. #readonly-indicator {
  12075. float: right !important;
  12076. float: right;
  12077. color: #777;
  12078. margin-left: 5px;
  12079. margin-right: 5px;
  12080. width: 11px;
  12081. z-index: 10;
  12082. text-align: center;
  12083. width: auto;
  12084. margin-top: 2px;
  12085. margin-bottom: 0px;
  12086. margin-left: 0px;
  12087. margin-right: 0px;
  12088. display: none;
  12089. }
  12090. .modal_indicator:before {
  12091. width: 1.28571429em;
  12092. text-align: center;
  12093. }
  12094. .edit_mode .modal_indicator:before {
  12095. display: inline-block;
  12096. font: normal normal normal 14px/1 FontAwesome;
  12097. font-size: inherit;
  12098. text-rendering: auto;
  12099. -webkit-font-smoothing: antialiased;
  12100. -moz-osx-font-smoothing: grayscale;
  12101. content: "\f040";
  12102. }
  12103. .edit_mode .modal_indicator:before.fa-pull-left {
  12104. margin-right: .3em;
  12105. }
  12106. .edit_mode .modal_indicator:before.fa-pull-right {
  12107. margin-left: .3em;
  12108. }
  12109. .edit_mode .modal_indicator:before.pull-left {
  12110. margin-right: .3em;
  12111. }
  12112. .edit_mode .modal_indicator:before.pull-right {
  12113. margin-left: .3em;
  12114. }
  12115. .command_mode .modal_indicator:before {
  12116. display: inline-block;
  12117. font: normal normal normal 14px/1 FontAwesome;
  12118. font-size: inherit;
  12119. text-rendering: auto;
  12120. -webkit-font-smoothing: antialiased;
  12121. -moz-osx-font-smoothing: grayscale;
  12122. content: ' ';
  12123. }
  12124. .command_mode .modal_indicator:before.fa-pull-left {
  12125. margin-right: .3em;
  12126. }
  12127. .command_mode .modal_indicator:before.fa-pull-right {
  12128. margin-left: .3em;
  12129. }
  12130. .command_mode .modal_indicator:before.pull-left {
  12131. margin-right: .3em;
  12132. }
  12133. .command_mode .modal_indicator:before.pull-right {
  12134. margin-left: .3em;
  12135. }
  12136. .kernel_idle_icon:before {
  12137. display: inline-block;
  12138. font: normal normal normal 14px/1 FontAwesome;
  12139. font-size: inherit;
  12140. text-rendering: auto;
  12141. -webkit-font-smoothing: antialiased;
  12142. -moz-osx-font-smoothing: grayscale;
  12143. content: "\f10c";
  12144. }
  12145. .kernel_idle_icon:before.fa-pull-left {
  12146. margin-right: .3em;
  12147. }
  12148. .kernel_idle_icon:before.fa-pull-right {
  12149. margin-left: .3em;
  12150. }
  12151. .kernel_idle_icon:before.pull-left {
  12152. margin-right: .3em;
  12153. }
  12154. .kernel_idle_icon:before.pull-right {
  12155. margin-left: .3em;
  12156. }
  12157. .kernel_busy_icon:before {
  12158. display: inline-block;
  12159. font: normal normal normal 14px/1 FontAwesome;
  12160. font-size: inherit;
  12161. text-rendering: auto;
  12162. -webkit-font-smoothing: antialiased;
  12163. -moz-osx-font-smoothing: grayscale;
  12164. content: "\f111";
  12165. }
  12166. .kernel_busy_icon:before.fa-pull-left {
  12167. margin-right: .3em;
  12168. }
  12169. .kernel_busy_icon:before.fa-pull-right {
  12170. margin-left: .3em;
  12171. }
  12172. .kernel_busy_icon:before.pull-left {
  12173. margin-right: .3em;
  12174. }
  12175. .kernel_busy_icon:before.pull-right {
  12176. margin-left: .3em;
  12177. }
  12178. .kernel_dead_icon:before {
  12179. display: inline-block;
  12180. font: normal normal normal 14px/1 FontAwesome;
  12181. font-size: inherit;
  12182. text-rendering: auto;
  12183. -webkit-font-smoothing: antialiased;
  12184. -moz-osx-font-smoothing: grayscale;
  12185. content: "\f1e2";
  12186. }
  12187. .kernel_dead_icon:before.fa-pull-left {
  12188. margin-right: .3em;
  12189. }
  12190. .kernel_dead_icon:before.fa-pull-right {
  12191. margin-left: .3em;
  12192. }
  12193. .kernel_dead_icon:before.pull-left {
  12194. margin-right: .3em;
  12195. }
  12196. .kernel_dead_icon:before.pull-right {
  12197. margin-left: .3em;
  12198. }
  12199. .kernel_disconnected_icon:before {
  12200. display: inline-block;
  12201. font: normal normal normal 14px/1 FontAwesome;
  12202. font-size: inherit;
  12203. text-rendering: auto;
  12204. -webkit-font-smoothing: antialiased;
  12205. -moz-osx-font-smoothing: grayscale;
  12206. content: "\f127";
  12207. }
  12208. .kernel_disconnected_icon:before.fa-pull-left {
  12209. margin-right: .3em;
  12210. }
  12211. .kernel_disconnected_icon:before.fa-pull-right {
  12212. margin-left: .3em;
  12213. }
  12214. .kernel_disconnected_icon:before.pull-left {
  12215. margin-right: .3em;
  12216. }
  12217. .kernel_disconnected_icon:before.pull-right {
  12218. margin-left: .3em;
  12219. }
  12220. .notification_widget {
  12221. color: #777;
  12222. z-index: 10;
  12223. background: rgba(240, 240, 240, 0.5);
  12224. margin-right: 4px;
  12225. color: #333;
  12226. background-color: #fff;
  12227. border-color: #ccc;
  12228. }
  12229. .notification_widget:focus,
  12230. .notification_widget.focus {
  12231. color: #333;
  12232. background-color: #e6e6e6;
  12233. border-color: #8c8c8c;
  12234. }
  12235. .notification_widget:hover {
  12236. color: #333;
  12237. background-color: #e6e6e6;
  12238. border-color: #adadad;
  12239. }
  12240. .notification_widget:active,
  12241. .notification_widget.active,
  12242. .open > .dropdown-toggle.notification_widget {
  12243. color: #333;
  12244. background-color: #e6e6e6;
  12245. border-color: #adadad;
  12246. }
  12247. .notification_widget:active:hover,
  12248. .notification_widget.active:hover,
  12249. .open > .dropdown-toggle.notification_widget:hover,
  12250. .notification_widget:active:focus,
  12251. .notification_widget.active:focus,
  12252. .open > .dropdown-toggle.notification_widget:focus,
  12253. .notification_widget:active.focus,
  12254. .notification_widget.active.focus,
  12255. .open > .dropdown-toggle.notification_widget.focus {
  12256. color: #333;
  12257. background-color: #d4d4d4;
  12258. border-color: #8c8c8c;
  12259. }
  12260. .notification_widget:active,
  12261. .notification_widget.active,
  12262. .open > .dropdown-toggle.notification_widget {
  12263. background-image: none;
  12264. }
  12265. .notification_widget.disabled:hover,
  12266. .notification_widget[disabled]:hover,
  12267. fieldset[disabled] .notification_widget:hover,
  12268. .notification_widget.disabled:focus,
  12269. .notification_widget[disabled]:focus,
  12270. fieldset[disabled] .notification_widget:focus,
  12271. .notification_widget.disabled.focus,
  12272. .notification_widget[disabled].focus,
  12273. fieldset[disabled] .notification_widget.focus {
  12274. background-color: #fff;
  12275. border-color: #ccc;
  12276. }
  12277. .notification_widget .badge {
  12278. color: #fff;
  12279. background-color: #333;
  12280. }
  12281. .notification_widget.warning {
  12282. color: #fff;
  12283. background-color: #f0ad4e;
  12284. border-color: #eea236;
  12285. }
  12286. .notification_widget.warning:focus,
  12287. .notification_widget.warning.focus {
  12288. color: #fff;
  12289. background-color: #ec971f;
  12290. border-color: #985f0d;
  12291. }
  12292. .notification_widget.warning:hover {
  12293. color: #fff;
  12294. background-color: #ec971f;
  12295. border-color: #d58512;
  12296. }
  12297. .notification_widget.warning:active,
  12298. .notification_widget.warning.active,
  12299. .open > .dropdown-toggle.notification_widget.warning {
  12300. color: #fff;
  12301. background-color: #ec971f;
  12302. border-color: #d58512;
  12303. }
  12304. .notification_widget.warning:active:hover,
  12305. .notification_widget.warning.active:hover,
  12306. .open > .dropdown-toggle.notification_widget.warning:hover,
  12307. .notification_widget.warning:active:focus,
  12308. .notification_widget.warning.active:focus,
  12309. .open > .dropdown-toggle.notification_widget.warning:focus,
  12310. .notification_widget.warning:active.focus,
  12311. .notification_widget.warning.active.focus,
  12312. .open > .dropdown-toggle.notification_widget.warning.focus {
  12313. color: #fff;
  12314. background-color: #d58512;
  12315. border-color: #985f0d;
  12316. }
  12317. .notification_widget.warning:active,
  12318. .notification_widget.warning.active,
  12319. .open > .dropdown-toggle.notification_widget.warning {
  12320. background-image: none;
  12321. }
  12322. .notification_widget.warning.disabled:hover,
  12323. .notification_widget.warning[disabled]:hover,
  12324. fieldset[disabled] .notification_widget.warning:hover,
  12325. .notification_widget.warning.disabled:focus,
  12326. .notification_widget.warning[disabled]:focus,
  12327. fieldset[disabled] .notification_widget.warning:focus,
  12328. .notification_widget.warning.disabled.focus,
  12329. .notification_widget.warning[disabled].focus,
  12330. fieldset[disabled] .notification_widget.warning.focus {
  12331. background-color: #f0ad4e;
  12332. border-color: #eea236;
  12333. }
  12334. .notification_widget.warning .badge {
  12335. color: #f0ad4e;
  12336. background-color: #fff;
  12337. }
  12338. .notification_widget.success {
  12339. color: #fff;
  12340. background-color: #5cb85c;
  12341. border-color: #4cae4c;
  12342. }
  12343. .notification_widget.success:focus,
  12344. .notification_widget.success.focus {
  12345. color: #fff;
  12346. background-color: #449d44;
  12347. border-color: #255625;
  12348. }
  12349. .notification_widget.success:hover {
  12350. color: #fff;
  12351. background-color: #449d44;
  12352. border-color: #398439;
  12353. }
  12354. .notification_widget.success:active,
  12355. .notification_widget.success.active,
  12356. .open > .dropdown-toggle.notification_widget.success {
  12357. color: #fff;
  12358. background-color: #449d44;
  12359. border-color: #398439;
  12360. }
  12361. .notification_widget.success:active:hover,
  12362. .notification_widget.success.active:hover,
  12363. .open > .dropdown-toggle.notification_widget.success:hover,
  12364. .notification_widget.success:active:focus,
  12365. .notification_widget.success.active:focus,
  12366. .open > .dropdown-toggle.notification_widget.success:focus,
  12367. .notification_widget.success:active.focus,
  12368. .notification_widget.success.active.focus,
  12369. .open > .dropdown-toggle.notification_widget.success.focus {
  12370. color: #fff;
  12371. background-color: #398439;
  12372. border-color: #255625;
  12373. }
  12374. .notification_widget.success:active,
  12375. .notification_widget.success.active,
  12376. .open > .dropdown-toggle.notification_widget.success {
  12377. background-image: none;
  12378. }
  12379. .notification_widget.success.disabled:hover,
  12380. .notification_widget.success[disabled]:hover,
  12381. fieldset[disabled] .notification_widget.success:hover,
  12382. .notification_widget.success.disabled:focus,
  12383. .notification_widget.success[disabled]:focus,
  12384. fieldset[disabled] .notification_widget.success:focus,
  12385. .notification_widget.success.disabled.focus,
  12386. .notification_widget.success[disabled].focus,
  12387. fieldset[disabled] .notification_widget.success.focus {
  12388. background-color: #5cb85c;
  12389. border-color: #4cae4c;
  12390. }
  12391. .notification_widget.success .badge {
  12392. color: #5cb85c;
  12393. background-color: #fff;
  12394. }
  12395. .notification_widget.info {
  12396. color: #fff;
  12397. background-color: #5bc0de;
  12398. border-color: #46b8da;
  12399. }
  12400. .notification_widget.info:focus,
  12401. .notification_widget.info.focus {
  12402. color: #fff;
  12403. background-color: #31b0d5;
  12404. border-color: #1b6d85;
  12405. }
  12406. .notification_widget.info:hover {
  12407. color: #fff;
  12408. background-color: #31b0d5;
  12409. border-color: #269abc;
  12410. }
  12411. .notification_widget.info:active,
  12412. .notification_widget.info.active,
  12413. .open > .dropdown-toggle.notification_widget.info {
  12414. color: #fff;
  12415. background-color: #31b0d5;
  12416. border-color: #269abc;
  12417. }
  12418. .notification_widget.info:active:hover,
  12419. .notification_widget.info.active:hover,
  12420. .open > .dropdown-toggle.notification_widget.info:hover,
  12421. .notification_widget.info:active:focus,
  12422. .notification_widget.info.active:focus,
  12423. .open > .dropdown-toggle.notification_widget.info:focus,
  12424. .notification_widget.info:active.focus,
  12425. .notification_widget.info.active.focus,
  12426. .open > .dropdown-toggle.notification_widget.info.focus {
  12427. color: #fff;
  12428. background-color: #269abc;
  12429. border-color: #1b6d85;
  12430. }
  12431. .notification_widget.info:active,
  12432. .notification_widget.info.active,
  12433. .open > .dropdown-toggle.notification_widget.info {
  12434. background-image: none;
  12435. }
  12436. .notification_widget.info.disabled:hover,
  12437. .notification_widget.info[disabled]:hover,
  12438. fieldset[disabled] .notification_widget.info:hover,
  12439. .notification_widget.info.disabled:focus,
  12440. .notification_widget.info[disabled]:focus,
  12441. fieldset[disabled] .notification_widget.info:focus,
  12442. .notification_widget.info.disabled.focus,
  12443. .notification_widget.info[disabled].focus,
  12444. fieldset[disabled] .notification_widget.info.focus {
  12445. background-color: #5bc0de;
  12446. border-color: #46b8da;
  12447. }
  12448. .notification_widget.info .badge {
  12449. color: #5bc0de;
  12450. background-color: #fff;
  12451. }
  12452. .notification_widget.danger {
  12453. color: #fff;
  12454. background-color: #d9534f;
  12455. border-color: #d43f3a;
  12456. }
  12457. .notification_widget.danger:focus,
  12458. .notification_widget.danger.focus {
  12459. color: #fff;
  12460. background-color: #c9302c;
  12461. border-color: #761c19;
  12462. }
  12463. .notification_widget.danger:hover {
  12464. color: #fff;
  12465. background-color: #c9302c;
  12466. border-color: #ac2925;
  12467. }
  12468. .notification_widget.danger:active,
  12469. .notification_widget.danger.active,
  12470. .open > .dropdown-toggle.notification_widget.danger {
  12471. color: #fff;
  12472. background-color: #c9302c;
  12473. border-color: #ac2925;
  12474. }
  12475. .notification_widget.danger:active:hover,
  12476. .notification_widget.danger.active:hover,
  12477. .open > .dropdown-toggle.notification_widget.danger:hover,
  12478. .notification_widget.danger:active:focus,
  12479. .notification_widget.danger.active:focus,
  12480. .open > .dropdown-toggle.notification_widget.danger:focus,
  12481. .notification_widget.danger:active.focus,
  12482. .notification_widget.danger.active.focus,
  12483. .open > .dropdown-toggle.notification_widget.danger.focus {
  12484. color: #fff;
  12485. background-color: #ac2925;
  12486. border-color: #761c19;
  12487. }
  12488. .notification_widget.danger:active,
  12489. .notification_widget.danger.active,
  12490. .open > .dropdown-toggle.notification_widget.danger {
  12491. background-image: none;
  12492. }
  12493. .notification_widget.danger.disabled:hover,
  12494. .notification_widget.danger[disabled]:hover,
  12495. fieldset[disabled] .notification_widget.danger:hover,
  12496. .notification_widget.danger.disabled:focus,
  12497. .notification_widget.danger[disabled]:focus,
  12498. fieldset[disabled] .notification_widget.danger:focus,
  12499. .notification_widget.danger.disabled.focus,
  12500. .notification_widget.danger[disabled].focus,
  12501. fieldset[disabled] .notification_widget.danger.focus {
  12502. background-color: #d9534f;
  12503. border-color: #d43f3a;
  12504. }
  12505. .notification_widget.danger .badge {
  12506. color: #d9534f;
  12507. background-color: #fff;
  12508. }
  12509. div#pager {
  12510. background-color: #fff;
  12511. font-size: 14px;
  12512. line-height: 20px;
  12513. overflow: hidden;
  12514. display: none;
  12515. position: fixed;
  12516. bottom: 0px;
  12517. width: 100%;
  12518. max-height: 50%;
  12519. padding-top: 8px;
  12520. -webkit-box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
  12521. box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
  12522. /* Display over codemirror */
  12523. z-index: 100;
  12524. /* Hack which prevents jquery ui resizable from changing top. */
  12525. top: auto !important;
  12526. }
  12527. div#pager pre {
  12528. line-height: 1.21429em;
  12529. color: #000;
  12530. background-color: #f7f7f7;
  12531. padding: 0.4em;
  12532. }
  12533. div#pager #pager-button-area {
  12534. position: absolute;
  12535. top: 8px;
  12536. right: 20px;
  12537. }
  12538. div#pager #pager-contents {
  12539. position: relative;
  12540. overflow: auto;
  12541. width: 100%;
  12542. height: 100%;
  12543. }
  12544. div#pager #pager-contents #pager-container {
  12545. position: relative;
  12546. padding: 15px 0px;
  12547. box-sizing: border-box;
  12548. -moz-box-sizing: border-box;
  12549. -webkit-box-sizing: border-box;
  12550. }
  12551. div#pager .ui-resizable-handle {
  12552. top: 0px;
  12553. height: 8px;
  12554. background: #f7f7f7;
  12555. border-top: 1px solid #cfcfcf;
  12556. border-bottom: 1px solid #cfcfcf;
  12557. /* This injects handle bars (a short, wide = symbol) for
  12558. the resize handle. */
  12559. }
  12560. div#pager .ui-resizable-handle::after {
  12561. content: '';
  12562. top: 2px;
  12563. left: 50%;
  12564. height: 3px;
  12565. width: 30px;
  12566. margin-left: -15px;
  12567. position: absolute;
  12568. border-top: 1px solid #cfcfcf;
  12569. }
  12570. .quickhelp {
  12571. /* Old browsers */
  12572. display: -webkit-box;
  12573. -webkit-box-orient: horizontal;
  12574. -webkit-box-align: stretch;
  12575. display: -moz-box;
  12576. -moz-box-orient: horizontal;
  12577. -moz-box-align: stretch;
  12578. display: box;
  12579. box-orient: horizontal;
  12580. box-align: stretch;
  12581. /* Modern browsers */
  12582. display: flex;
  12583. flex-direction: row;
  12584. align-items: stretch;
  12585. line-height: 1.8em;
  12586. }
  12587. .shortcut_key {
  12588. display: inline-block;
  12589. width: 21ex;
  12590. text-align: right;
  12591. font-family: monospace;
  12592. }
  12593. .shortcut_descr {
  12594. display: inline-block;
  12595. /* Old browsers */
  12596. -webkit-box-flex: 1;
  12597. -moz-box-flex: 1;
  12598. box-flex: 1;
  12599. /* Modern browsers */
  12600. flex: 1;
  12601. }
  12602. span.save_widget {
  12603. height: 30px;
  12604. margin-top: 4px;
  12605. display: flex;
  12606. justify-content: flex-start;
  12607. align-items: baseline;
  12608. width: 50%;
  12609. flex: 1;
  12610. }
  12611. span.save_widget span.filename {
  12612. height: 100%;
  12613. line-height: 1em;
  12614. margin-left: 16px;
  12615. border: none;
  12616. font-size: 146.5%;
  12617. text-overflow: ellipsis;
  12618. overflow: hidden;
  12619. white-space: nowrap;
  12620. border-radius: 2px;
  12621. }
  12622. span.save_widget span.filename:hover {
  12623. background-color: #e6e6e6;
  12624. }
  12625. [dir="rtl"] span.save_widget.pull-left {
  12626. float: right !important;
  12627. float: right;
  12628. }
  12629. [dir="rtl"] span.save_widget span.filename {
  12630. margin-left: 0;
  12631. margin-right: 16px;
  12632. }
  12633. span.checkpoint_status,
  12634. span.autosave_status {
  12635. font-size: small;
  12636. white-space: nowrap;
  12637. padding: 0 5px;
  12638. }
  12639. @media (max-width: 767px) {
  12640. span.save_widget {
  12641. font-size: small;
  12642. padding: 0 0 0 5px;
  12643. }
  12644. span.checkpoint_status,
  12645. span.autosave_status {
  12646. display: none;
  12647. }
  12648. }
  12649. @media (min-width: 768px) and (max-width: 991px) {
  12650. span.checkpoint_status {
  12651. display: none;
  12652. }
  12653. span.autosave_status {
  12654. font-size: x-small;
  12655. }
  12656. }
  12657. .toolbar {
  12658. padding: 0px;
  12659. margin-left: -5px;
  12660. margin-top: 2px;
  12661. margin-bottom: 5px;
  12662. box-sizing: border-box;
  12663. -moz-box-sizing: border-box;
  12664. -webkit-box-sizing: border-box;
  12665. }
  12666. .toolbar select,
  12667. .toolbar label {
  12668. width: auto;
  12669. vertical-align: middle;
  12670. margin-right: 2px;
  12671. margin-bottom: 0px;
  12672. display: inline;
  12673. font-size: 92%;
  12674. margin-left: 0.3em;
  12675. margin-right: 0.3em;
  12676. padding: 0px;
  12677. padding-top: 3px;
  12678. }
  12679. .toolbar .btn {
  12680. padding: 2px 8px;
  12681. }
  12682. .toolbar .btn-group {
  12683. margin-top: 0px;
  12684. margin-left: 5px;
  12685. }
  12686. .toolbar-btn-label {
  12687. margin-left: 6px;
  12688. }
  12689. #maintoolbar {
  12690. margin-bottom: -3px;
  12691. margin-top: -8px;
  12692. border: 0px;
  12693. min-height: 27px;
  12694. margin-left: 0px;
  12695. padding-top: 11px;
  12696. padding-bottom: 3px;
  12697. }
  12698. #maintoolbar .navbar-text {
  12699. float: none;
  12700. vertical-align: middle;
  12701. text-align: right;
  12702. margin-left: 5px;
  12703. margin-right: 0px;
  12704. margin-top: 0px;
  12705. }
  12706. .select-xs {
  12707. height: 24px;
  12708. }
  12709. [dir="rtl"] .btn-group > .btn,
  12710. .btn-group-vertical > .btn {
  12711. float: right;
  12712. }
  12713. .pulse,
  12714. .dropdown-menu > li > a.pulse,
  12715. li.pulse > a.dropdown-toggle,
  12716. li.pulse.open > a.dropdown-toggle {
  12717. background-color: #F37626;
  12718. color: white;
  12719. }
  12720. /**
  12721. * Primary styles
  12722. *
  12723. * Author: Jupyter Development Team
  12724. */
  12725. /** WARNING IF YOU ARE EDITTING THIS FILE, if this is a .css file, It has a lot
  12726. * of chance of beeing generated from the ../less/[samename].less file, you can
  12727. * try to get back the less file by reverting somme commit in history
  12728. **/
  12729. /*
  12730. * We'll try to get something pretty, so we
  12731. * have some strange css to have the scroll bar on
  12732. * the left with fix button on the top right of the tooltip
  12733. */
  12734. @-moz-keyframes fadeOut {
  12735. from {
  12736. opacity: 1;
  12737. }
  12738. to {
  12739. opacity: 0;
  12740. }
  12741. }
  12742. @-webkit-keyframes fadeOut {
  12743. from {
  12744. opacity: 1;
  12745. }
  12746. to {
  12747. opacity: 0;
  12748. }
  12749. }
  12750. @-moz-keyframes fadeIn {
  12751. from {
  12752. opacity: 0;
  12753. }
  12754. to {
  12755. opacity: 1;
  12756. }
  12757. }
  12758. @-webkit-keyframes fadeIn {
  12759. from {
  12760. opacity: 0;
  12761. }
  12762. to {
  12763. opacity: 1;
  12764. }
  12765. }
  12766. /*properties of tooltip after "expand"*/
  12767. .bigtooltip {
  12768. overflow: auto;
  12769. height: 200px;
  12770. -webkit-transition-property: height;
  12771. -webkit-transition-duration: 500ms;
  12772. -moz-transition-property: height;
  12773. -moz-transition-duration: 500ms;
  12774. transition-property: height;
  12775. transition-duration: 500ms;
  12776. }
  12777. /*properties of tooltip before "expand"*/
  12778. .smalltooltip {
  12779. -webkit-transition-property: height;
  12780. -webkit-transition-duration: 500ms;
  12781. -moz-transition-property: height;
  12782. -moz-transition-duration: 500ms;
  12783. transition-property: height;
  12784. transition-duration: 500ms;
  12785. text-overflow: ellipsis;
  12786. overflow: hidden;
  12787. height: 80px;
  12788. }
  12789. .tooltipbuttons {
  12790. position: absolute;
  12791. padding-right: 15px;
  12792. top: 0px;
  12793. right: 0px;
  12794. }
  12795. .tooltiptext {
  12796. /*avoid the button to overlap on some docstring*/
  12797. padding-right: 30px;
  12798. }
  12799. .ipython_tooltip {
  12800. max-width: 700px;
  12801. /*fade-in animation when inserted*/
  12802. -webkit-animation: fadeOut 400ms;
  12803. -moz-animation: fadeOut 400ms;
  12804. animation: fadeOut 400ms;
  12805. -webkit-animation: fadeIn 400ms;
  12806. -moz-animation: fadeIn 400ms;
  12807. animation: fadeIn 400ms;
  12808. vertical-align: middle;
  12809. background-color: #f7f7f7;
  12810. overflow: visible;
  12811. border: #ababab 1px solid;
  12812. outline: none;
  12813. padding: 3px;
  12814. margin: 0px;
  12815. padding-left: 7px;
  12816. font-family: monospace;
  12817. min-height: 50px;
  12818. -moz-box-shadow: 0px 6px 10px -1px #adadad;
  12819. -webkit-box-shadow: 0px 6px 10px -1px #adadad;
  12820. box-shadow: 0px 6px 10px -1px #adadad;
  12821. border-radius: 2px;
  12822. position: absolute;
  12823. z-index: 1000;
  12824. }
  12825. .ipython_tooltip a {
  12826. float: right;
  12827. }
  12828. .ipython_tooltip .tooltiptext pre {
  12829. border: 0;
  12830. border-radius: 0;
  12831. font-size: 100%;
  12832. background-color: #f7f7f7;
  12833. }
  12834. .pretooltiparrow {
  12835. left: 0px;
  12836. margin: 0px;
  12837. top: -16px;
  12838. width: 40px;
  12839. height: 16px;
  12840. overflow: hidden;
  12841. position: absolute;
  12842. }
  12843. .pretooltiparrow:before {
  12844. background-color: #f7f7f7;
  12845. border: 1px #ababab solid;
  12846. z-index: 11;
  12847. content: "";
  12848. position: absolute;
  12849. left: 15px;
  12850. top: 10px;
  12851. width: 25px;
  12852. height: 25px;
  12853. -webkit-transform: rotate(45deg);
  12854. -moz-transform: rotate(45deg);
  12855. -ms-transform: rotate(45deg);
  12856. -o-transform: rotate(45deg);
  12857. }
  12858. ul.typeahead-list i {
  12859. margin-left: -10px;
  12860. width: 18px;
  12861. }
  12862. [dir="rtl"] ul.typeahead-list i {
  12863. margin-left: 0;
  12864. margin-right: -10px;
  12865. }
  12866. ul.typeahead-list {
  12867. max-height: 80vh;
  12868. overflow: auto;
  12869. }
  12870. ul.typeahead-list > li > a {
  12871. /** Firefox bug **/
  12872. /* see https://github.com/jupyter/notebook/issues/559 */
  12873. white-space: normal;
  12874. }
  12875. ul.typeahead-list > li > a.pull-right {
  12876. float: left !important;
  12877. float: left;
  12878. }
  12879. [dir="rtl"] .typeahead-list {
  12880. text-align: right;
  12881. }
  12882. .cmd-palette .modal-body {
  12883. padding: 7px;
  12884. }
  12885. .cmd-palette form {
  12886. background: white;
  12887. }
  12888. .cmd-palette input {
  12889. outline: none;
  12890. }
  12891. .no-shortcut {
  12892. min-width: 20px;
  12893. color: transparent;
  12894. }
  12895. [dir="rtl"] .no-shortcut.pull-right {
  12896. float: left !important;
  12897. float: left;
  12898. }
  12899. [dir="rtl"] .command-shortcut.pull-right {
  12900. float: left !important;
  12901. float: left;
  12902. }
  12903. .command-shortcut:before {
  12904. content: "(command mode)";
  12905. padding-right: 3px;
  12906. color: #777777;
  12907. }
  12908. .edit-shortcut:before {
  12909. content: "(edit)";
  12910. padding-right: 3px;
  12911. color: #777777;
  12912. }
  12913. [dir="rtl"] .edit-shortcut.pull-right {
  12914. float: left !important;
  12915. float: left;
  12916. }
  12917. #find-and-replace #replace-preview .match,
  12918. #find-and-replace #replace-preview .insert {
  12919. background-color: #BBDEFB;
  12920. border-color: #90CAF9;
  12921. border-style: solid;
  12922. border-width: 1px;
  12923. border-radius: 0px;
  12924. }
  12925. [dir="ltr"] #find-and-replace .input-group-btn + .form-control {
  12926. border-left: none;
  12927. }
  12928. [dir="rtl"] #find-and-replace .input-group-btn + .form-control {
  12929. border-right: none;
  12930. }
  12931. #find-and-replace #replace-preview .replace .match {
  12932. background-color: #FFCDD2;
  12933. border-color: #EF9A9A;
  12934. border-radius: 0px;
  12935. }
  12936. #find-and-replace #replace-preview .replace .insert {
  12937. background-color: #C8E6C9;
  12938. border-color: #A5D6A7;
  12939. border-radius: 0px;
  12940. }
  12941. #find-and-replace #replace-preview {
  12942. max-height: 60vh;
  12943. overflow: auto;
  12944. }
  12945. #find-and-replace #replace-preview pre {
  12946. padding: 5px 10px;
  12947. }
  12948. .terminal-app {
  12949. background: #EEE;
  12950. }
  12951. .terminal-app #header {
  12952. background: #fff;
  12953. -webkit-box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
  12954. box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
  12955. }
  12956. .terminal-app .terminal {
  12957. width: 100%;
  12958. float: left;
  12959. font-family: monospace;
  12960. color: white;
  12961. background: black;
  12962. padding: 0.4em;
  12963. border-radius: 2px;
  12964. -webkit-box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.4);
  12965. box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.4);
  12966. }
  12967. .terminal-app .terminal,
  12968. .terminal-app .terminal dummy-screen {
  12969. line-height: 1em;
  12970. font-size: 14px;
  12971. }
  12972. .terminal-app .terminal .xterm-rows {
  12973. padding: 10px;
  12974. }
  12975. .terminal-app .terminal-cursor {
  12976. color: black;
  12977. background: white;
  12978. }
  12979. .terminal-app #terminado-container {
  12980. margin-top: 20px;
  12981. }
  12982. /*# sourceMappingURL=style.min.css.map */
  12983. </style>
  12984. <style type="text/css">
  12985. .highlight .hll { background-color: #ffffcc }
  12986. .highlight { background: #f8f8f8; }
  12987. .highlight .c { color: #408080; font-style: italic } /* Comment */
  12988. .highlight .err { border: 1px solid #FF0000 } /* Error */
  12989. .highlight .k { color: #008000; font-weight: bold } /* Keyword */
  12990. .highlight .o { color: #666666 } /* Operator */
  12991. .highlight .ch { color: #408080; font-style: italic } /* Comment.Hashbang */
  12992. .highlight .cm { color: #408080; font-style: italic } /* Comment.Multiline */
  12993. .highlight .cp { color: #BC7A00 } /* Comment.Preproc */
  12994. .highlight .cpf { color: #408080; font-style: italic } /* Comment.PreprocFile */
  12995. .highlight .c1 { color: #408080; font-style: italic } /* Comment.Single */
  12996. .highlight .cs { color: #408080; font-style: italic } /* Comment.Special */
  12997. .highlight .gd { color: #A00000 } /* Generic.Deleted */
  12998. .highlight .ge { font-style: italic } /* Generic.Emph */
  12999. .highlight .gr { color: #FF0000 } /* Generic.Error */
  13000. .highlight .gh { color: #000080; font-weight: bold } /* Generic.Heading */
  13001. .highlight .gi { color: #00A000 } /* Generic.Inserted */
  13002. .highlight .go { color: #888888 } /* Generic.Output */
  13003. .highlight .gp { color: #000080; font-weight: bold } /* Generic.Prompt */
  13004. .highlight .gs { font-weight: bold } /* Generic.Strong */
  13005. .highlight .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
  13006. .highlight .gt { color: #0044DD } /* Generic.Traceback */
  13007. .highlight .kc { color: #008000; font-weight: bold } /* Keyword.Constant */
  13008. .highlight .kd { color: #008000; font-weight: bold } /* Keyword.Declaration */
  13009. .highlight .kn { color: #008000; font-weight: bold } /* Keyword.Namespace */
  13010. .highlight .kp { color: #008000 } /* Keyword.Pseudo */
  13011. .highlight .kr { color: #008000; font-weight: bold } /* Keyword.Reserved */
  13012. .highlight .kt { color: #B00040 } /* Keyword.Type */
  13013. .highlight .m { color: #666666 } /* Literal.Number */
  13014. .highlight .s { color: #BA2121 } /* Literal.String */
  13015. .highlight .na { color: #7D9029 } /* Name.Attribute */
  13016. .highlight .nb { color: #008000 } /* Name.Builtin */
  13017. .highlight .nc { color: #0000FF; font-weight: bold } /* Name.Class */
  13018. .highlight .no { color: #880000 } /* Name.Constant */
  13019. .highlight .nd { color: #AA22FF } /* Name.Decorator */
  13020. .highlight .ni { color: #999999; font-weight: bold } /* Name.Entity */
  13021. .highlight .ne { color: #D2413A; font-weight: bold } /* Name.Exception */
  13022. .highlight .nf { color: #0000FF } /* Name.Function */
  13023. .highlight .nl { color: #A0A000 } /* Name.Label */
  13024. .highlight .nn { color: #0000FF; font-weight: bold } /* Name.Namespace */
  13025. .highlight .nt { color: #008000; font-weight: bold } /* Name.Tag */
  13026. .highlight .nv { color: #19177C } /* Name.Variable */
  13027. .highlight .ow { color: #AA22FF; font-weight: bold } /* Operator.Word */
  13028. .highlight .w { color: #bbbbbb } /* Text.Whitespace */
  13029. .highlight .mb { color: #666666 } /* Literal.Number.Bin */
  13030. .highlight .mf { color: #666666 } /* Literal.Number.Float */
  13031. .highlight .mh { color: #666666 } /* Literal.Number.Hex */
  13032. .highlight .mi { color: #666666 } /* Literal.Number.Integer */
  13033. .highlight .mo { color: #666666 } /* Literal.Number.Oct */
  13034. .highlight .sa { color: #BA2121 } /* Literal.String.Affix */
  13035. .highlight .sb { color: #BA2121 } /* Literal.String.Backtick */
  13036. .highlight .sc { color: #BA2121 } /* Literal.String.Char */
  13037. .highlight .dl { color: #BA2121 } /* Literal.String.Delimiter */
  13038. .highlight .sd { color: #BA2121; font-style: italic } /* Literal.String.Doc */
  13039. .highlight .s2 { color: #BA2121 } /* Literal.String.Double */
  13040. .highlight .se { color: #BB6622; font-weight: bold } /* Literal.String.Escape */
  13041. .highlight .sh { color: #BA2121 } /* Literal.String.Heredoc */
  13042. .highlight .si { color: #BB6688; font-weight: bold } /* Literal.String.Interpol */
  13043. .highlight .sx { color: #008000 } /* Literal.String.Other */
  13044. .highlight .sr { color: #BB6688 } /* Literal.String.Regex */
  13045. .highlight .s1 { color: #BA2121 } /* Literal.String.Single */
  13046. .highlight .ss { color: #19177C } /* Literal.String.Symbol */
  13047. .highlight .bp { color: #008000 } /* Name.Builtin.Pseudo */
  13048. .highlight .fm { color: #0000FF } /* Name.Function.Magic */
  13049. .highlight .vc { color: #19177C } /* Name.Variable.Class */
  13050. .highlight .vg { color: #19177C } /* Name.Variable.Global */
  13051. .highlight .vi { color: #19177C } /* Name.Variable.Instance */
  13052. .highlight .vm { color: #19177C } /* Name.Variable.Magic */
  13053. .highlight .il { color: #666666 } /* Literal.Number.Integer.Long */
  13054. </style>
  13055. <style type="text/css">
  13056. /* Temporary definitions which will become obsolete with Notebook release 5.0 */
  13057. .ansi-black-fg { color: #3E424D; }
  13058. .ansi-black-bg { background-color: #3E424D; }
  13059. .ansi-black-intense-fg { color: #282C36; }
  13060. .ansi-black-intense-bg { background-color: #282C36; }
  13061. .ansi-red-fg { color: #E75C58; }
  13062. .ansi-red-bg { background-color: #E75C58; }
  13063. .ansi-red-intense-fg { color: #B22B31; }
  13064. .ansi-red-intense-bg { background-color: #B22B31; }
  13065. .ansi-green-fg { color: #00A250; }
  13066. .ansi-green-bg { background-color: #00A250; }
  13067. .ansi-green-intense-fg { color: #007427; }
  13068. .ansi-green-intense-bg { background-color: #007427; }
  13069. .ansi-yellow-fg { color: #DDB62B; }
  13070. .ansi-yellow-bg { background-color: #DDB62B; }
  13071. .ansi-yellow-intense-fg { color: #B27D12; }
  13072. .ansi-yellow-intense-bg { background-color: #B27D12; }
  13073. .ansi-blue-fg { color: #208FFB; }
  13074. .ansi-blue-bg { background-color: #208FFB; }
  13075. .ansi-blue-intense-fg { color: #0065CA; }
  13076. .ansi-blue-intense-bg { background-color: #0065CA; }
  13077. .ansi-magenta-fg { color: #D160C4; }
  13078. .ansi-magenta-bg { background-color: #D160C4; }
  13079. .ansi-magenta-intense-fg { color: #A03196; }
  13080. .ansi-magenta-intense-bg { background-color: #A03196; }
  13081. .ansi-cyan-fg { color: #60C6C8; }
  13082. .ansi-cyan-bg { background-color: #60C6C8; }
  13083. .ansi-cyan-intense-fg { color: #258F8F; }
  13084. .ansi-cyan-intense-bg { background-color: #258F8F; }
  13085. .ansi-white-fg { color: #C5C1B4; }
  13086. .ansi-white-bg { background-color: #C5C1B4; }
  13087. .ansi-white-intense-fg { color: #A1A6B2; }
  13088. .ansi-white-intense-bg { background-color: #A1A6B2; }
  13089. .ansi-bold { font-weight: bold; }
  13090. </style>
  13091. <style type="text/css">
  13092. /* Overrides of notebook CSS for static HTML export */
  13093. .reveal {
  13094. font-size: 160%;
  13095. }
  13096. .reveal pre {
  13097. width: inherit;
  13098. padding: 0.4em;
  13099. margin: 0px;
  13100. font-family: monospace, sans-serif;
  13101. font-size: 80%;
  13102. box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
  13103. }
  13104. .reveal pre code {
  13105. padding: 0px;
  13106. }
  13107. .reveal section img {
  13108. border: 0px solid black;
  13109. box-shadow: 0 0 10px rgba(0, 0, 0, 0);
  13110. }
  13111. .reveal i {
  13112. font-style: normal;
  13113. font-family: FontAwesome;
  13114. font-size: 2em;
  13115. }
  13116. .reveal .slides {
  13117. text-align: left;
  13118. }
  13119. .reveal.fade {
  13120. opacity: 1;
  13121. }
  13122. .reveal .progress {
  13123. position: static;
  13124. }
  13125. .reveal .controls .navigate-left,
  13126. .reveal .controls .navigate-left.enabled {
  13127. border-right-color: #727272;
  13128. }
  13129. .reveal .controls .navigate-left.enabled:hover,
  13130. .reveal .controls .navigate-left.enabled.enabled:hover {
  13131. border-right-color: #dfdfdf;
  13132. }
  13133. .reveal .controls .navigate-right,
  13134. .reveal .controls .navigate-right.enabled {
  13135. border-left-color: #727272;
  13136. }
  13137. .reveal .controls .navigate-right.enabled:hover,
  13138. .reveal .controls .navigate-right.enabled.enabled:hover {
  13139. border-left-color: #dfdfdf;
  13140. }
  13141. .reveal .controls .navigate-up,
  13142. .reveal .controls .navigate-up.enabled {
  13143. border-bottom-color: #727272;
  13144. }
  13145. .reveal .controls .navigate-up.enabled:hover,
  13146. .reveal .controls .navigate-up.enabled.enabled:hover {
  13147. border-bottom-color: #dfdfdf;
  13148. }
  13149. .reveal .controls .navigate-down,
  13150. .reveal .controls .navigate-down.enabled {
  13151. border-top-color: #727272;
  13152. }
  13153. .reveal .controls .navigate-down.enabled:hover,
  13154. .reveal .controls .navigate-down.enabled.enabled:hover {
  13155. border-top-color: #dfdfdf;
  13156. }
  13157. .reveal .progress span {
  13158. background: #727272;
  13159. }
  13160. div.input_area {
  13161. padding: 0.06em;
  13162. }
  13163. div.code_cell {
  13164. background-color: transparent;
  13165. }
  13166. div.prompt {
  13167. width: 11ex;
  13168. padding: 0.4em;
  13169. margin: 0px;
  13170. font-family: monospace, sans-serif;
  13171. font-size: 80%;
  13172. text-align: right;
  13173. }
  13174. div.output_area pre {
  13175. font-family: monospace, sans-serif;
  13176. font-size: 80%;
  13177. }
  13178. div.output_prompt {
  13179. /* 5px right shift to account for margin in parent container */
  13180. margin: 5px 5px 0 0;
  13181. }
  13182. div.text_cell.rendered .rendered_html {
  13183. /* The H1 height seems miscalculated, we are just hidding the scrollbar */
  13184. overflow-y: hidden;
  13185. }
  13186. a.anchor-link {
  13187. /* There is still an anchor, we are only hidding it */
  13188. display: none;
  13189. }
  13190. .rendered_html p {
  13191. text-align: inherit;
  13192. }
  13193. ::-webkit-scrollbar
  13194. {
  13195. width: 6px;
  13196. height: 6px;
  13197. }
  13198. ::-webkit-scrollbar *
  13199. {
  13200. background:transparent;
  13201. }
  13202. ::-webkit-scrollbar-thumb
  13203. {
  13204. background: #727272 !important;
  13205. }
  13206. </style>
  13207. <!-- Custom stylesheet, it must be in the same directory as the html file -->
  13208. <link rel="stylesheet" href="custom.css">
  13209. </head>
  13210. <body>
  13211. <div class="reveal">
  13212. <div class="slides">
  13213. <aside class="notes">
  13214. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  13215. </div><div class="inner_cell">
  13216. <div class="text_cell_render border-box-sizing rendered_html">
  13217. <p>Slide conversion: <a href="https://echorand.me/presentation-slides-with-jupyter-notebook.html">https://echorand.me/presentation-slides-with-jupyter-notebook.html</a></p>
  13218. <p><code>$ jupyter-nbconvert --to slides slides.ipynb --reveal-prefix=reveal.js --post serve</code></p>
  13219. </div>
  13220. </div>
  13221. </div>
  13222. </aside><section><section>
  13223. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  13224. </div><div class="inner_cell">
  13225. <div class="text_cell_render border-box-sizing rendered_html">
  13226. <h1 id="A-Brief-Python-Introduction">A Brief Python Introduction<a class="anchor-link" href="#A-Brief-Python-Introduction">&#182;</a></h1><p>Keith Maull<br/>
  13227. Jan. 03, 2019</p>
  13228. </div>
  13229. </div>
  13230. </div></section></section><section><section>
  13231. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  13232. </div><div class="inner_cell">
  13233. <div class="text_cell_render border-box-sizing rendered_html">
  13234. <h2 id="Python-is-a-general-purpose-programming-language-that-is-...">Python is a general purpose programming language that is ...<a class="anchor-link" href="#Python-is-a-general-purpose-programming-language-that-is-...">&#182;</a></h2><ul>
  13235. <li>interpreted</li>
  13236. <li>dynamically typed (not statically typed)</li>
  13237. <li>intuitive</li>
  13238. <li>fun and addictive</li>
  13239. </ul>
  13240. </div>
  13241. </div>
  13242. </div><aside class="notes">
  13243. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  13244. </div><div class="inner_cell">
  13245. <div class="text_cell_render border-box-sizing rendered_html">
  13246. <h3 id="strongly-typed">strongly typed<a class="anchor-link" href="#strongly-typed">&#182;</a></h3><ul>
  13247. <li>So to answer your question: another way to look at this that's mostly correct is to say that static typing is compile-time type safety and strong typing is runtime type safety.
  13248. ### everything is an object</li>
  13249. </ul>
  13250. </div>
  13251. </div>
  13252. </div>
  13253. </aside></section></section><section><section>
  13254. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  13255. </div><div class="inner_cell">
  13256. <div class="text_cell_render border-box-sizing rendered_html">
  13257. <h2 id="Python-syntax-can-be-learned-very-quickly">Python syntax can be learned very quickly<a class="anchor-link" href="#Python-syntax-can-be-learned-very-quickly">&#182;</a></h2><ul>
  13258. <li>indentation matters</li>
  13259. <li>there are no curly braces, semicolons or tricks ...</li>
  13260. <li>the syntax is one of the true joys of the language once you learn not to fight it</li>
  13261. </ul>
  13262. </div>
  13263. </div>
  13264. </div></section><section>
  13265. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  13266. </div><div class="inner_cell">
  13267. <div class="text_cell_render border-box-sizing rendered_html">
  13268. <h2 id="We-will-learn-80%-of-the-syntax-today-in-1-hour!">We will learn 80% of the syntax today in 1 hour!<a class="anchor-link" href="#We-will-learn-80%-of-the-syntax-today-in-1-hour!">&#182;</a></h2><p><img src="./1368244924-49523624.jpg" alt="./1368244924-49523624.jpg"></p>
  13269. </div>
  13270. </div>
  13271. </div></section><section>
  13272. <div class="cell border-box-sizing code_cell rendered">
  13273. <div class="input">
  13274. <div class="prompt input_prompt">In&nbsp;[1]:</div>
  13275. <div class="inner_cell">
  13276. <div class="input_area">
  13277. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">a_simple_list</span> <span class="o">=</span> <span class="p">[</span><span class="s1">&#39;a&#39;</span><span class="p">,</span> <span class="s1">&#39;b&#39;</span><span class="p">,</span> <span class="s1">&#39;c&#39;</span><span class="p">,</span> <span class="s1">&#39;d&#39;</span><span class="p">]</span>
  13278. <span class="k">if</span> <span class="n">a_simple_list</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span> <span class="o">==</span> <span class="s1">&#39;a&#39;</span><span class="p">:</span>
  13279. <span class="nb">print</span><span class="p">(</span><span class="s2">&quot;The first item of the list is an `a`&quot;</span><span class="p">)</span>
  13280. </pre></div>
  13281. </div>
  13282. </div>
  13283. </div>
  13284. <div class="output_wrapper">
  13285. <div class="output">
  13286. <div class="output_area">
  13287. <div class="prompt"></div>
  13288. <div class="output_subarea output_stream output_stdout output_text">
  13289. <pre>The first item of the list is an `a`
  13290. </pre>
  13291. </div>
  13292. </div>
  13293. </div>
  13294. </div>
  13295. </div></section><section>
  13296. <div class="cell border-box-sizing code_cell rendered">
  13297. <div class="input">
  13298. <div class="prompt input_prompt">In&nbsp;[2]:</div>
  13299. <div class="inner_cell">
  13300. <div class="input_area">
  13301. <div class=" highlight hl-ipython3"><pre><span></span><span class="k">for</span> <span class="n">item</span> <span class="ow">in</span> <span class="n">a_simple_list</span><span class="p">:</span>
  13302. <span class="nb">print</span><span class="p">(</span><span class="n">item</span><span class="p">)</span>
  13303. </pre></div>
  13304. </div>
  13305. </div>
  13306. </div>
  13307. <div class="output_wrapper">
  13308. <div class="output">
  13309. <div class="output_area">
  13310. <div class="prompt"></div>
  13311. <div class="output_subarea output_stream output_stdout output_text">
  13312. <pre>a
  13313. b
  13314. c
  13315. d
  13316. </pre>
  13317. </div>
  13318. </div>
  13319. </div>
  13320. </div>
  13321. </div></section><section>
  13322. <div class="cell border-box-sizing code_cell rendered">
  13323. <div class="input">
  13324. <div class="prompt input_prompt">In&nbsp;[3]:</div>
  13325. <div class="inner_cell">
  13326. <div class="input_area">
  13327. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">count</span> <span class="o">=</span> <span class="mi">0</span>
  13328. <span class="k">while</span> <span class="p">(</span><span class="n">count</span> <span class="o">&lt;</span> <span class="mi">5</span><span class="p">):</span>
  13329. <span class="nb">print</span><span class="p">(</span><span class="n">count</span><span class="p">)</span>
  13330. <span class="n">count</span><span class="o">+=</span><span class="mi">1</span>
  13331. </pre></div>
  13332. </div>
  13333. </div>
  13334. </div>
  13335. <div class="output_wrapper">
  13336. <div class="output">
  13337. <div class="output_area">
  13338. <div class="prompt"></div>
  13339. <div class="output_subarea output_stream output_stdout output_text">
  13340. <pre>0
  13341. 1
  13342. 2
  13343. 3
  13344. 4
  13345. </pre>
  13346. </div>
  13347. </div>
  13348. </div>
  13349. </div>
  13350. </div></section><section>
  13351. <div class="cell border-box-sizing code_cell rendered">
  13352. <div class="input">
  13353. <div class="prompt input_prompt">In&nbsp;[4]:</div>
  13354. <div class="inner_cell">
  13355. <div class="input_area">
  13356. <div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># functions are easy </span>
  13357. <span class="k">def</span> <span class="nf">my_func</span><span class="p">(</span><span class="n">x</span><span class="p">,</span> <span class="n">y</span><span class="p">):</span>
  13358. <span class="k">return</span> <span class="n">x</span><span class="o">*</span><span class="n">y</span>
  13359. <span class="n">my_func</span><span class="p">(</span><span class="mi">3</span><span class="p">,</span><span class="mi">4</span><span class="p">)</span>
  13360. </pre></div>
  13361. </div>
  13362. </div>
  13363. </div>
  13364. <div class="output_wrapper">
  13365. <div class="output">
  13366. <div class="output_area">
  13367. <div class="prompt output_prompt">Out[4]:</div>
  13368. <div class="output_text output_subarea output_execute_result">
  13369. <pre>12</pre>
  13370. </div>
  13371. </div>
  13372. </div>
  13373. </div>
  13374. </div><aside class="notes">
  13375. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  13376. </div><div class="inner_cell">
  13377. <div class="text_cell_render border-box-sizing rendered_html">
  13378. <h3 id="x,-y-=-y,-x">x, y = y, x<a class="anchor-link" href="#x,-y-=-y,-x">&#182;</a></h3>
  13379. </div>
  13380. </div>
  13381. </div>
  13382. </aside></section></section><section><section>
  13383. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  13384. </div><div class="inner_cell">
  13385. <div class="text_cell_render border-box-sizing rendered_html">
  13386. <h2 id="Python-has-many-modules-(aka-&quot;libraries&quot;)-that-do-fun-things">Python has many modules (aka "libraries") that do fun things<a class="anchor-link" href="#Python-has-many-modules-(aka-&quot;libraries&quot;)-that-do-fun-things">&#182;</a></h2>
  13387. </div>
  13388. </div>
  13389. </div></section><section>
  13390. <div class="cell border-box-sizing code_cell rendered">
  13391. <div class="input">
  13392. <div class="prompt input_prompt">In&nbsp;[5]:</div>
  13393. <div class="inner_cell">
  13394. <div class="input_area">
  13395. <div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># random numbers generator</span>
  13396. <span class="kn">import</span> <span class="nn">random</span>
  13397. <span class="nb">print</span><span class="p">(</span><span class="n">random</span><span class="o">.</span><span class="n">randint</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">100</span><span class="p">))</span>
  13398. </pre></div>
  13399. </div>
  13400. </div>
  13401. </div>
  13402. <div class="output_wrapper">
  13403. <div class="output">
  13404. <div class="output_area">
  13405. <div class="prompt"></div>
  13406. <div class="output_subarea output_stream output_stdout output_text">
  13407. <pre>89
  13408. </pre>
  13409. </div>
  13410. </div>
  13411. </div>
  13412. </div>
  13413. </div></section><section>
  13414. <div class="cell border-box-sizing code_cell rendered">
  13415. <div class="input">
  13416. <div class="prompt input_prompt">In&nbsp;[6]:</div>
  13417. <div class="inner_cell">
  13418. <div class="input_area">
  13419. <div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># http library</span>
  13420. <span class="kn">import</span> <span class="nn">requests</span>
  13421. <span class="n">r</span> <span class="o">=</span> <span class="n">requests</span><span class="o">.</span><span class="n">get</span><span class="p">(</span><span class="s2">&quot;https://raw.githubusercontent.com/atebits/Words/master/Words/en.txt&quot;</span><span class="p">)</span>
  13422. <span class="k">if</span> <span class="n">r</span><span class="o">.</span><span class="n">status_code</span> <span class="o">==</span> <span class="mi">200</span><span class="p">:</span>
  13423. <span class="n">data</span> <span class="o">=</span> <span class="n">r</span><span class="o">.</span><span class="n">text</span>
  13424. <span class="nb">print</span><span class="p">(</span><span class="n">data</span><span class="p">[:</span><span class="mi">1000</span><span class="p">])</span>
  13425. </pre></div>
  13426. </div>
  13427. </div>
  13428. </div>
  13429. <div class="output_wrapper">
  13430. <div class="output">
  13431. <div class="output_area">
  13432. <div class="prompt"></div>
  13433. <div class="output_subarea output_stream output_stdout output_text">
  13434. <pre>aa
  13435. aah
  13436. aahed
  13437. aahing
  13438. aahs
  13439. aal
  13440. aalii
  13441. aaliis
  13442. aals
  13443. aardvark
  13444. aardvarks
  13445. aardwolf
  13446. aardwolves
  13447. aargh
  13448. aarrgh
  13449. aarrghh
  13450. aarti
  13451. aartis
  13452. aas
  13453. aasvogel
  13454. aasvogels
  13455. ab
  13456. aba
  13457. abac
  13458. abaca
  13459. abacas
  13460. abaci
  13461. aback
  13462. abacs
  13463. abacterial
  13464. abactinal
  13465. abactinally
  13466. abactor
  13467. abactors
  13468. abacus
  13469. abacuses
  13470. abaft
  13471. abaka
  13472. abakas
  13473. abalone
  13474. abalones
  13475. abamp
  13476. abampere
  13477. abamperes
  13478. abamps
  13479. aband
  13480. abanded
  13481. abanding
  13482. abandon
  13483. abandoned
  13484. abandonedly
  13485. abandonee
  13486. abandonees
  13487. abandoner
  13488. abandoners
  13489. abandoning
  13490. abandonment
  13491. abandonments
  13492. abandons
  13493. abandonware
  13494. abandonwares
  13495. abands
  13496. abapical
  13497. abas
  13498. abase
  13499. abased
  13500. abasedly
  13501. abasement
  13502. abasements
  13503. abaser
  13504. abasers
  13505. abases
  13506. abash
  13507. abashed
  13508. abashedly
  13509. abashes
  13510. abashing
  13511. abashless
  13512. abashment
  13513. abashments
  13514. abasia
  13515. abasias
  13516. abasing
  13517. abask
  13518. abatable
  13519. abate
  13520. abated
  13521. abatement
  13522. abatements
  13523. abater
  13524. abaters
  13525. abates
  13526. abating
  13527. abatis
  13528. abatises
  13529. abator
  13530. abators
  13531. abattis
  13532. abattises
  13533. abattoir
  13534. abattoirs
  13535. abattu
  13536. abature
  13537. abatures
  13538. abaxial
  13539. abaxile
  13540. abaya
  13541. abayas
  13542. abb
  13543. abba
  13544. abbacies
  13545. abbacy
  13546. abbas
  13547. abbatial
  13548. abbe
  13549. abbed
  13550. abbes
  13551. abbess
  13552. abbesses
  13553. abbey
  13554. abbeys
  13555. abbot
  13556. abbotcies
  13557. abbotcy
  13558. abbots
  13559. abbotship
  13560. abbotsh
  13561. </pre>
  13562. </div>
  13563. </div>
  13564. </div>
  13565. </div>
  13566. </div></section><section>
  13567. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  13568. </div><div class="inner_cell">
  13569. <div class="text_cell_render border-box-sizing rendered_html">
  13570. <h2 id="And-a-strength-of-the-language-is-text-processing-...">And a strength of the language is text processing ...<a class="anchor-link" href="#And-a-strength-of-the-language-is-text-processing-...">&#182;</a></h2>
  13571. </div>
  13572. </div>
  13573. </div><div class="fragment">
  13574. <div class="cell border-box-sizing code_cell rendered">
  13575. <div class="input">
  13576. <div class="prompt input_prompt">In&nbsp;[7]:</div>
  13577. <div class="inner_cell">
  13578. <div class="input_area">
  13579. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">data</span><span class="o">.</span><span class="n">split</span><span class="p">(</span><span class="s1">&#39;</span><span class="se">\n</span><span class="s1">&#39;</span><span class="p">)[:</span><span class="mi">10</span><span class="p">]</span>
  13580. </pre></div>
  13581. </div>
  13582. </div>
  13583. </div>
  13584. <div class="output_wrapper">
  13585. <div class="output">
  13586. <div class="output_area">
  13587. <div class="prompt output_prompt">Out[7]:</div>
  13588. <div class="output_text output_subarea output_execute_result">
  13589. <pre>[&#39;aa&#39;,
  13590. &#39;aah&#39;,
  13591. &#39;aahed&#39;,
  13592. &#39;aahing&#39;,
  13593. &#39;aahs&#39;,
  13594. &#39;aal&#39;,
  13595. &#39;aalii&#39;,
  13596. &#39;aaliis&#39;,
  13597. &#39;aals&#39;,
  13598. &#39;aardvark&#39;]</pre>
  13599. </div>
  13600. </div>
  13601. </div>
  13602. </div>
  13603. </div></div></section><section>
  13604. <div class="cell border-box-sizing code_cell rendered">
  13605. <div class="input">
  13606. <div class="prompt input_prompt">In&nbsp;[8]:</div>
  13607. <div class="inner_cell">
  13608. <div class="input_area">
  13609. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">top_100_five_letter_words</span> <span class="o">=</span> <span class="p">[]</span>
  13610. <span class="k">for</span> <span class="n">w</span> <span class="ow">in</span> <span class="n">data</span><span class="o">.</span><span class="n">split</span><span class="p">(</span><span class="s1">&#39;</span><span class="se">\n</span><span class="s1">&#39;</span><span class="p">):</span>
  13611. <span class="k">if</span> <span class="nb">len</span><span class="p">(</span><span class="n">w</span><span class="p">)</span> <span class="o">==</span> <span class="mi">5</span><span class="p">:</span>
  13612. <span class="n">top_100_five_letter_words</span><span class="o">.</span><span class="n">append</span><span class="p">(</span><span class="n">w</span><span class="p">)</span>
  13613. <span class="k">if</span> <span class="nb">len</span><span class="p">(</span><span class="n">top_100_five_letter_words</span><span class="p">)</span> <span class="o">==</span> <span class="mi">100</span><span class="p">:</span>
  13614. <span class="k">break</span>
  13615. <span class="nb">print</span><span class="p">(</span><span class="n">top_100_five_letter_words</span><span class="p">)</span>
  13616. </pre></div>
  13617. </div>
  13618. </div>
  13619. </div>
  13620. <div class="output_wrapper">
  13621. <div class="output">
  13622. <div class="output_area">
  13623. <div class="prompt"></div>
  13624. <div class="output_subarea output_stream output_stdout output_text">
  13625. <pre>[&#39;aahed&#39;, &#39;aalii&#39;, &#39;aargh&#39;, &#39;aarti&#39;, &#39;abaca&#39;, &#39;abaci&#39;, &#39;aback&#39;, &#39;abacs&#39;, &#39;abaft&#39;, &#39;abaka&#39;, &#39;abamp&#39;, &#39;aband&#39;, &#39;abase&#39;, &#39;abash&#39;, &#39;abask&#39;, &#39;abate&#39;, &#39;abaya&#39;, &#39;abbas&#39;, &#39;abbed&#39;, &#39;abbes&#39;, &#39;abbey&#39;, &#39;abbot&#39;, &#39;abcee&#39;, &#39;abeam&#39;, &#39;abear&#39;, &#39;abele&#39;, &#39;abets&#39;, &#39;abhor&#39;, &#39;abide&#39;, &#39;abies&#39;, &#39;abled&#39;, &#39;abler&#39;, &#39;ables&#39;, &#39;ablet&#39;, &#39;ablow&#39;, &#39;abmho&#39;, &#39;abode&#39;, &#39;abohm&#39;, &#39;aboil&#39;, &#39;aboma&#39;, &#39;aboon&#39;, &#39;abord&#39;, &#39;abore&#39;, &#39;abort&#39;, &#39;about&#39;, &#39;above&#39;, &#39;abram&#39;, &#39;abray&#39;, &#39;abrim&#39;, &#39;abrin&#39;, &#39;abris&#39;, &#39;absey&#39;, &#39;absit&#39;, &#39;abuna&#39;, &#39;abune&#39;, &#39;abuse&#39;, &#39;abuts&#39;, &#39;abuzz&#39;, &#39;abyes&#39;, &#39;abysm&#39;, &#39;abyss&#39;, &#39;acais&#39;, &#39;acari&#39;, &#39;accas&#39;, &#39;accoy&#39;, &#39;acerb&#39;, &#39;acers&#39;, &#39;aceta&#39;, &#39;achar&#39;, &#39;ached&#39;, &#39;aches&#39;, &#39;achoo&#39;, &#39;acids&#39;, &#39;acidy&#39;, &#39;acing&#39;, &#39;acini&#39;, &#39;ackee&#39;, &#39;acker&#39;, &#39;acmes&#39;, &#39;acmic&#39;, &#39;acned&#39;, &#39;acnes&#39;, &#39;acock&#39;, &#39;acold&#39;, &#39;acorn&#39;, &#39;acred&#39;, &#39;acres&#39;, &#39;acrid&#39;, &#39;acted&#39;, &#39;actin&#39;, &#39;acton&#39;, &#39;actor&#39;, &#39;acute&#39;, &#39;acyls&#39;, &#39;adage&#39;, &#39;adapt&#39;, &#39;adaws&#39;, &#39;adays&#39;, &#39;addax&#39;, &#39;added&#39;]
  13626. </pre>
  13627. </div>
  13628. </div>
  13629. </div>
  13630. </div>
  13631. </div></section><section>
  13632. <div class="cell border-box-sizing code_cell rendered">
  13633. <div class="input">
  13634. <div class="prompt input_prompt">In&nbsp;[9]:</div>
  13635. <div class="inner_cell">
  13636. <div class="input_area">
  13637. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">top_100_five_letter_words_ending_in_g</span> <span class="o">=</span> <span class="p">[]</span>
  13638. <span class="k">for</span> <span class="n">w</span> <span class="ow">in</span> <span class="n">data</span><span class="o">.</span><span class="n">split</span><span class="p">(</span><span class="s1">&#39;</span><span class="se">\n</span><span class="s1">&#39;</span><span class="p">):</span>
  13639. <span class="k">if</span> <span class="nb">len</span><span class="p">(</span><span class="n">w</span><span class="p">)</span> <span class="o">==</span> <span class="mi">5</span> <span class="ow">and</span> <span class="n">w</span><span class="p">[</span><span class="o">-</span><span class="mi">1</span><span class="p">]</span> <span class="ow">is</span> <span class="s1">&#39;g&#39;</span><span class="p">:</span>
  13640. <span class="n">top_100_five_letter_words_ending_in_g</span><span class="o">.</span><span class="n">append</span><span class="p">(</span><span class="n">w</span><span class="p">)</span>
  13641. <span class="k">if</span> <span class="nb">len</span><span class="p">(</span><span class="n">top_100_five_letter_words_ending_in_g</span><span class="p">)</span> <span class="o">==</span> <span class="mi">100</span><span class="p">:</span>
  13642. <span class="k">break</span>
  13643. <span class="nb">print</span><span class="p">(</span><span class="n">top_100_five_letter_words_ending_in_g</span><span class="p">)</span>
  13644. </pre></div>
  13645. </div>
  13646. </div>
  13647. </div>
  13648. <div class="output_wrapper">
  13649. <div class="output">
  13650. <div class="output_area">
  13651. <div class="prompt"></div>
  13652. <div class="output_subarea output_stream output_stdout output_text">
  13653. <pre>[&#39;acing&#39;, &#39;aging&#39;, &#39;ahing&#39;, &#39;aking&#39;, &#39;alang&#39;, &#39;almug&#39;, &#39;along&#39;, &#39;among&#39;, &#39;aping&#39;, &#39;awing&#39;, &#39;axing&#39;, &#39;befog&#39;, &#39;being&#39;, &#39;bewig&#39;, &#39;bhang&#39;, &#39;bling&#39;, &#39;boing&#39;, &#39;boong&#39;, &#39;bourg&#39;, &#39;bring&#39;, &#39;brung&#39;, &#39;chang&#39;, &#39;clang&#39;, &#39;cling&#39;, &#39;clung&#39;, &#39;cohog&#39;, &#39;colog&#39;, &#39;craig&#39;, &#39;cuing&#39;, &#39;debag&#39;, &#39;debug&#39;, &#39;defog&#39;, &#39;derig&#39;, &#39;doing&#39;, &#39;droog&#39;, &#39;duing&#39;, &#39;dwang&#39;, &#39;dying&#39;, &#39;ehing&#39;, &#39;eking&#39;, &#39;embog&#39;, &#39;emong&#39;, &#39;ennog&#39;, &#39;ering&#39;, &#39;exing&#39;, &#39;eying&#39;, &#39;fling&#39;, &#39;flong&#39;, &#39;flung&#39;, &#39;glogg&#39;, &#39;going&#39;, &#39;gulag&#39;, &#39;hoing&#39;, &#39;hying&#39;, &#39;hyleg&#39;, &#39;icing&#39;, &#39;incog&#39;, &#39;iring&#39;, &#39;kaing&#39;, &#39;kiang&#39;, &#39;klang&#39;, &#39;klieg&#39;, &#39;klong&#39;, &#39;krang&#39;, &#39;kreng&#39;, &#39;kyang&#39;, &#39;liang&#39;, &#39;lolog&#39;, &#39;lying&#39;, &#39;moong&#39;, &#39;nying&#39;, &#39;obang&#39;, &#39;oflag&#39;, &#39;ohing&#39;, &#39;oping&#39;, &#39;orang&#39;, &#39;owing&#39;, &#39;phang&#39;, &#39;piing&#39;, &#39;pirog&#39;, &#39;pling&#39;, &#39;plong&#39;, &#39;prang&#39;, &#39;prong&#39;, &#39;rejig&#39;, &#39;renig&#39;, &#39;repeg&#39;, &#39;rerig&#39;, &#39;retag&#39;, &#39;rolag&#39;, &#39;ruing&#39;, &#39;scoog&#39;, &#39;scoug&#39;, &#39;scrag&#39;, &#39;scrog&#39;, &#39;shrug&#39;, &#39;skegg&#39;, &#39;slang&#39;, &#39;sling&#39;, &#39;slung&#39;]
  13654. </pre>
  13655. </div>
  13656. </div>
  13657. </div>
  13658. </div>
  13659. </div></section></section><section><section>
  13660. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  13661. </div><div class="inner_cell">
  13662. <div class="text_cell_render border-box-sizing rendered_html">
  13663. <h3 id="json-support-is-excellent-(as-it-should-be)">json support is excellent (as it should be)<a class="anchor-link" href="#json-support-is-excellent-(as-it-should-be)">&#182;</a></h3>
  13664. </div>
  13665. </div>
  13666. </div><div class="fragment">
  13667. <div class="cell border-box-sizing code_cell rendered">
  13668. <div class="input">
  13669. <div class="prompt input_prompt">In&nbsp;[10]:</div>
  13670. <div class="inner_cell">
  13671. <div class="input_area">
  13672. <div class=" highlight hl-ipython3"><pre><span></span><span class="kn">import</span> <span class="nn">json</span>
  13673. <span class="kn">import</span> <span class="nn">requests</span>
  13674. <span class="n">r</span> <span class="o">=</span> <span class="n">requests</span><span class="o">.</span><span class="n">get</span><span class="p">(</span><span class="s2">&quot;https://raw.githubusercontent.com/LearnWebCode/json-example/master/pets-data.json&quot;</span><span class="p">)</span>
  13675. <span class="k">if</span> <span class="n">r</span><span class="o">.</span><span class="n">status_code</span> <span class="o">==</span> <span class="mi">200</span><span class="p">:</span>
  13676. <span class="n">pet_data</span> <span class="o">=</span> <span class="n">json</span><span class="o">.</span><span class="n">loads</span><span class="p">(</span><span class="n">r</span><span class="o">.</span><span class="n">text</span><span class="p">)</span>
  13677. <span class="nb">print</span><span class="p">(</span><span class="n">data</span><span class="p">)</span>
  13678. </pre></div>
  13679. </div>
  13680. </div>
  13681. </div>
  13682. <div class="output_wrapper">
  13683. <div class="output">
  13684. <div class="output_area">
  13685. <div class="prompt"></div>
  13686. <div class="output_subarea output_stream output_stderr output_text">
  13687. <pre>IOPub data rate exceeded.
  13688. The notebook server will temporarily stop sending output
  13689. to the client in order to avoid crashing it.
  13690. To change this limit, set the config variable
  13691. `--NotebookApp.iopub_data_rate_limit`.
  13692. Current values:
  13693. NotebookApp.iopub_data_rate_limit=1000000.0 (bytes/sec)
  13694. NotebookApp.rate_limit_window=3.0 (secs)
  13695. </pre>
  13696. </div>
  13697. </div>
  13698. </div>
  13699. </div>
  13700. </div></div><div class="fragment">
  13701. <div class="cell border-box-sizing code_cell rendered">
  13702. <div class="input">
  13703. <div class="prompt input_prompt">In&nbsp;[11]:</div>
  13704. <div class="inner_cell">
  13705. <div class="input_area">
  13706. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">pet_data</span><span class="p">[</span><span class="s1">&#39;pets&#39;</span><span class="p">][</span><span class="mi">0</span><span class="p">]</span>
  13707. </pre></div>
  13708. </div>
  13709. </div>
  13710. </div>
  13711. <div class="output_wrapper">
  13712. <div class="output">
  13713. <div class="output_area">
  13714. <div class="prompt output_prompt">Out[11]:</div>
  13715. <div class="output_text output_subarea output_execute_result">
  13716. <pre>{&#39;name&#39;: &#39;Purrsloud&#39;,
  13717. &#39;species&#39;: &#39;Cat&#39;,
  13718. &#39;favFoods&#39;: [&#39;wet food&#39;, &#39;dry food&#39;, &#39;&lt;strong&gt;any&lt;/strong&gt; food&#39;],
  13719. &#39;birthYear&#39;: 2016,
  13720. &#39;photo&#39;: &#39;https://learnwebcode.github.io/json-example/images/cat-2.jpg&#39;}</pre>
  13721. </div>
  13722. </div>
  13723. </div>
  13724. </div>
  13725. </div></div></section><section>
  13726. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  13727. </div><div class="inner_cell">
  13728. <div class="text_cell_render border-box-sizing rendered_html">
  13729. <h3 id="Regular-expressions-...-also-very-accessible">Regular expressions ... also very accessible<a class="anchor-link" href="#Regular-expressions-...-also-very-accessible">&#182;</a></h3>
  13730. </div>
  13731. </div>
  13732. </div><div class="fragment">
  13733. <div class="cell border-box-sizing code_cell rendered">
  13734. <div class="input">
  13735. <div class="prompt input_prompt">In&nbsp;[12]:</div>
  13736. <div class="inner_cell">
  13737. <div class="input_area">
  13738. <div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># regular expressions</span>
  13739. <span class="kn">import</span> <span class="nn">re</span>
  13740. <span class="n">s</span> <span class="o">=</span> <span class="sa">r</span><span class="s1">&#39;^t.*ers$&#39;</span> <span class="c1"># all words starting with `t` ending in `ers`</span>
  13741. <span class="k">for</span> <span class="n">w</span> <span class="ow">in</span> <span class="n">data</span><span class="o">.</span><span class="n">split</span><span class="p">(</span><span class="s1">&#39;</span><span class="se">\n</span><span class="s1">&#39;</span><span class="p">):</span>
  13742. <span class="k">if</span> <span class="n">re</span><span class="o">.</span><span class="n">match</span><span class="p">(</span><span class="n">s</span><span class="p">,</span> <span class="n">w</span><span class="p">):</span>
  13743. <span class="nb">print</span><span class="p">(</span><span class="n">w</span><span class="p">)</span>
  13744. </pre></div>
  13745. </div>
  13746. </div>
  13747. </div>
  13748. <div class="output_wrapper">
  13749. <div class="output">
  13750. <div class="output_area">
  13751. <div class="prompt"></div>
  13752. <div class="output_subarea output_stream output_stdout output_text">
  13753. <pre>tabasheers
  13754. tabers
  13755. tabliers
  13756. taborers
  13757. tabourers
  13758. tacheometers
  13759. tachometers
  13760. tachygraphers
  13761. tachymeters
  13762. tackers
  13763. tackifiers
  13764. tacklers
  13765. taggers
  13766. tailenders
  13767. tailers
  13768. tailgaters
  13769. tailwaters
  13770. taivers
  13771. takeovers
  13772. takers
  13773. talebearers
  13774. talers
  13775. talkers
  13776. talliers
  13777. tambers
  13778. tambourers
  13779. tamers
  13780. tamperers
  13781. tampers
  13782. tanagers
  13783. tanglers
  13784. tankbusters
  13785. tankers
  13786. tanners
  13787. tantalisers
  13788. tantalizers
  13789. taperers
  13790. tapers
  13791. tappers
  13792. tapsters
  13793. targeteers
  13794. tarnishers
  13795. tarpapers
  13796. tarriers
  13797. tarsiers
  13798. taseometers
  13799. tasers
  13800. tasimeters
  13801. taskers
  13802. taskmasters
  13803. tastemakers
  13804. tasters
  13805. taters
  13806. tatlers
  13807. tatters
  13808. tattlers
  13809. tattooers
  13810. taunters
  13811. tautomers
  13812. taverners
  13813. tavers
  13814. tawers
  13815. taxameters
  13816. taxers
  13817. taximeters
  13818. taxonomers
  13819. taxpayers
  13820. teachers
  13821. teamakers
  13822. teamers
  13823. teamsters
  13824. tearers
  13825. tearjerkers
  13826. teaselers
  13827. teasellers
  13828. teasers
  13829. teatasters
  13830. tedders
  13831. teemers
  13832. teenagers
  13833. teeners
  13834. teenyboppers
  13835. teers
  13836. teeters
  13837. teethers
  13838. teetotalers
  13839. teetotallers
  13840. telecasters
  13841. telecommuters
  13842. teleconverters
  13843. telegraphers
  13844. telemarketers
  13845. telemeters
  13846. telephoners
  13847. teleprinters
  13848. teletypewriters
  13849. televiewers
  13850. televisers
  13851. teleworkers
  13852. telewriters
  13853. telfers
  13854. tellers
  13855. tellurometers
  13856. telphers
  13857. temperers
  13858. tempers
  13859. temporisers
  13860. temporizers
  13861. tempters
  13862. tenderers
  13863. tenderisers
  13864. tenderizers
  13865. tenderometers
  13866. tenders
  13867. tenners
  13868. tenoners
  13869. tenpounders
  13870. tensimeters
  13871. tensiometers
  13872. tensioners
  13873. tenters
  13874. tentmakers
  13875. termers
  13876. terminers
  13877. terpolymers
  13878. terriers
  13879. terrifiers
  13880. terrorisers
  13881. terrorizers
  13882. testers
  13883. testifiers
  13884. tethers
  13885. tetramers
  13886. tetrameters
  13887. tetters
  13888. teuchters
  13889. texters
  13890. thalers
  13891. thankers
  13892. thanksgivers
  13893. thatchers
  13894. thawers
  13895. theatergoers
  13896. theaters
  13897. theologasters
  13898. theologers
  13899. theologisers
  13900. theologizers
  13901. theorisers
  13902. theorizers
  13903. theosophers
  13904. thermographers
  13905. thermometers
  13906. thickeners
  13907. thiggers
  13908. thillers
  13909. thimbleriggers
  13910. thinkers
  13911. thinners
  13912. thirsters
  13913. thrashers
  13914. threaders
  13915. threadmakers
  13916. threapers
  13917. threateners
  13918. threepers
  13919. threshers
  13920. thrillers
  13921. thrivers
  13922. throbbers
  13923. thronners
  13924. throttlers
  13925. throwers
  13926. throwsters
  13927. thrummers
  13928. thrusters
  13929. thumpers
  13930. thunderers
  13931. thunders
  13932. thundershowers
  13933. thurifers
  13934. thwackers
  13935. thwarters
  13936. tickers
  13937. ticklers
  13938. tiddlers
  13939. tidewaiters
  13940. tidewaters
  13941. tidiers
  13942. tiebreakers
  13943. tiers
  13944. tigers
  13945. tighteners
  13946. tilers
  13947. tillers
  13948. tilters
  13949. tiltmeters
  13950. timbers
  13951. timekeepers
  13952. timepleasers
  13953. timers
  13954. timesavers
  13955. timeservers
  13956. timeworkers
  13957. timoneers
  13958. tinders
  13959. tinglers
  13960. tinkerers
  13961. tinkers
  13962. tinklers
  13963. tinners
  13964. tinters
  13965. tintometers
  13966. tippers
  13967. tipplers
  13968. tipsters
  13969. titers
  13970. titfers
  13971. tithers
  13972. titleholders
  13973. titlers
  13974. titterers
  13975. titters
  13976. toadeaters
  13977. toasters
  13978. toastmasters
  13979. tobogganers
  13980. tochers
  13981. toddlers
  13982. todgers
  13983. toeraggers
  13984. toggers
  13985. togglers
  13986. toilers
  13987. tokers
  13988. tollers
  13989. tolters
  13990. toners
  13991. tongers
  13992. tongsters
  13993. tonguesters
  13994. tonkers
  13995. tonners
  13996. tonometers
  13997. tontiners
  13998. toolers
  13999. toolholders
  14000. toolmakers
  14001. toolpushers
  14002. tooters
  14003. tootlers
  14004. topers
  14005. topliners
  14006. topmakers
  14007. topnotchers
  14008. topographers
  14009. toppers
  14010. topsiders
  14011. torchbearers
  14012. torchers
  14013. torchiers
  14014. tormenters
  14015. torpedoers
  14016. torquers
  14017. torturers
  14018. toshers
  14019. tossers
  14020. totalisers
  14021. totalizers
  14022. toters
  14023. totterers
  14024. totters
  14025. touchers
  14026. touchpapers
  14027. tougheners
  14028. tourers
  14029. tourneyers
  14030. tousers
  14031. touters
  14032. towers
  14033. towsers
  14034. toyers
  14035. tracers
  14036. trackers
  14037. tracklayers
  14038. trackwalkers
  14039. traders
  14040. traditioners
  14041. traducers
  14042. traffickers
  14043. trailblazers
  14044. trailbreakers
  14045. trailers
  14046. trainbearers
  14047. trainers
  14048. trammelers
  14049. trammellers
  14050. trampers
  14051. tramplers
  14052. trampoliners
  14053. tranquilisers
  14054. tranquilizers
  14055. tranquillisers
  14056. tranquillizers
  14057. transceivers
  14058. transcribers
  14059. transducers
  14060. transferrers
  14061. transfers
  14062. transformers
  14063. transfusers
  14064. transgenders
  14065. transhippers
  14066. transmissometers
  14067. transmitters
  14068. transmuters
  14069. transplanters
  14070. transponders
  14071. transporters
  14072. transposers
  14073. transputers
  14074. transshippers
  14075. transvaluers
  14076. transverters
  14077. tranters
  14078. trapanners
  14079. trappers
  14080. trapshooters
  14081. trashers
  14082. travelers
  14083. travellers
  14084. traversers
  14085. trawlers
  14086. treacherers
  14087. treachers
  14088. treaders
  14089. treadlers
  14090. treasurers
  14091. treaters
  14092. treehoppers
  14093. trekkers
  14094. tremblers
  14095. trenchers
  14096. trendsetters
  14097. trepanners
  14098. trephiners
  14099. trespassers
  14100. triaconters
  14101. tribometers
  14102. tributers
  14103. trickers
  14104. tricksters
  14105. tricyclers
  14106. triers
  14107. triflers
  14108. triggers
  14109. trigonometers
  14110. trillers
  14111. trimers
  14112. trimesters
  14113. trimeters
  14114. trimmers
  14115. trinketers
  14116. triphammers
  14117. trippers
  14118. tripplers
  14119. triumphers
  14120. trochanters
  14121. trocheameters
  14122. trochometers
  14123. troffers
  14124. trollers
  14125. tromometers
  14126. troopers
  14127. troposcatters
  14128. trossers
  14129. trotters
  14130. troublemakers
  14131. troublers
  14132. troubleshooters
  14133. trouncers
  14134. troupers
  14135. trousers
  14136. trouters
  14137. trovers
  14138. trowelers
  14139. trowellers
  14140. trowsers
  14141. truckers
  14142. trucklers
  14143. truckmasters
  14144. trudgers
  14145. trumpeters
  14146. truncheoners
  14147. trundlers
  14148. trussers
  14149. trustbusters
  14150. trusters
  14151. tryers
  14152. trysters
  14153. tubbers
  14154. tubers
  14155. tuckers
  14156. tufters
  14157. tuggers
  14158. tumblers
  14159. tummlers
  14160. tuners
  14161. tunnelers
  14162. tunnellers
  14163. turbidimeters
  14164. turbochargers
  14165. turcopoliers
  14166. turners
  14167. turnovers
  14168. turtlers
  14169. tushkers
  14170. tuskers
  14171. tussers
  14172. tutoyers
  14173. tutworkers
  14174. tuyers
  14175. twaddlers
  14176. twangers
  14177. twanglers
  14178. twattlers
  14179. tweakers
  14180. tweedlers
  14181. tweenagers
  14182. tweeners
  14183. tweers
  14184. tweeters
  14185. tweezers
  14186. twicers
  14187. twiddlers
  14188. twiers
  14189. twiggers
  14190. twiners
  14191. twinflowers
  14192. twinklers
  14193. twinters
  14194. twirlers
  14195. twisters
  14196. twitchers
  14197. twitterers
  14198. twitters
  14199. twoccers
  14200. twockers
  14201. twoers
  14202. twofers
  14203. twoseaters
  14204. twyers
  14205. tyers
  14206. tylers
  14207. typecasters
  14208. typefounders
  14209. typesetters
  14210. typewriters
  14211. typifiers
  14212. typographers
  14213. tyrannisers
  14214. tyrannizers
  14215. </pre>
  14216. </div>
  14217. </div>
  14218. </div>
  14219. </div>
  14220. </div></div></section><section>
  14221. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  14222. </div><div class="inner_cell">
  14223. <div class="text_cell_render border-box-sizing rendered_html">
  14224. <h3 id="There-are-many-thousands-of-libraries-to-get-lost-in-...">There are many thousands of libraries to get lost in ...<a class="anchor-link" href="#There-are-many-thousands-of-libraries-to-get-lost-in-...">&#182;</a></h3>
  14225. </div>
  14226. </div>
  14227. </div></section></section><section><section>
  14228. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  14229. </div><div class="inner_cell">
  14230. <div class="text_cell_render border-box-sizing rendered_html">
  14231. <h2 id="Data-types-in-Python-are-simple-and-complete-...">Data types in Python are simple and complete ...<a class="anchor-link" href="#Data-types-in-Python-are-simple-and-complete-...">&#182;</a></h2><ul>
  14232. <li>You are already familiar with these:<ul>
  14233. <li>numbers (<code>1</code>, <code>1.87</code>, <code>-0.88</code>, ...)</li>
  14234. <li>strings (<code>"Hello"</code>, <code>'Hello'</code>)</li>
  14235. <li>Boolean (<code>True</code>, <code>False</code>)</li>
  14236. <li><code>None</code></li>
  14237. </ul>
  14238. </li>
  14239. </ul>
  14240. </div>
  14241. </div>
  14242. </div></section><section>
  14243. <div class="cell border-box-sizing code_cell rendered">
  14244. <div class="input">
  14245. <div class="prompt input_prompt">In&nbsp;[13]:</div>
  14246. <div class="inner_cell">
  14247. <div class="input_area">
  14248. <div class=" highlight hl-ipython3"><pre><span></span><span class="c1">### No surprises here ...</span>
  14249. </pre></div>
  14250. </div>
  14251. </div>
  14252. </div>
  14253. </div><div class="fragment">
  14254. <div class="cell border-box-sizing code_cell rendered">
  14255. <div class="input">
  14256. <div class="prompt input_prompt">In&nbsp;[14]:</div>
  14257. <div class="inner_cell">
  14258. <div class="input_area">
  14259. <div class=" highlight hl-ipython3"><pre><span></span><span class="mi">1</span> <span class="o">+</span> <span class="mi">2</span>
  14260. </pre></div>
  14261. </div>
  14262. </div>
  14263. </div>
  14264. <div class="output_wrapper">
  14265. <div class="output">
  14266. <div class="output_area">
  14267. <div class="prompt output_prompt">Out[14]:</div>
  14268. <div class="output_text output_subarea output_execute_result">
  14269. <pre>3</pre>
  14270. </div>
  14271. </div>
  14272. </div>
  14273. </div>
  14274. </div></div><div class="fragment">
  14275. <div class="cell border-box-sizing code_cell rendered">
  14276. <div class="input">
  14277. <div class="prompt input_prompt">In&nbsp;[15]:</div>
  14278. <div class="inner_cell">
  14279. <div class="input_area">
  14280. <div class=" highlight hl-ipython3"><pre><span></span><span class="s1">&#39;hello&#39;</span> <span class="o">+</span> <span class="s2">&quot;Hello&quot;</span>
  14281. </pre></div>
  14282. </div>
  14283. </div>
  14284. </div>
  14285. <div class="output_wrapper">
  14286. <div class="output">
  14287. <div class="output_area">
  14288. <div class="prompt output_prompt">Out[15]:</div>
  14289. <div class="output_text output_subarea output_execute_result">
  14290. <pre>&#39;helloHello&#39;</pre>
  14291. </div>
  14292. </div>
  14293. </div>
  14294. </div>
  14295. </div></div></section></section><section><section>
  14296. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  14297. </div><div class="inner_cell">
  14298. <div class="text_cell_render border-box-sizing rendered_html">
  14299. <h2 id="Iterables-are-an-important-type-category-that-includes:">Iterables are an important type category that includes:<a class="anchor-link" href="#Iterables-are-an-important-type-category-that-includes:">&#182;</a></h2><ul>
  14300. <li>lists</li>
  14301. <li>tuples</li>
  14302. <li>sets</li>
  14303. </ul>
  14304. </div>
  14305. </div>
  14306. </div></section><section>
  14307. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  14308. </div><div class="inner_cell">
  14309. <div class="text_cell_render border-box-sizing rendered_html">
  14310. <h3 id="Lists-are-just-like-arrays-...">Lists are just like arrays ...<a class="anchor-link" href="#Lists-are-just-like-arrays-...">&#182;</a></h3>
  14311. </div>
  14312. </div>
  14313. </div><div class="fragment">
  14314. <div class="cell border-box-sizing code_cell rendered">
  14315. <div class="input">
  14316. <div class="prompt input_prompt">In&nbsp;[16]:</div>
  14317. <div class="inner_cell">
  14318. <div class="input_area">
  14319. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">lst</span> <span class="o">=</span> <span class="p">[</span><span class="mi">1</span><span class="p">,</span> <span class="mi">2</span><span class="p">,</span> <span class="s2">&quot;three&quot;</span><span class="p">]</span>
  14320. <span class="nb">print</span><span class="p">(</span><span class="n">lst</span><span class="p">[</span><span class="mi">1</span><span class="p">])</span>
  14321. </pre></div>
  14322. </div>
  14323. </div>
  14324. </div>
  14325. <div class="output_wrapper">
  14326. <div class="output">
  14327. <div class="output_area">
  14328. <div class="prompt"></div>
  14329. <div class="output_subarea output_stream output_stdout output_text">
  14330. <pre>2
  14331. </pre>
  14332. </div>
  14333. </div>
  14334. </div>
  14335. </div>
  14336. </div></div><div class="fragment">
  14337. <div class="cell border-box-sizing code_cell rendered">
  14338. <div class="input">
  14339. <div class="prompt input_prompt">In&nbsp;[17]:</div>
  14340. <div class="inner_cell">
  14341. <div class="input_area">
  14342. <div class=" highlight hl-ipython3"><pre><span></span><span class="k">for</span> <span class="n">i</span> <span class="ow">in</span> <span class="n">lst</span><span class="p">:</span>
  14343. <span class="nb">print</span><span class="p">(</span><span class="n">i</span><span class="p">,</span> <span class="n">end</span><span class="o">=</span><span class="s2">&quot; &quot;</span><span class="p">)</span>
  14344. </pre></div>
  14345. </div>
  14346. </div>
  14347. </div>
  14348. <div class="output_wrapper">
  14349. <div class="output">
  14350. <div class="output_area">
  14351. <div class="prompt"></div>
  14352. <div class="output_subarea output_stream output_stdout output_text">
  14353. <pre>1 2 three </pre>
  14354. </div>
  14355. </div>
  14356. </div>
  14357. </div>
  14358. </div></div><div class="fragment">
  14359. <div class="cell border-box-sizing code_cell rendered">
  14360. <div class="input">
  14361. <div class="prompt input_prompt">In&nbsp;[18]:</div>
  14362. <div class="inner_cell">
  14363. <div class="input_area">
  14364. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">lst</span> <span class="o">+</span> <span class="p">[</span><span class="s1">&#39;a&#39;</span><span class="p">,</span> <span class="s1">&#39;b&#39;</span><span class="p">]</span>
  14365. </pre></div>
  14366. </div>
  14367. </div>
  14368. </div>
  14369. <div class="output_wrapper">
  14370. <div class="output">
  14371. <div class="output_area">
  14372. <div class="prompt output_prompt">Out[18]:</div>
  14373. <div class="output_text output_subarea output_execute_result">
  14374. <pre>[1, 2, &#39;three&#39;, &#39;a&#39;, &#39;b&#39;]</pre>
  14375. </div>
  14376. </div>
  14377. </div>
  14378. </div>
  14379. </div></div></section><section>
  14380. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  14381. </div><div class="inner_cell">
  14382. <div class="text_cell_render border-box-sizing rendered_html">
  14383. <h3 id="Python-doesn't-require-you-to-keep-up-with-indices-...">Python doesn't require you to keep up with indices ...<a class="anchor-link" href="#Python-doesn't-require-you-to-keep-up-with-indices-...">&#182;</a></h3><ul>
  14384. <li>but if you need them (which you rarely will) use <code>enumerate</code></li>
  14385. </ul>
  14386. </div>
  14387. </div>
  14388. </div>
  14389. <div class="cell border-box-sizing code_cell rendered">
  14390. <div class="input">
  14391. <div class="prompt input_prompt">In&nbsp;[19]:</div>
  14392. <div class="inner_cell">
  14393. <div class="input_area">
  14394. <div class=" highlight hl-ipython3"><pre><span></span><span class="k">for</span> <span class="n">idx</span><span class="p">,</span> <span class="n">l</span> <span class="ow">in</span> <span class="nb">enumerate</span><span class="p">(</span><span class="n">lst</span><span class="p">):</span>
  14395. <span class="nb">print</span><span class="p">(</span><span class="s2">&quot;</span><span class="si">{}</span><span class="s2">:</span><span class="si">{}</span><span class="s2">&quot;</span><span class="o">.</span><span class="n">format</span><span class="p">(</span><span class="n">idx</span><span class="p">,</span> <span class="n">l</span><span class="p">),</span> <span class="n">end</span><span class="o">=</span><span class="s2">&quot; &quot;</span><span class="p">)</span>
  14396. </pre></div>
  14397. </div>
  14398. </div>
  14399. </div>
  14400. <div class="output_wrapper">
  14401. <div class="output">
  14402. <div class="output_area">
  14403. <div class="prompt"></div>
  14404. <div class="output_subarea output_stream output_stdout output_text">
  14405. <pre>0:1 1:2 2:three </pre>
  14406. </div>
  14407. </div>
  14408. </div>
  14409. </div>
  14410. </div></section><section>
  14411. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  14412. </div><div class="inner_cell">
  14413. <div class="text_cell_render border-box-sizing rendered_html">
  14414. <h3 id="You-can-also-do-cool-things-with-list-access-...">You can also do cool things with list access ...<a class="anchor-link" href="#You-can-also-do-cool-things-with-list-access-...">&#182;</a></h3>
  14415. </div>
  14416. </div>
  14417. </div><div class="fragment">
  14418. <div class="cell border-box-sizing code_cell rendered">
  14419. <div class="input">
  14420. <div class="prompt input_prompt">In&nbsp;[20]:</div>
  14421. <div class="inner_cell">
  14422. <div class="input_area">
  14423. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">lst</span><span class="p">[</span><span class="o">-</span><span class="mi">1</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[20]:</div>
  14432. <div class="output_text output_subarea output_execute_result">
  14433. <pre>&#39;three&#39;</pre>
  14434. </div>
  14435. </div>
  14436. </div>
  14437. </div>
  14438. </div></div><div class="fragment">
  14439. <div class="cell border-box-sizing code_cell rendered">
  14440. <div class="input">
  14441. <div class="prompt input_prompt">In&nbsp;[21]:</div>
  14442. <div class="inner_cell">
  14443. <div class="input_area">
  14444. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">lst</span><span class="p">[</span><span class="mi">0</span><span class="p">:</span><span class="mi">2</span><span class="p">]</span>
  14445. </pre></div>
  14446. </div>
  14447. </div>
  14448. </div>
  14449. <div class="output_wrapper">
  14450. <div class="output">
  14451. <div class="output_area">
  14452. <div class="prompt output_prompt">Out[21]:</div>
  14453. <div class="output_text output_subarea output_execute_result">
  14454. <pre>[1, 2]</pre>
  14455. </div>
  14456. </div>
  14457. </div>
  14458. </div>
  14459. </div></div><div class="fragment">
  14460. <div class="cell border-box-sizing code_cell rendered">
  14461. <div class="input">
  14462. <div class="prompt input_prompt">In&nbsp;[22]:</div>
  14463. <div class="inner_cell">
  14464. <div class="input_area">
  14465. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">lst</span><span class="p">[::</span><span class="o">-</span><span class="mi">1</span><span class="p">]</span>
  14466. </pre></div>
  14467. </div>
  14468. </div>
  14469. </div>
  14470. <div class="output_wrapper">
  14471. <div class="output">
  14472. <div class="output_area">
  14473. <div class="prompt output_prompt">Out[22]:</div>
  14474. <div class="output_text output_subarea output_execute_result">
  14475. <pre>[&#39;three&#39;, 2, 1]</pre>
  14476. </div>
  14477. </div>
  14478. </div>
  14479. </div>
  14480. </div></div></section><section>
  14481. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  14482. </div><div class="inner_cell">
  14483. <div class="text_cell_render border-box-sizing rendered_html">
  14484. <h3 id="Tuples-are-another-useful-type">Tuples are another useful type<a class="anchor-link" href="#Tuples-are-another-useful-type">&#182;</a></h3><ul>
  14485. <li>they are just immutable lists</li>
  14486. <li>and denoted <code>(1, 2, 'three</code>)</li>
  14487. </ul>
  14488. </div>
  14489. </div>
  14490. </div></section><section>
  14491. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  14492. </div><div class="inner_cell">
  14493. <div class="text_cell_render border-box-sizing rendered_html">
  14494. <h3 id="Sets-are-also-valuable">Sets are also valuable<a class="anchor-link" href="#Sets-are-also-valuable">&#182;</a></h3>
  14495. </div>
  14496. </div>
  14497. </div><div class="fragment">
  14498. <div class="cell border-box-sizing code_cell rendered">
  14499. <div class="input">
  14500. <div class="prompt input_prompt">In&nbsp;[23]:</div>
  14501. <div class="inner_cell">
  14502. <div class="input_area">
  14503. <div class=" highlight hl-ipython3"><pre><span></span><span class="nb">set</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><span class="mi">1</span><span class="p">,</span><span class="mi">2</span><span class="p">,</span><span class="mi">3</span><span class="p">,</span><span class="mi">4</span><span class="p">,</span><span class="mi">5</span><span class="p">,</span><span class="mi">5</span><span class="p">,</span><span class="mi">5</span><span class="p">,</span><span class="mi">5</span><span class="p">,</span><span class="mi">5</span><span class="p">,</span><span class="mi">5</span><span class="p">,</span><span class="mi">5</span><span class="p">])</span>
  14504. </pre></div>
  14505. </div>
  14506. </div>
  14507. </div>
  14508. <div class="output_wrapper">
  14509. <div class="output">
  14510. <div class="output_area">
  14511. <div class="prompt output_prompt">Out[23]:</div>
  14512. <div class="output_text output_subarea output_execute_result">
  14513. <pre>{1, 2, 3, 4, 5}</pre>
  14514. </div>
  14515. </div>
  14516. </div>
  14517. </div>
  14518. </div></div><div class="fragment">
  14519. <div class="cell border-box-sizing code_cell rendered">
  14520. <div class="input">
  14521. <div class="prompt input_prompt">In&nbsp;[24]:</div>
  14522. <div class="inner_cell">
  14523. <div class="input_area">
  14524. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">setA</span> <span class="o">=</span> <span class="nb">set</span><span class="p">([</span><span class="mi">1</span><span class="p">,</span><span class="mi">2</span><span class="p">])</span>
  14525. <span class="n">setB</span> <span class="o">=</span> <span class="nb">set</span><span class="p">([</span><span class="mi">1</span><span class="p">,</span><span class="mi">2</span><span class="p">,</span><span class="mi">3</span><span class="p">,</span><span class="mi">4</span><span class="p">,</span><span class="mi">5</span><span class="p">])</span>
  14526. <span class="n">setA</span><span class="o">.</span><span class="n">union</span><span class="p">(</span><span class="n">setB</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[24]:</div>
  14535. <div class="output_text output_subarea output_execute_result">
  14536. <pre>{1, 2, 3, 4, 5}</pre>
  14537. </div>
  14538. </div>
  14539. </div>
  14540. </div>
  14541. </div></div><div class="fragment">
  14542. <div class="cell border-box-sizing code_cell rendered">
  14543. <div class="input">
  14544. <div class="prompt input_prompt">In&nbsp;[25]:</div>
  14545. <div class="inner_cell">
  14546. <div class="input_area">
  14547. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">setA</span><span class="o">.</span><span class="n">difference</span><span class="p">(</span><span class="n">setB</span><span class="p">)</span>
  14548. </pre></div>
  14549. </div>
  14550. </div>
  14551. </div>
  14552. <div class="output_wrapper">
  14553. <div class="output">
  14554. <div class="output_area">
  14555. <div class="prompt output_prompt">Out[25]:</div>
  14556. <div class="output_text output_subarea output_execute_result">
  14557. <pre>set()</pre>
  14558. </div>
  14559. </div>
  14560. </div>
  14561. </div>
  14562. </div></div><div class="fragment">
  14563. <div class="cell border-box-sizing code_cell rendered">
  14564. <div class="input">
  14565. <div class="prompt input_prompt">In&nbsp;[26]:</div>
  14566. <div class="inner_cell">
  14567. <div class="input_area">
  14568. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">setB</span><span class="o">.</span><span class="n">difference</span><span class="p">(</span><span class="n">setA</span><span class="p">)</span>
  14569. </pre></div>
  14570. </div>
  14571. </div>
  14572. </div>
  14573. <div class="output_wrapper">
  14574. <div class="output">
  14575. <div class="output_area">
  14576. <div class="prompt output_prompt">Out[26]:</div>
  14577. <div class="output_text output_subarea output_execute_result">
  14578. <pre>{3, 4, 5}</pre>
  14579. </div>
  14580. </div>
  14581. </div>
  14582. </div>
  14583. </div></div><div class="fragment">
  14584. <div class="cell border-box-sizing code_cell rendered">
  14585. <div class="input">
  14586. <div class="prompt input_prompt">In&nbsp;[27]:</div>
  14587. <div class="inner_cell">
  14588. <div class="input_area">
  14589. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">setA</span><span class="o">.</span><span class="n">intersection</span><span class="p">(</span><span class="n">setB</span><span class="p">)</span>
  14590. </pre></div>
  14591. </div>
  14592. </div>
  14593. </div>
  14594. <div class="output_wrapper">
  14595. <div class="output">
  14596. <div class="output_area">
  14597. <div class="prompt output_prompt">Out[27]:</div>
  14598. <div class="output_text output_subarea output_execute_result">
  14599. <pre>{1, 2}</pre>
  14600. </div>
  14601. </div>
  14602. </div>
  14603. </div>
  14604. </div></div></section></section><section><section>
  14605. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  14606. </div><div class="inner_cell">
  14607. <div class="text_cell_render border-box-sizing rendered_html">
  14608. <h2 id="Dictionaries-are-also-a-crucial-type-in-the-language">Dictionaries are also a crucial type in the language<a class="anchor-link" href="#Dictionaries-are-also-a-crucial-type-in-the-language">&#182;</a></h2><ul>
  14609. <li>associative arrays</li>
  14610. <li>key/value pairs</li>
  14611. </ul>
  14612. </div>
  14613. </div>
  14614. </div><div class="fragment">
  14615. <div class="cell border-box-sizing code_cell rendered">
  14616. <div class="input">
  14617. <div class="prompt input_prompt">In&nbsp;[28]:</div>
  14618. <div class="inner_cell">
  14619. <div class="input_area">
  14620. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">d</span> <span class="o">=</span> <span class="p">{</span><span class="s2">&quot;a&quot;</span><span class="p">:</span> <span class="mi">5</span><span class="p">,</span> <span class="s2">&quot;b&quot;</span><span class="p">:</span> <span class="mi">6</span><span class="p">}</span>
  14621. <span class="nb">print</span><span class="p">(</span><span class="n">d</span><span class="p">)</span>
  14622. </pre></div>
  14623. </div>
  14624. </div>
  14625. </div>
  14626. <div class="output_wrapper">
  14627. <div class="output">
  14628. <div class="output_area">
  14629. <div class="prompt"></div>
  14630. <div class="output_subarea output_stream output_stdout output_text">
  14631. <pre>{&#39;a&#39;: 5, &#39;b&#39;: 6}
  14632. </pre>
  14633. </div>
  14634. </div>
  14635. </div>
  14636. </div>
  14637. </div></div><div class="fragment">
  14638. <div class="cell border-box-sizing code_cell rendered">
  14639. <div class="input">
  14640. <div class="prompt input_prompt">In&nbsp;[29]:</div>
  14641. <div class="inner_cell">
  14642. <div class="input_area">
  14643. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">d</span> <span class="o">=</span> <span class="nb">dict</span><span class="p">([(</span><span class="s1">&#39;a&#39;</span><span class="p">,</span> <span class="mi">5</span><span class="p">),</span> <span class="p">(</span><span class="s1">&#39;b&#39;</span><span class="p">,</span> <span class="mi">6</span><span class="p">)])</span>
  14644. <span class="nb">print</span><span class="p">(</span><span class="n">d</span><span class="p">)</span>
  14645. </pre></div>
  14646. </div>
  14647. </div>
  14648. </div>
  14649. <div class="output_wrapper">
  14650. <div class="output">
  14651. <div class="output_area">
  14652. <div class="prompt"></div>
  14653. <div class="output_subarea output_stream output_stdout output_text">
  14654. <pre>{&#39;a&#39;: 5, &#39;b&#39;: 6}
  14655. </pre>
  14656. </div>
  14657. </div>
  14658. </div>
  14659. </div>
  14660. </div></div></section></section><section><section>
  14661. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  14662. </div><div class="inner_cell">
  14663. <div class="text_cell_render border-box-sizing rendered_html">
  14664. <h3 id="Providing-the-usual-suspects-...">Providing the usual suspects ...<a class="anchor-link" href="#Providing-the-usual-suspects-...">&#182;</a></h3>
  14665. </div>
  14666. </div>
  14667. </div><div class="fragment">
  14668. <div class="cell border-box-sizing code_cell rendered">
  14669. <div class="input">
  14670. <div class="prompt input_prompt">In&nbsp;[30]:</div>
  14671. <div class="inner_cell">
  14672. <div class="input_area">
  14673. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">d</span><span class="p">[</span><span class="s1">&#39;a&#39;</span><span class="p">]</span>
  14674. </pre></div>
  14675. </div>
  14676. </div>
  14677. </div>
  14678. <div class="output_wrapper">
  14679. <div class="output">
  14680. <div class="output_area">
  14681. <div class="prompt output_prompt">Out[30]:</div>
  14682. <div class="output_text output_subarea output_execute_result">
  14683. <pre>5</pre>
  14684. </div>
  14685. </div>
  14686. </div>
  14687. </div>
  14688. </div></div><div class="fragment">
  14689. <div class="cell border-box-sizing code_cell rendered">
  14690. <div class="input">
  14691. <div class="prompt input_prompt">In&nbsp;[31]:</div>
  14692. <div class="inner_cell">
  14693. <div class="input_area">
  14694. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">d</span><span class="o">.</span><span class="n">keys</span><span class="p">()</span>
  14695. </pre></div>
  14696. </div>
  14697. </div>
  14698. </div>
  14699. <div class="output_wrapper">
  14700. <div class="output">
  14701. <div class="output_area">
  14702. <div class="prompt output_prompt">Out[31]:</div>
  14703. <div class="output_text output_subarea output_execute_result">
  14704. <pre>dict_keys([&#39;a&#39;, &#39;b&#39;])</pre>
  14705. </div>
  14706. </div>
  14707. </div>
  14708. </div>
  14709. </div></div><div class="fragment">
  14710. <div class="cell border-box-sizing code_cell rendered">
  14711. <div class="input">
  14712. <div class="prompt input_prompt">In&nbsp;[32]:</div>
  14713. <div class="inner_cell">
  14714. <div class="input_area">
  14715. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">d</span><span class="o">.</span><span class="n">values</span><span class="p">()</span>
  14716. </pre></div>
  14717. </div>
  14718. </div>
  14719. </div>
  14720. <div class="output_wrapper">
  14721. <div class="output">
  14722. <div class="output_area">
  14723. <div class="prompt output_prompt">Out[32]:</div>
  14724. <div class="output_text output_subarea output_execute_result">
  14725. <pre>dict_values([5, 6])</pre>
  14726. </div>
  14727. </div>
  14728. </div>
  14729. </div>
  14730. </div></div><div class="fragment">
  14731. <div class="cell border-box-sizing code_cell rendered">
  14732. <div class="input">
  14733. <div class="prompt input_prompt">In&nbsp;[33]:</div>
  14734. <div class="inner_cell">
  14735. <div class="input_area">
  14736. <div class=" highlight hl-ipython3"><pre><span></span><span class="k">for</span> <span class="n">key</span><span class="p">,</span> <span class="n">value</span> <span class="ow">in</span> <span class="n">d</span><span class="o">.</span><span class="n">items</span><span class="p">():</span>
  14737. <span class="nb">print</span><span class="p">(</span><span class="s2">&quot;</span><span class="si">{}</span><span class="s2">=&gt;</span><span class="si">{}</span><span class="s2">&quot;</span><span class="o">.</span><span class="n">format</span><span class="p">(</span><span class="n">key</span><span class="p">,</span> <span class="n">value</span><span class="p">))</span>
  14738. </pre></div>
  14739. </div>
  14740. </div>
  14741. </div>
  14742. <div class="output_wrapper">
  14743. <div class="output">
  14744. <div class="output_area">
  14745. <div class="prompt"></div>
  14746. <div class="output_subarea output_stream output_stdout output_text">
  14747. <pre>a=&gt;5
  14748. b=&gt;6
  14749. </pre>
  14750. </div>
  14751. </div>
  14752. </div>
  14753. </div>
  14754. </div></div></section></section><section><section>
  14755. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  14756. </div><div class="inner_cell">
  14757. <div class="text_cell_render border-box-sizing rendered_html">
  14758. <h2 id="Python-logic-operators-are-intuitive">Python logic operators are intuitive<a class="anchor-link" href="#Python-logic-operators-are-intuitive">&#182;</a></h2><ul>
  14759. <li>you've seen <code>in</code> and <code>is</code></li>
  14760. <li>but there is <code>not</code>, <code>not in</code>, <code>is not</code>, <code>and</code>, <code>or</code></li>
  14761. </ul>
  14762. </div>
  14763. </div>
  14764. </div></section><section>
  14765. <div class="cell border-box-sizing code_cell rendered">
  14766. <div class="input">
  14767. <div class="prompt input_prompt">In&nbsp;[34]:</div>
  14768. <div class="inner_cell">
  14769. <div class="input_area">
  14770. <div class=" highlight hl-ipython3"><pre><span></span><span class="mi">1</span> <span class="ow">is</span> <span class="mi">2</span>
  14771. </pre></div>
  14772. </div>
  14773. </div>
  14774. </div>
  14775. <div class="output_wrapper">
  14776. <div class="output">
  14777. <div class="output_area">
  14778. <div class="prompt output_prompt">Out[34]:</div>
  14779. <div class="output_text output_subarea output_execute_result">
  14780. <pre>False</pre>
  14781. </div>
  14782. </div>
  14783. </div>
  14784. </div>
  14785. </div><div class="fragment">
  14786. <div class="cell border-box-sizing code_cell rendered">
  14787. <div class="input">
  14788. <div class="prompt input_prompt">In&nbsp;[35]:</div>
  14789. <div class="inner_cell">
  14790. <div class="input_area">
  14791. <div class=" highlight hl-ipython3"><pre><span></span><span class="mi">1</span> <span class="ow">is</span> <span class="ow">not</span> <span class="mi">2</span>
  14792. </pre></div>
  14793. </div>
  14794. </div>
  14795. </div>
  14796. <div class="output_wrapper">
  14797. <div class="output">
  14798. <div class="output_area">
  14799. <div class="prompt output_prompt">Out[35]:</div>
  14800. <div class="output_text output_subarea output_execute_result">
  14801. <pre>True</pre>
  14802. </div>
  14803. </div>
  14804. </div>
  14805. </div>
  14806. </div></div><div class="fragment">
  14807. <div class="cell border-box-sizing code_cell rendered">
  14808. <div class="input">
  14809. <div class="prompt input_prompt">In&nbsp;[36]:</div>
  14810. <div class="inner_cell">
  14811. <div class="input_area">
  14812. <div class=" highlight hl-ipython3"><pre><span></span><span class="kc">True</span> <span class="ow">and</span> <span class="kc">True</span>
  14813. </pre></div>
  14814. </div>
  14815. </div>
  14816. </div>
  14817. <div class="output_wrapper">
  14818. <div class="output">
  14819. <div class="output_area">
  14820. <div class="prompt output_prompt">Out[36]:</div>
  14821. <div class="output_text output_subarea output_execute_result">
  14822. <pre>True</pre>
  14823. </div>
  14824. </div>
  14825. </div>
  14826. </div>
  14827. </div></div><div class="fragment">
  14828. <div class="cell border-box-sizing code_cell rendered">
  14829. <div class="input">
  14830. <div class="prompt input_prompt">In&nbsp;[37]:</div>
  14831. <div class="inner_cell">
  14832. <div class="input_area">
  14833. <div class=" highlight hl-ipython3"><pre><span></span><span class="kc">True</span> <span class="ow">or</span> <span class="kc">False</span>
  14834. </pre></div>
  14835. </div>
  14836. </div>
  14837. </div>
  14838. <div class="output_wrapper">
  14839. <div class="output">
  14840. <div class="output_area">
  14841. <div class="prompt output_prompt">Out[37]:</div>
  14842. <div class="output_text output_subarea output_execute_result">
  14843. <pre>True</pre>
  14844. </div>
  14845. </div>
  14846. </div>
  14847. </div>
  14848. </div></div></section><section>
  14849. <div class="cell border-box-sizing code_cell rendered">
  14850. <div class="input">
  14851. <div class="prompt input_prompt">In&nbsp;[38]:</div>
  14852. <div class="inner_cell">
  14853. <div class="input_area">
  14854. <div class=" highlight hl-ipython3"><pre><span></span><span class="kc">False</span> <span class="ow">or</span> <span class="kc">False</span>
  14855. </pre></div>
  14856. </div>
  14857. </div>
  14858. </div>
  14859. <div class="output_wrapper">
  14860. <div class="output">
  14861. <div class="output_area">
  14862. <div class="prompt output_prompt">Out[38]:</div>
  14863. <div class="output_text output_subarea output_execute_result">
  14864. <pre>False</pre>
  14865. </div>
  14866. </div>
  14867. </div>
  14868. </div>
  14869. </div><div class="fragment">
  14870. <div class="cell border-box-sizing code_cell rendered">
  14871. <div class="input">
  14872. <div class="prompt input_prompt">In&nbsp;[39]:</div>
  14873. <div class="inner_cell">
  14874. <div class="input_area">
  14875. <div class=" highlight hl-ipython3"><pre><span></span><span class="kc">False</span> <span class="ow">is</span> <span class="ow">not</span> <span class="kc">True</span>
  14876. </pre></div>
  14877. </div>
  14878. </div>
  14879. </div>
  14880. <div class="output_wrapper">
  14881. <div class="output">
  14882. <div class="output_area">
  14883. <div class="prompt output_prompt">Out[39]:</div>
  14884. <div class="output_text output_subarea output_execute_result">
  14885. <pre>True</pre>
  14886. </div>
  14887. </div>
  14888. </div>
  14889. </div>
  14890. </div></div><div class="fragment">
  14891. <div class="cell border-box-sizing code_cell rendered">
  14892. <div class="input">
  14893. <div class="prompt input_prompt">In&nbsp;[40]:</div>
  14894. <div class="inner_cell">
  14895. <div class="input_area">
  14896. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">s</span> <span class="o">=</span> <span class="s1">&#39;supercalifragilistic&#39;</span>
  14897. </pre></div>
  14898. </div>
  14899. </div>
  14900. </div>
  14901. </div></div><div class="fragment">
  14902. <div class="cell border-box-sizing code_cell rendered">
  14903. <div class="input">
  14904. <div class="prompt input_prompt">In&nbsp;[41]:</div>
  14905. <div class="inner_cell">
  14906. <div class="input_area">
  14907. <div class=" highlight hl-ipython3"><pre><span></span><span class="s1">&#39;u&#39;</span> <span class="ow">in</span> <span class="n">s</span>
  14908. </pre></div>
  14909. </div>
  14910. </div>
  14911. </div>
  14912. <div class="output_wrapper">
  14913. <div class="output">
  14914. <div class="output_area">
  14915. <div class="prompt output_prompt">Out[41]:</div>
  14916. <div class="output_text output_subarea output_execute_result">
  14917. <pre>True</pre>
  14918. </div>
  14919. </div>
  14920. </div>
  14921. </div>
  14922. </div></div><div class="fragment">
  14923. <div class="cell border-box-sizing code_cell rendered">
  14924. <div class="input">
  14925. <div class="prompt input_prompt">In&nbsp;[42]:</div>
  14926. <div class="inner_cell">
  14927. <div class="input_area">
  14928. <div class=" highlight hl-ipython3"><pre><span></span><span class="s1">&#39;z&#39;</span> <span class="ow">not</span> <span class="ow">in</span> <span class="n">s</span>
  14929. </pre></div>
  14930. </div>
  14931. </div>
  14932. </div>
  14933. <div class="output_wrapper">
  14934. <div class="output">
  14935. <div class="output_area">
  14936. <div class="prompt output_prompt">Out[42]:</div>
  14937. <div class="output_text output_subarea output_execute_result">
  14938. <pre>True</pre>
  14939. </div>
  14940. </div>
  14941. </div>
  14942. </div>
  14943. </div></div></section><section>
  14944. <div class="cell border-box-sizing code_cell rendered">
  14945. <div class="input">
  14946. <div class="prompt input_prompt">In&nbsp;[43]:</div>
  14947. <div class="inner_cell">
  14948. <div class="input_area">
  14949. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">lst</span> <span class="o">=</span> <span class="p">[</span><span class="s1">&#39;a&#39;</span><span class="p">,</span> <span class="s1">&#39;b&#39;</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">2</span><span class="p">,</span> <span class="mi">3</span><span class="p">]</span>
  14950. </pre></div>
  14951. </div>
  14952. </div>
  14953. </div>
  14954. </div><div class="fragment">
  14955. <div class="cell border-box-sizing code_cell rendered">
  14956. <div class="input">
  14957. <div class="prompt input_prompt">In&nbsp;[44]:</div>
  14958. <div class="inner_cell">
  14959. <div class="input_area">
  14960. <div class=" highlight hl-ipython3"><pre><span></span><span class="s1">&#39;a&#39;</span> <span class="ow">in</span> <span class="n">lst</span>
  14961. </pre></div>
  14962. </div>
  14963. </div>
  14964. </div>
  14965. <div class="output_wrapper">
  14966. <div class="output">
  14967. <div class="output_area">
  14968. <div class="prompt output_prompt">Out[44]:</div>
  14969. <div class="output_text output_subarea output_execute_result">
  14970. <pre>True</pre>
  14971. </div>
  14972. </div>
  14973. </div>
  14974. </div>
  14975. </div></div></section><section>
  14976. <div class="cell border-box-sizing code_cell rendered">
  14977. <div class="input">
  14978. <div class="prompt input_prompt">In&nbsp;[45]:</div>
  14979. <div class="inner_cell">
  14980. <div class="input_area">
  14981. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">s</span> <span class="o">==</span> <span class="s1">&#39;supercalifragilistic&#39;</span>
  14982. </pre></div>
  14983. </div>
  14984. </div>
  14985. </div>
  14986. <div class="output_wrapper">
  14987. <div class="output">
  14988. <div class="output_area">
  14989. <div class="prompt output_prompt">Out[45]:</div>
  14990. <div class="output_text output_subarea output_execute_result">
  14991. <pre>True</pre>
  14992. </div>
  14993. </div>
  14994. </div>
  14995. </div>
  14996. </div><div class="fragment">
  14997. <div class="cell border-box-sizing code_cell rendered">
  14998. <div class="input">
  14999. <div class="prompt input_prompt">In&nbsp;[46]:</div>
  15000. <div class="inner_cell">
  15001. <div class="input_area">
  15002. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">s</span> <span class="ow">is</span> <span class="s1">&#39;supercalifragilistic&#39;</span>
  15003. </pre></div>
  15004. </div>
  15005. </div>
  15006. </div>
  15007. <div class="output_wrapper">
  15008. <div class="output">
  15009. <div class="output_area">
  15010. <div class="prompt output_prompt">Out[46]:</div>
  15011. <div class="output_text output_subarea output_execute_result">
  15012. <pre>True</pre>
  15013. </div>
  15014. </div>
  15015. </div>
  15016. </div>
  15017. </div></div><div class="fragment">
  15018. <div class="cell border-box-sizing code_cell rendered">
  15019. <div class="input">
  15020. <div class="prompt input_prompt">In&nbsp;[47]:</div>
  15021. <div class="inner_cell">
  15022. <div class="input_area">
  15023. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">lst</span> <span class="o">==</span> <span class="p">[</span><span class="s1">&#39;a&#39;</span><span class="p">,</span> <span class="s1">&#39;b&#39;</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">2</span><span class="p">,</span> <span class="mi">3</span><span class="p">]</span>
  15024. </pre></div>
  15025. </div>
  15026. </div>
  15027. </div>
  15028. <div class="output_wrapper">
  15029. <div class="output">
  15030. <div class="output_area">
  15031. <div class="prompt output_prompt">Out[47]:</div>
  15032. <div class="output_text output_subarea output_execute_result">
  15033. <pre>True</pre>
  15034. </div>
  15035. </div>
  15036. </div>
  15037. </div>
  15038. </div></div><div class="fragment">
  15039. <div class="cell border-box-sizing code_cell rendered">
  15040. <div class="input">
  15041. <div class="prompt input_prompt">In&nbsp;[48]:</div>
  15042. <div class="inner_cell">
  15043. <div class="input_area">
  15044. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">lst</span> <span class="ow">is</span> <span class="p">[</span><span class="s1">&#39;a&#39;</span><span class="p">,</span> <span class="s1">&#39;b&#39;</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">2</span><span class="p">,</span> <span class="mi">3</span><span class="p">]</span>
  15045. </pre></div>
  15046. </div>
  15047. </div>
  15048. </div>
  15049. <div class="output_wrapper">
  15050. <div class="output">
  15051. <div class="output_area">
  15052. <div class="prompt output_prompt">Out[48]:</div>
  15053. <div class="output_text output_subarea output_execute_result">
  15054. <pre>False</pre>
  15055. </div>
  15056. </div>
  15057. </div>
  15058. </div>
  15059. </div></div></section></section><section><section>
  15060. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  15061. </div><div class="inner_cell">
  15062. <div class="text_cell_render border-box-sizing rendered_html">
  15063. <h2 id="Flow-control-in-Python-also-includes-all-the-usuals-...">Flow control in Python also includes all the usuals ...<a class="anchor-link" href="#Flow-control-in-Python-also-includes-all-the-usuals-...">&#182;</a></h2><ul>
  15064. <li><code>if/elif/else</code></li>
  15065. <li><code>for</code></li>
  15066. <li><code>while</code></li>
  15067. </ul>
  15068. </div>
  15069. </div>
  15070. </div></section><section>
  15071. <div class="cell border-box-sizing code_cell rendered">
  15072. <div class="input">
  15073. <div class="prompt input_prompt">In&nbsp;[49]:</div>
  15074. <div class="inner_cell">
  15075. <div class="input_area">
  15076. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">s</span> <span class="o">=</span> <span class="s1">&#39;this is a test&#39;</span>
  15077. <span class="k">if</span> <span class="n">s</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span> <span class="o">==</span> <span class="s1">&#39;t&#39;</span><span class="p">:</span>
  15078. <span class="nb">print</span><span class="p">(</span><span class="s2">&quot;the first letter is a &#39;t&#39;&quot;</span><span class="p">)</span>
  15079. <span class="k">else</span><span class="p">:</span>
  15080. <span class="nb">print</span><span class="p">(</span><span class="s2">&quot;the first letter is not a &#39;t&#39;&quot;</span><span class="p">)</span>
  15081. </pre></div>
  15082. </div>
  15083. </div>
  15084. </div>
  15085. <div class="output_wrapper">
  15086. <div class="output">
  15087. <div class="output_area">
  15088. <div class="prompt"></div>
  15089. <div class="output_subarea output_stream output_stdout output_text">
  15090. <pre>the first letter is a &#39;t&#39;
  15091. </pre>
  15092. </div>
  15093. </div>
  15094. </div>
  15095. </div>
  15096. </div></section><section>
  15097. <div class="cell border-box-sizing code_cell rendered">
  15098. <div class="input">
  15099. <div class="prompt input_prompt">In&nbsp;[50]:</div>
  15100. <div class="inner_cell">
  15101. <div class="input_area">
  15102. <div class=" highlight hl-ipython3"><pre><span></span><span class="k">for</span> <span class="n">c</span> <span class="ow">in</span> <span class="n">s</span><span class="p">:</span>
  15103. <span class="nb">print</span><span class="p">(</span><span class="s2">&quot;</span><span class="si">{}</span><span class="s2">&quot;</span><span class="o">.</span><span class="n">format</span><span class="p">(</span><span class="n">c</span><span class="p">))</span>
  15104. </pre></div>
  15105. </div>
  15106. </div>
  15107. </div>
  15108. <div class="output_wrapper">
  15109. <div class="output">
  15110. <div class="output_area">
  15111. <div class="prompt"></div>
  15112. <div class="output_subarea output_stream output_stdout output_text">
  15113. <pre>t
  15114. h
  15115. i
  15116. s
  15117. i
  15118. s
  15119. a
  15120. t
  15121. e
  15122. s
  15123. t
  15124. </pre>
  15125. </div>
  15126. </div>
  15127. </div>
  15128. </div>
  15129. </div></section><section>
  15130. <div class="cell border-box-sizing code_cell rendered">
  15131. <div class="input">
  15132. <div class="prompt input_prompt">In&nbsp;[51]:</div>
  15133. <div class="inner_cell">
  15134. <div class="input_area">
  15135. <div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># THIS IS NOT PYTHONIC! for is more elegant</span>
  15136. <span class="n">i</span> <span class="o">=</span> <span class="mi">0</span>
  15137. <span class="k">while</span><span class="p">(</span><span class="n">i</span> <span class="o">&lt;</span> <span class="nb">len</span><span class="p">(</span><span class="n">s</span><span class="p">)):</span>
  15138. <span class="nb">print</span><span class="p">(</span><span class="s2">&quot;</span><span class="si">{}</span><span class="s2">&quot;</span><span class="o">.</span><span class="n">format</span><span class="p">(</span><span class="n">s</span><span class="p">[</span><span class="n">i</span><span class="p">]))</span>
  15139. <span class="n">i</span><span class="o">+=</span><span class="mi">1</span>
  15140. </pre></div>
  15141. </div>
  15142. </div>
  15143. </div>
  15144. <div class="output_wrapper">
  15145. <div class="output">
  15146. <div class="output_area">
  15147. <div class="prompt"></div>
  15148. <div class="output_subarea output_stream output_stdout output_text">
  15149. <pre>t
  15150. h
  15151. i
  15152. s
  15153. i
  15154. s
  15155. a
  15156. t
  15157. e
  15158. s
  15159. t
  15160. </pre>
  15161. </div>
  15162. </div>
  15163. </div>
  15164. </div>
  15165. </div></section></section><section><section>
  15166. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  15167. </div><div class="inner_cell">
  15168. <div class="text_cell_render border-box-sizing rendered_html">
  15169. <h2 id="Python's-built-in-functions-are-excellent">Python's built in functions are excellent<a class="anchor-link" href="#Python's-built-in-functions-are-excellent">&#182;</a></h2><ul>
  15170. <li>There are about 69 functions</li>
  15171. <li>some of the most common/useful are:<ul>
  15172. <li><code>min</code>, <code>max</code>, <code>all</code>, <code>any</code> </li>
  15173. <li><code>zip</code>, <code>range</code>, <code>len</code>, <code>map</code>, <code>sorted</code></li>
  15174. <li><code>reversed</code></li>
  15175. </ul>
  15176. </li>
  15177. </ul>
  15178. </div>
  15179. </div>
  15180. </div></section></section><section><section>
  15181. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  15182. </div><div class="inner_cell">
  15183. <div class="text_cell_render border-box-sizing rendered_html">
  15184. <h3 id="Let's-play:">Let's play:<a class="anchor-link" href="#Let's-play:">&#182;</a></h3><ul>
  15185. <li><strong>PROBLEM</strong>: create a 16 character random password of upper, lower and number</li>
  15186. <li><strong>ONE SOLUTION</strong>: <em>use what we know about the ASCII table and the <code>chr()</code> built in function</em></li>
  15187. </ul>
  15188. </div>
  15189. </div>
  15190. </div></section><section>
  15191. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  15192. </div><div class="inner_cell">
  15193. <div class="text_cell_render border-box-sizing rendered_html">
  15194. <p><img src="./better_ascii_table.jpg" alt="./better_ascii_table.jpg"></p>
  15195. </div>
  15196. </div>
  15197. </div></section><section>
  15198. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  15199. </div><div class="inner_cell">
  15200. <div class="text_cell_render border-box-sizing rendered_html">
  15201. <p><strong>HINT 1:</strong></p>
  15202. </div>
  15203. </div>
  15204. </div>
  15205. <div class="cell border-box-sizing code_cell rendered">
  15206. <div class="input">
  15207. <div class="prompt input_prompt">In&nbsp;[52]:</div>
  15208. <div class="inner_cell">
  15209. <div class="input_area">
  15210. <div class=" highlight hl-ipython3"><pre><span></span><span class="nb">chr</span><span class="p">(</span><span class="mi">122</span><span class="p">)</span>
  15211. </pre></div>
  15212. </div>
  15213. </div>
  15214. </div>
  15215. <div class="output_wrapper">
  15216. <div class="output">
  15217. <div class="output_area">
  15218. <div class="prompt output_prompt">Out[52]:</div>
  15219. <div class="output_text output_subarea output_execute_result">
  15220. <pre>&#39;z&#39;</pre>
  15221. </div>
  15222. </div>
  15223. </div>
  15224. </div>
  15225. </div></section><section>
  15226. <div class="cell border-box-sizing code_cell rendered">
  15227. <div class="input">
  15228. <div class="prompt input_prompt">In&nbsp;[53]:</div>
  15229. <div class="inner_cell">
  15230. <div class="input_area">
  15231. <div class=" highlight hl-ipython3"><pre><span></span><span class="kn">import</span> <span class="nn">random</span>
  15232. <span class="k">for</span> <span class="n">i</span> <span class="ow">in</span> <span class="nb">range</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span> <span class="mi">17</span><span class="p">):</span>
  15233. <span class="c1"># get a number in the ASCII range</span>
  15234. <span class="k">while</span><span class="p">(</span><span class="kc">True</span><span class="p">):</span>
  15235. <span class="n">rnd_c</span> <span class="o">=</span> <span class="n">random</span><span class="o">.</span><span class="n">randint</span><span class="p">(</span><span class="mi">48</span><span class="p">,</span> <span class="mi">123</span><span class="p">)</span>
  15236. <span class="k">if</span> <span class="n">rnd_c</span> <span class="o">&lt;</span> <span class="mi">58</span> <span class="ow">or</span> <span class="p">(</span><span class="n">rnd_c</span> <span class="o">&gt;</span> <span class="mi">65</span> <span class="ow">and</span> <span class="n">rnd_c</span> <span class="o">&lt;</span><span class="mi">91</span><span class="p">)</span> <span class="ow">or</span> <span class="p">(</span><span class="n">rnd_c</span> <span class="o">&gt;</span> <span class="mi">96</span> <span class="ow">and</span> <span class="n">rnd_c</span> <span class="o">&lt;</span> <span class="mi">123</span><span class="p">):</span>
  15237. <span class="k">break</span>
  15238. <span class="nb">print</span><span class="p">(</span><span class="nb">chr</span><span class="p">(</span><span class="n">rnd_c</span><span class="p">),</span> <span class="n">end</span><span class="o">=</span><span class="s2">&quot;&quot;</span><span class="p">)</span>
  15239. </pre></div>
  15240. </div>
  15241. </div>
  15242. </div>
  15243. <div class="output_wrapper">
  15244. <div class="output">
  15245. <div class="output_area">
  15246. <div class="prompt"></div>
  15247. <div class="output_subarea output_stream output_stdout output_text">
  15248. <pre>uMVKgvYyB114e4rpj</pre>
  15249. </div>
  15250. </div>
  15251. </div>
  15252. </div>
  15253. </div></section></section><section><section>
  15254. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  15255. </div><div class="inner_cell">
  15256. <div class="text_cell_render border-box-sizing rendered_html">
  15257. <h2 id="Functions-are-straightforward-and-intuitive">Functions are straightforward and intuitive<a class="anchor-link" href="#Functions-are-straightforward-and-intuitive">&#182;</a></h2>
  15258. </div>
  15259. </div>
  15260. </div><div class="fragment">
  15261. <div class="cell border-box-sizing code_cell rendered">
  15262. <div class="input">
  15263. <div class="prompt input_prompt">In&nbsp;[54]:</div>
  15264. <div class="inner_cell">
  15265. <div class="input_area">
  15266. <div class=" highlight hl-ipython3"><pre><span></span><span class="k">def</span> <span class="nf">a_function</span><span class="p">():</span>
  15267. <span class="k">return</span> <span class="mi">1</span>
  15268. <span class="n">a_function</span><span class="p">()</span>
  15269. </pre></div>
  15270. </div>
  15271. </div>
  15272. </div>
  15273. <div class="output_wrapper">
  15274. <div class="output">
  15275. <div class="output_area">
  15276. <div class="prompt output_prompt">Out[54]:</div>
  15277. <div class="output_text output_subarea output_execute_result">
  15278. <pre>1</pre>
  15279. </div>
  15280. </div>
  15281. </div>
  15282. </div>
  15283. </div></div></section><section>
  15284. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  15285. </div><div class="inner_cell">
  15286. <div class="text_cell_render border-box-sizing rendered_html">
  15287. <h3 id="Function-arguments-(parameters)-come-in-three-flavors">Function arguments (parameters) come in three flavors<a class="anchor-link" href="#Function-arguments-(parameters)-come-in-three-flavors">&#182;</a></h3><ul>
  15288. <li>positional</li>
  15289. <li>keyword</li>
  15290. <li>mixed</li>
  15291. </ul>
  15292. <p>Note: default values are allowed!</p>
  15293. </div>
  15294. </div>
  15295. </div></section><section>
  15296. <div class="cell border-box-sizing code_cell rendered">
  15297. <div class="input">
  15298. <div class="prompt input_prompt">In&nbsp;[55]:</div>
  15299. <div class="inner_cell">
  15300. <div class="input_area">
  15301. <div class=" highlight hl-ipython3"><pre><span></span><span class="k">def</span> <span class="nf">a_function</span><span class="p">(</span><span class="n">a</span><span class="p">,</span> <span class="n">b</span><span class="p">,</span> <span class="n">c</span><span class="p">):</span>
  15302. <span class="k">return</span> <span class="n">a</span><span class="o">*</span><span class="n">b</span><span class="o">*</span><span class="n">c</span>
  15303. <span class="n">a_function</span><span class="p">(</span><span class="mi">1</span><span class="p">,</span><span class="mi">2</span><span class="p">,</span><span class="mi">3</span><span class="p">)</span>
  15304. </pre></div>
  15305. </div>
  15306. </div>
  15307. </div>
  15308. <div class="output_wrapper">
  15309. <div class="output">
  15310. <div class="output_area">
  15311. <div class="prompt output_prompt">Out[55]:</div>
  15312. <div class="output_text output_subarea output_execute_result">
  15313. <pre>6</pre>
  15314. </div>
  15315. </div>
  15316. </div>
  15317. </div>
  15318. </div></section><section>
  15319. <div class="cell border-box-sizing code_cell rendered">
  15320. <div class="input">
  15321. <div class="prompt input_prompt">In&nbsp;[56]:</div>
  15322. <div class="inner_cell">
  15323. <div class="input_area">
  15324. <div class=" highlight hl-ipython3"><pre><span></span><span class="k">def</span> <span class="nf">a_function</span><span class="p">(</span><span class="n">a</span><span class="o">=</span><span class="mi">1</span><span class="p">,</span> <span class="n">b</span><span class="o">=</span><span class="mi">1</span><span class="p">,</span> <span class="n">c</span><span class="o">=</span><span class="mi">1</span><span class="p">):</span>
  15325. <span class="k">return</span> <span class="n">a</span><span class="o">*</span><span class="n">b</span><span class="o">*</span><span class="n">c</span>
  15326. <span class="n">a_function</span><span class="p">(</span><span class="n">a</span><span class="o">=</span><span class="mi">3</span><span class="p">,</span><span class="n">b</span><span class="o">=</span><span class="mi">8</span><span class="p">,</span><span class="n">c</span><span class="o">=</span><span class="mi">8</span><span class="p">)</span>
  15327. </pre></div>
  15328. </div>
  15329. </div>
  15330. </div>
  15331. <div class="output_wrapper">
  15332. <div class="output">
  15333. <div class="output_area">
  15334. <div class="prompt output_prompt">Out[56]:</div>
  15335. <div class="output_text output_subarea output_execute_result">
  15336. <pre>192</pre>
  15337. </div>
  15338. </div>
  15339. </div>
  15340. </div>
  15341. </div><div class="fragment">
  15342. <div class="cell border-box-sizing code_cell rendered">
  15343. <div class="input">
  15344. <div class="prompt input_prompt">In&nbsp;[57]:</div>
  15345. <div class="inner_cell">
  15346. <div class="input_area">
  15347. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">a_function</span><span class="p">(</span><span class="n">a</span><span class="o">=</span><span class="mi">4</span><span class="p">)</span>
  15348. </pre></div>
  15349. </div>
  15350. </div>
  15351. </div>
  15352. <div class="output_wrapper">
  15353. <div class="output">
  15354. <div class="output_area">
  15355. <div class="prompt output_prompt">Out[57]:</div>
  15356. <div class="output_text output_subarea output_execute_result">
  15357. <pre>4</pre>
  15358. </div>
  15359. </div>
  15360. </div>
  15361. </div>
  15362. </div>
  15363. <div class="cell border-box-sizing code_cell rendered">
  15364. <div class="input">
  15365. <div class="prompt input_prompt">In&nbsp;[58]:</div>
  15366. <div class="inner_cell">
  15367. <div class="input_area">
  15368. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">a_function</span><span class="p">(</span><span class="mi">3</span><span class="p">,</span><span class="n">b</span><span class="o">=</span><span class="mi">4</span><span class="p">,</span><span class="n">c</span><span class="o">=</span><span class="mi">4</span><span class="p">)</span>
  15369. </pre></div>
  15370. </div>
  15371. </div>
  15372. </div>
  15373. <div class="output_wrapper">
  15374. <div class="output">
  15375. <div class="output_area">
  15376. <div class="prompt output_prompt">Out[58]:</div>
  15377. <div class="output_text output_subarea output_execute_result">
  15378. <pre>48</pre>
  15379. </div>
  15380. </div>
  15381. </div>
  15382. </div>
  15383. </div></div></section><section>
  15384. <div class="cell border-box-sizing code_cell rendered">
  15385. <div class="input">
  15386. <div class="prompt input_prompt">In&nbsp;[59]:</div>
  15387. <div class="inner_cell">
  15388. <div class="input_area">
  15389. <div class=" highlight hl-ipython3"><pre><span></span><span class="k">def</span> <span class="nf">a_function</span><span class="p">(</span><span class="n">a</span><span class="p">,</span> <span class="n">b</span><span class="o">=</span><span class="mi">1</span><span class="p">,</span> <span class="n">c</span><span class="o">=</span><span class="mi">1</span><span class="p">):</span>
  15390. <span class="k">return</span> <span class="n">a</span><span class="o">*</span><span class="n">b</span><span class="o">*</span><span class="n">c</span>
  15391. <span class="n">a_function</span><span class="p">(</span><span class="mi">6</span><span class="p">,</span><span class="n">b</span><span class="o">=</span><span class="mi">8</span><span class="p">,</span><span class="n">c</span><span class="o">=</span><span class="mi">8</span><span class="p">)</span>
  15392. </pre></div>
  15393. </div>
  15394. </div>
  15395. </div>
  15396. <div class="output_wrapper">
  15397. <div class="output">
  15398. <div class="output_area">
  15399. <div class="prompt output_prompt">Out[59]:</div>
  15400. <div class="output_text output_subarea output_execute_result">
  15401. <pre>384</pre>
  15402. </div>
  15403. </div>
  15404. </div>
  15405. </div>
  15406. </div>
  15407. <div class="cell border-box-sizing code_cell rendered">
  15408. <div class="input">
  15409. <div class="prompt input_prompt">In&nbsp;[60]:</div>
  15410. <div class="inner_cell">
  15411. <div class="input_area">
  15412. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">a_function</span><span class="p">(</span><span class="mi">6</span><span class="p">,</span> <span class="mi">8</span><span class="p">,</span> <span class="mi">8</span><span class="p">)</span>
  15413. </pre></div>
  15414. </div>
  15415. </div>
  15416. </div>
  15417. <div class="output_wrapper">
  15418. <div class="output">
  15419. <div class="output_area">
  15420. <div class="prompt output_prompt">Out[60]:</div>
  15421. <div class="output_text output_subarea output_execute_result">
  15422. <pre>384</pre>
  15423. </div>
  15424. </div>
  15425. </div>
  15426. </div>
  15427. </div></section><section>
  15428. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  15429. </div><div class="inner_cell">
  15430. <div class="text_cell_render border-box-sizing rendered_html">
  15431. <h3 id="Functions-can-return-multiple-values-with-tuples">Functions can return multiple values with tuples<a class="anchor-link" href="#Functions-can-return-multiple-values-with-tuples">&#182;</a></h3>
  15432. </div>
  15433. </div>
  15434. </div><div class="fragment">
  15435. <div class="cell border-box-sizing code_cell rendered">
  15436. <div class="input">
  15437. <div class="prompt input_prompt">In&nbsp;[61]:</div>
  15438. <div class="inner_cell">
  15439. <div class="input_area">
  15440. <div class=" highlight hl-ipython3"><pre><span></span><span class="k">def</span> <span class="nf">b_function</span><span class="p">():</span>
  15441. <span class="k">return</span> <span class="p">(</span><span class="mi">1</span><span class="p">,</span> <span class="mi">2</span><span class="p">,</span> <span class="mi">3</span><span class="p">)</span>
  15442. </pre></div>
  15443. </div>
  15444. </div>
  15445. </div>
  15446. </div></div><div class="fragment">
  15447. <div class="cell border-box-sizing code_cell rendered">
  15448. <div class="input">
  15449. <div class="prompt input_prompt">In&nbsp;[62]:</div>
  15450. <div class="inner_cell">
  15451. <div class="input_area">
  15452. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">b_function</span><span class="p">()</span>
  15453. </pre></div>
  15454. </div>
  15455. </div>
  15456. </div>
  15457. <div class="output_wrapper">
  15458. <div class="output">
  15459. <div class="output_area">
  15460. <div class="prompt output_prompt">Out[62]:</div>
  15461. <div class="output_text output_subarea output_execute_result">
  15462. <pre>(1, 2, 3)</pre>
  15463. </div>
  15464. </div>
  15465. </div>
  15466. </div>
  15467. </div></div><div class="fragment">
  15468. <div class="cell border-box-sizing code_cell rendered">
  15469. <div class="input">
  15470. <div class="prompt input_prompt">In&nbsp;[63]:</div>
  15471. <div class="inner_cell">
  15472. <div class="input_area">
  15473. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">x</span><span class="p">,</span> <span class="n">y</span><span class="p">,</span> <span class="n">z</span> <span class="o">=</span> <span class="n">b_function</span><span class="p">()</span>
  15474. <span class="nb">print</span><span class="p">(</span><span class="n">x</span><span class="p">,</span> <span class="n">y</span><span class="p">,</span> <span class="n">z</span><span class="p">)</span>
  15475. </pre></div>
  15476. </div>
  15477. </div>
  15478. </div>
  15479. <div class="output_wrapper">
  15480. <div class="output">
  15481. <div class="output_area">
  15482. <div class="prompt"></div>
  15483. <div class="output_subarea output_stream output_stdout output_text">
  15484. <pre>1 2 3
  15485. </pre>
  15486. </div>
  15487. </div>
  15488. </div>
  15489. </div>
  15490. </div></div></section></section><section><section>
  15491. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  15492. </div><div class="inner_cell">
  15493. <div class="text_cell_render border-box-sizing rendered_html">
  15494. <h2 id="Exceptions-are-valuable-for-good-code!">Exceptions are valuable for good code!<a class="anchor-link" href="#Exceptions-are-valuable-for-good-code!">&#182;</a></h2><ul>
  15495. <li>Python supports <code>try</code>/<code>except</code>/<code>finally</code> and they should be used regularly</li>
  15496. </ul>
  15497. </div>
  15498. </div>
  15499. </div></section><section>
  15500. <div class="cell border-box-sizing code_cell rendered">
  15501. <div class="input">
  15502. <div class="prompt input_prompt">In&nbsp;[64]:</div>
  15503. <div class="inner_cell">
  15504. <div class="input_area">
  15505. <div class=" highlight hl-ipython3"><pre><span></span><span class="k">def</span> <span class="nf">c_function</span><span class="p">(</span><span class="n">a</span><span class="p">,</span> <span class="n">b</span><span class="p">,</span> <span class="n">c</span><span class="p">):</span>
  15506. <span class="k">try</span><span class="p">:</span>
  15507. <span class="k">if</span> <span class="n">a</span><span class="o">&lt;</span><span class="mi">0</span><span class="p">:</span>
  15508. <span class="k">raise</span> <span class="ne">Exception</span>
  15509. <span class="k">return</span> <span class="n">a</span><span class="o">*</span><span class="n">b</span><span class="o">*</span><span class="n">c</span>
  15510. <span class="k">except</span> <span class="ne">Exception</span> <span class="k">as</span> <span class="n">e</span><span class="p">:</span>
  15511. <span class="nb">print</span><span class="p">(</span><span class="s2">&quot;The first parameter cannot be less than zero.&quot;</span><span class="p">)</span>
  15512. <span class="k">finally</span><span class="p">:</span>
  15513. <span class="k">pass</span> <span class="c1"># we don&#39;t need to clean up anything after the exception</span>
  15514. </pre></div>
  15515. </div>
  15516. </div>
  15517. </div>
  15518. </div><div class="fragment">
  15519. <div class="cell border-box-sizing code_cell rendered">
  15520. <div class="input">
  15521. <div class="prompt input_prompt">In&nbsp;[65]:</div>
  15522. <div class="inner_cell">
  15523. <div class="input_area">
  15524. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">c_function</span><span class="p">(</span><span class="o">-</span><span class="mi">1</span><span class="p">,</span> <span class="mi">2</span><span class="p">,</span> <span class="mi">3</span><span class="p">)</span>
  15525. </pre></div>
  15526. </div>
  15527. </div>
  15528. </div>
  15529. <div class="output_wrapper">
  15530. <div class="output">
  15531. <div class="output_area">
  15532. <div class="prompt"></div>
  15533. <div class="output_subarea output_stream output_stdout output_text">
  15534. <pre>The first parameter cannot be less than zero.
  15535. </pre>
  15536. </div>
  15537. </div>
  15538. </div>
  15539. </div>
  15540. </div></div></section><section>
  15541. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  15542. </div><div class="inner_cell">
  15543. <div class="text_cell_render border-box-sizing rendered_html">
  15544. <h3 id="What-did-the-function-return-from-the-exception???">What did the function <em>return</em> from the exception???<a class="anchor-link" href="#What-did-the-function-return-from-the-exception???">&#182;</a></h3>
  15545. </div>
  15546. </div>
  15547. </div><div class="fragment">
  15548. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  15549. </div><div class="inner_cell">
  15550. <div class="text_cell_render border-box-sizing rendered_html">
  15551. <p>ALL PYTHON FUNCTIONS IMPLICITLY RETURN <code>None</code> WHEN NO RETURN VALUE IS SPECIFIED</p>
  15552. </div>
  15553. </div>
  15554. </div></div><div class="fragment">
  15555. <div class="cell border-box-sizing code_cell rendered">
  15556. <div class="input">
  15557. <div class="prompt input_prompt">In&nbsp;[66]:</div>
  15558. <div class="inner_cell">
  15559. <div class="input_area">
  15560. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">c_function</span><span class="p">(</span><span class="o">-</span><span class="mi">1</span><span class="p">,</span> <span class="mi">2</span><span class="p">,</span> <span class="mi">3</span><span class="p">)</span> <span class="ow">is</span> <span class="kc">None</span>
  15561. </pre></div>
  15562. </div>
  15563. </div>
  15564. </div>
  15565. <div class="output_wrapper">
  15566. <div class="output">
  15567. <div class="output_area">
  15568. <div class="prompt"></div>
  15569. <div class="output_subarea output_stream output_stdout output_text">
  15570. <pre>The first parameter cannot be less than zero.
  15571. </pre>
  15572. </div>
  15573. </div>
  15574. <div class="output_area">
  15575. <div class="prompt output_prompt">Out[66]:</div>
  15576. <div class="output_text output_subarea output_execute_result">
  15577. <pre>True</pre>
  15578. </div>
  15579. </div>
  15580. </div>
  15581. </div>
  15582. </div></div></section></section><section><section>
  15583. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  15584. </div><div class="inner_cell">
  15585. <div class="text_cell_render border-box-sizing rendered_html">
  15586. <h2 id="Comprehensions">Comprehensions<a class="anchor-link" href="#Comprehensions">&#182;</a></h2>
  15587. </div>
  15588. </div>
  15589. </div><div class="fragment">
  15590. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  15591. </div><div class="inner_cell">
  15592. <div class="text_cell_render border-box-sizing rendered_html">
  15593. <h3 id="List-comprehensions-provide-shorthand-for-building-lists">List comprehensions provide shorthand for building lists<a class="anchor-link" href="#List-comprehensions-provide-shorthand-for-building-lists">&#182;</a></h3>
  15594. </div>
  15595. </div>
  15596. </div></div><div class="fragment">
  15597. <div class="cell border-box-sizing code_cell rendered">
  15598. <div class="input">
  15599. <div class="prompt input_prompt">In&nbsp;[67]:</div>
  15600. <div class="inner_cell">
  15601. <div class="input_area">
  15602. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">l1</span> <span class="o">=</span> <span class="p">[</span><span class="n">x</span> <span class="k">for</span> <span class="n">x</span> <span class="ow">in</span> <span class="nb">range</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">11</span><span class="p">)]</span>
  15603. <span class="n">l1</span>
  15604. </pre></div>
  15605. </div>
  15606. </div>
  15607. </div>
  15608. <div class="output_wrapper">
  15609. <div class="output">
  15610. <div class="output_area">
  15611. <div class="prompt output_prompt">Out[67]:</div>
  15612. <div class="output_text output_subarea output_execute_result">
  15613. <pre>[0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10]</pre>
  15614. </div>
  15615. </div>
  15616. </div>
  15617. </div>
  15618. </div></div></section><section>
  15619. <div class="cell border-box-sizing code_cell rendered">
  15620. <div class="input">
  15621. <div class="prompt input_prompt">In&nbsp;[68]:</div>
  15622. <div class="inner_cell">
  15623. <div class="input_area">
  15624. <div class=" highlight hl-ipython3"><pre><span></span><span class="k">def</span> <span class="nf">pw_generator</span><span class="p">():</span>
  15625. <span class="n">ascii_pw_range</span> <span class="o">=</span> <span class="nb">list</span><span class="p">(</span><span class="nb">range</span><span class="p">(</span><span class="mi">48</span><span class="p">,</span><span class="mi">58</span><span class="p">))</span> <span class="o">+</span> <span class="nb">list</span><span class="p">(</span><span class="nb">range</span><span class="p">(</span><span class="mi">65</span><span class="p">,</span><span class="mi">91</span><span class="p">))</span> <span class="o">+</span> <span class="nb">list</span><span class="p">(</span><span class="nb">range</span> <span class="p">(</span><span class="mi">97</span><span class="p">,</span> <span class="mi">123</span><span class="p">))</span>
  15626. <span class="k">return</span> <span class="s1">&#39;&#39;</span><span class="o">.</span><span class="n">join</span><span class="p">([</span><span class="nb">chr</span><span class="p">(</span><span class="n">random</span><span class="o">.</span><span class="n">choice</span><span class="p">(</span><span class="n">ascii_pw_range</span><span class="p">))</span> \
  15627. <span class="k">for</span> <span class="n">i</span> <span class="ow">in</span> <span class="nb">range</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">10</span><span class="p">)])</span>
  15628. <span class="n">pw_generator</span><span class="p">()</span>
  15629. </pre></div>
  15630. </div>
  15631. </div>
  15632. </div>
  15633. <div class="output_wrapper">
  15634. <div class="output">
  15635. <div class="output_area">
  15636. <div class="prompt output_prompt">Out[68]:</div>
  15637. <div class="output_text output_subarea output_execute_result">
  15638. <pre>&#39;TMbD0xr0Bj&#39;</pre>
  15639. </div>
  15640. </div>
  15641. </div>
  15642. </div>
  15643. </div></section><section>
  15644. <div class="cell border-box-sizing code_cell rendered">
  15645. <div class="input">
  15646. <div class="prompt input_prompt">In&nbsp;[69]:</div>
  15647. <div class="inner_cell">
  15648. <div class="input_area">
  15649. <div class=" highlight hl-ipython3"><pre><span></span><span class="p">[</span><span class="n">pw_generator</span><span class="p">()</span> <span class="k">for</span> <span class="n">i</span> <span class="ow">in</span> <span class="nb">range</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">15</span><span class="p">)]</span>
  15650. </pre></div>
  15651. </div>
  15652. </div>
  15653. </div>
  15654. <div class="output_wrapper">
  15655. <div class="output">
  15656. <div class="output_area">
  15657. <div class="prompt output_prompt">Out[69]:</div>
  15658. <div class="output_text output_subarea output_execute_result">
  15659. <pre>[&#39;MIO3ewedYc&#39;,
  15660. &#39;YbFp3ofMhC&#39;,
  15661. &#39;lgy5GUvod4&#39;,
  15662. &#39;VfOjbJ1oF3&#39;,
  15663. &#39;tqYltK37KK&#39;,
  15664. &#39;E4SzZ0zRjX&#39;,
  15665. &#39;fdJRpvyHrn&#39;,
  15666. &#39;9cCas9FpyA&#39;,
  15667. &#39;33qhlSo7kd&#39;,
  15668. &#39;dL1QupAp0V&#39;,
  15669. &#39;KBciH7ZSaN&#39;,
  15670. &#39;3B1StGRLLe&#39;,
  15671. &#39;bR6wZCAzsa&#39;,
  15672. &#39;9gq3zcB6lb&#39;,
  15673. &#39;vmNodUhosK&#39;]</pre>
  15674. </div>
  15675. </div>
  15676. </div>
  15677. </div>
  15678. </div></section><section>
  15679. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  15680. </div><div class="inner_cell">
  15681. <div class="text_cell_render border-box-sizing rendered_html">
  15682. <h3 id="Dictionary-comprehensions-are-also-quite-nice-...">Dictionary comprehensions are also quite nice ...<a class="anchor-link" href="#Dictionary-comprehensions-are-also-quite-nice-...">&#182;</a></h3><ul>
  15683. <li>Let's say you want to swap the key, value pairs in a dictionary ...</li>
  15684. </ul>
  15685. </div>
  15686. </div>
  15687. </div><div class="fragment">
  15688. <div class="cell border-box-sizing code_cell rendered">
  15689. <div class="input">
  15690. <div class="prompt input_prompt">In&nbsp;[70]:</div>
  15691. <div class="inner_cell">
  15692. <div class="input_area">
  15693. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">d1</span> <span class="o">=</span> <span class="nb">dict</span><span class="p">([(</span><span class="s1">&#39;a&#39;</span><span class="p">,</span> <span class="mi">1</span><span class="p">),</span> <span class="p">(</span><span class="s1">&#39;b&#39;</span><span class="p">,</span> <span class="mi">2</span><span class="p">),</span> <span class="p">(</span><span class="s1">&#39;c&#39;</span><span class="p">,</span> <span class="mi">3</span><span class="p">)])</span>
  15694. <span class="p">{</span> <span class="n">v</span><span class="p">:</span><span class="n">k</span> <span class="k">for</span> <span class="p">(</span><span class="n">k</span><span class="p">,</span><span class="n">v</span><span class="p">)</span> <span class="ow">in</span> <span class="n">d1</span><span class="o">.</span><span class="n">items</span><span class="p">()</span> <span class="p">}</span>
  15695. </pre></div>
  15696. </div>
  15697. </div>
  15698. </div>
  15699. <div class="output_wrapper">
  15700. <div class="output">
  15701. <div class="output_area">
  15702. <div class="prompt output_prompt">Out[70]:</div>
  15703. <div class="output_text output_subarea output_execute_result">
  15704. <pre>{1: &#39;a&#39;, 2: &#39;b&#39;, 3: &#39;c&#39;}</pre>
  15705. </div>
  15706. </div>
  15707. </div>
  15708. </div>
  15709. </div></div><div class="fragment">
  15710. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  15711. </div><div class="inner_cell">
  15712. <div class="text_cell_render border-box-sizing rendered_html">
  15713. <ul>
  15714. <li>something more practical might be to filter out all values not meeting a criterion</li>
  15715. </ul>
  15716. </div>
  15717. </div>
  15718. </div></div><div class="fragment">
  15719. <div class="cell border-box-sizing code_cell rendered">
  15720. <div class="input">
  15721. <div class="prompt input_prompt">In&nbsp;[71]:</div>
  15722. <div class="inner_cell">
  15723. <div class="input_area">
  15724. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">d1</span> <span class="o">=</span> <span class="nb">dict</span><span class="p">([(</span><span class="s1">&#39;a&#39;</span><span class="p">,</span> <span class="mi">1</span><span class="p">),</span> <span class="p">(</span><span class="s1">&#39;b&#39;</span><span class="p">,</span> <span class="mi">2</span><span class="p">),</span> <span class="p">(</span><span class="s1">&#39;c&#39;</span><span class="p">,</span> <span class="mi">3</span><span class="p">)])</span>
  15725. <span class="p">{</span> <span class="n">v</span><span class="p">:</span><span class="n">k</span> <span class="k">for</span> <span class="p">(</span><span class="n">k</span><span class="p">,</span><span class="n">v</span><span class="p">)</span> <span class="ow">in</span> <span class="n">d1</span><span class="o">.</span><span class="n">items</span><span class="p">()</span> <span class="k">if</span> <span class="n">v</span><span class="o">%</span><span class="k">2</span> != 0}
  15726. </pre></div>
  15727. </div>
  15728. </div>
  15729. </div>
  15730. <div class="output_wrapper">
  15731. <div class="output">
  15732. <div class="output_area">
  15733. <div class="prompt output_prompt">Out[71]:</div>
  15734. <div class="output_text output_subarea output_execute_result">
  15735. <pre>{1: &#39;a&#39;, 3: &#39;c&#39;}</pre>
  15736. </div>
  15737. </div>
  15738. </div>
  15739. </div>
  15740. </div></div></section></section><section><section>
  15741. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  15742. </div><div class="inner_cell">
  15743. <div class="text_cell_render border-box-sizing rendered_html">
  15744. <h2 id="LET'S-PLAY!">LET'S PLAY!<a class="anchor-link" href="#LET'S-PLAY!">&#182;</a></h2>
  15745. </div>
  15746. </div>
  15747. </div></section></section>
  15748. </div>
  15749. </div>
  15750. <script>
  15751. require(
  15752. {
  15753. // it makes sense to wait a little bit when you are loading
  15754. // reveal from a cdn in a slow connection environment
  15755. waitSeconds: 15
  15756. },
  15757. [
  15758. "https://cdnjs.cloudflare.com/ajax/libs/reveal.js/3.5.0/lib/js/head.min.js",
  15759. "https://cdnjs.cloudflare.com/ajax/libs/reveal.js/3.5.0/js/reveal.js"
  15760. ],
  15761. function(head, Reveal){
  15762. // Full list of configuration options available here: https://github.com/hakimel/reveal.js#configuration
  15763. Reveal.initialize({
  15764. controls: true,
  15765. progress: true,
  15766. history: true,
  15767. transition: "slide",
  15768. // Optional libraries used to extend on reveal.js
  15769. dependencies: [
  15770. { src: "https://cdnjs.cloudflare.com/ajax/libs/reveal.js/3.5.0/lib/js/classList.js",
  15771. condition: function() { return !document.body.classList; } },
  15772. { src: "https://cdnjs.cloudflare.com/ajax/libs/reveal.js/3.5.0/plugin/notes/notes.js",
  15773. async: true,
  15774. condition: function() { return !!document.body.classList; } }
  15775. ]
  15776. });
  15777. var update = function(event){
  15778. if(MathJax.Hub.getAllJax(Reveal.getCurrentSlide())){
  15779. MathJax.Hub.Rerender(Reveal.getCurrentSlide());
  15780. }
  15781. };
  15782. Reveal.addEventListener('slidechanged', update);
  15783. function setScrollingSlide() {
  15784. var scroll = false
  15785. if (scroll === true) {
  15786. var h = $('.reveal').height() * 0.95;
  15787. $('section.present').find('section')
  15788. .filter(function() {
  15789. return $(this).height() > h;
  15790. })
  15791. .css('height', 'calc(95vh)')
  15792. .css('overflow-y', 'scroll')
  15793. .css('margin-top', '20px');
  15794. }
  15795. }
  15796. // check and set the scrolling slide every time the slide change
  15797. Reveal.addEventListener('slidechanged', setScrollingSlide);
  15798. }
  15799. );
  15800. </script>
  15801. </body>
  15802. </html>