Recommendations_with_IBM.html

<!DOCTYPE html>
<html>
<head><meta charset="utf-8" />

<title>Recommendations_with_IBM</title>

<script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.1.10/require.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>


<style type="text/css">
    /*!
*
* Twitter Bootstrap
*
*/
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .navbar {
    display: none;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../components/bootstrap/fonts/glyphicons-halflings-regular.eot');
  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');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
  content: "\002a";
}
.glyphicon-plus:before {
  content: "\002b";
}
.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac";
}
.glyphicon-minus:before {
  content: "\2212";
}
.glyphicon-cloud:before {
  content: "\2601";
}
.glyphicon-envelope:before {
  content: "\2709";
}
.glyphicon-pencil:before {
  content: "\270f";
}
.glyphicon-glass:before {
  content: "\e001";
}
.glyphicon-music:before {
  content: "\e002";
}
.glyphicon-search:before {
  content: "\e003";
}
.glyphicon-heart:before {
  content: "\e005";
}
.glyphicon-star:before {
  content: "\e006";
}
.glyphicon-star-empty:before {
  content: "\e007";
}
.glyphicon-user:before {
  content: "\e008";
}
.glyphicon-film:before {
  content: "\e009";
}
.glyphicon-th-large:before {
  content: "\e010";
}
.glyphicon-th:before {
  content: "\e011";
}
.glyphicon-th-list:before {
  content: "\e012";
}
.glyphicon-ok:before {
  content: "\e013";
}
.glyphicon-remove:before {
  content: "\e014";
}
.glyphicon-zoom-in:before {
  content: "\e015";
}
.glyphicon-zoom-out:before {
  content: "\e016";
}
.glyphicon-off:before {
  content: "\e017";
}
.glyphicon-signal:before {
  content: "\e018";
}
.glyphicon-cog:before {
  content: "\e019";
}
.glyphicon-trash:before {
  content: "\e020";
}
.glyphicon-home:before {
  content: "\e021";
}
.glyphicon-file:before {
  content: "\e022";
}
.glyphicon-time:before {
  content: "\e023";
}
.glyphicon-road:before {
  content: "\e024";
}
.glyphicon-download-alt:before {
  content: "\e025";
}
.glyphicon-download:before {
  content: "\e026";
}
.glyphicon-upload:before {
  content: "\e027";
}
.glyphicon-inbox:before {
  content: "\e028";
}
.glyphicon-play-circle:before {
  content: "\e029";
}
.glyphicon-repeat:before {
  content: "\e030";
}
.glyphicon-refresh:before {
  content: "\e031";
}
.glyphicon-list-alt:before {
  content: "\e032";
}
.glyphicon-lock:before {
  content: "\e033";
}
.glyphicon-flag:before {
  content: "\e034";
}
.glyphicon-headphones:before {
  content: "\e035";
}
.glyphicon-volume-off:before {
  content: "\e036";
}
.glyphicon-volume-down:before {
  content: "\e037";
}
.glyphicon-volume-up:before {
  content: "\e038";
}
.glyphicon-qrcode:before {
  content: "\e039";
}
.glyphicon-barcode:before {
  content: "\e040";
}
.glyphicon-tag:before {
  content: "\e041";
}
.glyphicon-tags:before {
  content: "\e042";
}
.glyphicon-book:before {
  content: "\e043";
}
.glyphicon-bookmark:before {
  content: "\e044";
}
.glyphicon-print:before {
  content: "\e045";
}
.glyphicon-camera:before {
  content: "\e046";
}
.glyphicon-font:before {
  content: "\e047";
}
.glyphicon-bold:before {
  content: "\e048";
}
.glyphicon-italic:before {
  content: "\e049";
}
.glyphicon-text-height:before {
  content: "\e050";
}
.glyphicon-text-width:before {
  content: "\e051";
}
.glyphicon-align-left:before {
  content: "\e052";
}
.glyphicon-align-center:before {
  content: "\e053";
}
.glyphicon-align-right:before {
  content: "\e054";
}
.glyphicon-align-justify:before {
  content: "\e055";
}
.glyphicon-list:before {
  content: "\e056";
}
.glyphicon-indent-left:before {
  content: "\e057";
}
.glyphicon-indent-right:before {
  content: "\e058";
}
.glyphicon-facetime-video:before {
  content: "\e059";
}
.glyphicon-picture:before {
  content: "\e060";
}
.glyphicon-map-marker:before {
  content: "\e062";
}
.glyphicon-adjust:before {
  content: "\e063";
}
.glyphicon-tint:before {
  content: "\e064";
}
.glyphicon-edit:before {
  content: "\e065";
}
.glyphicon-share:before {
  content: "\e066";
}
.glyphicon-check:before {
  content: "\e067";
}
.glyphicon-move:before {
  content: "\e068";
}
.glyphicon-step-backward:before {
  content: "\e069";
}
.glyphicon-fast-backward:before {
  content: "\e070";
}
.glyphicon-backward:before {
  content: "\e071";
}
.glyphicon-play:before {
  content: "\e072";
}
.glyphicon-pause:before {
  content: "\e073";
}
.glyphicon-stop:before {
  content: "\e074";
}
.glyphicon-forward:before {
  content: "\e075";
}
.glyphicon-fast-forward:before {
  content: "\e076";
}
.glyphicon-step-forward:before {
  content: "\e077";
}
.glyphicon-eject:before {
  content: "\e078";
}
.glyphicon-chevron-left:before {
  content: "\e079";
}
.glyphicon-chevron-right:before {
  content: "\e080";
}
.glyphicon-plus-sign:before {
  content: "\e081";
}
.glyphicon-minus-sign:before {
  content: "\e082";
}
.glyphicon-remove-sign:before {
  content: "\e083";
}
.glyphicon-ok-sign:before {
  content: "\e084";
}
.glyphicon-question-sign:before {
  content: "\e085";
}
.glyphicon-info-sign:before {
  content: "\e086";
}
.glyphicon-screenshot:before {
  content: "\e087";
}
.glyphicon-remove-circle:before {
  content: "\e088";
}
.glyphicon-ok-circle:before {
  content: "\e089";
}
.glyphicon-ban-circle:before {
  content: "\e090";
}
.glyphicon-arrow-left:before {
  content: "\e091";
}
.glyphicon-arrow-right:before {
  content: "\e092";
}
.glyphicon-arrow-up:before {
  content: "\e093";
}
.glyphicon-arrow-down:before {
  content: "\e094";
}
.glyphicon-share-alt:before {
  content: "\e095";
}
.glyphicon-resize-full:before {
  content: "\e096";
}
.glyphicon-resize-small:before {
  content: "\e097";
}
.glyphicon-exclamation-sign:before {
  content: "\e101";
}
.glyphicon-gift:before {
  content: "\e102";
}
.glyphicon-leaf:before {
  content: "\e103";
}
.glyphicon-fire:before {
  content: "\e104";
}
.glyphicon-eye-open:before {
  content: "\e105";
}
.glyphicon-eye-close:before {
  content: "\e106";
}
.glyphicon-warning-sign:before {
  content: "\e107";
}
.glyphicon-plane:before {
  content: "\e108";
}
.glyphicon-calendar:before {
  content: "\e109";
}
.glyphicon-random:before {
  content: "\e110";
}
.glyphicon-comment:before {
  content: "\e111";
}
.glyphicon-magnet:before {
  content: "\e112";
}
.glyphicon-chevron-up:before {
  content: "\e113";
}
.glyphicon-chevron-down:before {
  content: "\e114";
}
.glyphicon-retweet:before {
  content: "\e115";
}
.glyphicon-shopping-cart:before {
  content: "\e116";
}
.glyphicon-folder-close:before {
  content: "\e117";
}
.glyphicon-folder-open:before {
  content: "\e118";
}
.glyphicon-resize-vertical:before {
  content: "\e119";
}
.glyphicon-resize-horizontal:before {
  content: "\e120";
}
.glyphicon-hdd:before {
  content: "\e121";
}
.glyphicon-bullhorn:before {
  content: "\e122";
}
.glyphicon-bell:before {
  content: "\e123";
}
.glyphicon-certificate:before {
  content: "\e124";
}
.glyphicon-thumbs-up:before {
  content: "\e125";
}
.glyphicon-thumbs-down:before {
  content: "\e126";
}
.glyphicon-hand-right:before {
  content: "\e127";
}
.glyphicon-hand-left:before {
  content: "\e128";
}
.glyphicon-hand-up:before {
  content: "\e129";
}
.glyphicon-hand-down:before {
  content: "\e130";
}
.glyphicon-circle-arrow-right:before {
  content: "\e131";
}
.glyphicon-circle-arrow-left:before {
  content: "\e132";
}
.glyphicon-circle-arrow-up:before {
  content: "\e133";
}
.glyphicon-circle-arrow-down:before {
  content: "\e134";
}
.glyphicon-globe:before {
  content: "\e135";
}
.glyphicon-wrench:before {
  content: "\e136";
}
.glyphicon-tasks:before {
  content: "\e137";
}
.glyphicon-filter:before {
  content: "\e138";
}
.glyphicon-briefcase:before {
  content: "\e139";
}
.glyphicon-fullscreen:before {
  content: "\e140";
}
.glyphicon-dashboard:before {
  content: "\e141";
}
.glyphicon-paperclip:before {
  content: "\e142";
}
.glyphicon-heart-empty:before {
  content: "\e143";
}
.glyphicon-link:before {
  content: "\e144";
}
.glyphicon-phone:before {
  content: "\e145";
}
.glyphicon-pushpin:before {
  content: "\e146";
}
.glyphicon-usd:before {
  content: "\e148";
}
.glyphicon-gbp:before {
  content: "\e149";
}
.glyphicon-sort:before {
  content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}
.glyphicon-sort-by-order:before {
  content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}
.glyphicon-sort-by-attributes:before {
  content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}
.glyphicon-unchecked:before {
  content: "\e157";
}
.glyphicon-expand:before {
  content: "\e158";
}
.glyphicon-collapse-down:before {
  content: "\e159";
}
.glyphicon-collapse-up:before {
  content: "\e160";
}
.glyphicon-log-in:before {
  content: "\e161";
}
.glyphicon-flash:before {
  content: "\e162";
}
.glyphicon-log-out:before {
  content: "\e163";
}
.glyphicon-new-window:before {
  content: "\e164";
}
.glyphicon-record:before {
  content: "\e165";
}
.glyphicon-save:before {
  content: "\e166";
}
.glyphicon-open:before {
  content: "\e167";
}
.glyphicon-saved:before {
  content: "\e168";
}
.glyphicon-import:before {
  content: "\e169";
}
.glyphicon-export:before {
  content: "\e170";
}
.glyphicon-send:before {
  content: "\e171";
}
.glyphicon-floppy-disk:before {
  content: "\e172";
}
.glyphicon-floppy-saved:before {
  content: "\e173";
}
.glyphicon-floppy-remove:before {
  content: "\e174";
}
.glyphicon-floppy-save:before {
  content: "\e175";
}
.glyphicon-floppy-open:before {
  content: "\e176";
}
.glyphicon-credit-card:before {
  content: "\e177";
}
.glyphicon-transfer:before {
  content: "\e178";
}
.glyphicon-cutlery:before {
  content: "\e179";
}
.glyphicon-header:before {
  content: "\e180";
}
.glyphicon-compressed:before {
  content: "\e181";
}
.glyphicon-earphone:before {
  content: "\e182";
}
.glyphicon-phone-alt:before {
  content: "\e183";
}
.glyphicon-tower:before {
  content: "\e184";
}
.glyphicon-stats:before {
  content: "\e185";
}
.glyphicon-sd-video:before {
  content: "\e186";
}
.glyphicon-hd-video:before {
  content: "\e187";
}
.glyphicon-subtitles:before {
  content: "\e188";
}
.glyphicon-sound-stereo:before {
  content: "\e189";
}
.glyphicon-sound-dolby:before {
  content: "\e190";
}
.glyphicon-sound-5-1:before {
  content: "\e191";
}
.glyphicon-sound-6-1:before {
  content: "\e192";
}
.glyphicon-sound-7-1:before {
  content: "\e193";
}
.glyphicon-copyright-mark:before {
  content: "\e194";
}
.glyphicon-registration-mark:before {
  content: "\e195";
}
.glyphicon-cloud-download:before {
  content: "\e197";
}
.glyphicon-cloud-upload:before {
  content: "\e198";
}
.glyphicon-tree-conifer:before {
  content: "\e199";
}
.glyphicon-tree-deciduous:before {
  content: "\e200";
}
.glyphicon-cd:before {
  content: "\e201";
}
.glyphicon-save-file:before {
  content: "\e202";
}
.glyphicon-open-file:before {
  content: "\e203";
}
.glyphicon-level-up:before {
  content: "\e204";
}
.glyphicon-copy:before {
  content: "\e205";
}
.glyphicon-paste:before {
  content: "\e206";
}
.glyphicon-alert:before {
  content: "\e209";
}
.glyphicon-equalizer:before {
  content: "\e210";
}
.glyphicon-king:before {
  content: "\e211";
}
.glyphicon-queen:before {
  content: "\e212";
}
.glyphicon-pawn:before {
  content: "\e213";
}
.glyphicon-bishop:before {
  content: "\e214";
}
.glyphicon-knight:before {
  content: "\e215";
}
.glyphicon-baby-formula:before {
  content: "\e216";
}
.glyphicon-tent:before {
  content: "\26fa";
}
.glyphicon-blackboard:before {
  content: "\e218";
}
.glyphicon-bed:before {
  content: "\e219";
}
.glyphicon-apple:before {
  content: "\f8ff";
}
.glyphicon-erase:before {
  content: "\e221";
}
.glyphicon-hourglass:before {
  content: "\231b";
}
.glyphicon-lamp:before {
  content: "\e223";
}
.glyphicon-duplicate:before {
  content: "\e224";
}
.glyphicon-piggy-bank:before {
  content: "\e225";
}
.glyphicon-scissors:before {
  content: "\e226";
}
.glyphicon-bitcoin:before {
  content: "\e227";
}
.glyphicon-btc:before {
  content: "\e227";
}
.glyphicon-xbt:before {
  content: "\e227";
}
.glyphicon-yen:before {
  content: "\00a5";
}
.glyphicon-jpy:before {
  content: "\00a5";
}
.glyphicon-ruble:before {
  content: "\20bd";
}
.glyphicon-rub:before {
  content: "\20bd";
}
.glyphicon-scale:before {
  content: "\e230";
}
.glyphicon-ice-lolly:before {
  content: "\e231";
}
.glyphicon-ice-lolly-tasted:before {
  content: "\e232";
}
.glyphicon-education:before {
  content: "\e233";
}
.glyphicon-option-horizontal:before {
  content: "\e234";
}
.glyphicon-option-vertical:before {
  content: "\e235";
}
.glyphicon-menu-hamburger:before {
  content: "\e236";
}
.glyphicon-modal-window:before {
  content: "\e237";
}
.glyphicon-oil:before {
  content: "\e238";
}
.glyphicon-grain:before {
  content: "\e239";
}
.glyphicon-sunglasses:before {
  content: "\e240";
}
.glyphicon-text-size:before {
  content: "\e241";
}
.glyphicon-text-color:before {
  content: "\e242";
}
.glyphicon-text-background:before {
  content: "\e243";
}
.glyphicon-object-align-top:before {
  content: "\e244";
}
.glyphicon-object-align-bottom:before {
  content: "\e245";
}
.glyphicon-object-align-horizontal:before {
  content: "\e246";
}
.glyphicon-object-align-left:before {
  content: "\e247";
}
.glyphicon-object-align-vertical:before {
  content: "\e248";
}
.glyphicon-object-align-right:before {
  content: "\e249";
}
.glyphicon-triangle-right:before {
  content: "\e250";
}
.glyphicon-triangle-left:before {
  content: "\e251";
}
.glyphicon-triangle-bottom:before {
  content: "\e252";
}
.glyphicon-triangle-top:before {
  content: "\e253";
}
.glyphicon-console:before {
  content: "\e254";
}
.glyphicon-superscript:before {
  content: "\e255";
}
.glyphicon-subscript:before {
  content: "\e256";
}
.glyphicon-menu-left:before {
  content: "\e257";
}
.glyphicon-menu-right:before {
  content: "\e258";
}
.glyphicon-menu-down:before {
  content: "\e259";
}
.glyphicon-menu-up:before {
  content: "\e260";
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 1.42857143;
  color: #000;
  background-color: #fff;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #337ab7;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #23527c;
  text-decoration: underline;
}
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 3px;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 2px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 18px;
  margin-bottom: 18px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
[role="button"] {
  cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #777777;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 18px;
  margin-bottom: 9px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 9px;
  margin-bottom: 9px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%;
}
h1,
.h1 {
  font-size: 33px;
}
h2,
.h2 {
  font-size: 27px;
}
h3,
.h3 {
  font-size: 23px;
}
h4,
.h4 {
  font-size: 17px;
}
h5,
.h5 {
  font-size: 13px;
}
h6,
.h6 {
  font-size: 12px;
}
p {
  margin: 0 0 9px;
}
.lead {
  margin-bottom: 18px;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .lead {
    font-size: 19.5px;
  }
}
small,
.small {
  font-size: 92%;
}
mark,
.mark {
  background-color: #fcf8e3;
  padding: .2em;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-muted {
  color: #777777;
}
.text-primary {
  color: #337ab7;
}
a.text-primary:hover,
a.text-primary:focus {
  color: #286090;
}
.text-success {
  color: #3c763d;
}
a.text-success:hover,
a.text-success:focus {
  color: #2b542c;
}
.text-info {
  color: #31708f;
}
a.text-info:hover,
a.text-info:focus {
  color: #245269;
}
.text-warning {
  color: #8a6d3b;
}
a.text-warning:hover,
a.text-warning:focus {
  color: #66512c;
}
.text-danger {
  color: #a94442;
}
a.text-danger:hover,
a.text-danger:focus {
  color: #843534;
}
.bg-primary {
  color: #fff;
  background-color: #337ab7;
}
a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #286090;
}
.bg-success {
  background-color: #dff0d8;
}
a.bg-success:hover,
a.bg-success:focus {
  background-color: #c1e2b3;
}
.bg-info {
  background-color: #d9edf7;
}
a.bg-info:hover,
a.bg-info:focus {
  background-color: #afd9ee;
}
.bg-warning {
  background-color: #fcf8e3;
}
a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5;
}
.bg-danger {
  background-color: #f2dede;
}
a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9;
}
.page-header {
  padding-bottom: 8px;
  margin: 36px 0 18px;
  border-bottom: 1px solid #eeeeee;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 9px;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
dl {
  margin-top: 0;
  margin-bottom: 18px;
}
dt,
dd {
  line-height: 1.42857143;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
}
@media (min-width: 541px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777777;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
blockquote {
  padding: 9px 18px;
  margin: 0 0 18px;
  font-size: inherit;
  border-left: 5px solid #eeeeee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #777777;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
  text-align: right;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
  content: '';
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}
address {
  margin-bottom: 18px;
  font-style: normal;
  line-height: 1.42857143;
}
code,
kbd,
pre,
samp {
  font-family: monospace;
}
code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 2px;
}
kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #888;
  background-color: transparent;
  border-radius: 1px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  box-shadow: none;
}
pre {
  display: block;
  padding: 8.5px;
  margin: 0 0 9px;
  font-size: 12px;
  line-height: 1.42857143;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 2px;
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 0px;
  padding-right: 0px;
}
@media (min-width: 768px) {
  .container {
    width: 768px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 940px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1140px;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 0px;
  padding-right: 0px;
}
.row {
  margin-left: 0px;
  margin-right: 0px;
}
.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 {
  position: relative;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
}
.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 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .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 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .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 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .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 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
table {
  background-color: transparent;
}
caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777777;
  text-align: left;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 18px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table .table {
  background-color: #fff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
.table-responsive {
  overflow-x: auto;
  min-height: 0.01%;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 13.5px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 18px;
  font-size: 19.5px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}
input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
output {
  display: block;
  padding-top: 7px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #555555;
}
.form-control {
  display: block;
  width: 100%;
  height: 32px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control::-ms-expand {
  border: 0;
  background-color: transparent;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eeeeee;
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 32px;
  }
  input[type="date"].input-sm,
  input[type="time"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="month"].input-sm,
  .input-group-sm input[type="date"],
  .input-group-sm input[type="time"],
  .input-group-sm input[type="datetime-local"],
  .input-group-sm input[type="month"] {
    line-height: 30px;
  }
  input[type="date"].input-lg,
  input[type="time"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="month"].input-lg,
  .input-group-lg input[type="date"],
  .input-group-lg input[type="time"],
  .input-group-lg input[type="datetime-local"],
  .input-group-lg input[type="month"] {
    line-height: 45px;
  }
}
.form-group {
  margin-bottom: 15px;
}
.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  min-height: 18px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}
.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
  min-height: 31px;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-left: 0;
  padding-right: 0;
}
.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 1px;
}
select.input-sm {
  height: 30px;
  line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 1px;
}
.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}
.form-group-sm .form-control-static {
  height: 30px;
  min-height: 30px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.input-lg {
  height: 45px;
  padding: 10px 16px;
  font-size: 17px;
  line-height: 1.3333333;
  border-radius: 3px;
}
select.input-lg {
  height: 45px;
  line-height: 45px;
}
textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}
.form-group-lg .form-control {
  height: 45px;
  padding: 10px 16px;
  font-size: 17px;
  line-height: 1.3333333;
  border-radius: 3px;
}
.form-group-lg select.form-control {
  height: 45px;
  line-height: 45px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}
.form-group-lg .form-control-static {
  height: 45px;
  min-height: 35px;
  padding: 11px 16px;
  font-size: 17px;
  line-height: 1.3333333;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 40px;
}
.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  pointer-events: none;
}
.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 45px;
  height: 45px;
  line-height: 45px;
}
.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3c763d;
}
.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8;
}
.has-success .form-control-feedback {
  color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442;
}
.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede;
}
.has-error .form-control-feedback {
  color: #a94442;
}
.has-feedback label ~ .form-control-feedback {
  top: 23px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #404040;
}
@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 25px;
}
.form-horizontal .form-group {
  margin-left: 0px;
  margin-right: 0px;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right: 0px;
}
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 17px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px;
  }
}
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.42857143;
  border-radius: 2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:focus,
.btn-default.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}
.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}
.btn-primary:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary .badge {
  color: #337ab7;
  background-color: #fff;
}
.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:focus,
.btn-success.focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625;
}
.btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
  color: #fff;
  background-color: #398439;
  border-color: #255625;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}
.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:focus,
.btn-info.focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}
.btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}
.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:focus,
.btn-warning.focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d;
}
.btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}
.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:focus,
.btn-danger.focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
}
.btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}
.btn-link {
  color: #337ab7;
  font-weight: normal;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #777777;
  text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 17px;
  line-height: 1.3333333;
  border-radius: 3px;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 1px;
}
.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 1px;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.dropup,
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 13px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 2px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 8px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #337ab7;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  left: auto;
  right: 0;
}
.dropdown-menu-left {
  left: 0;
  right: auto;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777777;
  white-space: nowrap;
}
.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
  content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
@media (min-width: 541px) {
  .navbar-right .dropdown-menu {
    left: auto;
    right: 0;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}
.btn-toolbar {
  margin-left: -5px;
}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-group > .btn-group {
  float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}
.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn .caret {
  margin-left: 0;
}
.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}
.dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.btn-group-vertical > .btn-group > .btn {
  float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  float: none;
  display: table-cell;
  width: 1%;
}
.btn-group-justified > .btn-group .btn {
  width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*="col-"] {
  float: none;
  padding-left: 0;
  padding-right: 0;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group .form-control:focus {
  z-index: 3;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 45px;
  padding: 10px 16px;
  font-size: 17px;
  line-height: 1.3333333;
  border-radius: 3px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 45px;
  line-height: 45px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
  height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 1px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  line-height: 30px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
  height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group-addon {
  padding: 6px 12px;
  font-size: 13px;
  font-weight: normal;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  border-radius: 2px;
}
.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 1px;
}
.input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 17px;
  border-radius: 3px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input-group-addon:first-child {
  border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.input-group-addon:last-child {
  border-left: 0;
}
.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
  z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px;
}
.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.nav > li.disabled > a {
  color: #777777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777777;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eeeeee;
  border-color: #337ab7;
}
.nav .nav-divider {
  height: 1px;
  margin: 8px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}
.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 2px 2px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555555;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 2px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 2px 2px 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 2px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #337ab7;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}
.nav-justified {
  width: 100%;
}
.nav-justified > li {
  float: none;
}
.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 2px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 2px 2px 0 0;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.navbar {
  position: relative;
  min-height: 30px;
  margin-bottom: 18px;
  border: 1px solid transparent;
}
@media (min-width: 541px) {
  .navbar {
    border-radius: 2px;
  }
}
@media (min-width: 541px) {
  .navbar-header {
    float: left;
  }
}
.navbar-collapse {
  overflow-x: visible;
  padding-right: 0px;
  padding-left: 0px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 541px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}
@media (max-device-width: 540px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: 0px;
  margin-left: 0px;
}
@media (min-width: 541px) {
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}
@media (min-width: 541px) {
  .navbar-static-top {
    border-radius: 0;
  }
}
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
@media (min-width: 541px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}
.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}
.navbar-brand {
  float: left;
  padding: 6px 0px;
  font-size: 17px;
  line-height: 18px;
  height: 30px;
}
.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}
.navbar-brand > img {
  display: block;
}
@media (min-width: 541px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: 0px;
  }
}
.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 0px;
  padding: 9px 10px;
  margin-top: -2px;
  margin-bottom: -2px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 2px;
}
.navbar-toggle:focus {
  outline: 0;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 541px) {
  .navbar-toggle {
    display: none;
  }
}
.navbar-nav {
  margin: 3px 0px;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 18px;
}
@media (max-width: 540px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 18px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 541px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 6px;
    padding-bottom: 6px;
  }
}
.navbar-form {
  margin-left: 0px;
  margin-right: 0px;
  padding: 10px 0px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: -1px;
  margin-bottom: -1px;
}
@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form .form-control-static {
    display: inline-block;
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn,
  .navbar-form .input-group .form-control {
    width: auto;
  }
  .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio label,
  .navbar-form .checkbox label {
    padding-left: 0;
  }
  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}
@media (max-width: 540px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
  .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 541px) {
  .navbar-form {
    width: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.navbar-btn {
  margin-top: -1px;
  margin-bottom: -1px;
}
.navbar-btn.btn-sm {
  margin-top: 0px;
  margin-bottom: 0px;
}
.navbar-btn.btn-xs {
  margin-top: 4px;
  margin-bottom: 4px;
}
.navbar-text {
  margin-top: 6px;
  margin-bottom: 6px;
}
@media (min-width: 541px) {
  .navbar-text {
    float: left;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media (min-width: 541px) {
  .navbar-left {
    float: left !important;
    float: left;
  }
  .navbar-right {
    float: right !important;
    float: right;
    margin-right: 0px;
  }
  .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
}
.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
  color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #777;
}
.navbar-default .navbar-nav > li > a {
  color: #777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  border-color: #ddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color: #e7e7e7;
  color: #555;
}
@media (max-width: 540px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.navbar-default .navbar-link {
  color: #777;
}
.navbar-default .navbar-link:hover {
  color: #333;
}
.navbar-default .btn-link {
  color: #777;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
  color: #333;
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
  color: #ccc;
}
.navbar-inverse {
  background-color: #222;
  border-color: #080808;
}
.navbar-inverse .navbar-brand {
  color: #9d9d9d;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle {
  border-color: #333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #080808;
  color: #fff;
}
@media (max-width: 540px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-link {
  color: #9d9d9d;
}
.navbar-inverse .navbar-link:hover {
  color: #fff;
}
.navbar-inverse .btn-link {
  color: #9d9d9d;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
  color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444;
}
.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 18px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 2px;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  content: "/\00a0";
  padding: 0 5px;
  color: #5e5e5e;
}
.breadcrumb > .active {
  color: #777777;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 18px 0;
  border-radius: 2px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #337ab7;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eeeeee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777777;
  background-color: #fff;
  border-color: #ddd;
  cursor: not-allowed;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 17px;
  line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 1px;
  border-top-left-radius: 1px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 1px;
  border-top-right-radius: 1px;
}
.pager {
  padding-left: 0;
  margin: 18px 0;
  list-style: none;
  text-align: center;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #777777;
  background-color: #fff;
  cursor: not-allowed;
}
.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}
a.label:hover,
a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}
.label-default {
  background-color: #777777;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #5e5e5e;
}
.label-primary {
  background-color: #337ab7;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #286090;
}
.label-success {
  background-color: #5cb85c;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #449d44;
}
.label-info {
  background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #31b0d5;
}
.label-warning {
  background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f;
}
.label-danger {
  background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  background-color: #777777;
  border-radius: 10px;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.btn-xs .badge,
.btn-group-xs > .btn .badge {
  top: 0;
  padding: 1px 5px;
}
a.badge:hover,
a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #337ab7;
  background-color: #fff;
}
.list-group-item > .badge {
  float: right;
}
.list-group-item > .badge + .badge {
  margin-right: 5px;
}
.nav-pills > li > a > .badge {
  margin-left: 3px;
}
.jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eeeeee;
}
.jumbotron h1,
.jumbotron .h1 {
  color: inherit;
}
.jumbotron p {
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: 200;
}
.jumbotron > hr {
  border-top-color: #d5d5d5;
}
.container .jumbotron,
.container-fluid .jumbotron {
  border-radius: 3px;
  padding-left: 0px;
  padding-right: 0px;
}
.jumbotron .container {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .container .jumbotron,
  .container-fluid .jumbotron {
    padding-left: 60px;
    padding-right: 60px;
  }
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 59px;
  }
}
.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 18px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 2px;
  -webkit-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
  margin-left: auto;
  margin-right: auto;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #337ab7;
}
.thumbnail .caption {
  padding: 9px;
  color: #000;
}
.alert {
  padding: 15px;
  margin-bottom: 18px;
  border: 1px solid transparent;
  border-radius: 2px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  overflow: hidden;
  height: 18px;
  margin-bottom: 18px;
  background-color: #f5f5f5;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 18px;
  color: #fff;
  text-align: center;
  background-color: #337ab7;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
  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);
  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);
  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);
  background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
  background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
  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);
  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);
  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);
}
.progress-bar-info {
  background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
  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);
  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);
  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);
}
.progress-bar-warning {
  background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
  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);
  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);
  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);
}
.progress-bar-danger {
  background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
  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);
  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);
  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);
}
.media {
  margin-top: 15px;
}
.media:first-child {
  margin-top: 0;
}
.media,
.media-body {
  zoom: 1;
  overflow: hidden;
}
.media-body {
  width: 10000px;
}
.media-object {
  display: block;
}
.media-object.img-thumbnail {
  max-width: none;
}
.media-right,
.media > .pull-right {
  padding-left: 10px;
}
.media-left,
.media > .pull-left {
  padding-right: 10px;
}
.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top;
}
.media-middle {
  vertical-align: middle;
}
.media-bottom {
  vertical-align: bottom;
}
.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.media-list {
  padding-left: 0;
  list-style: none;
}
.list-group {
  margin-bottom: 20px;
  padding-left: 0;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.list-group-item:first-child {
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}
a.list-group-item,
button.list-group-item {
  color: #555;
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
  color: #333;
}
a.list-group-item:hover,
button.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:focus {
  text-decoration: none;
  color: #555;
  background-color: #f5f5f5;
}
button.list-group-item {
  width: 100%;
  text-align: left;
}
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
  background-color: #eeeeee;
  color: #777777;
  cursor: not-allowed;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
  color: #777777;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
  color: #c7ddef;
}
.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}
a.list-group-item-success,
button.list-group-item-success {
  color: #3c763d;
}
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:hover,
button.list-group-item-success:hover,
a.list-group-item-success:focus,
button.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}
a.list-group-item-success.active,
button.list-group-item-success.active,
a.list-group-item-success.active:hover,
button.list-group-item-success.active:hover,
a.list-group-item-success.active:focus,
button.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}
.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}
a.list-group-item-info,
button.list-group-item-info {
  color: #31708f;
}
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:hover,
button.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}
a.list-group-item-info.active,
button.list-group-item-info.active,
a.list-group-item-info.active:hover,
button.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}
.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}
a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:hover,
button.list-group-item-warning:hover,
a.list-group-item-warning:focus,
button.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}
a.list-group-item-warning.active,
button.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus,
button.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}
.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}
a.list-group-item-danger,
button.list-group-item-danger {
  color: #a94442;
}
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:hover,
button.list-group-item-danger:hover,
a.list-group-item-danger:focus,
button.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc;
}
a.list-group-item-danger.active,
button.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}
.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}
.panel {
  margin-bottom: 18px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-body {
  padding: 15px;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 1px;
  border-top-left-radius: 1px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 15px;
  color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}
.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 1px;
  border-bottom-left-radius: 1px;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-right-radius: 1px;
  border-top-left-radius: 1px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 1px;
  border-bottom-left-radius: 1px;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.list-group + .panel-footer {
  border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-left: 15px;
  padding-right: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-right-radius: 1px;
  border-top-left-radius: 1px;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 1px;
  border-top-right-radius: 1px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 1px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 1px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 1px;
  border-bottom-left-radius: 1px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-left-radius: 1px;
  border-bottom-right-radius: 1px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 1px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 1px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.panel > .table-responsive {
  border: 0;
  margin-bottom: 0;
}
.panel-group {
  margin-bottom: 18px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 2px;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}
.panel-default {
  border-color: #ddd;
}
.panel-default > .panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}
.panel-primary {
  border-color: #337ab7;
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #337ab7;
}
.panel-primary > .panel-heading .badge {
  color: #337ab7;
  background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #337ab7;
}
.panel-success {
  border-color: #d6e9c6;
}
.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}
.panel-info {
  border-color: #bce8f1;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}
.panel-warning {
  border-color: #faebcc;
}
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}
.panel-danger {
  border-color: #ebccd1;
}
.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
  padding-bottom: 75%;
}
.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}
.well-lg {
  padding: 24px;
  border-radius: 3px;
}
.well-sm {
  padding: 9px;
  border-radius: 1px;
}
.close {
  float: right;
  font-size: 19.5px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.modal-open {
  overflow: hidden;
}
.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 12px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 2px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 13px;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 13px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 2px 2px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow:after {
  border-width: 10px;
  content: "";
}
.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}
.popover.top > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #fff;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.popover.right > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #fff;
}
.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}
.popover.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #fff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #fff;
  bottom: -10px;
}
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.carousel-inner > .item {
  display: none;
  position: relative;
  -webkit-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    -moz-transition: -moz-transform 0.6s ease-in-out;
    -o-transition: -o-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
  }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: rgba(0, 0, 0, 0);
}
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.carousel-control.right {
  left: auto;
  right: 0;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
.carousel-control:hover,
.carousel-control:focus {
  outline: 0;
  color: #fff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  z-index: 5;
  display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  line-height: 1;
  font-family: serif;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #fff;
  border-radius: 10px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
}
.carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: #fff;
}
.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
  text-shadow: none;
}
@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px;
  }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after,
.item_buttons:before,
.item_buttons:after {
  content: " ";
  display: table;
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-header:after,
.modal-footer:after,
.item_buttons:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
/*!
*
* Font Awesome
*
*/
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('../components/font-awesome/fonts/fontawesome-webfont.eot?v=4.7.0');
  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');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eee;
  border-radius: .1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: .3em;
}
.fa.fa-pull-right {
  margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #fff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper-pp:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-diamond:before {
  content: "\f219";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-venus:before {
  content: "\f221";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-genderless:before {
  content: "\f22d";
}
.fa-facebook-official:before {
  content: "\f230";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-server:before {
  content: "\f233";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-train:before {
  content: "\f238";
}
.fa-subway:before {
  content: "\f239";
}
.fa-medium:before {
  content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b";
}
.fa-optin-monster:before {
  content: "\f23c";
}
.fa-opencart:before {
  content: "\f23d";
}
.fa-expeditedssl:before {
  content: "\f23e";
}
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}
.fa-mouse-pointer:before {
  content: "\f245";
}
.fa-i-cursor:before {
  content: "\f246";
}
.fa-object-group:before {
  content: "\f247";
}
.fa-object-ungroup:before {
  content: "\f248";
}
.fa-sticky-note:before {
  content: "\f249";
}
.fa-sticky-note-o:before {
  content: "\f24a";
}
.fa-cc-jcb:before {
  content: "\f24b";
}
.fa-cc-diners-club:before {
  content: "\f24c";
}
.fa-clone:before {
  content: "\f24d";
}
.fa-balance-scale:before {
  content: "\f24e";
}
.fa-hourglass-o:before {
  content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}
.fa-hourglass:before {
  content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256";
}
.fa-hand-scissors-o:before {
  content: "\f257";
}
.fa-hand-lizard-o:before {
  content: "\f258";
}
.fa-hand-spock-o:before {
  content: "\f259";
}
.fa-hand-pointer-o:before {
  content: "\f25a";
}
.fa-hand-peace-o:before {
  content: "\f25b";
}
.fa-trademark:before {
  content: "\f25c";
}
.fa-registered:before {
  content: "\f25d";
}
.fa-creative-commons:before {
  content: "\f25e";
}
.fa-gg:before {
  content: "\f260";
}
.fa-gg-circle:before {
  content: "\f261";
}
.fa-tripadvisor:before {
  content: "\f262";
}
.fa-odnoklassniki:before {
  content: "\f263";
}
.fa-odnoklassniki-square:before {
  content: "\f264";
}
.fa-get-pocket:before {
  content: "\f265";
}
.fa-wikipedia-w:before {
  content: "\f266";
}
.fa-safari:before {
  content: "\f267";
}
.fa-chrome:before {
  content: "\f268";
}
.fa-firefox:before {
  content: "\f269";
}
.fa-opera:before {
  content: "\f26a";
}
.fa-internet-explorer:before {
  content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
  content: "\f26c";
}
.fa-contao:before {
  content: "\f26d";
}
.fa-500px:before {
  content: "\f26e";
}
.fa-amazon:before {
  content: "\f270";
}
.fa-calendar-plus-o:before {
  content: "\f271";
}
.fa-calendar-minus-o:before {
  content: "\f272";
}
.fa-calendar-times-o:before {
  content: "\f273";
}
.fa-calendar-check-o:before {
  content: "\f274";
}
.fa-industry:before {
  content: "\f275";
}
.fa-map-pin:before {
  content: "\f276";
}
.fa-map-signs:before {
  content: "\f277";
}
.fa-map-o:before {
  content: "\f278";
}
.fa-map:before {
  content: "\f279";
}
.fa-commenting:before {
  content: "\f27a";
}
.fa-commenting-o:before {
  content: "\f27b";
}
.fa-houzz:before {
  content: "\f27c";
}
.fa-vimeo:before {
  content: "\f27d";
}
.fa-black-tie:before {
  content: "\f27e";
}
.fa-fonticons:before {
  content: "\f280";
}
.fa-reddit-alien:before {
  content: "\f281";
}
.fa-edge:before {
  content: "\f282";
}
.fa-credit-card-alt:before {
  content: "\f283";
}
.fa-codiepie:before {
  content: "\f284";
}
.fa-modx:before {
  content: "\f285";
}
.fa-fort-awesome:before {
  content: "\f286";
}
.fa-usb:before {
  content: "\f287";
}
.fa-product-hunt:before {
  content: "\f288";
}
.fa-mixcloud:before {
  content: "\f289";
}
.fa-scribd:before {
  content: "\f28a";
}
.fa-pause-circle:before {
  content: "\f28b";
}
.fa-pause-circle-o:before {
  content: "\f28c";
}
.fa-stop-circle:before {
  content: "\f28d";
}
.fa-stop-circle-o:before {
  content: "\f28e";
}
.fa-shopping-bag:before {
  content: "\f290";
}
.fa-shopping-basket:before {
  content: "\f291";
}
.fa-hashtag:before {
  content: "\f292";
}
.fa-bluetooth:before {
  content: "\f293";
}
.fa-bluetooth-b:before {
  content: "\f294";
}
.fa-percent:before {
  content: "\f295";
}
.fa-gitlab:before {
  content: "\f296";
}
.fa-wpbeginner:before {
  content: "\f297";
}
.fa-wpforms:before {
  content: "\f298";
}
.fa-envira:before {
  content: "\f299";
}
.fa-universal-access:before {
  content: "\f29a";
}
.fa-wheelchair-alt:before {
  content: "\f29b";
}
.fa-question-circle-o:before {
  content: "\f29c";
}
.fa-blind:before {
  content: "\f29d";
}
.fa-audio-description:before {
  content: "\f29e";
}
.fa-volume-control-phone:before {
  content: "\f2a0";
}
.fa-braille:before {
  content: "\f2a1";
}
.fa-assistive-listening-systems:before {
  content: "\f2a2";
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\f2a4";
}
.fa-glide:before {
  content: "\f2a5";
}
.fa-glide-g:before {
  content: "\f2a6";
}
.fa-signing:before,
.fa-sign-language:before {
  content: "\f2a7";
}
.fa-low-vision:before {
  content: "\f2a8";
}
.fa-viadeo:before {
  content: "\f2a9";
}
.fa-viadeo-square:before {
  content: "\f2aa";
}
.fa-snapchat:before {
  content: "\f2ab";
}
.fa-snapchat-ghost:before {
  content: "\f2ac";
}
.fa-snapchat-square:before {
  content: "\f2ad";
}
.fa-pied-piper:before {
  content: "\f2ae";
}
.fa-first-order:before {
  content: "\f2b0";
}
.fa-yoast:before {
  content: "\f2b1";
}
.fa-themeisle:before {
  content: "\f2b2";
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\f2b3";
}
.fa-fa:before,
.fa-font-awesome:before {
  content: "\f2b4";
}
.fa-handshake-o:before {
  content: "\f2b5";
}
.fa-envelope-open:before {
  content: "\f2b6";
}
.fa-envelope-open-o:before {
  content: "\f2b7";
}
.fa-linode:before {
  content: "\f2b8";
}
.fa-address-book:before {
  content: "\f2b9";
}
.fa-address-book-o:before {
  content: "\f2ba";
}
.fa-vcard:before,
.fa-address-card:before {
  content: "\f2bb";
}
.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "\f2bc";
}
.fa-user-circle:before {
  content: "\f2bd";
}
.fa-user-circle-o:before {
  content: "\f2be";
}
.fa-user-o:before {
  content: "\f2c0";
}
.fa-id-badge:before {
  content: "\f2c1";
}
.fa-drivers-license:before,
.fa-id-card:before {
  content: "\f2c2";
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\f2c3";
}
.fa-quora:before {
  content: "\f2c4";
}
.fa-free-code-camp:before {
  content: "\f2c5";
}
.fa-telegram:before {
  content: "\f2c6";
}
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "\f2c7";
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\f2c8";
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\f2c9";
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\f2ca";
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\f2cb";
}
.fa-shower:before {
  content: "\f2cc";
}
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "\f2cd";
}
.fa-podcast:before {
  content: "\f2ce";
}
.fa-window-maximize:before {
  content: "\f2d0";
}
.fa-window-minimize:before {
  content: "\f2d1";
}
.fa-window-restore:before {
  content: "\f2d2";
}
.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\f2d3";
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\f2d4";
}
.fa-bandcamp:before {
  content: "\f2d5";
}
.fa-grav:before {
  content: "\f2d6";
}
.fa-etsy:before {
  content: "\f2d7";
}
.fa-imdb:before {
  content: "\f2d8";
}
.fa-ravelry:before {
  content: "\f2d9";
}
.fa-eercast:before {
  content: "\f2da";
}
.fa-microchip:before {
  content: "\f2db";
}
.fa-snowflake-o:before {
  content: "\f2dc";
}
.fa-superpowers:before {
  content: "\f2dd";
}
.fa-wpexplorer:before {
  content: "\f2de";
}
.fa-meetup:before {
  content: "\f2e0";
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
/*!
*
* IPython base
*
*/
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
code {
  color: #000;
}
pre {
  font-size: inherit;
  line-height: inherit;
}
label {
  font-weight: normal;
}
/* Make the page background atleast 100% the height of the view port */
/* Make the page itself atleast 70% the height of the view port */
.border-box-sizing {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.corner-all {
  border-radius: 2px;
}
.no-padding {
  padding: 0px;
}
/* Flexible box model classes */
/* Taken from Alex Russell http://infrequently.org/2009/08/css-3-progress/ */
/* This file is a compatability layer.  It allows the usage of flexible box 
model layouts accross multiple browsers, including older browsers.  The newest,
universal implementation of the flexible box model is used when available (see
`Modern browsers` comments below).  Browsers that are known to implement this 
new spec completely include:

    Firefox 28.0+
    Chrome 29.0+
    Internet Explorer 11+ 
    Opera 17.0+

Browsers not listed, including Safari, are supported via the styling under the
`Old browsers` comments below.
*/
.hbox {
  /* Old browsers */
  display: -webkit-box;
  -webkit-box-orient: horizontal;
  -webkit-box-align: stretch;
  display: -moz-box;
  -moz-box-orient: horizontal;
  -moz-box-align: stretch;
  display: box;
  box-orient: horizontal;
  box-align: stretch;
  /* Modern browsers */
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
.hbox > * {
  /* Old browsers */
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  /* Modern browsers */
  flex: none;
}
.vbox {
  /* Old browsers */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-box-align: stretch;
  display: -moz-box;
  -moz-box-orient: vertical;
  -moz-box-align: stretch;
  display: box;
  box-orient: vertical;
  box-align: stretch;
  /* Modern browsers */
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.vbox > * {
  /* Old browsers */
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  /* Modern browsers */
  flex: none;
}
.hbox.reverse,
.vbox.reverse,
.reverse {
  /* Old browsers */
  -webkit-box-direction: reverse;
  -moz-box-direction: reverse;
  box-direction: reverse;
  /* Modern browsers */
  flex-direction: row-reverse;
}
.hbox.box-flex0,
.vbox.box-flex0,
.box-flex0 {
  /* Old browsers */
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  /* Modern browsers */
  flex: none;
  width: auto;
}
.hbox.box-flex1,
.vbox.box-flex1,
.box-flex1 {
  /* Old browsers */
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  /* Modern browsers */
  flex: 1;
}
.hbox.box-flex,
.vbox.box-flex,
.box-flex {
  /* Old browsers */
  /* Old browsers */
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  /* Modern browsers */
  flex: 1;
}
.hbox.box-flex2,
.vbox.box-flex2,
.box-flex2 {
  /* Old browsers */
  -webkit-box-flex: 2;
  -moz-box-flex: 2;
  box-flex: 2;
  /* Modern browsers */
  flex: 2;
}
.box-group1 {
  /*  Deprecated */
  -webkit-box-flex-group: 1;
  -moz-box-flex-group: 1;
  box-flex-group: 1;
}
.box-group2 {
  /* Deprecated */
  -webkit-box-flex-group: 2;
  -moz-box-flex-group: 2;
  box-flex-group: 2;
}
.hbox.start,
.vbox.start,
.start {
  /* Old browsers */
  -webkit-box-pack: start;
  -moz-box-pack: start;
  box-pack: start;
  /* Modern browsers */
  justify-content: flex-start;
}
.hbox.end,
.vbox.end,
.end {
  /* Old browsers */
  -webkit-box-pack: end;
  -moz-box-pack: end;
  box-pack: end;
  /* Modern browsers */
  justify-content: flex-end;
}
.hbox.center,
.vbox.center,
.center {
  /* Old browsers */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  /* Modern browsers */
  justify-content: center;
}
.hbox.baseline,
.vbox.baseline,
.baseline {
  /* Old browsers */
  -webkit-box-pack: baseline;
  -moz-box-pack: baseline;
  box-pack: baseline;
  /* Modern browsers */
  justify-content: baseline;
}
.hbox.stretch,
.vbox.stretch,
.stretch {
  /* Old browsers */
  -webkit-box-pack: stretch;
  -moz-box-pack: stretch;
  box-pack: stretch;
  /* Modern browsers */
  justify-content: stretch;
}
.hbox.align-start,
.vbox.align-start,
.align-start {
  /* Old browsers */
  -webkit-box-align: start;
  -moz-box-align: start;
  box-align: start;
  /* Modern browsers */
  align-items: flex-start;
}
.hbox.align-end,
.vbox.align-end,
.align-end {
  /* Old browsers */
  -webkit-box-align: end;
  -moz-box-align: end;
  box-align: end;
  /* Modern browsers */
  align-items: flex-end;
}
.hbox.align-center,
.vbox.align-center,
.align-center {
  /* Old browsers */
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  /* Modern browsers */
  align-items: center;
}
.hbox.align-baseline,
.vbox.align-baseline,
.align-baseline {
  /* Old browsers */
  -webkit-box-align: baseline;
  -moz-box-align: baseline;
  box-align: baseline;
  /* Modern browsers */
  align-items: baseline;
}
.hbox.align-stretch,
.vbox.align-stretch,
.align-stretch {
  /* Old browsers */
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  box-align: stretch;
  /* Modern browsers */
  align-items: stretch;
}
div.error {
  margin: 2em;
  text-align: center;
}
div.error > h1 {
  font-size: 500%;
  line-height: normal;
}
div.error > p {
  font-size: 200%;
  line-height: normal;
}
div.traceback-wrapper {
  text-align: left;
  max-width: 800px;
  margin: auto;
}
div.traceback-wrapper pre.traceback {
  max-height: 600px;
  overflow: auto;
}
/**
 * Primary styles
 *
 * Author: Jupyter Development Team
 */
body {
  background-color: #fff;
  /* This makes sure that the body covers the entire window and needs to
       be in a different element than the display: box in wrapper below */
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  overflow: visible;
}
body > #header {
  /* Initially hidden to prevent FLOUC */
  display: none;
  background-color: #fff;
  /* Display over codemirror */
  position: relative;
  z-index: 100;
}
body > #header #header-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 5px;
  padding-bottom: 5px;
  padding-top: 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
body > #header .header-bar {
  width: 100%;
  height: 1px;
  background: #e7e7e7;
  margin-bottom: -1px;
}
@media print {
  body > #header {
    display: none !important;
  }
}
#header-spacer {
  width: 100%;
  visibility: hidden;
}
@media print {
  #header-spacer {
    display: none;
  }
}
#ipython_notebook {
  padding-left: 0px;
  padding-top: 1px;
  padding-bottom: 1px;
}
[dir="rtl"] #ipython_notebook {
  margin-right: 10px;
  margin-left: 0;
}
[dir="rtl"] #ipython_notebook.pull-left {
  float: right !important;
  float: right;
}
.flex-spacer {
  flex: 1;
}
#noscript {
  width: auto;
  padding-top: 16px;
  padding-bottom: 16px;
  text-align: center;
  font-size: 22px;
  color: red;
  font-weight: bold;
}
#ipython_notebook img {
  height: 28px;
}
#site {
  width: 100%;
  display: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  overflow: auto;
}
@media print {
  #site {
    height: auto !important;
  }
}
/* Smaller buttons */
.ui-button .ui-button-text {
  padding: 0.2em 0.8em;
  font-size: 77%;
}
input.ui-button {
  padding: 0.3em 0.9em;
}
span#kernel_logo_widget {
  margin: 0 10px;
}
span#login_widget {
  float: right;
}
[dir="rtl"] span#login_widget {
  float: left;
}
span#login_widget > .button,
#logout {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
span#login_widget > .button:focus,
#logout:focus,
span#login_widget > .button.focus,
#logout.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
span#login_widget > .button:hover,
#logout:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
span#login_widget > .button:active,
#logout:active,
span#login_widget > .button.active,
#logout.active,
.open > .dropdown-togglespan#login_widget > .button,
.open > .dropdown-toggle#logout {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
span#login_widget > .button:active:hover,
#logout:active:hover,
span#login_widget > .button.active:hover,
#logout.active:hover,
.open > .dropdown-togglespan#login_widget > .button:hover,
.open > .dropdown-toggle#logout:hover,
span#login_widget > .button:active:focus,
#logout:active:focus,
span#login_widget > .button.active:focus,
#logout.active:focus,
.open > .dropdown-togglespan#login_widget > .button:focus,
.open > .dropdown-toggle#logout:focus,
span#login_widget > .button:active.focus,
#logout:active.focus,
span#login_widget > .button.active.focus,
#logout.active.focus,
.open > .dropdown-togglespan#login_widget > .button.focus,
.open > .dropdown-toggle#logout.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
span#login_widget > .button:active,
#logout:active,
span#login_widget > .button.active,
#logout.active,
.open > .dropdown-togglespan#login_widget > .button,
.open > .dropdown-toggle#logout {
  background-image: none;
}
span#login_widget > .button.disabled:hover,
#logout.disabled:hover,
span#login_widget > .button[disabled]:hover,
#logout[disabled]:hover,
fieldset[disabled] span#login_widget > .button:hover,
fieldset[disabled] #logout:hover,
span#login_widget > .button.disabled:focus,
#logout.disabled:focus,
span#login_widget > .button[disabled]:focus,
#logout[disabled]:focus,
fieldset[disabled] span#login_widget > .button:focus,
fieldset[disabled] #logout:focus,
span#login_widget > .button.disabled.focus,
#logout.disabled.focus,
span#login_widget > .button[disabled].focus,
#logout[disabled].focus,
fieldset[disabled] span#login_widget > .button.focus,
fieldset[disabled] #logout.focus {
  background-color: #fff;
  border-color: #ccc;
}
span#login_widget > .button .badge,
#logout .badge {
  color: #fff;
  background-color: #333;
}
.nav-header {
  text-transform: none;
}
#header > span {
  margin-top: 10px;
}
.modal_stretch .modal-dialog {
  /* Old browsers */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-box-align: stretch;
  display: -moz-box;
  -moz-box-orient: vertical;
  -moz-box-align: stretch;
  display: box;
  box-orient: vertical;
  box-align: stretch;
  /* Modern browsers */
  display: flex;
  flex-direction: column;
  align-items: stretch;
  min-height: 80vh;
}
.modal_stretch .modal-dialog .modal-body {
  max-height: calc(100vh - 200px);
  overflow: auto;
  flex: 1;
}
.modal-header {
  cursor: move;
}
@media (min-width: 768px) {
  .modal .modal-dialog {
    width: 700px;
  }
}
@media (min-width: 768px) {
  select.form-control {
    margin-left: 12px;
    margin-right: 12px;
  }
}
/*!
*
* IPython auth
*
*/
.center-nav {
  display: inline-block;
  margin-bottom: -4px;
}
[dir="rtl"] .center-nav form.pull-left {
  float: right !important;
  float: right;
}
[dir="rtl"] .center-nav .navbar-text {
  float: right;
}
[dir="rtl"] .navbar-inner {
  text-align: right;
}
[dir="rtl"] div.text-left {
  text-align: right;
}
/*!
*
* IPython tree view
*
*/
/* We need an invisible input field on top of the sentense*/
/* "Drag file onto the list ..." */
.alternate_upload {
  background-color: none;
  display: inline;
}
.alternate_upload.form {
  padding: 0;
  margin: 0;
}
.alternate_upload input.fileinput {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  cursor: pointer;
  opacity: 0;
  z-index: 2;
}
.alternate_upload .btn-xs > input.fileinput {
  margin: -1px -5px;
}
.alternate_upload .btn-upload {
  position: relative;
  height: 22px;
}
::-webkit-file-upload-button {
  cursor: pointer;
}
/**
 * Primary styles
 *
 * Author: Jupyter Development Team
 */
ul#tabs {
  margin-bottom: 4px;
}
ul#tabs a {
  padding-top: 6px;
  padding-bottom: 4px;
}
[dir="rtl"] ul#tabs.nav-tabs > li {
  float: right;
}
[dir="rtl"] ul#tabs.nav.nav-tabs {
  padding-right: 0;
}
ul.breadcrumb a:focus,
ul.breadcrumb a:hover {
  text-decoration: none;
}
ul.breadcrumb i.icon-home {
  font-size: 16px;
  margin-right: 4px;
}
ul.breadcrumb span {
  color: #5e5e5e;
}
.list_toolbar {
  padding: 4px 0 4px 0;
  vertical-align: middle;
}
.list_toolbar .tree-buttons {
  padding-top: 1px;
}
[dir="rtl"] .list_toolbar .tree-buttons .pull-right {
  float: left !important;
  float: left;
}
[dir="rtl"] .list_toolbar .col-sm-4,
[dir="rtl"] .list_toolbar .col-sm-8 {
  float: right;
}
.dynamic-buttons {
  padding-top: 3px;
  display: inline-block;
}
.list_toolbar [class*="span"] {
  min-height: 24px;
}
.list_header {
  font-weight: bold;
  background-color: #EEE;
}
.list_placeholder {
  font-weight: bold;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 7px;
  padding-right: 7px;
}
.list_container {
  margin-top: 4px;
  margin-bottom: 20px;
  border: 1px solid #ddd;
  border-radius: 2px;
}
.list_container > div {
  border-bottom: 1px solid #ddd;
}
.list_container > div:hover .list-item {
  background-color: red;
}
.list_container > div:last-child {
  border: none;
}
.list_item:hover .list_item {
  background-color: #ddd;
}
.list_item a {
  text-decoration: none;
}
.list_item:hover {
  background-color: #fafafa;
}
.list_header > div,
.list_item > div {
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 7px;
  padding-right: 7px;
  line-height: 22px;
}
.list_header > div input,
.list_item > div input {
  margin-right: 7px;
  margin-left: 14px;
  vertical-align: text-bottom;
  line-height: 22px;
  position: relative;
  top: -1px;
}
.list_header > div .item_link,
.list_item > div .item_link {
  margin-left: -1px;
  vertical-align: baseline;
  line-height: 22px;
}
[dir="rtl"] .list_item > div input {
  margin-right: 0;
}
.new-file input[type=checkbox] {
  visibility: hidden;
}
.item_name {
  line-height: 22px;
  height: 24px;
}
.item_icon {
  font-size: 14px;
  color: #5e5e5e;
  margin-right: 7px;
  margin-left: 7px;
  line-height: 22px;
  vertical-align: baseline;
}
.item_modified {
  margin-right: 7px;
  margin-left: 7px;
}
[dir="rtl"] .item_modified.pull-right {
  float: left !important;
  float: left;
}
.item_buttons {
  line-height: 1em;
  margin-left: -5px;
}
.item_buttons .btn,
.item_buttons .btn-group,
.item_buttons .input-group {
  float: left;
}
.item_buttons > .btn,
.item_buttons > .btn-group,
.item_buttons > .input-group {
  margin-left: 5px;
}
.item_buttons .btn {
  min-width: 13ex;
}
.item_buttons .running-indicator {
  padding-top: 4px;
  color: #5cb85c;
}
.item_buttons .kernel-name {
  padding-top: 4px;
  color: #5bc0de;
  margin-right: 7px;
  float: left;
}
[dir="rtl"] .item_buttons.pull-right {
  float: left !important;
  float: left;
}
[dir="rtl"] .item_buttons .kernel-name {
  margin-left: 7px;
  float: right;
}
.toolbar_info {
  height: 24px;
  line-height: 24px;
}
.list_item input:not([type=checkbox]) {
  padding-top: 3px;
  padding-bottom: 3px;
  height: 22px;
  line-height: 14px;
  margin: 0px;
}
.highlight_text {
  color: blue;
}
#project_name {
  display: inline-block;
  padding-left: 7px;
  margin-left: -2px;
}
#project_name > .breadcrumb {
  padding: 0px;
  margin-bottom: 0px;
  background-color: transparent;
  font-weight: bold;
}
.sort_button {
  display: inline-block;
  padding-left: 7px;
}
[dir="rtl"] .sort_button.pull-right {
  float: left !important;
  float: left;
}
#tree-selector {
  padding-right: 0px;
}
#button-select-all {
  min-width: 50px;
}
[dir="rtl"] #button-select-all.btn {
  float: right ;
}
#select-all {
  margin-left: 7px;
  margin-right: 2px;
  margin-top: 2px;
  height: 16px;
}
[dir="rtl"] #select-all.pull-left {
  float: right !important;
  float: right;
}
.menu_icon {
  margin-right: 2px;
}
.tab-content .row {
  margin-left: 0px;
  margin-right: 0px;
}
.folder_icon:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f114";
}
.folder_icon:before.fa-pull-left {
  margin-right: .3em;
}
.folder_icon:before.fa-pull-right {
  margin-left: .3em;
}
.folder_icon:before.pull-left {
  margin-right: .3em;
}
.folder_icon:before.pull-right {
  margin-left: .3em;
}
.notebook_icon:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f02d";
  position: relative;
  top: -1px;
}
.notebook_icon:before.fa-pull-left {
  margin-right: .3em;
}
.notebook_icon:before.fa-pull-right {
  margin-left: .3em;
}
.notebook_icon:before.pull-left {
  margin-right: .3em;
}
.notebook_icon:before.pull-right {
  margin-left: .3em;
}
.running_notebook_icon:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f02d";
  position: relative;
  top: -1px;
  color: #5cb85c;
}
.running_notebook_icon:before.fa-pull-left {
  margin-right: .3em;
}
.running_notebook_icon:before.fa-pull-right {
  margin-left: .3em;
}
.running_notebook_icon:before.pull-left {
  margin-right: .3em;
}
.running_notebook_icon:before.pull-right {
  margin-left: .3em;
}
.file_icon:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f016";
  position: relative;
  top: -2px;
}
.file_icon:before.fa-pull-left {
  margin-right: .3em;
}
.file_icon:before.fa-pull-right {
  margin-left: .3em;
}
.file_icon:before.pull-left {
  margin-right: .3em;
}
.file_icon:before.pull-right {
  margin-left: .3em;
}
#notebook_toolbar .pull-right {
  padding-top: 0px;
  margin-right: -1px;
}
ul#new-menu {
  left: auto;
  right: 0;
}
#new-menu .dropdown-header {
  font-size: 10px;
  border-bottom: 1px solid #e5e5e5;
  padding: 0 0 3px;
  margin: -3px 20px 0;
}
.kernel-menu-icon {
  padding-right: 12px;
  width: 24px;
  content: "\f096";
}
.kernel-menu-icon:before {
  content: "\f096";
}
.kernel-menu-icon-current:before {
  content: "\f00c";
}
#tab_content {
  padding-top: 20px;
}
#running .panel-group .panel {
  margin-top: 3px;
  margin-bottom: 1em;
}
#running .panel-group .panel .panel-heading {
  background-color: #EEE;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 7px;
  padding-right: 7px;
  line-height: 22px;
}
#running .panel-group .panel .panel-heading a:focus,
#running .panel-group .panel .panel-heading a:hover {
  text-decoration: none;
}
#running .panel-group .panel .panel-body {
  padding: 0px;
}
#running .panel-group .panel .panel-body .list_container {
  margin-top: 0px;
  margin-bottom: 0px;
  border: 0px;
  border-radius: 0px;
}
#running .panel-group .panel .panel-body .list_container .list_item {
  border-bottom: 1px solid #ddd;
}
#running .panel-group .panel .panel-body .list_container .list_item:last-child {
  border-bottom: 0px;
}
.delete-button {
  display: none;
}
.duplicate-button {
  display: none;
}
.rename-button {
  display: none;
}
.move-button {
  display: none;
}
.download-button {
  display: none;
}
.shutdown-button {
  display: none;
}
.dynamic-instructions {
  display: inline-block;
  padding-top: 4px;
}
/*!
*
* IPython text editor webapp
*
*/
.selected-keymap i.fa {
  padding: 0px 5px;
}
.selected-keymap i.fa:before {
  content: "\f00c";
}
#mode-menu {
  overflow: auto;
  max-height: 20em;
}
.edit_app #header {
  -webkit-box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
  box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
}
.edit_app #menubar .navbar {
  /* Use a negative 1 bottom margin, so the border overlaps the border of the
    header */
  margin-bottom: -1px;
}
.dirty-indicator {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 20px;
}
.dirty-indicator.fa-pull-left {
  margin-right: .3em;
}
.dirty-indicator.fa-pull-right {
  margin-left: .3em;
}
.dirty-indicator.pull-left {
  margin-right: .3em;
}
.dirty-indicator.pull-right {
  margin-left: .3em;
}
.dirty-indicator-dirty {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 20px;
}
.dirty-indicator-dirty.fa-pull-left {
  margin-right: .3em;
}
.dirty-indicator-dirty.fa-pull-right {
  margin-left: .3em;
}
.dirty-indicator-dirty.pull-left {
  margin-right: .3em;
}
.dirty-indicator-dirty.pull-right {
  margin-left: .3em;
}
.dirty-indicator-clean {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 20px;
}
.dirty-indicator-clean.fa-pull-left {
  margin-right: .3em;
}
.dirty-indicator-clean.fa-pull-right {
  margin-left: .3em;
}
.dirty-indicator-clean.pull-left {
  margin-right: .3em;
}
.dirty-indicator-clean.pull-right {
  margin-left: .3em;
}
.dirty-indicator-clean:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f00c";
}
.dirty-indicator-clean:before.fa-pull-left {
  margin-right: .3em;
}
.dirty-indicator-clean:before.fa-pull-right {
  margin-left: .3em;
}
.dirty-indicator-clean:before.pull-left {
  margin-right: .3em;
}
.dirty-indicator-clean:before.pull-right {
  margin-left: .3em;
}
#filename {
  font-size: 16pt;
  display: table;
  padding: 0px 5px;
}
#current-mode {
  padding-left: 5px;
  padding-right: 5px;
}
#texteditor-backdrop {
  padding-top: 20px;
  padding-bottom: 20px;
}
@media not print {
  #texteditor-backdrop {
    background-color: #EEE;
  }
}
@media print {
  #texteditor-backdrop #texteditor-container .CodeMirror-gutter,
  #texteditor-backdrop #texteditor-container .CodeMirror-gutters {
    background-color: #fff;
  }
}
@media not print {
  #texteditor-backdrop #texteditor-container .CodeMirror-gutter,
  #texteditor-backdrop #texteditor-container .CodeMirror-gutters {
    background-color: #fff;
  }
}
@media not print {
  #texteditor-backdrop #texteditor-container {
    padding: 0px;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
    box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
  }
}
.CodeMirror-dialog {
  background-color: #fff;
}
/*!
*
* IPython notebook
*
*/
/* CSS font colors for translated ANSI escape sequences */
/* The color values are a mix of
   http://www.xcolors.net/dl/baskerville-ivorylight and
   http://www.xcolors.net/dl/euphrasia */
.ansi-black-fg {
  color: #3E424D;
}
.ansi-black-bg {
  background-color: #3E424D;
}
.ansi-black-intense-fg {
  color: #282C36;
}
.ansi-black-intense-bg {
  background-color: #282C36;
}
.ansi-red-fg {
  color: #E75C58;
}
.ansi-red-bg {
  background-color: #E75C58;
}
.ansi-red-intense-fg {
  color: #B22B31;
}
.ansi-red-intense-bg {
  background-color: #B22B31;
}
.ansi-green-fg {
  color: #00A250;
}
.ansi-green-bg {
  background-color: #00A250;
}
.ansi-green-intense-fg {
  color: #007427;
}
.ansi-green-intense-bg {
  background-color: #007427;
}
.ansi-yellow-fg {
  color: #DDB62B;
}
.ansi-yellow-bg {
  background-color: #DDB62B;
}
.ansi-yellow-intense-fg {
  color: #B27D12;
}
.ansi-yellow-intense-bg {
  background-color: #B27D12;
}
.ansi-blue-fg {
  color: #208FFB;
}
.ansi-blue-bg {
  background-color: #208FFB;
}
.ansi-blue-intense-fg {
  color: #0065CA;
}
.ansi-blue-intense-bg {
  background-color: #0065CA;
}
.ansi-magenta-fg {
  color: #D160C4;
}
.ansi-magenta-bg {
  background-color: #D160C4;
}
.ansi-magenta-intense-fg {
  color: #A03196;
}
.ansi-magenta-intense-bg {
  background-color: #A03196;
}
.ansi-cyan-fg {
  color: #60C6C8;
}
.ansi-cyan-bg {
  background-color: #60C6C8;
}
.ansi-cyan-intense-fg {
  color: #258F8F;
}
.ansi-cyan-intense-bg {
  background-color: #258F8F;
}
.ansi-white-fg {
  color: #C5C1B4;
}
.ansi-white-bg {
  background-color: #C5C1B4;
}
.ansi-white-intense-fg {
  color: #A1A6B2;
}
.ansi-white-intense-bg {
  background-color: #A1A6B2;
}
.ansi-default-inverse-fg {
  color: #FFFFFF;
}
.ansi-default-inverse-bg {
  background-color: #000000;
}
.ansi-bold {
  font-weight: bold;
}
.ansi-underline {
  text-decoration: underline;
}
/* The following styles are deprecated an will be removed in a future version */
.ansibold {
  font-weight: bold;
}
.ansi-inverse {
  outline: 0.5px dotted;
}
/* use dark versions for foreground, to improve visibility */
.ansiblack {
  color: black;
}
.ansired {
  color: darkred;
}
.ansigreen {
  color: darkgreen;
}
.ansiyellow {
  color: #c4a000;
}
.ansiblue {
  color: darkblue;
}
.ansipurple {
  color: darkviolet;
}
.ansicyan {
  color: steelblue;
}
.ansigray {
  color: gray;
}
/* and light for background, for the same reason */
.ansibgblack {
  background-color: black;
}
.ansibgred {
  background-color: red;
}
.ansibggreen {
  background-color: green;
}
.ansibgyellow {
  background-color: yellow;
}
.ansibgblue {
  background-color: blue;
}
.ansibgpurple {
  background-color: magenta;
}
.ansibgcyan {
  background-color: cyan;
}
.ansibggray {
  background-color: gray;
}
div.cell {
  /* Old browsers */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-box-align: stretch;
  display: -moz-box;
  -moz-box-orient: vertical;
  -moz-box-align: stretch;
  display: box;
  box-orient: vertical;
  box-align: stretch;
  /* Modern browsers */
  display: flex;
  flex-direction: column;
  align-items: stretch;
  border-radius: 2px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  width: 100%;
  padding: 5px;
  /* This acts as a spacer between cells, that is outside the border */
  margin: 0px;
  outline: none;
  position: relative;
  overflow: visible;
}
div.cell:before {
  position: absolute;
  display: block;
  top: -1px;
  left: -1px;
  width: 5px;
  height: calc(100% +  2px);
  content: '';
  background: transparent;
}
div.cell.jupyter-soft-selected {
  border-left-color: #E3F2FD;
  border-left-width: 1px;
  padding-left: 5px;
  border-right-color: #E3F2FD;
  border-right-width: 1px;
  background: #E3F2FD;
}
@media print {
  div.cell.jupyter-soft-selected {
    border-color: transparent;
  }
}
div.cell.selected,
div.cell.selected.jupyter-soft-selected {
  border-color: #ababab;
}
div.cell.selected:before,
div.cell.selected.jupyter-soft-selected:before {
  position: absolute;
  display: block;
  top: -1px;
  left: -1px;
  width: 5px;
  height: calc(100% +  2px);
  content: '';
  background: #42A5F5;
}
@media print {
  div.cell.selected,
  div.cell.selected.jupyter-soft-selected {
    border-color: transparent;
  }
}
.edit_mode div.cell.selected {
  border-color: #66BB6A;
}
.edit_mode div.cell.selected:before {
  position: absolute;
  display: block;
  top: -1px;
  left: -1px;
  width: 5px;
  height: calc(100% +  2px);
  content: '';
  background: #66BB6A;
}
@media print {
  .edit_mode div.cell.selected {
    border-color: transparent;
  }
}
.prompt {
  /* This needs to be wide enough for 3 digit prompt numbers: In[100]: */
  min-width: 14ex;
  /* This padding is tuned to match the padding on the CodeMirror editor. */
  padding: 0.4em;
  margin: 0px;
  font-family: monospace;
  text-align: right;
  /* This has to match that of the the CodeMirror class line-height below */
  line-height: 1.21429em;
  /* Don't highlight prompt number selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Use default cursor */
  cursor: default;
}
@media (max-width: 540px) {
  .prompt {
    text-align: left;
  }
}
div.inner_cell {
  min-width: 0;
  /* Old browsers */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-box-align: stretch;
  display: -moz-box;
  -moz-box-orient: vertical;
  -moz-box-align: stretch;
  display: box;
  box-orient: vertical;
  box-align: stretch;
  /* Modern browsers */
  display: flex;
  flex-direction: column;
  align-items: stretch;
  /* Old browsers */
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  /* Modern browsers */
  flex: 1;
}
/* input_area and input_prompt must match in top border and margin for alignment */
div.input_area {
  border: 1px solid #cfcfcf;
  border-radius: 2px;
  background: #f7f7f7;
  line-height: 1.21429em;
}
/* This is needed so that empty prompt areas can collapse to zero height when there
   is no content in the output_subarea and the prompt. The main purpose of this is
   to make sure that empty JavaScript output_subareas have no height. */
div.prompt:empty {
  padding-top: 0;
  padding-bottom: 0;
}
div.unrecognized_cell {
  padding: 5px 5px 5px 0px;
  /* Old browsers */
  display: -webkit-box;
  -webkit-box-orient: horizontal;
  -webkit-box-align: stretch;
  display: -moz-box;
  -moz-box-orient: horizontal;
  -moz-box-align: stretch;
  display: box;
  box-orient: horizontal;
  box-align: stretch;
  /* Modern browsers */
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
div.unrecognized_cell .inner_cell {
  border-radius: 2px;
  padding: 5px;
  font-weight: bold;
  color: red;
  border: 1px solid #cfcfcf;
  background: #eaeaea;
}
div.unrecognized_cell .inner_cell a {
  color: inherit;
  text-decoration: none;
}
div.unrecognized_cell .inner_cell a:hover {
  color: inherit;
  text-decoration: none;
}
@media (max-width: 540px) {
  div.unrecognized_cell > div.prompt {
    display: none;
  }
}
div.code_cell {
  /* avoid page breaking on code cells when printing */
}
@media print {
  div.code_cell {
    page-break-inside: avoid;
  }
}
/* any special styling for code cells that are currently running goes here */
div.input {
  page-break-inside: avoid;
  /* Old browsers */
  display: -webkit-box;
  -webkit-box-orient: horizontal;
  -webkit-box-align: stretch;
  display: -moz-box;
  -moz-box-orient: horizontal;
  -moz-box-align: stretch;
  display: box;
  box-orient: horizontal;
  box-align: stretch;
  /* Modern browsers */
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
@media (max-width: 540px) {
  div.input {
    /* Old browsers */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-align: stretch;
    display: -moz-box;
    -moz-box-orient: vertical;
    -moz-box-align: stretch;
    display: box;
    box-orient: vertical;
    box-align: stretch;
    /* Modern browsers */
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }
}
/* input_area and input_prompt must match in top border and margin for alignment */
div.input_prompt {
  color: #303F9F;
  border-top: 1px solid transparent;
}
div.input_area > div.highlight {
  margin: 0.4em;
  border: none;
  padding: 0px;
  background-color: transparent;
}
div.input_area > div.highlight > pre {
  margin: 0px;
  border: none;
  padding: 0px;
  background-color: transparent;
}
/* The following gets added to the <head> if it is detected that the user has a
 * monospace font with inconsistent normal/bold/italic height.  See
 * notebookmain.js.  Such fonts will have keywords vertically offset with
 * respect to the rest of the text.  The user should select a better font.
 * See: https://github.com/ipython/ipython/issues/1503
 *
 * .CodeMirror span {
 *      vertical-align: bottom;
 * }
 */
.CodeMirror {
  line-height: 1.21429em;
  /* Changed from 1em to our global default */
  font-size: 14px;
  height: auto;
  /* Changed to auto to autogrow */
  background: none;
  /* Changed from white to allow our bg to show through */
}
.CodeMirror-scroll {
  /*  The CodeMirror docs are a bit fuzzy on if overflow-y should be hidden or visible.*/
  /*  We have found that if it is visible, vertical scrollbars appear with font size changes.*/
  overflow-y: hidden;
  overflow-x: auto;
}
.CodeMirror-lines {
  /* In CM2, this used to be 0.4em, but in CM3 it went to 4px. We need the em value because */
  /* we have set a different line-height and want this to scale with that. */
  /* Note that this should set vertical padding only, since CodeMirror assumes
       that horizontal padding will be set on CodeMirror pre */
  padding: 0.4em 0;
}
.CodeMirror-linenumber {
  padding: 0 8px 0 4px;
}
.CodeMirror-gutters {
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
}
.CodeMirror pre {
  /* In CM3 this went to 4px from 0 in CM2. This sets horizontal padding only,
    use .CodeMirror-lines for vertical */
  padding: 0 0.4em;
  border: 0;
  border-radius: 0;
}
.CodeMirror-cursor {
  border-left: 1.4px solid black;
}
@media screen and (min-width: 2138px) and (max-width: 4319px) {
  .CodeMirror-cursor {
    border-left: 2px solid black;
  }
}
@media screen and (min-width: 4320px) {
  .CodeMirror-cursor {
    border-left: 4px solid black;
  }
}
/*

Original style from softwaremaniacs.org (c) Ivan Sagalaev <Maniac@SoftwareManiacs.Org>
Adapted from GitHub theme

*/
.highlight-base {
  color: #000;
}
.highlight-variable {
  color: #000;
}
.highlight-variable-2 {
  color: #1a1a1a;
}
.highlight-variable-3 {
  color: #333333;
}
.highlight-string {
  color: #BA2121;
}
.highlight-comment {
  color: #408080;
  font-style: italic;
}
.highlight-number {
  color: #080;
}
.highlight-atom {
  color: #88F;
}
.highlight-keyword {
  color: #008000;
  font-weight: bold;
}
.highlight-builtin {
  color: #008000;
}
.highlight-error {
  color: #f00;
}
.highlight-operator {
  color: #AA22FF;
  font-weight: bold;
}
.highlight-meta {
  color: #AA22FF;
}
/* previously not defined, copying from default codemirror */
.highlight-def {
  color: #00f;
}
.highlight-string-2 {
  color: #f50;
}
.highlight-qualifier {
  color: #555;
}
.highlight-bracket {
  color: #997;
}
.highlight-tag {
  color: #170;
}
.highlight-attribute {
  color: #00c;
}
.highlight-header {
  color: blue;
}
.highlight-quote {
  color: #090;
}
.highlight-link {
  color: #00c;
}
/* apply the same style to codemirror */
.cm-s-ipython span.cm-keyword {
  color: #008000;
  font-weight: bold;
}
.cm-s-ipython span.cm-atom {
  color: #88F;
}
.cm-s-ipython span.cm-number {
  color: #080;
}
.cm-s-ipython span.cm-def {
  color: #00f;
}
.cm-s-ipython span.cm-variable {
  color: #000;
}
.cm-s-ipython span.cm-operator {
  color: #AA22FF;
  font-weight: bold;
}
.cm-s-ipython span.cm-variable-2 {
  color: #1a1a1a;
}
.cm-s-ipython span.cm-variable-3 {
  color: #333333;
}
.cm-s-ipython span.cm-comment {
  color: #408080;
  font-style: italic;
}
.cm-s-ipython span.cm-string {
  color: #BA2121;
}
.cm-s-ipython span.cm-string-2 {
  color: #f50;
}
.cm-s-ipython span.cm-meta {
  color: #AA22FF;
}
.cm-s-ipython span.cm-qualifier {
  color: #555;
}
.cm-s-ipython span.cm-builtin {
  color: #008000;
}
.cm-s-ipython span.cm-bracket {
  color: #997;
}
.cm-s-ipython span.cm-tag {
  color: #170;
}
.cm-s-ipython span.cm-attribute {
  color: #00c;
}
.cm-s-ipython span.cm-header {
  color: blue;
}
.cm-s-ipython span.cm-quote {
  color: #090;
}
.cm-s-ipython span.cm-link {
  color: #00c;
}
.cm-s-ipython span.cm-error {
  color: #f00;
}
.cm-s-ipython span.cm-tab {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAMCAYAAAAkuj5RAAAAAXNSR0IArs4c6QAAAGFJREFUSMft1LsRQFAQheHPowAKoACx3IgEKtaEHujDjORSgWTH/ZOdnZOcM/sgk/kFFWY0qV8foQwS4MKBCS3qR6ixBJvElOobYAtivseIE120FaowJPN75GMu8j/LfMwNjh4HUpwg4LUAAAAASUVORK5CYII=);
  background-position: right;
  background-repeat: no-repeat;
}
div.output_wrapper {
  /* this position must be relative to enable descendents to be absolute within it */
  position: relative;
  /* Old browsers */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-box-align: stretch;
  display: -moz-box;
  -moz-box-orient: vertical;
  -moz-box-align: stretch;
  display: box;
  box-orient: vertical;
  box-align: stretch;
  /* Modern browsers */
  display: flex;
  flex-direction: column;
  align-items: stretch;
  z-index: 1;
}
/* class for the output area when it should be height-limited */
div.output_scroll {
  /* ideally, this would be max-height, but FF barfs all over that */
  height: 24em;
  /* FF needs this *and the wrapper* to specify full width, or it will shrinkwrap */
  width: 100%;
  overflow: auto;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.8);
  box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.8);
  display: block;
}
/* output div while it is collapsed */
div.output_collapsed {
  margin: 0px;
  padding: 0px;
  /* Old browsers */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-box-align: stretch;
  display: -moz-box;
  -moz-box-orient: vertical;
  -moz-box-align: stretch;
  display: box;
  box-orient: vertical;
  box-align: stretch;
  /* Modern browsers */
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
div.out_prompt_overlay {
  height: 100%;
  padding: 0px 0.4em;
  position: absolute;
  border-radius: 2px;
}
div.out_prompt_overlay:hover {
  /* use inner shadow to get border that is computed the same on WebKit/FF */
  -webkit-box-shadow: inset 0 0 1px #000;
  box-shadow: inset 0 0 1px #000;
  background: rgba(240, 240, 240, 0.5);
}
div.output_prompt {
  color: #D84315;
}
/* This class is the outer container of all output sections. */
div.output_area {
  padding: 0px;
  page-break-inside: avoid;
  /* Old browsers */
  display: -webkit-box;
  -webkit-box-orient: horizontal;
  -webkit-box-align: stretch;
  display: -moz-box;
  -moz-box-orient: horizontal;
  -moz-box-align: stretch;
  display: box;
  box-orient: horizontal;
  box-align: stretch;
  /* Modern browsers */
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
div.output_area .MathJax_Display {
  text-align: left !important;
}
div.output_area .rendered_html table {
  margin-left: 0;
  margin-right: 0;
}
div.output_area .rendered_html img {
  margin-left: 0;
  margin-right: 0;
}
div.output_area img,
div.output_area svg {
  max-width: 100%;
  height: auto;
}
div.output_area img.unconfined,
div.output_area svg.unconfined {
  max-width: none;
}
div.output_area .mglyph > img {
  max-width: none;
}
/* This is needed to protect the pre formating from global settings such
   as that of bootstrap */
.output {
  /* Old browsers */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-box-align: stretch;
  display: -moz-box;
  -moz-box-orient: vertical;
  -moz-box-align: stretch;
  display: box;
  box-orient: vertical;
  box-align: stretch;
  /* Modern browsers */
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
@media (max-width: 540px) {
  div.output_area {
    /* Old browsers */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-align: stretch;
    display: -moz-box;
    -moz-box-orient: vertical;
    -moz-box-align: stretch;
    display: box;
    box-orient: vertical;
    box-align: stretch;
    /* Modern browsers */
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }
}
div.output_area pre {
  margin: 0;
  padding: 1px 0 1px 0;
  border: 0;
  vertical-align: baseline;
  color: black;
  background-color: transparent;
  border-radius: 0;
}
/* This class is for the output subarea inside the output_area and after
   the prompt div. */
div.output_subarea {
  overflow-x: auto;
  padding: 0.4em;
  /* Old browsers */
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  /* Modern browsers */
  flex: 1;
  max-width: calc(100% - 14ex);
}
div.output_scroll div.output_subarea {
  overflow-x: visible;
}
/* The rest of the output_* classes are for special styling of the different
   output types */
/* all text output has this class: */
div.output_text {
  text-align: left;
  color: #000;
  /* This has to match that of the the CodeMirror class line-height below */
  line-height: 1.21429em;
}
/* stdout/stderr are 'text' as well as 'stream', but execute_result/error are *not* streams */
div.output_stderr {
  background: #fdd;
  /* very light red background for stderr */
}
div.output_latex {
  text-align: left;
}
/* Empty output_javascript divs should have no height */
div.output_javascript:empty {
  padding: 0;
}
.js-error {
  color: darkred;
}
/* raw_input styles */
div.raw_input_container {
  line-height: 1.21429em;
  padding-top: 5px;
}
pre.raw_input_prompt {
  /* nothing needed here. */
}
input.raw_input {
  font-family: monospace;
  font-size: inherit;
  color: inherit;
  width: auto;
  /* make sure input baseline aligns with prompt */
  vertical-align: baseline;
  /* padding + margin = 0.5em between prompt and cursor */
  padding: 0em 0.25em;
  margin: 0em 0.25em;
}
input.raw_input:focus {
  box-shadow: none;
}
p.p-space {
  margin-bottom: 10px;
}
div.output_unrecognized {
  padding: 5px;
  font-weight: bold;
  color: red;
}
div.output_unrecognized a {
  color: inherit;
  text-decoration: none;
}
div.output_unrecognized a:hover {
  color: inherit;
  text-decoration: none;
}
.rendered_html {
  color: #000;
  /* any extras will just be numbers: */
}
.rendered_html em {
  font-style: italic;
}
.rendered_html strong {
  font-weight: bold;
}
.rendered_html u {
  text-decoration: underline;
}
.rendered_html :link {
  text-decoration: underline;
}
.rendered_html :visited {
  text-decoration: underline;
}
.rendered_html h1 {
  font-size: 185.7%;
  margin: 1.08em 0 0 0;
  font-weight: bold;
  line-height: 1.0;
}
.rendered_html h2 {
  font-size: 157.1%;
  margin: 1.27em 0 0 0;
  font-weight: bold;
  line-height: 1.0;
}
.rendered_html h3 {
  font-size: 128.6%;
  margin: 1.55em 0 0 0;
  font-weight: bold;
  line-height: 1.0;
}
.rendered_html h4 {
  font-size: 100%;
  margin: 2em 0 0 0;
  font-weight: bold;
  line-height: 1.0;
}
.rendered_html h5 {
  font-size: 100%;
  margin: 2em 0 0 0;
  font-weight: bold;
  line-height: 1.0;
  font-style: italic;
}
.rendered_html h6 {
  font-size: 100%;
  margin: 2em 0 0 0;
  font-weight: bold;
  line-height: 1.0;
  font-style: italic;
}
.rendered_html h1:first-child {
  margin-top: 0.538em;
}
.rendered_html h2:first-child {
  margin-top: 0.636em;
}
.rendered_html h3:first-child {
  margin-top: 0.777em;
}
.rendered_html h4:first-child {
  margin-top: 1em;
}
.rendered_html h5:first-child {
  margin-top: 1em;
}
.rendered_html h6:first-child {
  margin-top: 1em;
}
.rendered_html ul:not(.list-inline),
.rendered_html ol:not(.list-inline) {
  padding-left: 2em;
}
.rendered_html ul {
  list-style: disc;
}
.rendered_html ul ul {
  list-style: square;
  margin-top: 0;
}
.rendered_html ul ul ul {
  list-style: circle;
}
.rendered_html ol {
  list-style: decimal;
}
.rendered_html ol ol {
  list-style: upper-alpha;
  margin-top: 0;
}
.rendered_html ol ol ol {
  list-style: lower-alpha;
}
.rendered_html ol ol ol ol {
  list-style: lower-roman;
}
.rendered_html ol ol ol ol ol {
  list-style: decimal;
}
.rendered_html * + ul {
  margin-top: 1em;
}
.rendered_html * + ol {
  margin-top: 1em;
}
.rendered_html hr {
  color: black;
  background-color: black;
}
.rendered_html pre {
  margin: 1em 2em;
  padding: 0px;
  background-color: #fff;
}
.rendered_html code {
  background-color: #eff0f1;
}
.rendered_html p code {
  padding: 1px 5px;
}
.rendered_html pre code {
  background-color: #fff;
}
.rendered_html pre,
.rendered_html code {
  border: 0;
  color: #000;
  font-size: 100%;
}
.rendered_html blockquote {
  margin: 1em 2em;
}
.rendered_html table {
  margin-left: auto;
  margin-right: auto;
  border: none;
  border-collapse: collapse;
  border-spacing: 0;
  color: black;
  font-size: 12px;
  table-layout: fixed;
}
.rendered_html thead {
  border-bottom: 1px solid black;
  vertical-align: bottom;
}
.rendered_html tr,
.rendered_html th,
.rendered_html td {
  text-align: right;
  vertical-align: middle;
  padding: 0.5em 0.5em;
  line-height: normal;
  white-space: normal;
  max-width: none;
  border: none;
}
.rendered_html th {
  font-weight: bold;
}
.rendered_html tbody tr:nth-child(odd) {
  background: #f5f5f5;
}
.rendered_html tbody tr:hover {
  background: rgba(66, 165, 245, 0.2);
}
.rendered_html * + table {
  margin-top: 1em;
}
.rendered_html p {
  text-align: left;
}
.rendered_html * + p {
  margin-top: 1em;
}
.rendered_html img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.rendered_html * + img {
  margin-top: 1em;
}
.rendered_html img,
.rendered_html svg {
  max-width: 100%;
  height: auto;
}
.rendered_html img.unconfined,
.rendered_html svg.unconfined {
  max-width: none;
}
.rendered_html .alert {
  margin-bottom: initial;
}
.rendered_html * + .alert {
  margin-top: 1em;
}
[dir="rtl"] .rendered_html p {
  text-align: right;
}
div.text_cell {
  /* Old browsers */
  display: -webkit-box;
  -webkit-box-orient: horizontal;
  -webkit-box-align: stretch;
  display: -moz-box;
  -moz-box-orient: horizontal;
  -moz-box-align: stretch;
  display: box;
  box-orient: horizontal;
  box-align: stretch;
  /* Modern browsers */
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
@media (max-width: 540px) {
  div.text_cell > div.prompt {
    display: none;
  }
}
div.text_cell_render {
  /*font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;*/
  outline: none;
  resize: none;
  width: inherit;
  border-style: none;
  padding: 0.5em 0.5em 0.5em 0.4em;
  color: #000;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
a.anchor-link:link {
  text-decoration: none;
  padding: 0px 20px;
  visibility: hidden;
}
h1:hover .anchor-link,
h2:hover .anchor-link,
h3:hover .anchor-link,
h4:hover .anchor-link,
h5:hover .anchor-link,
h6:hover .anchor-link {
  visibility: visible;
}
.text_cell.rendered .input_area {
  display: none;
}
.text_cell.rendered .rendered_html {
  overflow-x: auto;
  overflow-y: hidden;
}
.text_cell.rendered .rendered_html tr,
.text_cell.rendered .rendered_html th,
.text_cell.rendered .rendered_html td {
  max-width: none;
}
.text_cell.unrendered .text_cell_render {
  display: none;
}
.text_cell .dropzone .input_area {
  border: 2px dashed #bababa;
  margin: -1px;
}
.cm-header-1,
.cm-header-2,
.cm-header-3,
.cm-header-4,
.cm-header-5,
.cm-header-6 {
  font-weight: bold;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.cm-header-1 {
  font-size: 185.7%;
}
.cm-header-2 {
  font-size: 157.1%;
}
.cm-header-3 {
  font-size: 128.6%;
}
.cm-header-4 {
  font-size: 110%;
}
.cm-header-5 {
  font-size: 100%;
  font-style: italic;
}
.cm-header-6 {
  font-size: 100%;
  font-style: italic;
}
/*!
*
* IPython notebook webapp
*
*/
@media (max-width: 767px) {
  .notebook_app {
    padding-left: 0px;
    padding-right: 0px;
  }
}
#ipython-main-app {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  height: 100%;
}
div#notebook_panel {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  height: 100%;
}
div#notebook {
  font-size: 14px;
  line-height: 20px;
  overflow-y: hidden;
  overflow-x: auto;
  width: 100%;
  /* This spaces the page away from the edge of the notebook area */
  padding-top: 20px;
  margin: 0px;
  outline: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  min-height: 100%;
}
@media not print {
  #notebook-container {
    padding: 15px;
    background-color: #fff;
    min-height: 0;
    -webkit-box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
    box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
  }
}
@media print {
  #notebook-container {
    width: 100%;
  }
}
div.ui-widget-content {
  border: 1px solid #ababab;
  outline: none;
}
pre.dialog {
  background-color: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 2px;
  padding: 0.4em;
  padding-left: 2em;
}
p.dialog {
  padding: 0.2em;
}
/* Word-wrap output correctly.  This is the CSS3 spelling, though Firefox seems
   to not honor it correctly.  Webkit browsers (Chrome, rekonq, Safari) do.
 */
pre,
code,
kbd,
samp {
  white-space: pre-wrap;
}
#fonttest {
  font-family: monospace;
}
p {
  margin-bottom: 0;
}
.end_space {
  min-height: 100px;
  transition: height .2s ease;
}
.notebook_app > #header {
  -webkit-box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
  box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
}
@media not print {
  .notebook_app {
    background-color: #EEE;
  }
}
kbd {
  border-style: solid;
  border-width: 1px;
  box-shadow: none;
  margin: 2px;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 1px;
  padding-bottom: 1px;
}
.jupyter-keybindings {
  padding: 1px;
  line-height: 24px;
  border-bottom: 1px solid gray;
}
.jupyter-keybindings input {
  margin: 0;
  padding: 0;
  border: none;
}
.jupyter-keybindings i {
  padding: 6px;
}
.well code {
  background-color: #ffffff;
  border-color: #ababab;
  border-width: 1px;
  border-style: solid;
  padding: 2px;
  padding-top: 1px;
  padding-bottom: 1px;
}
/* CSS for the cell toolbar */
.celltoolbar {
  border: thin solid #CFCFCF;
  border-bottom: none;
  background: #EEE;
  border-radius: 2px 2px 0px 0px;
  width: 100%;
  height: 29px;
  padding-right: 4px;
  /* Old browsers */
  display: -webkit-box;
  -webkit-box-orient: horizontal;
  -webkit-box-align: stretch;
  display: -moz-box;
  -moz-box-orient: horizontal;
  -moz-box-align: stretch;
  display: box;
  box-orient: horizontal;
  box-align: stretch;
  /* Modern browsers */
  display: flex;
  flex-direction: row;
  align-items: stretch;
  /* Old browsers */
  -webkit-box-pack: end;
  -moz-box-pack: end;
  box-pack: end;
  /* Modern browsers */
  justify-content: flex-end;
  display: -webkit-flex;
}
@media print {
  .celltoolbar {
    display: none;
  }
}
.ctb_hideshow {
  display: none;
  vertical-align: bottom;
}
/* ctb_show is added to the ctb_hideshow div to show the cell toolbar.
   Cell toolbars are only shown when the ctb_global_show class is also set.
*/
.ctb_global_show .ctb_show.ctb_hideshow {
  display: block;
}
.ctb_global_show .ctb_show + .input_area,
.ctb_global_show .ctb_show + div.text_cell_input,
.ctb_global_show .ctb_show ~ div.text_cell_render {
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
}
.ctb_global_show .ctb_show ~ div.text_cell_render {
  border: 1px solid #cfcfcf;
}
.celltoolbar {
  font-size: 87%;
  padding-top: 3px;
}
.celltoolbar select {
  display: block;
  width: 100%;
  height: 32px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 1px;
  width: inherit;
  font-size: inherit;
  height: 22px;
  padding: 0px;
  display: inline-block;
}
.celltoolbar select:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.celltoolbar select::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.celltoolbar select:-ms-input-placeholder {
  color: #999;
}
.celltoolbar select::-webkit-input-placeholder {
  color: #999;
}
.celltoolbar select::-ms-expand {
  border: 0;
  background-color: transparent;
}
.celltoolbar select[disabled],
.celltoolbar select[readonly],
fieldset[disabled] .celltoolbar select {
  background-color: #eeeeee;
  opacity: 1;
}
.celltoolbar select[disabled],
fieldset[disabled] .celltoolbar select {
  cursor: not-allowed;
}
textarea.celltoolbar select {
  height: auto;
}
select.celltoolbar select {
  height: 30px;
  line-height: 30px;
}
textarea.celltoolbar select,
select[multiple].celltoolbar select {
  height: auto;
}
.celltoolbar label {
  margin-left: 5px;
  margin-right: 5px;
}
.tags_button_container {
  width: 100%;
  display: flex;
}
.tag-container {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  overflow: hidden;
  position: relative;
}
.tag-container > * {
  margin: 0 4px;
}
.remove-tag-btn {
  margin-left: 4px;
}
.tags-input {
  display: flex;
}
.cell-tag:last-child:after {
  content: "";
  position: absolute;
  right: 0;
  width: 40px;
  height: 100%;
  /* Fade to background color of cell toolbar */
  background: linear-gradient(to right, rgba(0, 0, 0, 0), #EEE);
}
.tags-input > * {
  margin-left: 4px;
}
.cell-tag,
.tags-input input,
.tags-input button {
  display: block;
  width: 100%;
  height: 32px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 1px;
  box-shadow: none;
  width: inherit;
  font-size: inherit;
  height: 22px;
  line-height: 22px;
  padding: 0px 4px;
  display: inline-block;
}
.cell-tag:focus,
.tags-input input:focus,
.tags-input button:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.cell-tag::-moz-placeholder,
.tags-input input::-moz-placeholder,
.tags-input button::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.cell-tag:-ms-input-placeholder,
.tags-input input:-ms-input-placeholder,
.tags-input button:-ms-input-placeholder {
  color: #999;
}
.cell-tag::-webkit-input-placeholder,
.tags-input input::-webkit-input-placeholder,
.tags-input button::-webkit-input-placeholder {
  color: #999;
}
.cell-tag::-ms-expand,
.tags-input input::-ms-expand,
.tags-input button::-ms-expand {
  border: 0;
  background-color: transparent;
}
.cell-tag[disabled],
.tags-input input[disabled],
.tags-input button[disabled],
.cell-tag[readonly],
.tags-input input[readonly],
.tags-input button[readonly],
fieldset[disabled] .cell-tag,
fieldset[disabled] .tags-input input,
fieldset[disabled] .tags-input button {
  background-color: #eeeeee;
  opacity: 1;
}
.cell-tag[disabled],
.tags-input input[disabled],
.tags-input button[disabled],
fieldset[disabled] .cell-tag,
fieldset[disabled] .tags-input input,
fieldset[disabled] .tags-input button {
  cursor: not-allowed;
}
textarea.cell-tag,
textarea.tags-input input,
textarea.tags-input button {
  height: auto;
}
select.cell-tag,
select.tags-input input,
select.tags-input button {
  height: 30px;
  line-height: 30px;
}
textarea.cell-tag,
textarea.tags-input input,
textarea.tags-input button,
select[multiple].cell-tag,
select[multiple].tags-input input,
select[multiple].tags-input button {
  height: auto;
}
.cell-tag,
.tags-input button {
  padding: 0px 4px;
}
.cell-tag {
  background-color: #fff;
  white-space: nowrap;
}
.tags-input input[type=text]:focus {
  outline: none;
  box-shadow: none;
  border-color: #ccc;
}
.completions {
  position: absolute;
  z-index: 110;
  overflow: hidden;
  border: 1px solid #ababab;
  border-radius: 2px;
  -webkit-box-shadow: 0px 6px 10px -1px #adadad;
  box-shadow: 0px 6px 10px -1px #adadad;
  line-height: 1;
}
.completions select {
  background: white;
  outline: none;
  border: none;
  padding: 0px;
  margin: 0px;
  overflow: auto;
  font-family: monospace;
  font-size: 110%;
  color: #000;
  width: auto;
}
.completions select option.context {
  color: #286090;
}
#kernel_logo_widget .current_kernel_logo {
  display: none;
  margin-top: -1px;
  margin-bottom: -1px;
  width: 32px;
  height: 32px;
}
[dir="rtl"] #kernel_logo_widget {
  float: left !important;
  float: left;
}
.modal .modal-body .move-path {
  display: flex;
  flex-direction: row;
  justify-content: space;
  align-items: center;
}
.modal .modal-body .move-path .server-root {
  padding-right: 20px;
}
.modal .modal-body .move-path .path-input {
  flex: 1;
}
#menubar {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-top: 1px;
}
#menubar .navbar {
  border-top: 1px;
  border-radius: 0px 0px 2px 2px;
  margin-bottom: 0px;
}
#menubar .navbar-toggle {
  float: left;
  padding-top: 7px;
  padding-bottom: 7px;
  border: none;
}
#menubar .navbar-collapse {
  clear: left;
}
[dir="rtl"] #menubar .navbar-toggle {
  float: right;
}
[dir="rtl"] #menubar .navbar-collapse {
  clear: right;
}
[dir="rtl"] #menubar .navbar-nav {
  float: right;
}
[dir="rtl"] #menubar .nav {
  padding-right: 0px;
}
[dir="rtl"] #menubar .navbar-nav > li {
  float: right;
}
[dir="rtl"] #menubar .navbar-right {
  float: left !important;
}
[dir="rtl"] ul.dropdown-menu {
  text-align: right;
  left: auto;
}
[dir="rtl"] ul#new-menu.dropdown-menu {
  right: auto;
  left: 0;
}
.nav-wrapper {
  border-bottom: 1px solid #e7e7e7;
}
i.menu-icon {
  padding-top: 4px;
}
[dir="rtl"] i.menu-icon.pull-right {
  float: left !important;
  float: left;
}
ul#help_menu li a {
  overflow: hidden;
  padding-right: 2.2em;
}
ul#help_menu li a i {
  margin-right: -1.2em;
}
[dir="rtl"] ul#help_menu li a {
  padding-left: 2.2em;
}
[dir="rtl"] ul#help_menu li a i {
  margin-right: 0;
  margin-left: -1.2em;
}
[dir="rtl"] ul#help_menu li a i.pull-right {
  float: left !important;
  float: left;
}
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
}
[dir="rtl"] .dropdown-submenu > .dropdown-menu {
  right: 100%;
  margin-right: -1px;
}
.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}
.dropdown-submenu > a:after {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  content: "\f0da";
  float: right;
  color: #333333;
  margin-top: 2px;
  margin-right: -10px;
}
.dropdown-submenu > a:after.fa-pull-left {
  margin-right: .3em;
}
.dropdown-submenu > a:after.fa-pull-right {
  margin-left: .3em;
}
.dropdown-submenu > a:after.pull-left {
  margin-right: .3em;
}
.dropdown-submenu > a:after.pull-right {
  margin-left: .3em;
}
[dir="rtl"] .dropdown-submenu > a:after {
  float: left;
  content: "\f0d9";
  margin-right: 0;
  margin-left: -10px;
}
.dropdown-submenu:hover > a:after {
  color: #262626;
}
.dropdown-submenu.pull-left {
  float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
}
#notification_area {
  float: right !important;
  float: right;
  z-index: 10;
}
[dir="rtl"] #notification_area {
  float: left !important;
  float: left;
}
.indicator_area {
  float: right !important;
  float: right;
  color: #777;
  margin-left: 5px;
  margin-right: 5px;
  width: 11px;
  z-index: 10;
  text-align: center;
  width: auto;
}
[dir="rtl"] .indicator_area {
  float: left !important;
  float: left;
}
#kernel_indicator {
  float: right !important;
  float: right;
  color: #777;
  margin-left: 5px;
  margin-right: 5px;
  width: 11px;
  z-index: 10;
  text-align: center;
  width: auto;
  border-left: 1px solid;
}
#kernel_indicator .kernel_indicator_name {
  padding-left: 5px;
  padding-right: 5px;
}
[dir="rtl"] #kernel_indicator {
  float: left !important;
  float: left;
  border-left: 0;
  border-right: 1px solid;
}
#modal_indicator {
  float: right !important;
  float: right;
  color: #777;
  margin-left: 5px;
  margin-right: 5px;
  width: 11px;
  z-index: 10;
  text-align: center;
  width: auto;
}
[dir="rtl"] #modal_indicator {
  float: left !important;
  float: left;
}
#readonly-indicator {
  float: right !important;
  float: right;
  color: #777;
  margin-left: 5px;
  margin-right: 5px;
  width: 11px;
  z-index: 10;
  text-align: center;
  width: auto;
  margin-top: 2px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  display: none;
}
.modal_indicator:before {
  width: 1.28571429em;
  text-align: center;
}
.edit_mode .modal_indicator:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f040";
}
.edit_mode .modal_indicator:before.fa-pull-left {
  margin-right: .3em;
}
.edit_mode .modal_indicator:before.fa-pull-right {
  margin-left: .3em;
}
.edit_mode .modal_indicator:before.pull-left {
  margin-right: .3em;
}
.edit_mode .modal_indicator:before.pull-right {
  margin-left: .3em;
}
.command_mode .modal_indicator:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: ' ';
}
.command_mode .modal_indicator:before.fa-pull-left {
  margin-right: .3em;
}
.command_mode .modal_indicator:before.fa-pull-right {
  margin-left: .3em;
}
.command_mode .modal_indicator:before.pull-left {
  margin-right: .3em;
}
.command_mode .modal_indicator:before.pull-right {
  margin-left: .3em;
}
.kernel_idle_icon:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f10c";
}
.kernel_idle_icon:before.fa-pull-left {
  margin-right: .3em;
}
.kernel_idle_icon:before.fa-pull-right {
  margin-left: .3em;
}
.kernel_idle_icon:before.pull-left {
  margin-right: .3em;
}
.kernel_idle_icon:before.pull-right {
  margin-left: .3em;
}
.kernel_busy_icon:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f111";
}
.kernel_busy_icon:before.fa-pull-left {
  margin-right: .3em;
}
.kernel_busy_icon:before.fa-pull-right {
  margin-left: .3em;
}
.kernel_busy_icon:before.pull-left {
  margin-right: .3em;
}
.kernel_busy_icon:before.pull-right {
  margin-left: .3em;
}
.kernel_dead_icon:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f1e2";
}
.kernel_dead_icon:before.fa-pull-left {
  margin-right: .3em;
}
.kernel_dead_icon:before.fa-pull-right {
  margin-left: .3em;
}
.kernel_dead_icon:before.pull-left {
  margin-right: .3em;
}
.kernel_dead_icon:before.pull-right {
  margin-left: .3em;
}
.kernel_disconnected_icon:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f127";
}
.kernel_disconnected_icon:before.fa-pull-left {
  margin-right: .3em;
}
.kernel_disconnected_icon:before.fa-pull-right {
  margin-left: .3em;
}
.kernel_disconnected_icon:before.pull-left {
  margin-right: .3em;
}
.kernel_disconnected_icon:before.pull-right {
  margin-left: .3em;
}
.notification_widget {
  color: #777;
  z-index: 10;
  background: rgba(240, 240, 240, 0.5);
  margin-right: 4px;
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.notification_widget:focus,
.notification_widget.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.notification_widget:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.notification_widget:active,
.notification_widget.active,
.open > .dropdown-toggle.notification_widget {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.notification_widget:active:hover,
.notification_widget.active:hover,
.open > .dropdown-toggle.notification_widget:hover,
.notification_widget:active:focus,
.notification_widget.active:focus,
.open > .dropdown-toggle.notification_widget:focus,
.notification_widget:active.focus,
.notification_widget.active.focus,
.open > .dropdown-toggle.notification_widget.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.notification_widget:active,
.notification_widget.active,
.open > .dropdown-toggle.notification_widget {
  background-image: none;
}
.notification_widget.disabled:hover,
.notification_widget[disabled]:hover,
fieldset[disabled] .notification_widget:hover,
.notification_widget.disabled:focus,
.notification_widget[disabled]:focus,
fieldset[disabled] .notification_widget:focus,
.notification_widget.disabled.focus,
.notification_widget[disabled].focus,
fieldset[disabled] .notification_widget.focus {
  background-color: #fff;
  border-color: #ccc;
}
.notification_widget .badge {
  color: #fff;
  background-color: #333;
}
.notification_widget.warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.notification_widget.warning:focus,
.notification_widget.warning.focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d;
}
.notification_widget.warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.notification_widget.warning:active,
.notification_widget.warning.active,
.open > .dropdown-toggle.notification_widget.warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.notification_widget.warning:active:hover,
.notification_widget.warning.active:hover,
.open > .dropdown-toggle.notification_widget.warning:hover,
.notification_widget.warning:active:focus,
.notification_widget.warning.active:focus,
.open > .dropdown-toggle.notification_widget.warning:focus,
.notification_widget.warning:active.focus,
.notification_widget.warning.active.focus,
.open > .dropdown-toggle.notification_widget.warning.focus {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d;
}
.notification_widget.warning:active,
.notification_widget.warning.active,
.open > .dropdown-toggle.notification_widget.warning {
  background-image: none;
}
.notification_widget.warning.disabled:hover,
.notification_widget.warning[disabled]:hover,
fieldset[disabled] .notification_widget.warning:hover,
.notification_widget.warning.disabled:focus,
.notification_widget.warning[disabled]:focus,
fieldset[disabled] .notification_widget.warning:focus,
.notification_widget.warning.disabled.focus,
.notification_widget.warning[disabled].focus,
fieldset[disabled] .notification_widget.warning.focus {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.notification_widget.warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}
.notification_widget.success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.notification_widget.success:focus,
.notification_widget.success.focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625;
}
.notification_widget.success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.notification_widget.success:active,
.notification_widget.success.active,
.open > .dropdown-toggle.notification_widget.success {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.notification_widget.success:active:hover,
.notification_widget.success.active:hover,
.open > .dropdown-toggle.notification_widget.success:hover,
.notification_widget.success:active:focus,
.notification_widget.success.active:focus,
.open > .dropdown-toggle.notification_widget.success:focus,
.notification_widget.success:active.focus,
.notification_widget.success.active.focus,
.open > .dropdown-toggle.notification_widget.success.focus {
  color: #fff;
  background-color: #398439;
  border-color: #255625;
}
.notification_widget.success:active,
.notification_widget.success.active,
.open > .dropdown-toggle.notification_widget.success {
  background-image: none;
}
.notification_widget.success.disabled:hover,
.notification_widget.success[disabled]:hover,
fieldset[disabled] .notification_widget.success:hover,
.notification_widget.success.disabled:focus,
.notification_widget.success[disabled]:focus,
fieldset[disabled] .notification_widget.success:focus,
.notification_widget.success.disabled.focus,
.notification_widget.success[disabled].focus,
fieldset[disabled] .notification_widget.success.focus {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.notification_widget.success .badge {
  color: #5cb85c;
  background-color: #fff;
}
.notification_widget.info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.notification_widget.info:focus,
.notification_widget.info.focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}
.notification_widget.info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.notification_widget.info:active,
.notification_widget.info.active,
.open > .dropdown-toggle.notification_widget.info {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.notification_widget.info:active:hover,
.notification_widget.info.active:hover,
.open > .dropdown-toggle.notification_widget.info:hover,
.notification_widget.info:active:focus,
.notification_widget.info.active:focus,
.open > .dropdown-toggle.notification_widget.info:focus,
.notification_widget.info:active.focus,
.notification_widget.info.active.focus,
.open > .dropdown-toggle.notification_widget.info.focus {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85;
}
.notification_widget.info:active,
.notification_widget.info.active,
.open > .dropdown-toggle.notification_widget.info {
  background-image: none;
}
.notification_widget.info.disabled:hover,
.notification_widget.info[disabled]:hover,
fieldset[disabled] .notification_widget.info:hover,
.notification_widget.info.disabled:focus,
.notification_widget.info[disabled]:focus,
fieldset[disabled] .notification_widget.info:focus,
.notification_widget.info.disabled.focus,
.notification_widget.info[disabled].focus,
fieldset[disabled] .notification_widget.info.focus {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.notification_widget.info .badge {
  color: #5bc0de;
  background-color: #fff;
}
.notification_widget.danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.notification_widget.danger:focus,
.notification_widget.danger.focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
}
.notification_widget.danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.notification_widget.danger:active,
.notification_widget.danger.active,
.open > .dropdown-toggle.notification_widget.danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.notification_widget.danger:active:hover,
.notification_widget.danger.active:hover,
.open > .dropdown-toggle.notification_widget.danger:hover,
.notification_widget.danger:active:focus,
.notification_widget.danger.active:focus,
.open > .dropdown-toggle.notification_widget.danger:focus,
.notification_widget.danger:active.focus,
.notification_widget.danger.active.focus,
.open > .dropdown-toggle.notification_widget.danger.focus {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19;
}
.notification_widget.danger:active,
.notification_widget.danger.active,
.open > .dropdown-toggle.notification_widget.danger {
  background-image: none;
}
.notification_widget.danger.disabled:hover,
.notification_widget.danger[disabled]:hover,
fieldset[disabled] .notification_widget.danger:hover,
.notification_widget.danger.disabled:focus,
.notification_widget.danger[disabled]:focus,
fieldset[disabled] .notification_widget.danger:focus,
.notification_widget.danger.disabled.focus,
.notification_widget.danger[disabled].focus,
fieldset[disabled] .notification_widget.danger.focus {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.notification_widget.danger .badge {
  color: #d9534f;
  background-color: #fff;
}
div#pager {
  background-color: #fff;
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
  display: none;
  position: fixed;
  bottom: 0px;
  width: 100%;
  max-height: 50%;
  padding-top: 8px;
  -webkit-box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
  box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
  /* Display over codemirror */
  z-index: 100;
  /* Hack which prevents jquery ui resizable from changing top. */
  top: auto !important;
}
div#pager pre {
  line-height: 1.21429em;
  color: #000;
  background-color: #f7f7f7;
  padding: 0.4em;
}
div#pager #pager-button-area {
  position: absolute;
  top: 8px;
  right: 20px;
}
div#pager #pager-contents {
  position: relative;
  overflow: auto;
  width: 100%;
  height: 100%;
}
div#pager #pager-contents #pager-container {
  position: relative;
  padding: 15px 0px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
div#pager .ui-resizable-handle {
  top: 0px;
  height: 8px;
  background: #f7f7f7;
  border-top: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  /* This injects handle bars (a short, wide = symbol) for 
        the resize handle. */
}
div#pager .ui-resizable-handle::after {
  content: '';
  top: 2px;
  left: 50%;
  height: 3px;
  width: 30px;
  margin-left: -15px;
  position: absolute;
  border-top: 1px solid #cfcfcf;
}
.quickhelp {
  /* Old browsers */
  display: -webkit-box;
  -webkit-box-orient: horizontal;
  -webkit-box-align: stretch;
  display: -moz-box;
  -moz-box-orient: horizontal;
  -moz-box-align: stretch;
  display: box;
  box-orient: horizontal;
  box-align: stretch;
  /* Modern browsers */
  display: flex;
  flex-direction: row;
  align-items: stretch;
  line-height: 1.8em;
}
.shortcut_key {
  display: inline-block;
  width: 21ex;
  text-align: right;
  font-family: monospace;
}
.shortcut_descr {
  display: inline-block;
  /* Old browsers */
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  /* Modern browsers */
  flex: 1;
}
span.save_widget {
  height: 30px;
  margin-top: 4px;
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
  width: 50%;
  flex: 1;
}
span.save_widget span.filename {
  height: 100%;
  line-height: 1em;
  margin-left: 16px;
  border: none;
  font-size: 146.5%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  border-radius: 2px;
}
span.save_widget span.filename:hover {
  background-color: #e6e6e6;
}
[dir="rtl"] span.save_widget.pull-left {
  float: right !important;
  float: right;
}
[dir="rtl"] span.save_widget span.filename {
  margin-left: 0;
  margin-right: 16px;
}
span.checkpoint_status,
span.autosave_status {
  font-size: small;
  white-space: nowrap;
  padding: 0 5px;
}
@media (max-width: 767px) {
  span.save_widget {
    font-size: small;
    padding: 0 0 0 5px;
  }
  span.checkpoint_status,
  span.autosave_status {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  span.checkpoint_status {
    display: none;
  }
  span.autosave_status {
    font-size: x-small;
  }
}
.toolbar {
  padding: 0px;
  margin-left: -5px;
  margin-top: 2px;
  margin-bottom: 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.toolbar select,
.toolbar label {
  width: auto;
  vertical-align: middle;
  margin-right: 2px;
  margin-bottom: 0px;
  display: inline;
  font-size: 92%;
  margin-left: 0.3em;
  margin-right: 0.3em;
  padding: 0px;
  padding-top: 3px;
}
.toolbar .btn {
  padding: 2px 8px;
}
.toolbar .btn-group {
  margin-top: 0px;
  margin-left: 5px;
}
.toolbar-btn-label {
  margin-left: 6px;
}
#maintoolbar {
  margin-bottom: -3px;
  margin-top: -8px;
  border: 0px;
  min-height: 27px;
  margin-left: 0px;
  padding-top: 11px;
  padding-bottom: 3px;
}
#maintoolbar .navbar-text {
  float: none;
  vertical-align: middle;
  text-align: right;
  margin-left: 5px;
  margin-right: 0px;
  margin-top: 0px;
}
.select-xs {
  height: 24px;
}
[dir="rtl"] .btn-group > .btn,
.btn-group-vertical > .btn {
  float: right;
}
.pulse,
.dropdown-menu > li > a.pulse,
li.pulse > a.dropdown-toggle,
li.pulse.open > a.dropdown-toggle {
  background-color: #F37626;
  color: white;
}
/**
 * Primary styles
 *
 * Author: Jupyter Development Team
 */
/** WARNING IF YOU ARE EDITTING THIS FILE, if this is a .css file, It has a lot
 * of chance of beeing generated from the ../less/[samename].less file, you can
 * try to get back the less file by reverting somme commit in history
 **/
/*
 * We'll try to get something pretty, so we
 * have some strange css to have the scroll bar on
 * the left with fix button on the top right of the tooltip
 */
@-moz-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-moz-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/*properties of tooltip after "expand"*/
.bigtooltip {
  overflow: auto;
  height: 200px;
  -webkit-transition-property: height;
  -webkit-transition-duration: 500ms;
  -moz-transition-property: height;
  -moz-transition-duration: 500ms;
  transition-property: height;
  transition-duration: 500ms;
}
/*properties of tooltip before "expand"*/
.smalltooltip {
  -webkit-transition-property: height;
  -webkit-transition-duration: 500ms;
  -moz-transition-property: height;
  -moz-transition-duration: 500ms;
  transition-property: height;
  transition-duration: 500ms;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 80px;
}
.tooltipbuttons {
  position: absolute;
  padding-right: 15px;
  top: 0px;
  right: 0px;
}
.tooltiptext {
  /*avoid the button to overlap on some docstring*/
  padding-right: 30px;
}
.ipython_tooltip {
  max-width: 700px;
  /*fade-in animation when inserted*/
  -webkit-animation: fadeOut 400ms;
  -moz-animation: fadeOut 400ms;
  animation: fadeOut 400ms;
  -webkit-animation: fadeIn 400ms;
  -moz-animation: fadeIn 400ms;
  animation: fadeIn 400ms;
  vertical-align: middle;
  background-color: #f7f7f7;
  overflow: visible;
  border: #ababab 1px solid;
  outline: none;
  padding: 3px;
  margin: 0px;
  padding-left: 7px;
  font-family: monospace;
  min-height: 50px;
  -moz-box-shadow: 0px 6px 10px -1px #adadad;
  -webkit-box-shadow: 0px 6px 10px -1px #adadad;
  box-shadow: 0px 6px 10px -1px #adadad;
  border-radius: 2px;
  position: absolute;
  z-index: 1000;
}
.ipython_tooltip a {
  float: right;
}
.ipython_tooltip .tooltiptext pre {
  border: 0;
  border-radius: 0;
  font-size: 100%;
  background-color: #f7f7f7;
}
.pretooltiparrow {
  left: 0px;
  margin: 0px;
  top: -16px;
  width: 40px;
  height: 16px;
  overflow: hidden;
  position: absolute;
}
.pretooltiparrow:before {
  background-color: #f7f7f7;
  border: 1px #ababab solid;
  z-index: 11;
  content: "";
  position: absolute;
  left: 15px;
  top: 10px;
  width: 25px;
  height: 25px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}
ul.typeahead-list i {
  margin-left: -10px;
  width: 18px;
}
[dir="rtl"] ul.typeahead-list i {
  margin-left: 0;
  margin-right: -10px;
}
ul.typeahead-list {
  max-height: 80vh;
  overflow: auto;
}
ul.typeahead-list > li > a {
  /** Firefox bug **/
  /* see https://github.com/jupyter/notebook/issues/559 */
  white-space: normal;
}
ul.typeahead-list  > li > a.pull-right {
  float: left !important;
  float: left;
}
[dir="rtl"] .typeahead-list {
  text-align: right;
}
.cmd-palette .modal-body {
  padding: 7px;
}
.cmd-palette form {
  background: white;
}
.cmd-palette input {
  outline: none;
}
.no-shortcut {
  min-width: 20px;
  color: transparent;
}
[dir="rtl"] .no-shortcut.pull-right {
  float: left !important;
  float: left;
}
[dir="rtl"] .command-shortcut.pull-right {
  float: left !important;
  float: left;
}
.command-shortcut:before {
  content: "(command mode)";
  padding-right: 3px;
  color: #777777;
}
.edit-shortcut:before {
  content: "(edit)";
  padding-right: 3px;
  color: #777777;
}
[dir="rtl"] .edit-shortcut.pull-right {
  float: left !important;
  float: left;
}
#find-and-replace #replace-preview .match,
#find-and-replace #replace-preview .insert {
  background-color: #BBDEFB;
  border-color: #90CAF9;
  border-style: solid;
  border-width: 1px;
  border-radius: 0px;
}
[dir="ltr"] #find-and-replace .input-group-btn + .form-control {
  border-left: none;
}
[dir="rtl"] #find-and-replace .input-group-btn + .form-control {
  border-right: none;
}
#find-and-replace #replace-preview .replace .match {
  background-color: #FFCDD2;
  border-color: #EF9A9A;
  border-radius: 0px;
}
#find-and-replace #replace-preview .replace .insert {
  background-color: #C8E6C9;
  border-color: #A5D6A7;
  border-radius: 0px;
}
#find-and-replace #replace-preview {
  max-height: 60vh;
  overflow: auto;
}
#find-and-replace #replace-preview pre {
  padding: 5px 10px;
}
.terminal-app {
  background: #EEE;
}
.terminal-app #header {
  background: #fff;
  -webkit-box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
  box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
}
.terminal-app .terminal {
  width: 100%;
  float: left;
  font-family: monospace;
  color: white;
  background: black;
  padding: 0.4em;
  border-radius: 2px;
  -webkit-box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.4);
  box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.4);
}
.terminal-app .terminal,
.terminal-app .terminal dummy-screen {
  line-height: 1em;
  font-size: 14px;
}
.terminal-app .terminal .xterm-rows {
  padding: 10px;
}
.terminal-app .terminal-cursor {
  color: black;
  background: white;
}
.terminal-app #terminado-container {
  margin-top: 20px;
}
/*# sourceMappingURL=style.min.css.map */
    </style>
<style type="text/css">
    pre { line-height: 125%; margin: 0; }
td.linenos pre { color: #000000; background-color: #f0f0f0; padding: 0 5px 0 5px; }
span.linenos { color: #000000; background-color: #f0f0f0; padding: 0 5px 0 5px; }
td.linenos pre.special { color: #000000; background-color: #ffffc0; padding: 0 5px 0 5px; }
span.linenos.special { color: #000000; background-color: #ffffc0; padding: 0 5px 0 5px; }
.highlight .hll { background-color: #ffffcc }
.highlight { background: #f8f8f8; }
.highlight .c { color: #408080; font-style: italic } /* Comment */
.highlight .err { border: 1px solid #FF0000 } /* Error */
.highlight .k { color: #008000; font-weight: bold } /* Keyword */
.highlight .o { color: #666666 } /* Operator */
.highlight .ch { color: #408080; font-style: italic } /* Comment.Hashbang */
.highlight .cm { color: #408080; font-style: italic } /* Comment.Multiline */
.highlight .cp { color: #BC7A00 } /* Comment.Preproc */
.highlight .cpf { color: #408080; font-style: italic } /* Comment.PreprocFile */
.highlight .c1 { color: #408080; font-style: italic } /* Comment.Single */
.highlight .cs { color: #408080; font-style: italic } /* Comment.Special */
.highlight .gd { color: #A00000 } /* Generic.Deleted */
.highlight .ge { font-style: italic } /* Generic.Emph */
.highlight .gr { color: #FF0000 } /* Generic.Error */
.highlight .gh { color: #000080; font-weight: bold } /* Generic.Heading */
.highlight .gi { color: #00A000 } /* Generic.Inserted */
.highlight .go { color: #888888 } /* Generic.Output */
.highlight .gp { color: #000080; font-weight: bold } /* Generic.Prompt */
.highlight .gs { font-weight: bold } /* Generic.Strong */
.highlight .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
.highlight .gt { color: #0044DD } /* Generic.Traceback */
.highlight .kc { color: #008000; font-weight: bold } /* Keyword.Constant */
.highlight .kd { color: #008000; font-weight: bold } /* Keyword.Declaration */
.highlight .kn { color: #008000; font-weight: bold } /* Keyword.Namespace */
.highlight .kp { color: #008000 } /* Keyword.Pseudo */
.highlight .kr { color: #008000; font-weight: bold } /* Keyword.Reserved */
.highlight .kt { color: #B00040 } /* Keyword.Type */
.highlight .m { color: #666666 } /* Literal.Number */
.highlight .s { color: #BA2121 } /* Literal.String */
.highlight .na { color: #7D9029 } /* Name.Attribute */
.highlight .nb { color: #008000 } /* Name.Builtin */
.highlight .nc { color: #0000FF; font-weight: bold } /* Name.Class */
.highlight .no { color: #880000 } /* Name.Constant */
.highlight .nd { color: #AA22FF } /* Name.Decorator */
.highlight .ni { color: #999999; font-weight: bold } /* Name.Entity */
.highlight .ne { color: #D2413A; font-weight: bold } /* Name.Exception */
.highlight .nf { color: #0000FF } /* Name.Function */
.highlight .nl { color: #A0A000 } /* Name.Label */
.highlight .nn { color: #0000FF; font-weight: bold } /* Name.Namespace */
.highlight .nt { color: #008000; font-weight: bold } /* Name.Tag */
.highlight .nv { color: #19177C } /* Name.Variable */
.highlight .ow { color: #AA22FF; font-weight: bold } /* Operator.Word */
.highlight .w { color: #bbbbbb } /* Text.Whitespace */
.highlight .mb { color: #666666 } /* Literal.Number.Bin */
.highlight .mf { color: #666666 } /* Literal.Number.Float */
.highlight .mh { color: #666666 } /* Literal.Number.Hex */
.highlight .mi { color: #666666 } /* Literal.Number.Integer */
.highlight .mo { color: #666666 } /* Literal.Number.Oct */
.highlight .sa { color: #BA2121 } /* Literal.String.Affix */
.highlight .sb { color: #BA2121 } /* Literal.String.Backtick */
.highlight .sc { color: #BA2121 } /* Literal.String.Char */
.highlight .dl { color: #BA2121 } /* Literal.String.Delimiter */
.highlight .sd { color: #BA2121; font-style: italic } /* Literal.String.Doc */
.highlight .s2 { color: #BA2121 } /* Literal.String.Double */
.highlight .se { color: #BB6622; font-weight: bold } /* Literal.String.Escape */
.highlight .sh { color: #BA2121 } /* Literal.String.Heredoc */
.highlight .si { color: #BB6688; font-weight: bold } /* Literal.String.Interpol */
.highlight .sx { color: #008000 } /* Literal.String.Other */
.highlight .sr { color: #BB6688 } /* Literal.String.Regex */
.highlight .s1 { color: #BA2121 } /* Literal.String.Single */
.highlight .ss { color: #19177C } /* Literal.String.Symbol */
.highlight .bp { color: #008000 } /* Name.Builtin.Pseudo */
.highlight .fm { color: #0000FF } /* Name.Function.Magic */
.highlight .vc { color: #19177C } /* Name.Variable.Class */
.highlight .vg { color: #19177C } /* Name.Variable.Global */
.highlight .vi { color: #19177C } /* Name.Variable.Instance */
.highlight .vm { color: #19177C } /* Name.Variable.Magic */
.highlight .il { color: #666666 } /* Literal.Number.Integer.Long */
    </style>


<style type="text/css">
/* Overrides of notebook CSS for static HTML export */
body {
  overflow: visible;
  padding: 8px;
}

div#notebook {
  overflow: visible;
  border-top: none;
}@media print {
  div.cell {
    display: block;
    page-break-inside: avoid;
  } 
  div.output_wrapper { 
    display: block;
    page-break-inside: avoid; 
  }
  div.output { 
    display: block;
    page-break-inside: avoid; 
  }
}
</style>

<!-- Custom stylesheet, it must be in the same directory as the html file -->
<link rel="stylesheet" href="custom.css">

<!-- Loading mathjax macro -->
<!-- Load mathjax -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/latest.js?config=TeX-AMS_HTML"></script>
    <!-- MathJax configuration -->
    <script type="text/x-mathjax-config">
    MathJax.Hub.Config({
        tex2jax: {
            inlineMath: [ ['$','$'], ["\\(","\\)"] ],
            displayMath: [ ['$$','$$'], ["\\[","\\]"] ],
            processEscapes: true,
            processEnvironments: true
        },
        // Center justify equations in code and markdown cells. Elsewhere
        // we use CSS to left justify single line equations in code cells.
        displayAlign: 'center',
        "HTML-CSS": {
            styles: {'.MathJax_Display': {"margin": 0}},
            linebreaks: { automatic: true }
        }
    });
    </script>
    <!-- End of mathjax configuration --></head>
<body>
  <div tabindex="-1" id="notebook" class="border-box-sizing">
    <div class="container" id="notebook-container">

<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<h1 id="Recommendations-with-IBM">Recommendations with IBM<a class="anchor-link" href="#Recommendations-with-IBM">&#182;</a></h1><p>In this notebook, you will be putting your recommendation skills to use on real data from the IBM Watson Studio platform.</p>
<p>By following the table of contents, you will build out a number of different methods for making recommendations that can be used for different situations.</p>
<h2 id="Table-of-Contents">Table of Contents<a class="anchor-link" href="#Table-of-Contents">&#182;</a></h2><p>I. <a href="#Exploratory-Data-Analysis">Exploratory Data Analysis</a><br>
II. <a href="#Rank">Rank Based Recommendations</a><br>
III. <a href="#User-User">User-User Based Collaborative Filtering</a><br>
IV. <a href="#Matrix-Fact">Matrix Factorization</a><br>
V. <a href="#conclusions">Extras &amp; Conclusion</a></p>
<p>Let's get started by importing the necessary libraries and reading in the data.</p>

</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[1]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="kn">import</span> <span class="nn">pandas</span> <span class="k">as</span> <span class="nn">pd</span>
<span class="kn">import</span> <span class="nn">numpy</span> <span class="k">as</span> <span class="nn">np</span>
<span class="kn">import</span> <span class="nn">matplotlib.pyplot</span> <span class="k">as</span> <span class="nn">plt</span>
<span class="kn">import</span> <span class="nn">project_tests</span> <span class="k">as</span> <span class="nn">t</span>
<span class="kn">import</span> <span class="nn">pickle</span>
<span class="kn">from</span> <span class="nn">sklearn.metrics</span> <span class="kn">import</span> <span class="n">f1_score</span>

<span class="o">%</span><span class="k">matplotlib</span> inline

<span class="n">df</span> <span class="o">=</span> <span class="n">pd</span><span class="o">.</span><span class="n">read_csv</span><span class="p">(</span><span class="s1">&#39;data/user-item-interactions.csv&#39;</span><span class="p">)</span>
<span class="n">df_content</span> <span class="o">=</span> <span class="n">pd</span><span class="o">.</span><span class="n">read_csv</span><span class="p">(</span><span class="s1">&#39;data/articles_community.csv&#39;</span><span class="p">)</span>
<span class="k">del</span> <span class="n">df</span><span class="p">[</span><span class="s1">&#39;Unnamed: 0&#39;</span><span class="p">]</span>
<span class="k">del</span> <span class="n">df_content</span><span class="p">[</span><span class="s1">&#39;Unnamed: 0&#39;</span><span class="p">]</span>

<span class="c1"># Show df to get an idea of the data</span>
<span class="n">df</span><span class="o">.</span><span class="n">head</span><span class="p">()</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[1]:</div>


<div class="output_html rendered_html output_subarea output_execute_result">
<div>
<style scoped>
    .dataframe tbody tr th:only-of-type {
        vertical-align: middle;
    }

    .dataframe tbody tr th {
        vertical-align: top;
    }

    .dataframe thead th {
        text-align: right;
    }
</style>
<table border="1" class="dataframe">
  <thead>
    <tr style="text-align: right;">
      <th></th>
      <th>article_id</th>
      <th>title</th>
      <th>email</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>0</th>
      <td>1430.0</td>
      <td>using pixiedust for fast, flexible, and easier...</td>
      <td>ef5f11f77ba020cd36e1105a00ab868bbdbf7fe7</td>
    </tr>
    <tr>
      <th>1</th>
      <td>1314.0</td>
      <td>healthcare python streaming application demo</td>
      <td>083cbdfa93c8444beaa4c5f5e0f5f9198e4f9e0b</td>
    </tr>
    <tr>
      <th>2</th>
      <td>1429.0</td>
      <td>use deep learning for image classification</td>
      <td>b96a4f2e92d8572034b1e9b28f9ac673765cd074</td>
    </tr>
    <tr>
      <th>3</th>
      <td>1338.0</td>
      <td>ml optimization using cognitive assistant</td>
      <td>06485706b34a5c9bf2a0ecdac41daf7e7654ceb7</td>
    </tr>
    <tr>
      <th>4</th>
      <td>1276.0</td>
      <td>deploy your python model as a restful api</td>
      <td>f01220c46fc92c6e6b161b1849de11faacd7ccb2</td>
    </tr>
  </tbody>
</table>
</div>
</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[2]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># Show df_content to get an idea of the data</span>
<span class="n">df_content</span><span class="o">.</span><span class="n">head</span><span class="p">()</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[2]:</div>


<div class="output_html rendered_html output_subarea output_execute_result">
<div>
<style scoped>
    .dataframe tbody tr th:only-of-type {
        vertical-align: middle;
    }

    .dataframe tbody tr th {
        vertical-align: top;
    }

    .dataframe thead th {
        text-align: right;
    }
</style>
<table border="1" class="dataframe">
  <thead>
    <tr style="text-align: right;">
      <th></th>
      <th>doc_body</th>
      <th>doc_description</th>
      <th>doc_full_name</th>
      <th>doc_status</th>
      <th>article_id</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>0</th>
      <td>Skip navigation Sign in SearchLoading...\r\n\r...</td>
      <td>Detect bad readings in real time using Python ...</td>
      <td>Detect Malfunctioning IoT Sensors with Streami...</td>
      <td>Live</td>
      <td>0</td>
    </tr>
    <tr>
      <th>1</th>
      <td>No Free Hunch Navigation * kaggle.com\r\n\r\n ...</td>
      <td>See the forest, see the trees. Here lies the c...</td>
      <td>Communicating data science: A guide to present...</td>
      <td>Live</td>
      <td>1</td>
    </tr>
    <tr>
      <th>2</th>
      <td>☰ * Login\r\n * Sign Up\r\n\r\n * Learning Pat...</td>
      <td>Here’s this week’s news in Data Science and Bi...</td>
      <td>This Week in Data Science (April 18, 2017)</td>
      <td>Live</td>
      <td>2</td>
    </tr>
    <tr>
      <th>3</th>
      <td>DATALAYER: HIGH THROUGHPUT, LOW LATENCY AT SCA...</td>
      <td>Learn how distributed DBs solve the problem of...</td>
      <td>DataLayer Conference: Boost the performance of...</td>
      <td>Live</td>
      <td>3</td>
    </tr>
    <tr>
      <th>4</th>
      <td>Skip navigation Sign in SearchLoading...\r\n\r...</td>
      <td>This video demonstrates the power of IBM DataS...</td>
      <td>Analyze NY Restaurant data using Spark in DSX</td>
      <td>Live</td>
      <td>4</td>
    </tr>
  </tbody>
</table>
</div>
</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<h3 id="Part-I-:-Exploratory-Data-Analysis"><a class="anchor" id="Exploratory-Data-Analysis">Part I : Exploratory Data Analysis</a><a class="anchor-link" href="#Part-I-:-Exploratory-Data-Analysis">&#182;</a></h3><p>Use the dictionary and cells below to provide some insight into the descriptive statistics of the data.</p>
<p><code>1.</code> What is the distribution of how many articles a user interacts with in the dataset?  Provide a visual and descriptive statistics to assist with giving a look at the number of times each user interacts with an article.</p>

</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[3]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># df with number of articles interactions per user</span>
<span class="n">user_articles_count</span> <span class="o">=</span> <span class="n">df</span><span class="o">.</span><span class="n">groupby</span><span class="p">(</span><span class="s2">&quot;email&quot;</span><span class="p">)[</span><span class="s2">&quot;article_id&quot;</span><span class="p">]</span><span class="o">.</span><span class="n">count</span><span class="p">()</span><span class="o">.</span><span class="n">sort_values</span><span class="p">()</span><span class="o">.</span><span class="n">reset_index</span><span class="p">(</span><span class="n">name</span> <span class="o">=</span> <span class="s1">&#39;count&#39;</span><span class="p">)</span>

<span class="c1"># histogram with number of articles interactions per user</span>
<span class="n">plt</span><span class="o">.</span><span class="n">hist</span><span class="p">(</span><span class="n">user_articles_count</span><span class="p">[</span><span class="s2">&quot;count&quot;</span><span class="p">],</span> <span class="n">bins</span> <span class="o">=</span> <span class="mi">100</span><span class="p">)</span>
<span class="n">plt</span><span class="o">.</span><span class="n">title</span><span class="p">(</span><span class="s2">&quot;Histogram - Number Article Interactions per Users&quot;</span><span class="p">)</span>
<span class="n">plt</span><span class="o">.</span><span class="n">xlabel</span><span class="p">(</span><span class="s1">&#39;Count Article Interactions per user&#39;</span><span class="p">)</span>
<span class="n">plt</span><span class="o">.</span><span class="n">ylabel</span><span class="p">(</span><span class="s1">&#39;Number Users&#39;</span><span class="p">)</span>
<span class="n">plt</span><span class="o">.</span><span class="n">grid</span><span class="p">(</span><span class="kc">True</span><span class="p">)</span>
<span class="n">plt</span><span class="o">.</span><span class="n">show</span><span class="p">()</span>

<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;</span><span class="se">\n</span><span class="s2">&quot;</span><span class="p">,</span> <span class="n">user_articles_count</span><span class="o">.</span><span class="n">describe</span><span class="p">())</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt"></div>


<div class="output_png output_subarea ">
<img src="data:image/png;base64,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
"
>
</div>

</div>

<div class="output_area">

    <div class="prompt"></div>


<div class="output_subarea output_stream output_stdout output_text">
<pre>
              count
count  5148.000000
mean      8.930847
std      16.802267
min       1.000000
25%       1.000000
50%       3.000000
75%       9.000000
max     364.000000
</pre>
</div>
</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[4]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># Fill in the median and maximum number of user_article interactios below</span>
<span class="n">median_val</span> <span class="o">=</span> <span class="n">user_articles_count</span><span class="p">[</span><span class="s2">&quot;count&quot;</span><span class="p">]</span><span class="o">.</span><span class="n">median</span><span class="p">()</span> <span class="c1"># 50% of individuals interact with ____ number of articles or fewer.</span>
<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;</span><span class="si">{}</span><span class="s2"> median count of artilces per user&quot;</span><span class="o">.</span><span class="n">format</span><span class="p">(</span><span class="n">median_val</span><span class="p">))</span>

<span class="n">max_views_by_user</span> <span class="o">=</span> <span class="n">user_articles_count</span><span class="p">[</span><span class="s2">&quot;count&quot;</span><span class="p">]</span><span class="o">.</span><span class="n">max</span><span class="p">()</span> <span class="c1"># The maximum number of user-article interactions by any 1 user is ______.</span>
<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;</span><span class="si">{}</span><span class="s2"> max count of artilces by one user&quot;</span><span class="o">.</span><span class="n">format</span><span class="p">(</span><span class="n">max_views_by_user</span><span class="p">))</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt"></div>


<div class="output_subarea output_stream output_stdout output_text">
<pre>3.0 median count of artilces per user
364 max count of artilces by one user
</pre>
</div>
</div>

</div>
</div>

</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<p><code>2.</code> Explore and remove duplicate articles from the <strong>df_content</strong> dataframe.</p>

</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[5]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># Find and explore duplicate articles</span>
<span class="n">df_content</span><span class="p">[</span><span class="n">df_content</span><span class="p">[</span><span class="s2">&quot;article_id&quot;</span><span class="p">]</span><span class="o">.</span><span class="n">duplicated</span><span class="p">(</span><span class="n">keep</span> <span class="o">=</span> <span class="kc">False</span><span class="p">)]</span><span class="o">.</span><span class="n">sort_values</span><span class="p">(</span><span class="n">by</span> <span class="o">=</span> <span class="s2">&quot;article_id&quot;</span><span class="p">)</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[5]:</div>


<div class="output_html rendered_html output_subarea output_execute_result">
<div>
<style scoped>
    .dataframe tbody tr th:only-of-type {
        vertical-align: middle;
    }

    .dataframe tbody tr th {
        vertical-align: top;
    }

    .dataframe thead th {
        text-align: right;
    }
</style>
<table border="1" class="dataframe">
  <thead>
    <tr style="text-align: right;">
      <th></th>
      <th>doc_body</th>
      <th>doc_description</th>
      <th>doc_full_name</th>
      <th>doc_status</th>
      <th>article_id</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>50</th>
      <td>Follow Sign in / Sign up Home About Insight Da...</td>
      <td>Community Detection at Scale</td>
      <td>Graph-based machine learning</td>
      <td>Live</td>
      <td>50</td>
    </tr>
    <tr>
      <th>365</th>
      <td>Follow Sign in / Sign up Home About Insight Da...</td>
      <td>During the seven-week Insight Data Engineering...</td>
      <td>Graph-based machine learning</td>
      <td>Live</td>
      <td>50</td>
    </tr>
    <tr>
      <th>221</th>
      <td>* United States\r\n\r\nIBM® * Site map\r\n\r\n...</td>
      <td>When used to make sense of huge amounts of con...</td>
      <td>How smart catalogs can turn the big data flood...</td>
      <td>Live</td>
      <td>221</td>
    </tr>
    <tr>
      <th>692</th>
      <td>Homepage Follow Sign in / Sign up Homepage * H...</td>
      <td>One of the earliest documented catalogs was co...</td>
      <td>How smart catalogs can turn the big data flood...</td>
      <td>Live</td>
      <td>221</td>
    </tr>
    <tr>
      <th>232</th>
      <td>Homepage Follow Sign in Get started Homepage *...</td>
      <td>If you are like most data scientists, you are ...</td>
      <td>Self-service data preparation with IBM Data Re...</td>
      <td>Live</td>
      <td>232</td>
    </tr>
    <tr>
      <th>971</th>
      <td>Homepage Follow Sign in Get started * Home\r\n...</td>
      <td>If you are like most data scientists, you are ...</td>
      <td>Self-service data preparation with IBM Data Re...</td>
      <td>Live</td>
      <td>232</td>
    </tr>
    <tr>
      <th>399</th>
      <td>Homepage Follow Sign in Get started * Home\r\n...</td>
      <td>Today’s world of data science leverages data f...</td>
      <td>Using Apache Spark as a parallel processing fr...</td>
      <td>Live</td>
      <td>398</td>
    </tr>
    <tr>
      <th>761</th>
      <td>Homepage Follow Sign in Get started Homepage *...</td>
      <td>Today’s world of data science leverages data f...</td>
      <td>Using Apache Spark as a parallel processing fr...</td>
      <td>Live</td>
      <td>398</td>
    </tr>
    <tr>
      <th>578</th>
      <td>This video shows you how to construct queries ...</td>
      <td>This video shows you how to construct queries ...</td>
      <td>Use the Primary Index</td>
      <td>Live</td>
      <td>577</td>
    </tr>
    <tr>
      <th>970</th>
      <td>This video shows you how to construct queries ...</td>
      <td>This video shows you how to construct queries ...</td>
      <td>Use the Primary Index</td>
      <td>Live</td>
      <td>577</td>
    </tr>
  </tbody>
</table>
</div>
</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[6]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># df_content shape before dublicates removal</span>
<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;df_content shape before duplicates removal: </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">df_content</span><span class="o">.</span><span class="n">shape</span><span class="p">))</span>

<span class="c1"># Remove any rows that have the same article_id - only keep the first</span>
<span class="n">df_content</span> <span class="o">=</span> <span class="n">df_content</span><span class="o">.</span><span class="n">drop_duplicates</span><span class="p">(</span><span class="n">subset</span> <span class="o">=</span> <span class="p">[</span><span class="s2">&quot;article_id&quot;</span><span class="p">])</span>

<span class="c1"># df_content shape after dublicates removal</span>
<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;df_content shape after duplicates removal: </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">df_content</span><span class="o">.</span><span class="n">shape</span><span class="p">))</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt"></div>


<div class="output_subarea output_stream output_stdout output_text">
<pre>df_content shape before duplicates removal: (1056, 5)
df_content shape after duplicates removal: (1051, 5)
</pre>
</div>
</div>

</div>
</div>

</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<p><code>3.</code> Use the cells below to find:</p>
<p><strong>a.</strong> The number of unique articles that have an interaction with a user.<br>
<strong>b.</strong> The number of unique articles in the dataset (whether they have any interactions or not).<br>
<strong>c.</strong> The number of unique users in the dataset. (excluding null values) <br>
<strong>d.</strong> The number of user-article interactions in the dataset.</p>

</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[7]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># The number of unique articles that have at least one interaction</span>
<span class="n">unique_articles</span> <span class="o">=</span> <span class="n">df</span><span class="p">[</span><span class="s2">&quot;article_id&quot;</span><span class="p">]</span><span class="o">.</span><span class="n">nunique</span><span class="p">()</span>
<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;</span><span class="si">{}</span><span class="s2"> unique articles&quot;</span><span class="o">.</span><span class="n">format</span><span class="p">(</span><span class="n">unique_articles</span><span class="p">))</span>

<span class="c1"># The number of unique articles on the IBM platform</span>
<span class="n">total_articles</span> <span class="o">=</span> <span class="n">df_content</span><span class="p">[</span><span class="s2">&quot;article_id&quot;</span><span class="p">]</span><span class="o">.</span><span class="n">nunique</span><span class="p">()</span>
<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;</span><span class="si">{}</span><span class="s2"> total articles&quot;</span><span class="o">.</span><span class="n">format</span><span class="p">(</span><span class="n">total_articles</span><span class="p">))</span>

<span class="c1"># The number of unique users</span>
<span class="n">unique_users</span> <span class="o">=</span> <span class="n">df</span><span class="p">[</span><span class="s2">&quot;email&quot;</span><span class="p">]</span><span class="o">.</span><span class="n">nunique</span><span class="p">()</span> 
<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;</span><span class="si">{}</span><span class="s2"> unique users&quot;</span><span class="o">.</span><span class="n">format</span><span class="p">(</span><span class="n">unique_users</span><span class="p">))</span>

<span class="c1"># The number of user-article interactions</span>
<span class="n">user_article_interactions</span> <span class="o">=</span> <span class="nb">len</span><span class="p">(</span><span class="n">df</span><span class="p">)</span> 
<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;</span><span class="si">{}</span><span class="s2"> user article interactions&quot;</span><span class="o">.</span><span class="n">format</span><span class="p">(</span><span class="n">user_article_interactions</span><span class="p">))</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt"></div>


<div class="output_subarea output_stream output_stdout output_text">
<pre>714 unique articles
1051 total articles
5148 unique users
45993 user article interactions
</pre>
</div>
</div>

</div>
</div>

</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<p><code>4.</code> Use the cells below to find the most viewed <strong>article_id</strong>, as well as how often it was viewed.  After talking to the company leaders, the <code>email_mapper</code> function was deemed a reasonable way to map users to ids.  There were a small number of null values, and it was found that all of these null values likely belonged to a single user (which is how they are stored using the function below).</p>

</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[8]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">most_viewed_article</span> <span class="o">=</span> <span class="n">df</span><span class="p">[</span><span class="s2">&quot;article_id&quot;</span><span class="p">]</span><span class="o">.</span><span class="n">value_counts</span><span class="p">()</span><span class="o">.</span><span class="n">reset_index</span><span class="p">(</span><span class="n">name</span> <span class="o">=</span> <span class="s2">&quot;count&quot;</span><span class="p">)</span>

<span class="c1"># The most viewed article in the dataset as a string with one value following the decimal </span>
<span class="n">most_viewed_article_id</span> <span class="o">=</span> <span class="nb">str</span><span class="p">(</span><span class="n">most_viewed_article</span><span class="p">[</span><span class="s2">&quot;index&quot;</span><span class="p">][</span><span class="mi">0</span><span class="p">])</span> 
<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;</span><span class="si">{}</span><span class="s2"> most viewed article_id&quot;</span><span class="o">.</span><span class="n">format</span><span class="p">(</span><span class="n">most_viewed_article_id</span><span class="p">))</span>

<span class="c1"># The most viewed article in the dataset was viewed how many times?</span>
<span class="n">max_views</span> <span class="o">=</span> <span class="n">most_viewed_article</span><span class="p">[</span><span class="s2">&quot;count&quot;</span><span class="p">][</span><span class="mi">0</span><span class="p">]</span> 
<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;</span><span class="si">{}</span><span class="s2"> counted views of article </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">max_views</span><span class="p">,</span> <span class="n">most_viewed_article_id</span><span class="p">))</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt"></div>


<div class="output_subarea output_stream output_stdout output_text">
<pre>1429.0 most viewed article_id
937 counted views of article 1429.0
</pre>
</div>
</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[9]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1">## No need to change the code here - this will be helpful for later parts of the notebook</span>
<span class="c1"># Run this cell to map the user email to a user_id column and remove the email column</span>

<span class="k">def</span> <span class="nf">email_mapper</span><span class="p">():</span>
    <span class="n">coded_dict</span> <span class="o">=</span> <span class="nb">dict</span><span class="p">()</span>
    <span class="n">cter</span> <span class="o">=</span> <span class="mi">1</span>
    <span class="n">email_encoded</span> <span class="o">=</span> <span class="p">[]</span>
    
    <span class="k">for</span> <span class="n">val</span> <span class="ow">in</span> <span class="n">df</span><span class="p">[</span><span class="s2">&quot;email&quot;</span><span class="p">]:</span>
        <span class="k">if</span> <span class="n">val</span> <span class="ow">not</span> <span class="ow">in</span> <span class="n">coded_dict</span><span class="p">:</span>
            <span class="n">coded_dict</span><span class="p">[</span><span class="n">val</span><span class="p">]</span> <span class="o">=</span> <span class="n">cter</span>
            <span class="n">cter</span><span class="o">+=</span><span class="mi">1</span>
        
        <span class="n">email_encoded</span><span class="o">.</span><span class="n">append</span><span class="p">(</span><span class="n">coded_dict</span><span class="p">[</span><span class="n">val</span><span class="p">])</span>
    <span class="k">return</span> <span class="n">email_encoded</span>

<span class="n">email_encoded</span> <span class="o">=</span> <span class="n">email_mapper</span><span class="p">()</span>
<span class="k">del</span> <span class="n">df</span><span class="p">[</span><span class="s2">&quot;email&quot;</span><span class="p">]</span>
<span class="n">df</span><span class="p">[</span><span class="s2">&quot;user_id&quot;</span><span class="p">]</span> <span class="o">=</span> <span class="n">email_encoded</span>

<span class="c1"># show header</span>
<span class="n">df</span><span class="o">.</span><span class="n">head</span><span class="p">()</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[9]:</div>


<div class="output_html rendered_html output_subarea output_execute_result">
<div>
<style scoped>
    .dataframe tbody tr th:only-of-type {
        vertical-align: middle;
    }

    .dataframe tbody tr th {
        vertical-align: top;
    }

    .dataframe thead th {
        text-align: right;
    }
</style>
<table border="1" class="dataframe">
  <thead>
    <tr style="text-align: right;">
      <th></th>
      <th>article_id</th>
      <th>title</th>
      <th>user_id</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>0</th>
      <td>1430.0</td>
      <td>using pixiedust for fast, flexible, and easier...</td>
      <td>1</td>
    </tr>
    <tr>
      <th>1</th>
      <td>1314.0</td>
      <td>healthcare python streaming application demo</td>
      <td>2</td>
    </tr>
    <tr>
      <th>2</th>
      <td>1429.0</td>
      <td>use deep learning for image classification</td>
      <td>3</td>
    </tr>
    <tr>
      <th>3</th>
      <td>1338.0</td>
      <td>ml optimization using cognitive assistant</td>
      <td>4</td>
    </tr>
    <tr>
      <th>4</th>
      <td>1276.0</td>
      <td>deploy your python model as a restful api</td>
      <td>5</td>
    </tr>
  </tbody>
</table>
</div>
</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[10]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1">## If you stored all your results in the variable names above, </span>
<span class="c1">## you shouldn&#39;t need to change anything in this cell</span>

<span class="n">sol_1_dict</span> <span class="o">=</span> <span class="p">{</span>
    <span class="s1">&#39;`50</span><span class="si">% o</span><span class="s1">f individuals have _____ or fewer interactions.`&#39;</span><span class="p">:</span> <span class="n">median_val</span><span class="p">,</span>
    <span class="s1">&#39;`The total number of user-article interactions in the dataset is ______.`&#39;</span><span class="p">:</span> <span class="n">user_article_interactions</span><span class="p">,</span>
    <span class="s1">&#39;`The maximum number of user-article interactions by any 1 user is ______.`&#39;</span><span class="p">:</span> <span class="n">max_views_by_user</span><span class="p">,</span>
    <span class="s1">&#39;`The most viewed article in the dataset was viewed _____ times.`&#39;</span><span class="p">:</span> <span class="n">max_views</span><span class="p">,</span>
    <span class="s1">&#39;`The article_id of the most viewed article is ______.`&#39;</span><span class="p">:</span> <span class="n">most_viewed_article_id</span><span class="p">,</span>
    <span class="s1">&#39;`The number of unique articles that have at least 1 rating ______.`&#39;</span><span class="p">:</span> <span class="n">unique_articles</span><span class="p">,</span>
    <span class="s1">&#39;`The number of unique users in the dataset is ______`&#39;</span><span class="p">:</span> <span class="n">unique_users</span><span class="p">,</span>
    <span class="s1">&#39;`The number of unique articles on the IBM platform`&#39;</span><span class="p">:</span> <span class="n">total_articles</span>
<span class="p">}</span>

<span class="c1"># Test your dictionary against the solution</span>
<span class="n">t</span><span class="o">.</span><span class="n">sol_1_test</span><span class="p">(</span><span class="n">sol_1_dict</span><span class="p">)</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt"></div>


<div class="output_subarea output_stream output_stdout output_text">
<pre>It looks like you have everything right here! Nice job!
</pre>
</div>
</div>

</div>
</div>

</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<h3 id="Part-II:-Rank-Based-Recommendations"><a class="anchor" id="Rank">Part II: Rank-Based Recommendations</a><a class="anchor-link" href="#Part-II:-Rank-Based-Recommendations">&#182;</a></h3><p>Unlike in the earlier lessons, we don't actually have ratings for whether a user liked an article or not.  We only know that a user has interacted with an article.  In these cases, the popularity of an article can really only be based on how often an article was interacted with.</p>
<p><code>1.</code> Fill in the function below to return the <strong>n</strong> top articles ordered with most interactions as the top. Test your function using the tests below.</p>

</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[11]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="k">def</span> <span class="nf">get_top_articles</span><span class="p">(</span><span class="n">n</span><span class="p">,</span> <span class="n">df</span><span class="o">=</span><span class="n">df</span><span class="p">):</span>
    <span class="sd">&#39;&#39;&#39;</span>
<span class="sd">    INPUT:</span>
<span class="sd">    n - (int) the number of top articles to return</span>
<span class="sd">    df - (pandas dataframe) df as defined at the top of the notebook </span>
<span class="sd">    </span>
<span class="sd">    OUTPUT:</span>
<span class="sd">    top_articles - (list) A list of the top &#39;n&#39; article titles </span>
<span class="sd">    </span>
<span class="sd">    &#39;&#39;&#39;</span>
    <span class="n">top_articles</span> <span class="o">=</span> <span class="nb">list</span><span class="p">(</span><span class="n">df</span><span class="p">[</span><span class="s2">&quot;title&quot;</span><span class="p">]</span><span class="o">.</span><span class="n">value_counts</span><span class="p">()</span><span class="o">.</span><span class="n">head</span><span class="p">(</span><span class="n">n</span><span class="p">)</span><span class="o">.</span><span class="n">index</span><span class="p">)</span>
    
    <span class="k">return</span> <span class="n">top_articles</span> <span class="c1"># Return the top article titles from df (not df_content)</span>

<span class="k">def</span> <span class="nf">get_top_article_ids</span><span class="p">(</span><span class="n">n</span><span class="p">,</span> <span class="n">df</span><span class="o">=</span><span class="n">df</span><span class="p">):</span>
    <span class="sd">&#39;&#39;&#39;</span>
<span class="sd">    INPUT:</span>
<span class="sd">    n - (int) the number of top articles to return</span>
<span class="sd">    df - (pandas dataframe) df as defined at the top of the notebook </span>
<span class="sd">    </span>
<span class="sd">    OUTPUT:</span>
<span class="sd">    top_articles - (list) A list of the top &#39;n&#39; article titles </span>
<span class="sd">    </span>
<span class="sd">    &#39;&#39;&#39;</span>
    <span class="n">top_articles</span> <span class="o">=</span> <span class="nb">list</span><span class="p">(</span><span class="n">df</span><span class="p">[</span><span class="s2">&quot;article_id&quot;</span><span class="p">]</span><span class="o">.</span><span class="n">value_counts</span><span class="p">()</span><span class="o">.</span><span class="n">head</span><span class="p">(</span><span class="n">n</span><span class="p">)</span><span class="o">.</span><span class="n">index</span><span class="p">)</span>
 
    <span class="k">return</span> <span class="n">top_articles</span> <span class="c1"># Return the top article ids</span>
</pre></div>

    </div>
</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[12]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="nb">print</span><span class="p">(</span><span class="n">get_top_articles</span><span class="p">(</span><span class="mi">10</span><span class="p">),</span><span class="s2">&quot;</span><span class="se">\n</span><span class="s2">&quot;</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="n">get_top_article_ids</span><span class="p">(</span><span class="mi">10</span><span class="p">))</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt"></div>


<div class="output_subarea output_stream output_stdout output_text">
<pre>[&#39;use deep learning for image classification&#39;, &#39;insights from new york car accident reports&#39;, &#39;visualize car data with brunel&#39;, &#39;use xgboost, scikit-learn &amp; ibm watson machine learning apis&#39;, &#39;predicting churn with the spss random tree algorithm&#39;, &#39;healthcare python streaming application demo&#39;, &#39;finding optimal locations of new store using decision optimization&#39;, &#39;apache spark lab, part 1: basic concepts&#39;, &#39;analyze energy consumption in buildings&#39;, &#39;gosales transactions for logistic regression model&#39;] 

[1429.0, 1330.0, 1431.0, 1427.0, 1364.0, 1314.0, 1293.0, 1170.0, 1162.0, 1304.0]
</pre>
</div>
</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[13]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># Test your function by returning the top 5, 10, and 20 articles</span>
<span class="n">top_5</span> <span class="o">=</span> <span class="n">get_top_articles</span><span class="p">(</span><span class="mi">5</span><span class="p">)</span>
<span class="n">top_10</span> <span class="o">=</span> <span class="n">get_top_articles</span><span class="p">(</span><span class="mi">10</span><span class="p">)</span>
<span class="n">top_20</span> <span class="o">=</span> <span class="n">get_top_articles</span><span class="p">(</span><span class="mi">20</span><span class="p">)</span>

<span class="c1"># Test each of your three lists from above</span>
<span class="n">t</span><span class="o">.</span><span class="n">sol_2_test</span><span class="p">(</span><span class="n">get_top_articles</span><span class="p">)</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt"></div>


<div class="output_subarea output_stream output_stdout output_text">
<pre>Your top_5 looks like the solution list! Nice job.
Your top_10 looks like the solution list! Nice job.
Your top_20 looks like the solution list! Nice job.
</pre>
</div>
</div>

</div>
</div>

</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<h3 id="Part-III:-User-User-Based-Collaborative-Filtering"><a class="anchor" id="User-User">Part III: User-User Based Collaborative Filtering</a><a class="anchor-link" href="#Part-III:-User-User-Based-Collaborative-Filtering">&#182;</a></h3><p><code>1.</code> Use the function below to reformat the <strong>df</strong> dataframe to be shaped with users as the rows and articles as the columns.</p>
<ul>
<li>Each <strong>user</strong> should only appear in each <strong>row</strong> once.</li>
</ul>
<ul>
<li>Each <strong>article</strong> should only show up in one <strong>column</strong>.  </li>
</ul>
<ul>
<li><strong>If a user has interacted with an article, then place a 1 where the user-row meets for that article-column</strong>.  It does not matter how many times a user has interacted with the article, all entries where a user has interacted with an article should be a 1.  </li>
</ul>
<ul>
<li><strong>If a user has not interacted with an item, then place a zero where the user-row meets for that article-column</strong>. </li>
</ul>
<p>Use the tests to make sure the basic structure of your matrix matches what is expected by the solution.</p>

</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[14]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># create the user-article matrix with 1&#39;s and 0&#39;s</span>

<span class="k">def</span> <span class="nf">create_user_item_matrix</span><span class="p">(</span><span class="n">df</span><span class="p">):</span>
    <span class="sd">&#39;&#39;&#39;</span>
<span class="sd">    INPUT:</span>
<span class="sd">    df - pandas dataframe with article_id, title, user_id columns</span>
<span class="sd">    </span>
<span class="sd">    OUTPUT:</span>
<span class="sd">    user_item - user item matrix </span>
<span class="sd">    </span>
<span class="sd">    Description:</span>
<span class="sd">    Return a matrix with user ids as rows and article ids on the columns with 1 values where a user interacted with </span>
<span class="sd">    an article and a 0 otherwise</span>
<span class="sd">    &#39;&#39;&#39;</span>
    <span class="n">user_item</span> <span class="o">=</span> <span class="n">df</span><span class="o">.</span><span class="n">groupby</span><span class="p">([</span><span class="s2">&quot;user_id&quot;</span><span class="p">,</span> <span class="s2">&quot;article_id&quot;</span><span class="p">])[</span><span class="s2">&quot;title&quot;</span><span class="p">]</span><span class="o">.</span><span class="n">max</span><span class="p">()</span><span class="o">.</span><span class="n">unstack</span><span class="p">()</span>
    <span class="n">user_item</span> <span class="o">=</span> <span class="n">user_item</span><span class="o">.</span><span class="n">notnull</span><span class="p">()</span><span class="o">.</span><span class="n">astype</span><span class="p">(</span><span class="nb">int</span><span class="p">)</span>
    
    <span class="k">return</span> <span class="n">user_item</span> <span class="c1"># return the user_item matrix </span>

<span class="n">user_item</span> <span class="o">=</span> <span class="n">create_user_item_matrix</span><span class="p">(</span><span class="n">df</span><span class="p">)</span>
</pre></div>

    </div>
</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[15]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1">## Tests: You should just need to run this cell.  Don&#39;t change the code.</span>
<span class="k">assert</span> <span class="n">user_item</span><span class="o">.</span><span class="n">shape</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span> <span class="o">==</span> <span class="mi">5149</span><span class="p">,</span> <span class="s2">&quot;Oops!  The number of users in the user-article matrix doesn&#39;t look right.&quot;</span>
<span class="k">assert</span> <span class="n">user_item</span><span class="o">.</span><span class="n">shape</span><span class="p">[</span><span class="mi">1</span><span class="p">]</span> <span class="o">==</span> <span class="mi">714</span><span class="p">,</span> <span class="s2">&quot;Oops!  The number of articles in the user-article matrix doesn&#39;t look right.&quot;</span>
<span class="k">assert</span> <span class="n">user_item</span><span class="o">.</span><span class="n">sum</span><span class="p">(</span><span class="n">axis</span><span class="o">=</span><span class="mi">1</span><span class="p">)[</span><span class="mi">1</span><span class="p">]</span> <span class="o">==</span> <span class="mi">36</span><span class="p">,</span> <span class="s2">&quot;Oops!  The number of articles seen by user 1 doesn&#39;t look right.&quot;</span>
<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;You have passed our quick tests!  Please proceed!&quot;</span><span class="p">)</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt"></div>


<div class="output_subarea output_stream output_stdout output_text">
<pre>You have passed our quick tests!  Please proceed!
</pre>
</div>
</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[16]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># Store data (serialize)</span>
<span class="k">with</span> <span class="nb">open</span><span class="p">(</span><span class="s2">&quot;user_item_matrix.p&quot;</span><span class="p">,</span> <span class="s2">&quot;wb&quot;</span><span class="p">)</span> <span class="k">as</span> <span class="n">handle</span><span class="p">:</span>
    <span class="n">pickle</span><span class="o">.</span><span class="n">dump</span><span class="p">(</span><span class="n">user_item</span><span class="p">,</span> <span class="n">handle</span><span class="p">,</span> <span class="n">protocol</span> <span class="o">=</span> <span class="n">pickle</span><span class="o">.</span><span class="n">HIGHEST_PROTOCOL</span><span class="p">)</span>
</pre></div>

    </div>
</div>
</div>

</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<p><code>2.</code> Complete the function below which should take a user_id and provide an ordered list of the most similar users to that user (from most similar to least similar).  The returned result should not contain the provided user_id, as we know that each user is similar to him/herself. Because the results for each user here are binary, it (perhaps) makes sense to compute similarity as the dot product of two users.</p>
<p>Use the tests to test your function.</p>

</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[17]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="k">def</span> <span class="nf">find_similar_users</span><span class="p">(</span><span class="n">user_id</span><span class="p">,</span> <span class="n">user_item</span><span class="o">=</span><span class="n">user_item</span><span class="p">):</span>
    <span class="sd">&#39;&#39;&#39;</span>
<span class="sd">    INPUT:</span>
<span class="sd">    user_id - (int) a user_id</span>
<span class="sd">    user_item - (pandas dataframe) matrix of users by articles: </span>
<span class="sd">                1&#39;s when a user has interacted with an article, 0 otherwise</span>
<span class="sd">    </span>
<span class="sd">    OUTPUT:</span>
<span class="sd">    similar_users - (list) an ordered list where the closest users (largest dot product users)</span>
<span class="sd">                    are listed first</span>
<span class="sd">    </span>
<span class="sd">    Description:</span>
<span class="sd">    Computes the similarity of every pair of users based on the dot product</span>
<span class="sd">    Returns an ordered</span>
<span class="sd">    </span>
<span class="sd">    &#39;&#39;&#39;</span>
    <span class="c1"># compute similarity of each user to the provided user</span>
    <span class="n">user_row</span> <span class="o">=</span> <span class="n">user_item</span><span class="o">.</span><span class="n">iloc</span><span class="p">[</span><span class="n">user_id</span> <span class="o">-</span> <span class="mi">1</span><span class="p">]</span> <span class="c1"># subtract 1 from user_id, as user_id starts with 1 and index with 0</span>
    <span class="n">similarity</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">dot</span><span class="p">(</span><span class="n">user_row</span><span class="p">,</span> <span class="n">user_item</span><span class="o">.</span><span class="n">T</span><span class="p">)</span> <span class="c1"># compute similarity with dot product from user_row and transversed user_item</span>

    <span class="c1"># sort by similarity</span>
    <span class="n">sort_indices</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">argsort</span><span class="p">(</span><span class="o">-</span><span class="n">similarity</span><span class="p">)</span> <span class="c1"># sort array with similarity according user_id</span>
    <span class="n">sort_indices</span> <span class="o">+=</span> <span class="mi">1</span> <span class="c1"># add 1 from index, as index starts with 0 and user_id with 1</span>
   
    <span class="c1"># create list of just the ids and remove the own user&#39;s id</span>
    <span class="n">most_similar_users</span> <span class="o">=</span> <span class="nb">list</span><span class="p">(</span><span class="n">sort_indices</span><span class="p">[</span><span class="mi">1</span><span class="p">:])</span>
       
    <span class="k">return</span> <span class="n">most_similar_users</span> <span class="c1"># return a list of the users in order from most to least similar </span>
</pre></div>

    </div>
</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[18]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># Do a spot check of your function</span>
<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;The 10 most similar users to user 1 are: </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">find_similar_users</span><span class="p">(</span><span class="mi">1</span><span class="p">)[:</span><span class="mi">10</span><span class="p">]))</span>
<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;The 5 most similar users to user 3933 are: </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">find_similar_users</span><span class="p">(</span><span class="mi">3933</span><span class="p">)[:</span><span class="mi">5</span><span class="p">]))</span>
<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;The 3 most similar users to user 46 are: </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">find_similar_users</span><span class="p">(</span><span class="mi">46</span><span class="p">)[:</span><span class="mi">3</span><span class="p">]))</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt"></div>


<div class="output_subarea output_stream output_stdout output_text">
<pre>The 10 most similar users to user 1 are: [3933, 3782, 23, 203, 4459, 3870, 131, 46, 4201, 49]
The 5 most similar users to user 3933 are: [3933, 23, 3782, 4459, 203]
The 3 most similar users to user 46 are: [4201, 3782, 23]
</pre>
</div>
</div>

</div>
</div>

</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<p><code>3.</code> Now that you have a function that provides the most similar users to each user, you will want to use these users to find articles you can recommend.  Complete the functions below to return the articles you would recommend to each user.</p>

</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[19]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="k">def</span> <span class="nf">get_article_names</span><span class="p">(</span><span class="n">article_ids</span><span class="p">,</span> <span class="n">df</span><span class="o">=</span><span class="n">df</span><span class="p">):</span>
    <span class="sd">&#39;&#39;&#39;</span>
<span class="sd">    INPUT:</span>
<span class="sd">    article_ids - (list) a list of article ids</span>
<span class="sd">    df - (pandas dataframe) df as defined at the top of the notebook</span>
<span class="sd">    </span>
<span class="sd">    OUTPUT:</span>
<span class="sd">    article_names - (list) a list of article names associated with the list of article ids </span>
<span class="sd">                    (this is identified by the title column)</span>
<span class="sd">    &#39;&#39;&#39;</span>
    <span class="n">article_names</span> <span class="o">=</span> <span class="nb">list</span><span class="p">(</span><span class="nb">set</span><span class="p">(</span><span class="n">df</span><span class="p">[</span><span class="n">df</span><span class="p">[</span><span class="s2">&quot;article_id&quot;</span><span class="p">]</span><span class="o">.</span><span class="n">isin</span><span class="p">(</span><span class="n">article_ids</span><span class="p">)][</span><span class="s2">&quot;title&quot;</span><span class="p">]))</span>
    
    <span class="k">return</span> <span class="n">article_names</span> <span class="c1"># Return the article names associated with list of article ids</span>


<span class="k">def</span> <span class="nf">get_user_articles</span><span class="p">(</span><span class="n">user_id</span><span class="p">,</span> <span class="n">user_item</span><span class="o">=</span><span class="n">user_item</span><span class="p">):</span>
    <span class="sd">&#39;&#39;&#39;</span>
<span class="sd">    INPUT:</span>
<span class="sd">    user_id - (int) a user id</span>
<span class="sd">    user_item - (pandas dataframe) matrix of users by articles: </span>
<span class="sd">                1&#39;s when a user has interacted with an article, 0 otherwise</span>
<span class="sd">    </span>
<span class="sd">    OUTPUT:</span>
<span class="sd">    article_ids - (list) a list of the article ids seen by the user</span>
<span class="sd">    article_names - (list) a list of article names associated with the list of article ids </span>
<span class="sd">                    (this is identified by the doc_full_name column in df_content)</span>
<span class="sd">    </span>
<span class="sd">    Description:</span>
<span class="sd">    Provides a list of the article_ids and article titles that have been seen by a user</span>
<span class="sd">    &#39;&#39;&#39;</span>
    <span class="n">article_ids</span> <span class="o">=</span> <span class="n">user_item</span><span class="o">.</span><span class="n">loc</span><span class="p">[</span><span class="n">user_id</span><span class="p">]</span>
    <span class="n">article_ids</span> <span class="o">=</span> <span class="p">[</span><span class="nb">str</span><span class="p">(</span><span class="n">a_id</span><span class="p">)</span> <span class="k">for</span> <span class="n">a_id</span> <span class="ow">in</span> <span class="n">article_ids</span><span class="p">[</span><span class="n">article_ids</span> <span class="o">==</span> <span class="mi">1</span><span class="p">]</span><span class="o">.</span><span class="n">index</span><span class="p">]</span>
    
    <span class="n">article_names</span> <span class="o">=</span> <span class="n">get_article_names</span><span class="p">(</span><span class="n">article_ids</span><span class="p">)</span>
    
    <span class="k">return</span> <span class="n">article_ids</span><span class="p">,</span> <span class="n">article_names</span> <span class="c1"># return the ids and names</span>


<span class="k">def</span> <span class="nf">user_user_recs</span><span class="p">(</span><span class="n">user_id</span><span class="p">,</span> <span class="n">m</span><span class="o">=</span><span class="mi">10</span><span class="p">):</span>
    <span class="sd">&#39;&#39;&#39;</span>
<span class="sd">    INPUT:</span>
<span class="sd">    user_id - (int) a user id</span>
<span class="sd">    m - (int) the number of recommendations you want for the user</span>
<span class="sd">    </span>
<span class="sd">    OUTPUT:</span>
<span class="sd">    recs - (list) a list of recommendations for the user</span>
<span class="sd">    </span>
<span class="sd">    Description:</span>
<span class="sd">    Loops through the users based on closeness to the input user_id</span>
<span class="sd">    For each user - finds articles the user hasn&#39;t seen before and provides them as recs</span>
<span class="sd">    Does this until m recommendations are found</span>
<span class="sd">    </span>
<span class="sd">    Notes:</span>
<span class="sd">    Users who are the same closeness are chosen arbitrarily as the &#39;next&#39; user</span>
<span class="sd">    </span>
<span class="sd">    For the user where the number of recommended articles starts below m </span>
<span class="sd">    and ends exceeding m, the last items are chosen arbitrarily</span>
<span class="sd">    </span>
<span class="sd">    &#39;&#39;&#39;</span>
    <span class="n">user_ids</span> <span class="o">=</span> <span class="n">find_similar_users</span><span class="p">(</span><span class="n">user_id</span><span class="p">)</span>    
    <span class="n">recs</span> <span class="o">=</span> <span class="n">df</span><span class="p">[</span><span class="n">df</span><span class="p">[</span><span class="s2">&quot;user_id&quot;</span><span class="p">]</span><span class="o">.</span><span class="n">isin</span><span class="p">(</span><span class="n">user_ids</span><span class="p">)][</span><span class="s2">&quot;article_id&quot;</span><span class="p">]</span>
    
    <span class="n">recs</span> <span class="o">=</span> <span class="nb">list</span><span class="p">(</span><span class="nb">set</span><span class="p">(</span><span class="n">recs</span><span class="p">))[:</span><span class="n">m</span><span class="p">]</span>
    
    <span class="k">return</span> <span class="n">recs</span> <span class="c1"># return your recommendations for this user_id    </span>
</pre></div>

    </div>
</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[20]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># Check Results</span>
<span class="n">get_article_names</span><span class="p">(</span><span class="n">user_user_recs</span><span class="p">(</span><span class="mi">1</span><span class="p">,</span> <span class="mi">10</span><span class="p">))</span> <span class="c1"># Return 10 recommendations for user 1</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[20]:</div>


<div class="output_text output_subarea output_execute_result">
<pre>[&#39;apache spark™ 2.0: extend structured streaming for spark ml&#39;,
 &#39;timeseries data analysis of iot events by using jupyter notebook&#39;,
 &#39;detect malfunctioning iot sensors with streaming analytics&#39;,
 &#39;higher-order logistic regression for large datasets&#39;,
 &#39;data science bowl 2017&#39;,
 &#39;this week in data science (april 18, 2017)&#39;,
 &#39;analyze ny restaurant data using spark in dsx&#39;,
 &#39;got zip code data? prep it for analytics. – ibm watson data lab – medium&#39;,
 &#39;the greatest public datasets for ai – startup grind&#39;,
 &#39;3992    using apache spark to predict attack vectors a...\nName: title, dtype: object&#39;]</pre>
</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[21]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># Test your functions here - No need to change this code - just run this cell</span>
<span class="k">assert</span> <span class="nb">set</span><span class="p">(</span><span class="n">get_article_names</span><span class="p">([</span><span class="s1">&#39;1024.0&#39;</span><span class="p">,</span> <span class="s1">&#39;1176.0&#39;</span><span class="p">,</span> <span class="s1">&#39;1305.0&#39;</span><span class="p">,</span> <span class="s1">&#39;1314.0&#39;</span><span class="p">,</span> <span class="s1">&#39;1422.0&#39;</span><span class="p">,</span> <span class="s1">&#39;1427.0&#39;</span><span class="p">]))</span> <span class="o">==</span> <span class="nb">set</span><span class="p">([</span><span class="s1">&#39;using deep learning to reconstruct high-resolution audio&#39;</span><span class="p">,</span> <span class="s1">&#39;build a python app on the streaming analytics service&#39;</span><span class="p">,</span> <span class="s1">&#39;gosales transactions for naive bayes model&#39;</span><span class="p">,</span> <span class="s1">&#39;healthcare python streaming application demo&#39;</span><span class="p">,</span> <span class="s1">&#39;use r dataframes &amp; ibm watson natural language understanding&#39;</span><span class="p">,</span> <span class="s1">&#39;use xgboost, scikit-learn &amp; ibm watson machine learning apis&#39;</span><span class="p">]),</span> <span class="s2">&quot;Oops! Your the get_article_names function doesn&#39;t work quite how we expect.&quot;</span>
<span class="k">assert</span> <span class="nb">set</span><span class="p">(</span><span class="n">get_article_names</span><span class="p">([</span><span class="s1">&#39;1320.0&#39;</span><span class="p">,</span> <span class="s1">&#39;232.0&#39;</span><span class="p">,</span> <span class="s1">&#39;844.0&#39;</span><span class="p">]))</span> <span class="o">==</span> <span class="nb">set</span><span class="p">([</span><span class="s1">&#39;housing (2015): united states demographic measures&#39;</span><span class="p">,</span><span class="s1">&#39;self-service data preparation with ibm data refinery&#39;</span><span class="p">,</span><span class="s1">&#39;use the cloudant-spark connector in python notebook&#39;</span><span class="p">]),</span> <span class="s2">&quot;Oops! Your the get_article_names function doesn&#39;t work quite how we expect.&quot;</span>
<span class="k">assert</span> <span class="nb">set</span><span class="p">(</span><span class="n">get_user_articles</span><span class="p">(</span><span class="mi">20</span><span class="p">)[</span><span class="mi">0</span><span class="p">])</span> <span class="o">==</span> <span class="nb">set</span><span class="p">([</span><span class="s1">&#39;1320.0&#39;</span><span class="p">,</span> <span class="s1">&#39;232.0&#39;</span><span class="p">,</span> <span class="s1">&#39;844.0&#39;</span><span class="p">])</span>
<span class="k">assert</span> <span class="nb">set</span><span class="p">(</span><span class="n">get_user_articles</span><span class="p">(</span><span class="mi">20</span><span class="p">)[</span><span class="mi">1</span><span class="p">])</span> <span class="o">==</span> <span class="nb">set</span><span class="p">([</span><span class="s1">&#39;housing (2015): united states demographic measures&#39;</span><span class="p">,</span> <span class="s1">&#39;self-service data preparation with ibm data refinery&#39;</span><span class="p">,</span><span class="s1">&#39;use the cloudant-spark connector in python notebook&#39;</span><span class="p">])</span>
<span class="k">assert</span> <span class="nb">set</span><span class="p">(</span><span class="n">get_user_articles</span><span class="p">(</span><span class="mi">2</span><span class="p">)[</span><span class="mi">0</span><span class="p">])</span> <span class="o">==</span> <span class="nb">set</span><span class="p">([</span><span class="s1">&#39;1024.0&#39;</span><span class="p">,</span> <span class="s1">&#39;1176.0&#39;</span><span class="p">,</span> <span class="s1">&#39;1305.0&#39;</span><span class="p">,</span> <span class="s1">&#39;1314.0&#39;</span><span class="p">,</span> <span class="s1">&#39;1422.0&#39;</span><span class="p">,</span> <span class="s1">&#39;1427.0&#39;</span><span class="p">])</span>
<span class="k">assert</span> <span class="nb">set</span><span class="p">(</span><span class="n">get_user_articles</span><span class="p">(</span><span class="mi">2</span><span class="p">)[</span><span class="mi">1</span><span class="p">])</span> <span class="o">==</span> <span class="nb">set</span><span class="p">([</span><span class="s1">&#39;using deep learning to reconstruct high-resolution audio&#39;</span><span class="p">,</span> <span class="s1">&#39;build a python app on the streaming analytics service&#39;</span><span class="p">,</span> <span class="s1">&#39;gosales transactions for naive bayes model&#39;</span><span class="p">,</span> <span class="s1">&#39;healthcare python streaming application demo&#39;</span><span class="p">,</span> <span class="s1">&#39;use r dataframes &amp; ibm watson natural language understanding&#39;</span><span class="p">,</span> <span class="s1">&#39;use xgboost, scikit-learn &amp; ibm watson machine learning apis&#39;</span><span class="p">])</span>
<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;If this is all you see, you passed all of our tests!  Nice job!&quot;</span><span class="p">)</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt"></div>


<div class="output_subarea output_stream output_stdout output_text">
<pre>If this is all you see, you passed all of our tests!  Nice job!
</pre>
</div>
</div>

</div>
</div>

</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<p><code>4.</code> Now we are going to improve the consistency of the <strong>user_user_recs</strong> function from above.</p>
<ul>
<li>Instead of arbitrarily choosing when we obtain users who are all the same closeness to a given user - choose the users that have the most total article interactions before choosing those with fewer article interactions.</li>
</ul>
<ul>
<li>Instead of arbitrarily choosing articles from the user where the number of recommended articles starts below m and ends exceeding m, choose articles with the articles with the most total interactions before choosing those with fewer total interactions. This ranking should be  what would be obtained from the <strong>top_articles</strong> function you wrote earlier.</li>
</ul>

</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[22]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="k">def</span> <span class="nf">get_top_sorted_users</span><span class="p">(</span><span class="n">user_id</span><span class="p">,</span> <span class="n">df</span><span class="o">=</span><span class="n">df</span><span class="p">,</span> <span class="n">user_item</span><span class="o">=</span><span class="n">user_item</span><span class="p">):</span>
    <span class="sd">&#39;&#39;&#39;</span>
<span class="sd">    INPUT:</span>
<span class="sd">    user_id - (int)</span>
<span class="sd">    df - (pandas dataframe) df as defined at the top of the notebook </span>
<span class="sd">    user_item - (pandas dataframe) matrix of users by articles: </span>
<span class="sd">            1&#39;s when a user has interacted with an article, 0 otherwise</span>
<span class="sd">    </span>
<span class="sd">            </span>
<span class="sd">    OUTPUT:</span>
<span class="sd">    neighbors_df - (pandas dataframe) a dataframe with:</span>
<span class="sd">                    neighbor_id - is a neighbor user_id</span>
<span class="sd">                    similarity - measure of the similarity of each user to the provided user_id</span>
<span class="sd">                    num_interactions - the number of articles viewed by the user - if a u</span>
<span class="sd">                    </span>
<span class="sd">    Other Details - sort the neighbors_df by the similarity and then by number of interactions where </span>
<span class="sd">                    highest of each is higher in the dataframe</span>
<span class="sd">     </span>
<span class="sd">    &#39;&#39;&#39;</span>
    <span class="n">user_articles_interactions</span> <span class="o">=</span> <span class="n">df</span><span class="o">.</span><span class="n">groupby</span><span class="p">([</span><span class="s2">&quot;user_id&quot;</span><span class="p">])[</span><span class="s2">&quot;article_id&quot;</span><span class="p">]</span><span class="o">.</span><span class="n">count</span><span class="p">()</span>
    
    <span class="c1"># similarity of each user to selected user</span>
    <span class="n">n_users</span> <span class="o">=</span> <span class="n">user_item</span><span class="o">.</span><span class="n">shape</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span>
    
    <span class="c1"># columns</span>
    <span class="n">neighbor_id</span> <span class="o">=</span> <span class="p">[</span><span class="n">u_id</span> <span class="k">for</span> <span class="n">u_id</span> <span class="ow">in</span> <span class="nb">range</span><span class="p">(</span><span class="mi">1</span><span class="p">,</span> <span class="n">n_users</span><span class="p">)</span> <span class="k">if</span> <span class="n">u_id</span> <span class="o">!=</span> <span class="n">user_id</span><span class="p">]</span>
    <span class="n">similarity</span> <span class="o">=</span> <span class="p">[]</span>
    <span class="n">num_interactions</span> <span class="o">=</span> <span class="p">[]</span>
    
    <span class="c1"># set similarity and num_interactions</span>
    <span class="k">for</span> <span class="n">u_id</span> <span class="ow">in</span> <span class="n">neighbor_id</span><span class="p">:</span>
        <span class="n">similarity</span><span class="o">.</span><span class="n">append</span><span class="p">(</span><span class="n">np</span><span class="o">.</span><span class="n">dot</span><span class="p">(</span><span class="n">user_item</span><span class="o">.</span><span class="n">loc</span><span class="p">[</span><span class="n">user_id</span><span class="p">],</span> <span class="n">user_item</span><span class="o">.</span><span class="n">loc</span><span class="p">[</span><span class="n">u_id</span><span class="p">]))</span>
        <span class="n">num_interactions</span><span class="o">.</span><span class="n">append</span><span class="p">(</span><span class="n">user_articles_interactions</span><span class="o">.</span><span class="n">loc</span><span class="p">[</span><span class="n">u_id</span><span class="p">])</span>
    
    <span class="c1"># create dataframe</span>
    <span class="n">neighbors_df</span> <span class="o">=</span> <span class="n">pd</span><span class="o">.</span><span class="n">DataFrame</span><span class="p">({</span><span class="s2">&quot;neighbor_id&quot;</span><span class="p">:</span> <span class="n">neighbor_id</span><span class="p">,</span>
                                <span class="s2">&quot;similarity&quot;</span><span class="p">:</span> <span class="n">similarity</span><span class="p">,</span>
                                <span class="s2">&quot;num_interactions&quot;</span><span class="p">:</span> <span class="n">num_interactions</span>
                                <span class="p">})</span>
    
    <span class="c1"># sort dataframe by similarity</span>
    <span class="n">neighbors_df</span><span class="o">.</span><span class="n">sort_values</span><span class="p">(</span><span class="n">by</span> <span class="o">=</span> <span class="p">[</span><span class="s2">&quot;similarity&quot;</span><span class="p">,</span> <span class="s2">&quot;num_interactions&quot;</span><span class="p">],</span> <span class="n">ascending</span> <span class="o">=</span> <span class="kc">False</span><span class="p">,</span> <span class="n">inplace</span> <span class="o">=</span> <span class="kc">True</span><span class="p">)</span>
    
    <span class="k">return</span> <span class="n">neighbors_df</span> <span class="c1"># Return the dataframe specified in the doc_string</span>


<span class="k">def</span> <span class="nf">user_user_recs_part2</span><span class="p">(</span><span class="n">user_id</span><span class="p">,</span> <span class="n">m</span><span class="o">=</span><span class="mi">10</span><span class="p">):</span>
    <span class="sd">&#39;&#39;&#39;</span>
<span class="sd">    INPUT:</span>
<span class="sd">    user_id - (int) a user id</span>
<span class="sd">    m - (int) the number of recommendations you want for the user</span>
<span class="sd">    </span>
<span class="sd">    OUTPUT:</span>
<span class="sd">    recs - (list) a list of recommendations for the user by article id</span>
<span class="sd">    rec_names - (list) a list of recommendations for the user by article title</span>
<span class="sd">    </span>
<span class="sd">    Description:</span>
<span class="sd">    Loops through the users based on closeness to the input user_id</span>
<span class="sd">    For each user - finds articles the user hasn&#39;t seen before and provides them as recs</span>
<span class="sd">    Does this until m recommendations are found</span>
<span class="sd">    </span>
<span class="sd">    Notes:</span>
<span class="sd">    * Choose the users that have the most total article interactions </span>
<span class="sd">    before choosing those with fewer article interactions.</span>

<span class="sd">    * Choose articles with the articles with the most total interactions </span>
<span class="sd">    before choosing those with fewer total interactions. </span>
<span class="sd">   </span>
<span class="sd">    &#39;&#39;&#39;</span>
    <span class="n">neighbors_df</span> <span class="o">=</span> <span class="n">get_top_sorted_users</span><span class="p">(</span><span class="n">user_id</span><span class="p">)</span>
    
    <span class="c1"># set top-m neighbor_id</span>
    <span class="n">top_m_neighbors</span> <span class="o">=</span> <span class="nb">list</span><span class="p">(</span><span class="n">neighbors_df</span><span class="p">[:</span><span class="n">m</span><span class="p">][</span><span class="s2">&quot;neighbor_id&quot;</span><span class="p">])</span>
    
    <span class="c1"># set article_ids seen by top-m neighbors</span>
    <span class="n">recs</span> <span class="o">=</span> <span class="p">[]</span>
    <span class="k">for</span> <span class="n">u_id</span> <span class="ow">in</span> <span class="n">top_m_neighbors</span><span class="p">:</span>
        <span class="n">article_ids</span> <span class="o">=</span> <span class="n">user_item</span><span class="o">.</span><span class="n">loc</span><span class="p">[</span><span class="n">u_id</span><span class="p">]</span>
        <span class="n">recs</span><span class="o">.</span><span class="n">extend</span><span class="p">([</span><span class="nb">str</span><span class="p">(</span><span class="n">a_id</span><span class="p">)</span> <span class="k">for</span> <span class="n">a_id</span> <span class="ow">in</span> <span class="n">article_ids</span><span class="p">[</span><span class="n">article_ids</span> <span class="o">==</span> <span class="mi">1</span><span class="p">]</span><span class="o">.</span><span class="n">index</span><span class="p">])</span>
    
    <span class="n">recs</span> <span class="o">=</span> <span class="nb">list</span><span class="p">(</span><span class="nb">set</span><span class="p">(</span><span class="n">recs</span><span class="p">))[:</span><span class="n">m</span><span class="p">]</span>
    
    <span class="c1"># set article names and remove dublicates</span>
    <span class="n">rec_names</span> <span class="o">=</span> <span class="nb">list</span><span class="p">(</span><span class="nb">set</span><span class="p">(</span><span class="n">df</span><span class="p">[</span><span class="n">df</span><span class="p">[</span><span class="s2">&quot;article_id&quot;</span><span class="p">]</span><span class="o">.</span><span class="n">isin</span><span class="p">(</span><span class="n">recs</span><span class="p">)][</span><span class="s2">&quot;title&quot;</span><span class="p">]))</span>
    
    <span class="k">return</span> <span class="n">recs</span><span class="p">,</span> <span class="n">rec_names</span>
</pre></div>

    </div>
</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[23]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># Quick spot check - don&#39;t change this code - just use it to test your functions</span>
<span class="n">rec_ids</span><span class="p">,</span> <span class="n">rec_names</span> <span class="o">=</span> <span class="n">user_user_recs_part2</span><span class="p">(</span><span class="mi">20</span><span class="p">,</span> <span class="mi">10</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;The top 10 recommendations for user 20 are the following article ids:&quot;</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="n">rec_ids</span><span class="p">)</span>
<span class="nb">print</span><span class="p">()</span>
<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;The top 10 recommendations for user 20 are the following article names:&quot;</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="n">rec_names</span><span class="p">)</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt"></div>


<div class="output_subarea output_stream output_stdout output_text">
<pre>The top 10 recommendations for user 20 are the following article ids:
[&#39;256.0&#39;, &#39;1314.0&#39;, &#39;112.0&#39;, &#39;1298.0&#39;, &#39;761.0&#39;, &#39;1184.0&#39;, &#39;465.0&#39;, &#39;981.0&#39;, &#39;1152.0&#39;, &#39;1330.0&#39;]

The top 10 recommendations for user 20 are the following article names:
[&#39;airbnb data for analytics: venice reviews&#39;, &#39;healthcare python streaming application demo&#39;, &#39;variational auto-encoder for &#34;frey faces&#34; using keras&#39;, &#39;super fast string matching in python&#39;, &#39;xml2 1.0.0&#39;, &#39;introduction to neural networks, advantages and applications&#39;, &#39;from scikit-learn model to cloud with wml client&#39;, &#39;building custom machine learning algorithms with apache systemml&#39;, &#39;insights from new york car accident reports&#39;, &#39;city population by sex, city and city type&#39;]
</pre>
</div>
</div>

</div>
</div>

</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<p><code>5.</code> Use your functions from above to correctly fill in the solutions to the dictionary below.  Then test your dictionary against the solution.  Provide the code you need to answer each following the comments below.</p>

</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[24]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1">### Tests with a dictionary of results</span>

<span class="c1"># Find the user that is most similar to user 1 </span>
<span class="n">user1_most_sim</span> <span class="o">=</span> <span class="n">get_top_sorted_users</span><span class="p">(</span><span class="mi">1</span><span class="p">)</span><span class="o">.</span><span class="n">iloc</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span><span class="o">.</span><span class="n">neighbor_id</span> 
<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;1st user which is most similar to user 1: </span><span class="si">{}</span><span class="se">\n</span><span class="s2">&quot;</span><span class="o">.</span><span class="n">format</span><span class="p">(</span><span class="n">user1_most_sim</span><span class="p">))</span>

<span class="c1"># Find the 10th most similar user to user 131</span>
<span class="n">user131_10th_sim</span> <span class="o">=</span> <span class="n">get_top_sorted_users</span><span class="p">(</span><span class="mi">131</span><span class="p">)</span><span class="o">.</span><span class="n">iloc</span><span class="p">[</span><span class="mi">9</span><span class="p">]</span><span class="o">.</span><span class="n">neighbor_id</span> 
<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;10th user which is most similar to user 131: </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">user131_10th_sim</span><span class="p">))</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt"></div>


<div class="output_subarea output_stream output_stdout output_text">
<pre>1st user which is most similar to user 1: 3933

10th user which is most similar to user 131: 242
</pre>
</div>
</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[25]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1">## Dictionary Test Here</span>
<span class="n">sol_5_dict</span> <span class="o">=</span> <span class="p">{</span>
    <span class="s1">&#39;The user that is most similar to user 1.&#39;</span><span class="p">:</span> <span class="n">user1_most_sim</span><span class="p">,</span> 
    <span class="s1">&#39;The user that is the 10th most similar to user 131&#39;</span><span class="p">:</span> <span class="n">user131_10th_sim</span><span class="p">,</span>
<span class="p">}</span>

<span class="n">t</span><span class="o">.</span><span class="n">sol_5_test</span><span class="p">(</span><span class="n">sol_5_dict</span><span class="p">)</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt"></div>


<div class="output_subarea output_stream output_stdout output_text">
<pre>This all looks good!  Nice job!
</pre>
</div>
</div>

</div>
</div>

</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<p><code>6.</code> If we were given a new user, which of the above functions would you be able to use to make recommendations?  Explain.  Can you think of a better way we might make recommendations?  Use the cell below to explain a better method for new users.</p>

</div>
</div>
</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<p><strong>Response:</strong></p>
<p>The User-Based Collaborative Filtering Method is not applicable due to the cold start problem. We don't have data of interactions with articles from the new user and therefore calculation of similarities is not possible (because row in user_item matrix for new user has no values).
For new users we can only recommend articles using the Ranked-Based Filtering method with the function "get_top_articles".</p>
<p>A better way of making recommedations to new users could be with the Knowledge Based Filtering Method. Here we would need selected input informations from the user as preferences of article topics. We could use also the Content Based Filtering Method.</p>

</div>
</div>
</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<p><code>7.</code> Using your existing functions, provide the top 10 recommended articles you would provide for the new user below.  You can test your function against our thoughts to make sure we are all on the same page with how we might make a recommendation.</p>

</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[26]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">new_user</span> <span class="o">=</span> <span class="s1">&#39;0.0&#39;</span>

<span class="c1"># What would your recommendations be for this new user &#39;0.0&#39;?  As a new user, they have no observed articles.</span>
<span class="c1"># Provide a list of the top 10 article ids you would give to </span>
<span class="n">new_user_recs</span> <span class="o">=</span> <span class="n">get_top_article_ids</span><span class="p">(</span><span class="mi">10</span><span class="p">)</span>
<span class="n">new_user_recs</span> <span class="o">=</span> <span class="p">[</span><span class="nb">str</span><span class="p">(</span><span class="nb">id</span><span class="p">)</span> <span class="k">for</span> <span class="nb">id</span> <span class="ow">in</span> <span class="n">new_user_recs</span><span class="p">]</span>
</pre></div>

    </div>
</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[27]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="k">assert</span> <span class="nb">set</span><span class="p">(</span><span class="n">new_user_recs</span><span class="p">)</span> <span class="o">==</span> <span class="nb">set</span><span class="p">([</span><span class="s1">&#39;1314.0&#39;</span><span class="p">,</span><span class="s1">&#39;1429.0&#39;</span><span class="p">,</span><span class="s1">&#39;1293.0&#39;</span><span class="p">,</span><span class="s1">&#39;1427.0&#39;</span><span class="p">,</span><span class="s1">&#39;1162.0&#39;</span><span class="p">,</span><span class="s1">&#39;1364.0&#39;</span><span class="p">,</span><span class="s1">&#39;1304.0&#39;</span><span class="p">,</span><span class="s1">&#39;1170.0&#39;</span><span class="p">,</span><span class="s1">&#39;1431.0&#39;</span><span class="p">,</span><span class="s1">&#39;1330.0&#39;</span><span class="p">]),</span> <span class="s2">&quot;Oops!  It makes sense that in this case we would want to recommend the most popular articles, because we don&#39;t know anything about these users.&quot;</span>

<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;That&#39;s right!  Nice job!&quot;</span><span class="p">)</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt"></div>


<div class="output_subarea output_stream output_stdout output_text">
<pre>That&#39;s right!  Nice job!
</pre>
</div>
</div>

</div>
</div>

</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<h3 id="Part-IV:-Matrix-Factorization"><a class="anchor" id="Matrix-Fact">Part IV: Matrix Factorization</a><a class="anchor-link" href="#Part-IV:-Matrix-Factorization">&#182;</a></h3><p>In this part of the notebook, you will use matrix factorization to make article recommendations to the users on the IBM Watson Studio platform.</p>
<p><code>1.</code> You should have already created a <strong>user_item</strong> matrix above in <strong>question 1</strong> of <strong>Part III</strong> above.  This first question here will just require that you run the cells to get things set up for the rest of <strong>Part IV</strong> of the notebook.</p>

</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[28]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># Load the matrix here</span>
<span class="n">user_item_matrix</span> <span class="o">=</span> <span class="n">pd</span><span class="o">.</span><span class="n">read_pickle</span><span class="p">(</span><span class="s1">&#39;user_item_matrix.p&#39;</span><span class="p">)</span>

<span class="c1"># quick look at the matrix</span>
<span class="n">user_item_matrix</span><span class="o">.</span><span class="n">head</span><span class="p">()</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[28]:</div>


<div class="output_html rendered_html output_subarea output_execute_result">
<div>
<style scoped>
    .dataframe tbody tr th:only-of-type {
        vertical-align: middle;
    }

    .dataframe tbody tr th {
        vertical-align: top;
    }

    .dataframe thead th {
        text-align: right;
    }
</style>
<table border="1" class="dataframe">
  <thead>
    <tr style="text-align: right;">
      <th>article_id</th>
      <th>0.0</th>
      <th>2.0</th>
      <th>4.0</th>
      <th>8.0</th>
      <th>9.0</th>
      <th>12.0</th>
      <th>14.0</th>
      <th>15.0</th>
      <th>16.0</th>
      <th>18.0</th>
      <th>...</th>
      <th>1434.0</th>
      <th>1435.0</th>
      <th>1436.0</th>
      <th>1437.0</th>
      <th>1439.0</th>
      <th>1440.0</th>
      <th>1441.0</th>
      <th>1442.0</th>
      <th>1443.0</th>
      <th>1444.0</th>
    </tr>
    <tr>
      <th>user_id</th>
      <th></th>
      <th></th>
      <th></th>
      <th></th>
      <th></th>
      <th></th>
      <th></th>
      <th></th>
      <th></th>
      <th></th>
      <th></th>
      <th></th>
      <th></th>
      <th></th>
      <th></th>
      <th></th>
      <th></th>
      <th></th>
      <th></th>
      <th></th>
      <th></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>1</th>
      <td>0</td>
      <td>0</td>
      <td>0</td>
      <td>0</td>
      <td>0</td>
      <td>0</td>
      <td>0</td>
      <td>0</td>
      <td>0</td>
      <td>0</td>
      <td>...</td>
      <td>0</td>
      <td>0</td>
      <td>1</td>
      <td>0</td>
      <td>1</td>
      <td>0</td>
      <td>0</td>
      <td>0</td>
      <td>0</td>
      <td>0</td>
    </tr>
    <tr>
      <th>2</th>
      <td>0</td>
      <td>0</td>
      <td>0</td>
      <td>0</td>
      <td>0</td>
      <td>0</td>
      <td>0</td>
      <td>0</td>
      <td>0</td>
      <td>0</td>
      <td>...</td>
      <td>0</td>
      <td>0</td>
      <td>0</td>
      <td>0</td>
      <td>0</td>
      <td>0</td>
      <td>0</td>
      <td>0</td>
      <td>0</td>
      <td>0</td>
    </tr>
    <tr>
      <th>3</th>
      <td>0</td>
      <td>0</td>
      <td>0</td>
      <td>0</td>
      <td>0</td>
      <td>1</td>
      <td>0</td>
      <td>0</td>
      <td>0</td>
      <td>0</td>
      <td>...</td>
      <td>0</td>
      <td>0</td>
      <td>1</td>
      <td>0</td>
      <td>0</td>
      <td>0</td>
      <td>0</td>
      <td>0</td>
      <td>0</td>
      <td>0</td>
    </tr>
    <tr>
      <th>4</th>
      <td>0</td>
      <td>0</td>
      <td>0</td>
      <td>0</td>
      <td>0</td>
      <td>0</td>
      <td>0</td>
      <td>0</td>
      <td>0</td>
      <td>0</td>
      <td>...</td>
      <td>0</td>
      <td>0</td>
      <td>0</td>
      <td>0</td>
      <td>0</td>
      <td>0</td>
      <td>0</td>
      <td>0</td>
      <td>0</td>
      <td>0</td>
    </tr>
    <tr>
      <th>5</th>
      <td>0</td>
      <td>0</td>
      <td>0</td>
      <td>0</td>
      <td>0</td>
      <td>0</td>
      <td>0</td>
      <td>0</td>
      <td>0</td>
      <td>0</td>
      <td>...</td>
      <td>0</td>
      <td>0</td>
      <td>0</td>
      <td>0</td>
      <td>0</td>
      <td>0</td>
      <td>0</td>
      <td>0</td>
      <td>0</td>
      <td>0</td>
    </tr>
  </tbody>
</table>
<p>5 rows × 714 columns</p>
</div>
</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<p><code>2.</code> In this situation, you can use Singular Value Decomposition from <a href="https://docs.scipy.org/doc/numpy-1.14.0/reference/generated/numpy.linalg.svd.html">numpy</a> on the user-item matrix.  Use the cell to perform SVD, and explain why this is different than in the lesson.</p>

</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[29]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># Perform SVD on the User-Item Matrix Here</span>
<span class="n">u</span><span class="p">,</span> <span class="n">s</span><span class="p">,</span> <span class="n">vt</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">linalg</span><span class="o">.</span><span class="n">svd</span><span class="p">(</span><span class="n">user_item_matrix</span><span class="p">,</span> <span class="n">full_matrices</span> <span class="o">=</span> <span class="kc">False</span><span class="p">)</span> <span class="c1"># use the built in to get the three matrices</span>
</pre></div>

    </div>
</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[30]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">u</span><span class="o">.</span><span class="n">shape</span><span class="p">,</span> <span class="n">s</span><span class="o">.</span><span class="n">shape</span><span class="p">,</span> <span class="n">vt</span><span class="o">.</span><span class="n">shape</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[30]:</div>


<div class="output_text output_subarea output_execute_result">
<pre>((5149, 714), (714,), (714, 714))</pre>
</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<p><strong>Response:</strong></p>
<p>We can use SVD method because the user-item matrix is completely filled with values (0 and 1). In case of one or more missing values in the matrix (None or NaN), as in the example from the lesson, SVD couldn't decomposit user-item matrix into the 3 matrices u, s, vt. Then we would need to use FunkSVD.</p>

</div>
</div>
</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<p><code>3.</code> Now for the tricky part, how do we choose the number of latent features to use?  Running the below cell, you can see that as the number of latent features increases, we obtain a lower error rate on making predictions for the 1 and 0 values in the user-item matrix.  Run the cell below to get an idea of how the accuracy improves as we increase the number of latent features.</p>

</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[31]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">num_latent_feats</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">arange</span><span class="p">(</span><span class="mi">10</span><span class="p">,</span><span class="mi">700</span><span class="o">+</span><span class="mi">10</span><span class="p">,</span><span class="mi">20</span><span class="p">)</span>
<span class="n">sum_errs</span> <span class="o">=</span> <span class="p">[]</span>

<span class="k">for</span> <span class="n">k</span> <span class="ow">in</span> <span class="n">num_latent_feats</span><span class="p">:</span>
    <span class="c1"># restructure with k latent features</span>
    <span class="n">s_new</span><span class="p">,</span> <span class="n">u_new</span><span class="p">,</span> <span class="n">vt_new</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">diag</span><span class="p">(</span><span class="n">s</span><span class="p">[:</span><span class="n">k</span><span class="p">]),</span> <span class="n">u</span><span class="p">[:,</span> <span class="p">:</span><span class="n">k</span><span class="p">],</span> <span class="n">vt</span><span class="p">[:</span><span class="n">k</span><span class="p">,</span> <span class="p">:]</span>
    
    <span class="c1"># take dot product</span>
    <span class="n">user_item_est</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">around</span><span class="p">(</span><span class="n">np</span><span class="o">.</span><span class="n">dot</span><span class="p">(</span><span class="n">np</span><span class="o">.</span><span class="n">dot</span><span class="p">(</span><span class="n">u_new</span><span class="p">,</span> <span class="n">s_new</span><span class="p">),</span> <span class="n">vt_new</span><span class="p">))</span>
    
    <span class="c1"># compute error for each prediction to actual value</span>
    <span class="n">diffs</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">subtract</span><span class="p">(</span><span class="n">user_item_matrix</span><span class="p">,</span> <span class="n">user_item_est</span><span class="p">)</span>
    
    <span class="c1"># total errors and keep track of them</span>
    <span class="n">err</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">sum</span><span class="p">(</span><span class="n">np</span><span class="o">.</span><span class="n">sum</span><span class="p">(</span><span class="n">np</span><span class="o">.</span><span class="n">abs</span><span class="p">(</span><span class="n">diffs</span><span class="p">)))</span>
    <span class="n">sum_errs</span><span class="o">.</span><span class="n">append</span><span class="p">(</span><span class="n">err</span><span class="p">)</span>
    
    
<span class="n">plt</span><span class="o">.</span><span class="n">plot</span><span class="p">(</span><span class="n">num_latent_feats</span><span class="p">,</span> <span class="mi">1</span> <span class="o">-</span> <span class="n">np</span><span class="o">.</span><span class="n">array</span><span class="p">(</span><span class="n">sum_errs</span><span class="p">)</span><span class="o">/</span><span class="n">df</span><span class="o">.</span><span class="n">shape</span><span class="p">[</span><span class="mi">0</span><span class="p">]);</span>
<span class="n">plt</span><span class="o">.</span><span class="n">xlabel</span><span class="p">(</span><span class="s1">&#39;Number of Latent Features&#39;</span><span class="p">);</span>
<span class="n">plt</span><span class="o">.</span><span class="n">ylabel</span><span class="p">(</span><span class="s1">&#39;Accuracy&#39;</span><span class="p">);</span>
<span class="n">plt</span><span class="o">.</span><span class="n">title</span><span class="p">(</span><span class="s1">&#39;Accuracy vs. Number of Latent Features&#39;</span><span class="p">);</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt"></div>


<div class="output_png output_subarea ">
<img src="data:image/png;base64,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
"
>
</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<p><code>4.</code> From the above, we can't really be sure how many features to use, because simply having a better way to predict the 1's and 0's of the matrix doesn't exactly give us an indication if we are able to make good recommendations.  Instead, we might split our dataset into a training and test set of data, as shown in the cell below.</p>
<p>Use the code from question 3 to understand the impact on accuracy of the training and test sets of data with different numbers of latent features. Using the split below:</p>
<ul>
<li>How many users can we make predictions for in the test set?  </li>
<li>How many users are we not able to make predictions for because of the cold start problem?</li>
<li>How many articles can we make predictions for in the test set?  </li>
<li>How many articles are we not able to make predictions for because of the cold start problem?</li>
</ul>

</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[32]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">df_train</span> <span class="o">=</span> <span class="n">df</span><span class="o">.</span><span class="n">head</span><span class="p">(</span><span class="mi">40000</span><span class="p">)</span>
<span class="n">df_test</span> <span class="o">=</span> <span class="n">df</span><span class="o">.</span><span class="n">tail</span><span class="p">(</span><span class="mi">5993</span><span class="p">)</span>

<span class="k">def</span> <span class="nf">create_test_and_train_user_item</span><span class="p">(</span><span class="n">df_train</span><span class="p">,</span> <span class="n">df_test</span><span class="p">):</span>
    <span class="sd">&#39;&#39;&#39;</span>
<span class="sd">    INPUT:</span>
<span class="sd">    df_train - training dataframe</span>
<span class="sd">    df_test - test dataframe</span>
<span class="sd">    </span>
<span class="sd">    OUTPUT:</span>
<span class="sd">    user_item_train - a user-item matrix of the training dataframe </span>
<span class="sd">                      (unique users for each row and unique articles for each column)</span>
<span class="sd">    user_item_test - a user-item matrix of the testing dataframe </span>
<span class="sd">                    (unique users for each row and unique articles for each column)</span>
<span class="sd">    test_idx - all of the test user ids</span>
<span class="sd">    test_arts - all of the test article ids</span>
<span class="sd">    </span>
<span class="sd">    &#39;&#39;&#39;</span>
    <span class="n">user_item_train</span> <span class="o">=</span> <span class="n">create_user_item_matrix</span><span class="p">(</span><span class="n">df_train</span><span class="p">)</span>
    <span class="n">user_item_test</span> <span class="o">=</span> <span class="n">create_user_item_matrix</span><span class="p">(</span><span class="n">df_test</span><span class="p">)</span>
    
    <span class="n">test_idx</span> <span class="o">=</span> <span class="nb">list</span><span class="p">(</span><span class="nb">set</span><span class="p">(</span><span class="n">user_item_test</span><span class="o">.</span><span class="n">index</span><span class="p">))</span>
    <span class="n">test_arts</span> <span class="o">=</span> <span class="nb">list</span><span class="p">(</span><span class="nb">set</span><span class="p">(</span><span class="n">user_item_test</span><span class="o">.</span><span class="n">columns</span><span class="p">))</span>
    
    <span class="k">return</span> <span class="n">user_item_train</span><span class="p">,</span> <span class="n">user_item_test</span><span class="p">,</span> <span class="n">test_idx</span><span class="p">,</span> <span class="n">test_arts</span>

<span class="n">user_item_train</span><span class="p">,</span> <span class="n">user_item_test</span><span class="p">,</span> <span class="n">test_idx</span><span class="p">,</span> <span class="n">test_arts</span> <span class="o">=</span> <span class="n">create_test_and_train_user_item</span><span class="p">(</span><span class="n">df_train</span><span class="p">,</span> <span class="n">df_test</span><span class="p">)</span>
</pre></div>

    </div>
</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[33]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># How many users can we make predictions for the test set?</span>
<span class="n">answer_1</span> <span class="o">=</span> <span class="nb">len</span><span class="p">(</span><span class="n">np</span><span class="o">.</span><span class="n">intersect1d</span><span class="p">(</span><span class="n">user_item_test</span><span class="o">.</span><span class="n">index</span><span class="p">,</span> <span class="n">user_item_train</span><span class="o">.</span><span class="n">index</span><span class="p">))</span>
<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;</span><span class="si">{}</span><span class="s2"> number of users in test set we can make predictions for&quot;</span><span class="o">.</span><span class="n">format</span><span class="p">(</span><span class="n">answer_1</span><span class="p">))</span>

<span class="c1"># How many users in the test set are we not able to make predictions for because of the cold start problem?</span>
<span class="n">answer_2</span> <span class="o">=</span> <span class="nb">len</span><span class="p">(</span><span class="nb">set</span><span class="p">(</span><span class="n">user_item_test</span><span class="o">.</span><span class="n">index</span><span class="p">)</span> <span class="o">-</span> <span class="nb">set</span><span class="p">(</span><span class="n">user_item_train</span><span class="o">.</span><span class="n">index</span><span class="p">))</span>
<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;</span><span class="si">{}</span><span class="s2"> number of users in test set we can NOT make predictions for (cold start problem)&quot;</span><span class="o">.</span><span class="n">format</span><span class="p">(</span><span class="n">answer_2</span><span class="p">))</span>

<span class="c1"># How many articles can we make predictions for in the test set?</span>
<span class="n">answer_3</span> <span class="o">=</span> <span class="nb">len</span><span class="p">(</span><span class="n">np</span><span class="o">.</span><span class="n">intersect1d</span><span class="p">(</span><span class="n">user_item_test</span><span class="o">.</span><span class="n">columns</span><span class="p">,</span> <span class="n">user_item_train</span><span class="o">.</span><span class="n">columns</span><span class="p">))</span>
<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;</span><span class="si">{}</span><span class="s2"> number of articles in test set we can make predictions for&quot;</span><span class="o">.</span><span class="n">format</span><span class="p">(</span><span class="n">answer_3</span><span class="p">))</span>

<span class="c1"># How many articles in the test set are we not able to make predictions for because of the cold start problem?</span>
<span class="n">answer_4</span> <span class="o">=</span> <span class="nb">len</span><span class="p">(</span><span class="nb">set</span><span class="p">(</span><span class="n">user_item_test</span><span class="o">.</span><span class="n">columns</span><span class="p">)</span> <span class="o">-</span> <span class="nb">set</span><span class="p">(</span><span class="n">user_item_train</span><span class="o">.</span><span class="n">columns</span><span class="p">))</span>
<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;</span><span class="si">{}</span><span class="s2"> number of articles in test set we can NOT make predictions for (cold start problem)&quot;</span><span class="o">.</span><span class="n">format</span><span class="p">(</span><span class="n">answer_4</span><span class="p">))</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt"></div>


<div class="output_subarea output_stream output_stdout output_text">
<pre>20 number of users in test set we can make predictions for
662 number of users in test set we can NOT make predictions for (cold start problem)
574 number of articles in test set we can make predictions for
0 number of articles in test set we can NOT make predictions for (cold start problem)
</pre>
</div>
</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[34]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># Replace the values in the dictionary below</span>
<span class="n">a</span> <span class="o">=</span> <span class="mi">662</span> 
<span class="n">b</span> <span class="o">=</span> <span class="mi">574</span> 
<span class="n">c</span> <span class="o">=</span> <span class="mi">20</span> 
<span class="n">d</span> <span class="o">=</span> <span class="mi">0</span> 


<span class="n">sol_4_dict</span> <span class="o">=</span> <span class="p">{</span>
    <span class="s1">&#39;How many users can we make predictions for in the test set?&#39;</span><span class="p">:</span> <span class="n">answer_1</span><span class="p">,</span> 
    <span class="s1">&#39;How many users in the test set are we not able to make predictions for because of the cold start problem?&#39;</span><span class="p">:</span> <span class="n">answer_2</span><span class="p">,</span> 
    <span class="s1">&#39;How many articles can we make predictions for in the test set?&#39;</span><span class="p">:</span> <span class="n">answer_3</span><span class="p">,</span>
    <span class="s1">&#39;How many articles in the test set are we not able to make predictions for because of the cold start problem?&#39;</span><span class="p">:</span> <span class="n">answer_4</span>
<span class="p">}</span>

<span class="n">t</span><span class="o">.</span><span class="n">sol_4_test</span><span class="p">(</span><span class="n">sol_4_dict</span><span class="p">)</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt"></div>


<div class="output_subarea output_stream output_stdout output_text">
<pre>Awesome job!  That&#39;s right!  All of the test articles are in the training data, but there are only 20 test users that were also in the training set.  All of the other users that are in the test set we have no data on.  Therefore, we cannot make predictions for these users using SVD.
</pre>
</div>
</div>

</div>
</div>

</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<p><code>5.</code> Now use the <strong>user_item_train</strong> dataset from above to find U, S, and V transpose using SVD. Then find the subset of rows in the <strong>user_item_test</strong> dataset that you can predict using this matrix decomposition with different numbers of latent features to see how many features makes sense to keep based on the accuracy on the test data. This will require combining what was done in questions <code>2</code> - <code>4</code>.</p>
<p>Use the cells below to explore how well SVD works towards making predictions for recommendations on the test data.</p>

</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[35]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># fit SVD on the user_item_train matrix</span>
<span class="n">u_train</span><span class="p">,</span> <span class="n">s_train</span><span class="p">,</span> <span class="n">vt_train</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">linalg</span><span class="o">.</span><span class="n">svd</span><span class="p">(</span><span class="n">user_item_train</span><span class="p">,</span> <span class="n">full_matrices</span> <span class="o">=</span> <span class="kc">False</span><span class="p">)</span> <span class="c1"># fit svd similar to above then use the cells below</span>

<span class="n">u_train</span><span class="o">.</span><span class="n">shape</span><span class="p">,</span> <span class="n">s_train</span><span class="o">.</span><span class="n">shape</span><span class="p">,</span> <span class="n">vt_train</span><span class="o">.</span><span class="n">shape</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[35]:</div>


<div class="output_text output_subarea output_execute_result">
<pre>((4487, 714), (714,), (714, 714))</pre>
</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[36]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># find subset of user and article matrices which could be calculated with dot product</span>
<span class="n">u_test</span> <span class="o">=</span> <span class="n">u_train</span><span class="p">[</span><span class="n">user_item_train</span><span class="o">.</span><span class="n">index</span><span class="o">.</span><span class="n">isin</span><span class="p">(</span><span class="n">test_idx</span><span class="p">),</span> <span class="p">:]</span>
<span class="n">vt_test</span> <span class="o">=</span> <span class="n">vt_train</span><span class="p">[:,</span> <span class="n">user_item_train</span><span class="o">.</span><span class="n">columns</span><span class="o">.</span><span class="n">isin</span><span class="p">(</span><span class="n">test_arts</span><span class="p">)]</span>

<span class="n">u_test</span><span class="o">.</span><span class="n">shape</span><span class="p">,</span> <span class="n">vt_test</span><span class="o">.</span><span class="n">shape</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[36]:</div>


<div class="output_text output_subarea output_execute_result">
<pre>((20, 714), (714, 574))</pre>
</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[37]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># find the subset of users and articles from user_item_test that be could predict.</span>
<span class="n">test_users</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">intersect1d</span><span class="p">(</span><span class="n">user_item_train</span><span class="o">.</span><span class="n">index</span><span class="p">,</span> <span class="n">user_item_test</span><span class="o">.</span><span class="n">index</span><span class="p">)</span>
<span class="n">test_articles</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">intersect1d</span><span class="p">(</span><span class="n">user_item_train</span><span class="o">.</span><span class="n">columns</span><span class="p">,</span> <span class="n">user_item_test</span><span class="o">.</span><span class="n">columns</span><span class="p">)</span>
<span class="n">user_item_test_pred</span> <span class="o">=</span> <span class="n">user_item_test</span><span class="o">.</span><span class="n">loc</span><span class="p">[</span><span class="n">test_users</span><span class="p">,</span> <span class="n">test_articles</span><span class="p">]</span>
</pre></div>

    </div>
</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[38]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">num_latent_feats</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">arange</span><span class="p">(</span><span class="mi">10</span><span class="p">,</span><span class="mi">700</span><span class="o">+</span><span class="mi">10</span><span class="p">,</span><span class="mi">20</span><span class="p">)</span>

<span class="n">sum_errs_train</span> <span class="o">=</span> <span class="p">[]</span>
<span class="n">sum_errs_test</span> <span class="o">=</span> <span class="p">[]</span>

<span class="n">f1_train</span> <span class="o">=</span> <span class="p">[]</span>
<span class="n">f1_test</span> <span class="o">=</span> <span class="p">[]</span>

<span class="k">for</span> <span class="n">k</span> <span class="ow">in</span> <span class="n">num_latent_feats</span><span class="p">:</span>
    <span class="c1"># restructure with k latent features</span>
    <span class="n">s_train_new</span><span class="p">,</span> <span class="n">u_train_new</span><span class="p">,</span> <span class="n">vt_train_new</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">diag</span><span class="p">(</span><span class="n">s_train</span><span class="p">[:</span><span class="n">k</span><span class="p">]),</span> <span class="n">u_train</span><span class="p">[:,</span> <span class="p">:</span><span class="n">k</span><span class="p">],</span> <span class="n">vt_train</span><span class="p">[:</span><span class="n">k</span><span class="p">,</span> <span class="p">:]</span>
    <span class="n">u_test_new</span><span class="p">,</span> <span class="n">vt_test_new</span> <span class="o">=</span> <span class="n">u_test</span><span class="p">[:,</span> <span class="p">:</span><span class="n">k</span><span class="p">],</span> <span class="n">vt_test</span><span class="p">[:</span><span class="n">k</span><span class="p">,</span> <span class="p">:]</span>
    
    <span class="c1"># take dot product</span>
    <span class="n">user_item_train_est</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">around</span><span class="p">(</span><span class="n">np</span><span class="o">.</span><span class="n">dot</span><span class="p">(</span><span class="n">np</span><span class="o">.</span><span class="n">dot</span><span class="p">(</span><span class="n">u_train_new</span><span class="p">,</span> <span class="n">s_train_new</span><span class="p">),</span> <span class="n">vt_train_new</span><span class="p">))</span>
    <span class="n">user_item_test_est</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">around</span><span class="p">(</span><span class="n">np</span><span class="o">.</span><span class="n">dot</span><span class="p">(</span><span class="n">np</span><span class="o">.</span><span class="n">dot</span><span class="p">(</span><span class="n">u_test_new</span><span class="p">,</span> <span class="n">s_train_new</span><span class="p">),</span> <span class="n">vt_test_new</span><span class="p">))</span>
    
    <span class="c1"># compute error for each prediction to actual value</span>
    <span class="n">diffs_train</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">subtract</span><span class="p">(</span><span class="n">user_item_train</span><span class="p">,</span> <span class="n">user_item_train_est</span><span class="p">)</span>
    <span class="n">diffs_test</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">subtract</span><span class="p">(</span><span class="n">user_item_test_pred</span><span class="p">,</span> <span class="n">user_item_test_est</span><span class="p">)</span>
    
    <span class="c1"># total errors and keep track of them</span>
    <span class="n">errs_train</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">sum</span><span class="p">(</span><span class="n">np</span><span class="o">.</span><span class="n">sum</span><span class="p">(</span><span class="n">np</span><span class="o">.</span><span class="n">abs</span><span class="p">(</span><span class="n">diffs_train</span><span class="p">)))</span>
    <span class="n">sum_errs_train</span><span class="o">.</span><span class="n">append</span><span class="p">(</span><span class="n">errs_train</span><span class="p">)</span>
    <span class="n">errs_test</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">sum</span><span class="p">(</span><span class="n">np</span><span class="o">.</span><span class="n">sum</span><span class="p">(</span><span class="n">np</span><span class="o">.</span><span class="n">abs</span><span class="p">(</span><span class="n">diffs_test</span><span class="p">)))</span>
    <span class="n">sum_errs_test</span><span class="o">.</span><span class="n">append</span><span class="p">(</span><span class="n">errs_test</span><span class="p">)</span>
    
    <span class="c1"># compute denominators for accuracy score</span>
    <span class="n">denom_acc_train</span> <span class="o">=</span> <span class="n">user_item_train_est</span><span class="o">.</span><span class="n">shape</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span> <span class="o">*</span> <span class="n">user_item_train_est</span><span class="o">.</span><span class="n">shape</span><span class="p">[</span><span class="mi">1</span><span class="p">]</span>
    <span class="n">denom_acc_test</span> <span class="o">=</span> <span class="n">user_item_test_est</span><span class="o">.</span><span class="n">shape</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span> <span class="o">*</span> <span class="n">user_item_test_est</span><span class="o">.</span><span class="n">shape</span><span class="p">[</span><span class="mi">1</span><span class="p">]</span>
    
    <span class="c1"># compute f1 score (macro) for each prediction</span>
    <span class="n">f1_train</span><span class="o">.</span><span class="n">append</span><span class="p">(</span><span class="n">f1_score</span><span class="p">(</span><span class="n">np</span><span class="o">.</span><span class="n">array</span><span class="p">(</span><span class="n">user_item_train</span><span class="p">)</span><span class="o">.</span><span class="n">flatten</span><span class="p">(),</span> <span class="n">user_item_train_est</span><span class="o">.</span><span class="n">flatten</span><span class="p">(),</span> <span class="n">labels</span><span class="o">=</span><span class="p">[</span><span class="mf">1.0</span><span class="p">],</span> <span class="n">average</span><span class="o">=</span><span class="s1">&#39;macro&#39;</span><span class="p">))</span>
    <span class="n">f1_test</span><span class="o">.</span><span class="n">append</span><span class="p">(</span><span class="n">f1_score</span><span class="p">(</span><span class="n">np</span><span class="o">.</span><span class="n">array</span><span class="p">(</span><span class="n">user_item_test_pred</span><span class="p">)</span><span class="o">.</span><span class="n">flatten</span><span class="p">(),</span> <span class="n">user_item_test_est</span><span class="o">.</span><span class="n">flatten</span><span class="p">(),</span> <span class="n">labels</span><span class="o">=</span><span class="p">[</span><span class="mf">1.0</span><span class="p">],</span> <span class="n">average</span><span class="o">=</span><span class="s1">&#39;macro&#39;</span><span class="p">))</span>
</pre></div>

    </div>
</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[39]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">plt</span><span class="o">.</span><span class="n">plot</span><span class="p">(</span><span class="n">num_latent_feats</span><span class="p">,</span> <span class="mi">1</span> <span class="o">-</span> <span class="n">np</span><span class="o">.</span><span class="n">array</span><span class="p">(</span><span class="n">sum_errs_train</span><span class="p">)</span><span class="o">/</span><span class="n">denom_acc_train</span><span class="p">,</span> <span class="n">c</span> <span class="o">=</span> <span class="s2">&quot;b&quot;</span><span class="p">,</span> <span class="n">label</span> <span class="o">=</span> <span class="s2">&quot;Train accuracy&quot;</span><span class="p">)</span>
<span class="n">plt</span><span class="o">.</span><span class="n">plot</span><span class="p">(</span><span class="n">num_latent_feats</span><span class="p">,</span> <span class="mi">1</span> <span class="o">-</span> <span class="n">np</span><span class="o">.</span><span class="n">array</span><span class="p">(</span><span class="n">sum_errs_test</span><span class="p">)</span><span class="o">/</span><span class="n">denom_acc_test</span><span class="p">,</span> <span class="n">c</span> <span class="o">=</span> <span class="s2">&quot;r&quot;</span><span class="p">,</span> <span class="n">label</span> <span class="o">=</span> <span class="s2">&quot;Test accuracy&quot;</span><span class="p">)</span>
<span class="n">plt</span><span class="o">.</span><span class="n">title</span><span class="p">(</span><span class="s1">&#39;Accuracy vs. Number of Latent Features&#39;</span><span class="p">)</span>
<span class="n">plt</span><span class="o">.</span><span class="n">xlabel</span><span class="p">(</span><span class="s1">&#39;Number Latent Features&#39;</span><span class="p">)</span>
<span class="n">plt</span><span class="o">.</span><span class="n">ylabel</span><span class="p">(</span><span class="s1">&#39;Accuracy&#39;</span><span class="p">)</span>
<span class="n">plt</span><span class="o">.</span><span class="n">grid</span><span class="p">(</span><span class="kc">True</span><span class="p">)</span>
<span class="n">plt</span><span class="o">.</span><span class="n">legend</span><span class="p">()</span>
<span class="n">plt</span><span class="o">.</span><span class="n">show</span><span class="p">()</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt"></div>


<div class="output_png output_subarea ">
<img src="data:image/png;base64,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3bp1o1evXqxZs4aioiKuueYaunTpQteuXbn77nBjart27fj22/CbfNq0afTt23dLDEOHDuWoo47i3HPPZdGiRRxyyCF0796d7t27M2XKlC37GzlyJF26dKFbt24MHz6cTz/9lO7du29ZPn/+fA499NAdPpeVpi4z+5RQbdQIkJmt2eG9Oud2KldcAdEFQLmKiuqTzA1K+flwxx3JxfHJJ5/w2muvkZOTw+rVq5k8eTK1a9fmtdde44YbbmD8+PHbrPPxxx8zceJE1qxZw09/+lMuuuiibW5bvfXWW2nRogVFRUX079+fGTNm0LFjR04//XQef/xxDjzwQFavXk39+vW57777WLhwIR9++CG1a9fmu+++qzTu6dOn89///pf69euzfv16Xn31VXJzc5k/fz5nnnkm06ZN46WXXuLZZ5/lvffeo0GDBnz33Xe0aNGCpk2bUlBQQH5+PmPHjuWss85K7qSVIaFrHknHAZ2B3OJGFDO7eYf37pxz1ei0007bcivqqlWrOO+885g/fz6S2LRpU5nrHHfccdSrV4969eqx2267sWzZMtq0aVOizBNPPMF9991HYWEhX331FXPmzEESrVq14sADDwSgSZMmALz22msMGzZsS5VTixYtKo37xBNPpH79+kB4PuaSSy6hoKCAnJwcPvnkky3bPf/882nQoEGJ7Q4ZMoSxY8fyt7/9jccff5zXX389qXNWlkQeABxNeACvH3A/cCrw/g7v2Tm300jkymDNmh9o3LjSnox2SMOGDbeM//73v6dfv34888wzLFq0aEvVUGn16tXbMp6Tk0NhYWGJ5QsXLuT2229n6tSpNG/enMGDB7NhwwbMrMy7lcqbX7t2bTZvDjewln5oMh73qFGjyMvL46OPPmLz5s3k5uZWuN2BAwdy0003cfjhh9OjRw9atmxZ5nEmI5E2jj5mdi7wvZndBPyMkrfZOudc1lm1ahWtW7cG4IEHHtju7axevZqGDRvStGlTli1bxksvvQRAx44d+fLLL5k6dSoAa9asobCwkKOOOorRo0dvSUDFVVXt2rVj+vTpAGVWmcXjbtWqFbVq1eLhhx+mqKgIgKOOOooxY8awfv36EtvNzc3lF7/4BRdddBHnn3/+dh9nXCKJozj1rZe0O7CJ8FCgc85lrWuvvZbrr7+egw8+eMuX7/bo1q0bBxxwAJ07d+ZX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
"
>
</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[40]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">fig</span><span class="p">,</span> <span class="n">ax_train</span> <span class="o">=</span> <span class="n">plt</span><span class="o">.</span><span class="n">subplots</span><span class="p">()</span>
<span class="n">ax_test</span> <span class="o">=</span> <span class="n">ax_train</span><span class="o">.</span><span class="n">twinx</span><span class="p">()</span>

<span class="n">f1_train_plot</span><span class="p">,</span> <span class="o">=</span> <span class="n">ax_train</span><span class="o">.</span><span class="n">plot</span><span class="p">(</span><span class="n">num_latent_feats</span><span class="p">,</span> <span class="n">f1_train</span><span class="p">,</span> <span class="n">c</span> <span class="o">=</span> <span class="s2">&quot;b&quot;</span><span class="p">,</span> <span class="n">label</span> <span class="o">=</span> <span class="s2">&quot;Train f1 score&quot;</span><span class="p">)</span>
<span class="n">f1_test_plot</span><span class="p">,</span> <span class="o">=</span> <span class="n">ax_test</span><span class="o">.</span><span class="n">plot</span><span class="p">(</span><span class="n">num_latent_feats</span><span class="p">,</span> <span class="n">f1_test</span><span class="p">,</span> <span class="n">c</span> <span class="o">=</span> <span class="s2">&quot;r&quot;</span><span class="p">,</span> <span class="n">label</span> <span class="o">=</span> <span class="s2">&quot;Test f1 score&quot;</span><span class="p">)</span>
<span class="n">ax_train</span><span class="o">.</span><span class="n">set_title</span><span class="p">(</span><span class="s2">&quot;f1 score vs. Number of Latent Features&quot;</span><span class="p">)</span>
<span class="n">ax_train</span><span class="o">.</span><span class="n">set_xlabel</span><span class="p">(</span><span class="s2">&quot;Number Latent Features&quot;</span><span class="p">)</span>
<span class="n">ax_train</span><span class="o">.</span><span class="n">set_ylabel</span><span class="p">(</span><span class="s2">&quot;Train f1 score&quot;</span><span class="p">)</span>
<span class="n">ax_test</span><span class="o">.</span><span class="n">set_ylabel</span><span class="p">(</span><span class="s2">&quot;Test f1 score&quot;</span><span class="p">)</span>
<span class="n">ax_train</span><span class="o">.</span><span class="n">grid</span><span class="p">(</span><span class="kc">True</span><span class="p">)</span>

<span class="n">lines</span> <span class="o">=</span> <span class="p">[</span><span class="n">f1_train_plot</span><span class="p">,</span> <span class="n">f1_test_plot</span><span class="p">]</span>
<span class="n">ax_train</span><span class="o">.</span><span class="n">legend</span><span class="p">(</span><span class="n">lines</span><span class="p">,</span> <span class="p">[</span><span class="n">l</span><span class="o">.</span><span class="n">get_label</span><span class="p">()</span> <span class="k">for</span> <span class="n">l</span> <span class="ow">in</span> <span class="n">lines</span><span class="p">])</span>
<span class="n">plt</span><span class="o">.</span><span class="n">show</span><span class="p">()</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt"></div>


<div class="output_png output_subarea ">
<img src="data:image/png;base64,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6sTLL7/MTz/9xJ/+9CfWr19Ps2bNGD16NAcddNA+U6tce+21XHfddaxfv560tDSee+45DjvssLI/yypE9TFaXt7BOvunW7i7YVRBVJXrr7+et99+m2bNmvH6669z5513MmrUKEaMGMHy5cupXbs2mzdvplGjRgwdOnSv1lm2945o3rw5zz//fOF8W34ZOXIkN954IxdffDG7d+8mPz+fhQsXct999/Hll1/StGlTNm3aBMCwYcO49NJLueyyyxg1ahQ33HADEydOBPaeWqVv376MHDmS9u3bM3PmTK699lo+++yz+D64kFF9jJY3LUmDlpU/VYJhVHlitIh2ZGdX6tQku3btYsGCBZx66qmAS0bbooWb6qlTp05cfPHFnH322Zx99tmBXP/444/nvvvuIysri3PPPZf27dvz2Wefcd555xX2ge23334AzJgxg7feeguASy65hFtvvbWwnsjUKjk5OUyfPp2BAwfudY/VnUCNlo+pmy8GbvM2c4BrVHV+EFryfs0mFdjvIDNahlEVUVWOOOIIZsyYsc+x9957j2nTpjFp0iTuvfdeFi5cGPfrX3TRRXTv3p333nuP3/3udzz//POoKuLDtRNdJjIVSUFBAY0aNSrsVzMcgYW8R03d3B/oCFwoIh2LFFsOnKSqnYB7gaLzu8SNtZmu6d/0N+lBXcIwjARSu3Zt1q9fX2i0cnNzWbhwIQUFBaxcuZI+ffrw4IMPsnnzZnJycmjQoEGhSzAeLFu2jN/85jfccMMNnHnmmXz77bf07duXcePGsXHjRoBC92CPHj0YO3YsAK+++io9e/bcp7709HTatWvHG2+8ATijPH9+IL/pQ0WQ47QKp25W1d1AZOrmQlR1uqr+6m1+hZubJRDWLnXuwQPaW0vLMKoiNWrU4M033+S2226jc+fOdOnShenTp5Ofn8+gQYM46qij6Nq1KzfddBONGjXi97//PRMmTKBLly58/vnnJdb9xBNP0Lp1a7KysujUqRODBw/ep8zrr7/OkUceSZcuXViyZAmXXnopRxxxBHfeeScnnXQSnTt35uabby6sb/To0YWBGY8//njM67766qu88MILdO7cmSOOOIK333674g8q5IiWMGNmhSoWOQ/op6qDve1LgO6qOqyY8rcAh0XKFzk2BBgCkJqaevTHH3/sS0NOTg7169cHYP3by2n68gR2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
"
>
</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<p><code>6.</code> Use the cell below to comment on the results you found in the previous question. Given the circumstances of your results, discuss what you might do to determine if the recommendations you make with any of the above recommendation systems are an improvement to how users currently find articles?</p>

</div>
</div>
</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<p><strong>Response:</strong></p>
<p>Train accuracy is increasing with higher number of latent features while test accuracy is decreasing.</p>
<p>In the data set we have only 20 users in train and test set we can make predictions for. Furthermore there are many zeros in the user-item matrix showing that users were not active in many times. In short we have an imbalanced distribution with few interactions and the accuracy is not a good metric to evaluate the performance of the recommendations. In this case the f1 score is a better evaluation metric.</p>
<p>The f1 score for the test set increases to a maximum peak at appr. 100 latent features and then decreases. The decline after the peak indicates that the model gets more and more overfitted with higher number of latent features when performing matrix factorization.</p>
<p>One possible evaluation metric for our recommender system would be an A/B test. We would split users into two groups (control &amp; experiment). In the control group we would recommend articles with the Ranked-Based Recommendation method while in the experiment group we would recommend articles using the Matrix Factorization method. Thus we could check if we could increase user engagement on IBM Watson Studio platform with this metric.</p>

</div>
</div>
</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<h3><a class="anchor" id="conclusions">Part V: Extras & Conclusion</a></h3>
<h3 id="Extras">Extras<a class="anchor-link" href="#Extras">&#182;</a></h3><p>Using your workbook, you could now save your recommendations for each user, develop a class to make new predictions and update your results, and make a flask app to deploy your results.  These tasks are beyond what is required for this project.  However, from what you learned in the lessons, you certainly capable of taking these tasks on to improve upon your work here!</p>
<h2 id="Conclusion">Conclusion<a class="anchor-link" href="#Conclusion">&#182;</a></h2><blockquote><p>Congratulations!  You have reached the end of the Recommendations with IBM project!</p>
</blockquote>
<h2 id="Directions-to-Submit">Directions to Submit<a class="anchor-link" href="#Directions-to-Submit">&#182;</a></h2><blockquote><p>Before you submit your project, you need to create a .html or .pdf version of this notebook in the workspace here. To do that, run the code cell below. If it worked correctly, you should get a return code of 0, and you should see the generated .html file in the workspace directory (click on the orange Jupyter icon in the upper left).</p>
</blockquote>

</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[1]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="kn">from</span> <span class="nn">subprocess</span> <span class="kn">import</span> <span class="n">call</span>
<span class="n">call</span><span class="p">([</span><span class="s1">&#39;python&#39;</span><span class="p">,</span> <span class="s1">&#39;-m&#39;</span><span class="p">,</span> <span class="s1">&#39;nbconvert&#39;</span><span class="p">,</span> <span class="s1">&#39;Recommendations_with_IBM.ipynb&#39;</span><span class="p">])</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[1]:</div>


<div class="output_text output_subarea output_execute_result">
<pre>0</pre>
</div>

</div>

</div>
</div>

</div>
    </div>
  </div>
</body>

 
</html>