battle_of_neighborhood_project.html

<!DOCTYPE html>
<!-- saved from url=(0068)file:///C:/Users/dinha/Downloads/battle_of_neighborhood_project.html -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>battle_of_neighborhood_project</title><script src="https://github.com/dinhanhthi/cafe-in-hcm/blob/master/capstone_project_files/require.min.js.téléchargement"></script>
<script src="https://github.com/dinhanhthi/cafe-in-hcm/blob/master/capstone_project_files/jquery.min.js.téléchargement"></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;
    color: #000 !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.2.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.2.0');
  src: url('../components/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('../components/font-awesome/fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('../components/font-awesome/fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('../components/font-awesome/fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
  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;
}
.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;
}
@-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 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  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 {
  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:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.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 {
  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: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-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.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";
}
/*!
*
* 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;
}
/**
 * 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 {
  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;
}
@media (max-width: 991px) {
  #ipython_notebook {
    margin-left: 10px;
  }
}
[dir="rtl"] #ipython_notebook {
  float: right !important;
}
#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#login_widget {
  float: right;
}
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;
}
@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;
}
/*!
*
* 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 {
  text-align: center;
  vertical-align: middle;
  display: inline;
  opacity: 0;
  z-index: 2;
  width: 12ex;
  margin-right: -12ex;
}
.alternate_upload .btn-upload {
  height: 22px;
}
/**
 * Primary styles
 *
 * Author: Jupyter Development Team
 */
[dir="rtl"] #tabs li {
  float: right;
}
ul#tabs {
  margin-bottom: 4px;
}
[dir="rtl"] ul#tabs {
  margin-right: 0px;
}
ul#tabs a {
  padding-top: 6px;
  padding-bottom: 4px;
}
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 {
  float: left !important;
}
[dir="rtl"] .list_toolbar .pull-right {
  padding-top: 1px;
  float: left !important;
}
[dir="rtl"] .list_toolbar .pull-left {
  float: right !important;
}
.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: baseline;
  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;
}
.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_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;
}
.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;
}
#tree-selector {
  padding-right: 0px;
}
[dir="rtl"] #tree-selector a {
  float: right;
}
#button-select-all {
  min-width: 50px;
}
#select-all {
  margin-left: 7px;
  margin-right: 2px;
}
.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.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.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.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.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;
}
[dir="rtl"] #new-menu {
  text-align: right;
}
.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;
}
[dir="rtl"] #running .col-sm-8 {
  float: right !important;
}
.delete-button {
  display: none;
}
.duplicate-button {
  display: none;
}
.rename-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.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.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.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.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);
  }
}
/*!
*
* IPython notebook
*
*/
/* CSS font colors for translated ANSI colors. */
.ansibold {
  font-weight: bold;
}
/* 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;
  border-left-width: 1px;
  padding-left: 5px;
  background: linear-gradient(to right, transparent -40px, transparent 1px, transparent 1px, transparent 100%);
}
div.cell.jupyter-soft-selected {
  border-left-color: #90CAF9;
  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 {
  border-color: #ababab;
  border-left-width: 0px;
  padding-left: 6px;
  background: linear-gradient(to right, #42A5F5 -40px, #42A5F5 5px, transparent 5px, transparent 100%);
}
@media print {
  div.cell.selected {
    border-color: transparent;
  }
}
div.cell.selected.jupyter-soft-selected {
  border-left-width: 0;
  padding-left: 6px;
  background: linear-gradient(to right, #42A5F5 -40px, #42A5F5 7px, #E3F2FD 7px, #E3F2FD 100%);
}
.edit_mode div.cell.selected {
  border-color: #66BB6A;
  border-left-width: 0px;
  padding-left: 6px;
  background: linear-gradient(to right, #66BB6A -40px, #66BB6A 5px, transparent 5px, transparent 100%);
}
@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. */
  padding: 0.4em;
}
.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. We need the 0 value because of how we size */
  /* .CodeMirror-lines */
  padding: 0;
  border: 0;
  border-radius: 0;
}
/*

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;
}
/* 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: 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 {
  list-style: disc;
  margin: 0em 2em;
  padding-left: 0px;
}
.rendered_html ul ul {
  list-style: square;
  margin: 0em 2em;
}
.rendered_html ul ul ul {
  list-style: circle;
  margin: 0em 2em;
}
.rendered_html ol {
  list-style: decimal;
  margin: 0em 2em;
  padding-left: 0px;
}
.rendered_html ol ol {
  list-style: upper-alpha;
  margin: 0em 2em;
}
.rendered_html ol ol ol {
  list-style: lower-alpha;
  margin: 0em 2em;
}
.rendered_html ol ol ol ol {
  list-style: lower-roman;
  margin: 0em 2em;
}
.rendered_html ol ol ol ol ol {
  list-style: decimal;
  margin: 0em 2em;
}
.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;
}
.rendered_html pre,
.rendered_html code {
  border: 0;
  background-color: #fff;
  color: #000;
  font-size: 100%;
  padding: 0px;
}
.rendered_html blockquote {
  margin: 1em 2em;
}
.rendered_html table {
  margin-left: auto;
  margin-right: auto;
  border: 1px solid black;
  border-collapse: collapse;
}
.rendered_html tr,
.rendered_html th,
.rendered_html td {
  border: 1px solid black;
  border-collapse: collapse;
  margin: 1em 2em;
}
.rendered_html td,
.rendered_html th {
  text-align: left;
  vertical-align: middle;
  padding: 4px;
}
.rendered_html th {
  font-weight: bold;
}
.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;
}
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.unrendered .text_cell_render {
  display: none;
}
.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;
}
/* 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;
}
.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 {
  float: right !important;
  float: right;
}
#kernel_logo_widget .current_kernel_logo {
  display: none;
  margin-top: -1px;
  margin-bottom: -1px;
  width: 32px;
  height: 32px;
}
#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;
}
.nav-wrapper {
  border-bottom: 1px solid #e7e7e7;
}
i.menu-icon {
  padding-top: 4px;
}
ul#help_menu li a {
  overflow: hidden;
  padding-right: 2.2em;
}
ul#help_menu li a i {
  margin-right: -1.2em;
}
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -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.pull-left {
  margin-right: .3em;
}
.dropdown-submenu > a:after.pull-right {
  margin-left: .3em;
}
.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;
}
.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;
}
#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;
}
#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;
}
#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.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.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.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.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.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.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 {
  margin-top: 6px;
}
span.save_widget span.filename {
  height: 1em;
  line-height: 1em;
  padding: 3px;
  margin-left: 16px;
  border: none;
  font-size: 146.5%;
  border-radius: 2px;
}
span.save_widget span.filename:hover {
  background-color: #e6e6e6;
}
span.checkpoint_status,
span.autosave_status {
  font-size: small;
}
@media (max-width: 767px) {
  span.save_widget {
    font-size: small;
  }
  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;
}
#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;
}
.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;
}
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;
}
.cmd-palette .modal-body {
  padding: 7px;
}
.cmd-palette form {
  background: white;
}
.cmd-palette input {
  outline: none;
}
.no-shortcut {
  display: none;
}
.command-shortcut:before {
  content: "(command)";
  padding-right: 3px;
  color: #777777;
}
.edit-shortcut:before {
  content: "(edit)";
  padding-right: 3px;
  color: #777777;
}
#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;
}
#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">
    .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">

/* Temporary definitions which will become obsolete with Notebook release 5.0 */
.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-bold { font-weight: bold; }

    </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="file:///C:/Users/dinha/Downloads/custom.css">

<!-- Loading mathjax macro -->
<!-- Load mathjax -->
    <script src="https://github.com/dinhanhthi/cafe-in-hcm/blob/master/capstone_project_files/MathJax.js.téléchargement"></script>
    <!-- MathJax configuration -->
    <script type="text/x-mathjax-config;executed=true">
    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 --><style type="text/css">.MathJax_Hover_Frame {border-radius: .25em; -webkit-border-radius: .25em; -moz-border-radius: .25em; -khtml-border-radius: .25em; box-shadow: 0px 0px 15px #83A; -webkit-box-shadow: 0px 0px 15px #83A; -moz-box-shadow: 0px 0px 15px #83A; -khtml-box-shadow: 0px 0px 15px #83A; border: 1px solid #A6D ! important; display: inline-block; position: absolute}
.MathJax_Menu_Button .MathJax_Hover_Arrow {position: absolute; cursor: pointer; display: inline-block; border: 2px solid #AAA; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; font-family: 'Courier New',Courier; font-size: 9px; color: #F0F0F0}
.MathJax_Menu_Button .MathJax_Hover_Arrow span {display: block; background-color: #AAA; border: 1px solid; border-radius: 3px; line-height: 0; padding: 4px}
.MathJax_Hover_Arrow:hover {color: white!important; border: 2px solid #CCC!important}
.MathJax_Hover_Arrow:hover span {background-color: #CCC!important}
</style><style type="text/css">#MathJax_About {position: fixed; left: 50%; width: auto; text-align: center; border: 3px outset; padding: 1em 2em; background-color: #DDDDDD; color: black; cursor: default; font-family: message-box; font-size: 120%; font-style: normal; text-indent: 0; text-transform: none; line-height: normal; letter-spacing: normal; word-spacing: normal; word-wrap: normal; white-space: nowrap; float: none; z-index: 201; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -khtml-border-radius: 15px; box-shadow: 0px 10px 20px #808080; -webkit-box-shadow: 0px 10px 20px #808080; -moz-box-shadow: 0px 10px 20px #808080; -khtml-box-shadow: 0px 10px 20px #808080; filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='gray', Positive='true')}
#MathJax_About.MathJax_MousePost {outline: none}
.MathJax_Menu {position: absolute; background-color: white; color: black; width: auto; padding: 2px; border: 1px solid #CCCCCC; margin: 0; cursor: default; font: menu; text-align: left; text-indent: 0; text-transform: none; line-height: normal; letter-spacing: normal; word-spacing: normal; word-wrap: normal; white-space: nowrap; float: none; z-index: 201; box-shadow: 0px 10px 20px #808080; -webkit-box-shadow: 0px 10px 20px #808080; -moz-box-shadow: 0px 10px 20px #808080; -khtml-box-shadow: 0px 10px 20px #808080; filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='gray', Positive='true')}
.MathJax_MenuItem {padding: 2px 2em; background: transparent}
.MathJax_MenuArrow {position: absolute; right: .5em; padding-top: .25em; color: #666666; font-size: .75em}
.MathJax_MenuActive .MathJax_MenuArrow {color: white}
.MathJax_MenuArrow.RTL {left: .5em; right: auto}
.MathJax_MenuCheck {position: absolute; left: .7em}
.MathJax_MenuCheck.RTL {right: .7em; left: auto}
.MathJax_MenuRadioCheck {position: absolute; left: 1em}
.MathJax_MenuRadioCheck.RTL {right: 1em; left: auto}
.MathJax_MenuLabel {padding: 2px 2em 4px 1.33em; font-style: italic}
.MathJax_MenuRule {border-top: 1px solid #CCCCCC; margin: 4px 1px 0px}
.MathJax_MenuDisabled {color: GrayText}
.MathJax_MenuActive {background-color: Highlight; color: HighlightText}
.MathJax_MenuDisabled:focus, .MathJax_MenuLabel:focus {background-color: #E8E8E8}
.MathJax_ContextMenu:focus {outline: none}
.MathJax_ContextMenu .MathJax_MenuItem:focus {outline: none}
#MathJax_AboutClose {top: .2em; right: .2em}
.MathJax_Menu .MathJax_MenuClose {top: -10px; left: -10px}
.MathJax_MenuClose {position: absolute; cursor: pointer; display: inline-block; border: 2px solid #AAA; border-radius: 18px; -webkit-border-radius: 18px; -moz-border-radius: 18px; -khtml-border-radius: 18px; font-family: 'Courier New',Courier; font-size: 24px; color: #F0F0F0}
.MathJax_MenuClose span {display: block; background-color: #AAA; border: 1.5px solid; border-radius: 18px; -webkit-border-radius: 18px; -moz-border-radius: 18px; -khtml-border-radius: 18px; line-height: 0; padding: 8px 0 6px}
.MathJax_MenuClose:hover {color: white!important; border: 2px solid #CCC!important}
.MathJax_MenuClose:hover span {background-color: #CCC!important}
.MathJax_MenuClose:hover:focus {outline: none}
</style><style type="text/css">.MathJax_Preview .MJXf-math {color: inherit!important}
</style><style type="text/css">.MJX_Assistive_MathML {position: absolute!important; top: 0; left: 0; clip: rect(1px, 1px, 1px, 1px); padding: 1px 0 0 0!important; border: 0!important; height: 1px!important; width: 1px!important; overflow: hidden!important; display: block!important; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none}
.MJX_Assistive_MathML.MJX_Assistive_MathML_Block {width: 100%!important}
</style><style type="text/css">#MathJax_Zoom {position: absolute; background-color: #F0F0F0; overflow: auto; display: block; z-index: 301; padding: .5em; border: 1px solid black; margin: 0; font-weight: normal; font-style: normal; text-align: left; text-indent: 0; text-transform: none; line-height: normal; letter-spacing: normal; word-spacing: normal; word-wrap: normal; white-space: nowrap; float: none; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; box-shadow: 5px 5px 15px #AAAAAA; -webkit-box-shadow: 5px 5px 15px #AAAAAA; -moz-box-shadow: 5px 5px 15px #AAAAAA; -khtml-box-shadow: 5px 5px 15px #AAAAAA; filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='gray', Positive='true')}
#MathJax_ZoomOverlay {position: absolute; left: 0; top: 0; z-index: 300; display: inline-block; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; background-color: white; opacity: 0; filter: alpha(opacity=0)}
#MathJax_ZoomFrame {position: relative; display: inline-block; height: 0; width: 0}
#MathJax_ZoomEventTrap {position: absolute; left: 0; top: 0; z-index: 302; display: inline-block; border: 0; padding: 0; margin: 0; background-color: white; opacity: 0; filter: alpha(opacity=0)}
</style><style type="text/css">.MathJax_Preview {color: #888}
#MathJax_Message {position: fixed; left: 1em; bottom: 1.5em; background-color: #E6E6E6; border: 1px solid #959595; margin: 0px; padding: 2px 8px; z-index: 102; color: black; font-size: 80%; width: auto; white-space: nowrap}
#MathJax_MSIE_Frame {position: absolute; top: 0; left: 0; width: 0px; z-index: 101; border: 0px; margin: 0px; padding: 0px}
.MathJax_Error {color: #CC0000; font-style: italic}
</style><style type="text/css">.MJXp-script {font-size: .8em}
.MJXp-right {-webkit-transform-origin: right; -moz-transform-origin: right; -ms-transform-origin: right; -o-transform-origin: right; transform-origin: right}
.MJXp-bold {font-weight: bold}
.MJXp-italic {font-style: italic}
.MJXp-scr {font-family: MathJax_Script,'Times New Roman',Times,STIXGeneral,serif}
.MJXp-frak {font-family: MathJax_Fraktur,'Times New Roman',Times,STIXGeneral,serif}
.MJXp-sf {font-family: MathJax_SansSerif,'Times New Roman',Times,STIXGeneral,serif}
.MJXp-cal {font-family: MathJax_Caligraphic,'Times New Roman',Times,STIXGeneral,serif}
.MJXp-mono {font-family: MathJax_Typewriter,'Times New Roman',Times,STIXGeneral,serif}
.MJXp-largeop {font-size: 150%}
.MJXp-largeop.MJXp-int {vertical-align: -.2em}
.MJXp-math {display: inline-block; line-height: 1.2; text-indent: 0; font-family: 'Times New Roman',Times,STIXGeneral,serif; white-space: nowrap; border-collapse: collapse}
.MJXp-display {display: block; text-align: center; margin: 1em 0}
.MJXp-math span {display: inline-block}
.MJXp-box {display: block!important; text-align: center}
.MJXp-box:after {content: " "}
.MJXp-rule {display: block!important; margin-top: .1em}
.MJXp-char {display: block!important}
.MJXp-mo {margin: 0 .15em}
.MJXp-mfrac {margin: 0 .125em; vertical-align: .25em}
.MJXp-denom {display: inline-table!important; width: 100%}
.MJXp-denom > * {display: table-row!important}
.MJXp-surd {vertical-align: top}
.MJXp-surd > * {display: block!important}
.MJXp-script-box > *  {display: table!important; height: 50%}
.MJXp-script-box > * > * {display: table-cell!important; vertical-align: top}
.MJXp-script-box > *:last-child > * {vertical-align: bottom}
.MJXp-script-box > * > * > * {display: block!important}
.MJXp-mphantom {visibility: hidden}
.MJXp-munderover {display: inline-table!important}
.MJXp-over {display: inline-block!important; text-align: center}
.MJXp-over > * {display: block!important}
.MJXp-munderover > * {display: table-row!important}
.MJXp-mtable {vertical-align: .25em; margin: 0 .125em}
.MJXp-mtable > * {display: inline-table!important; vertical-align: middle}
.MJXp-mtr {display: table-row!important}
.MJXp-mtd {display: table-cell!important; text-align: center; padding: .5em 0 0 .5em}
.MJXp-mtr > .MJXp-mtd:first-child {padding-left: 0}
.MJXp-mtr:first-child > .MJXp-mtd {padding-top: 0}
.MJXp-mlabeledtr {display: table-row!important}
.MJXp-mlabeledtr > .MJXp-mtd:first-child {padding-left: 0}
.MJXp-mlabeledtr:first-child > .MJXp-mtd {padding-top: 0}
.MJXp-merror {background-color: #FFFF88; color: #CC0000; border: 1px solid #CC0000; padding: 1px 3px; font-style: normal; font-size: 90%}
.MJXp-scale0 {-webkit-transform: scaleX(.0); -moz-transform: scaleX(.0); -ms-transform: scaleX(.0); -o-transform: scaleX(.0); transform: scaleX(.0)}
.MJXp-scale1 {-webkit-transform: scaleX(.1); -moz-transform: scaleX(.1); -ms-transform: scaleX(.1); -o-transform: scaleX(.1); transform: scaleX(.1)}
.MJXp-scale2 {-webkit-transform: scaleX(.2); -moz-transform: scaleX(.2); -ms-transform: scaleX(.2); -o-transform: scaleX(.2); transform: scaleX(.2)}
.MJXp-scale3 {-webkit-transform: scaleX(.3); -moz-transform: scaleX(.3); -ms-transform: scaleX(.3); -o-transform: scaleX(.3); transform: scaleX(.3)}
.MJXp-scale4 {-webkit-transform: scaleX(.4); -moz-transform: scaleX(.4); -ms-transform: scaleX(.4); -o-transform: scaleX(.4); transform: scaleX(.4)}
.MJXp-scale5 {-webkit-transform: scaleX(.5); -moz-transform: scaleX(.5); -ms-transform: scaleX(.5); -o-transform: scaleX(.5); transform: scaleX(.5)}
.MJXp-scale6 {-webkit-transform: scaleX(.6); -moz-transform: scaleX(.6); -ms-transform: scaleX(.6); -o-transform: scaleX(.6); transform: scaleX(.6)}
.MJXp-scale7 {-webkit-transform: scaleX(.7); -moz-transform: scaleX(.7); -ms-transform: scaleX(.7); -o-transform: scaleX(.7); transform: scaleX(.7)}
.MJXp-scale8 {-webkit-transform: scaleX(.8); -moz-transform: scaleX(.8); -ms-transform: scaleX(.8); -o-transform: scaleX(.8); transform: scaleX(.8)}
.MJXp-scale9 {-webkit-transform: scaleX(.9); -moz-transform: scaleX(.9); -ms-transform: scaleX(.9); -o-transform: scaleX(.9); transform: scaleX(.9)}
.MathJax_PHTML .noError {vertical-align: ; font-size: 90%; text-align: left; color: black; padding: 1px 3px; border: 1px solid}
</style><style type="text/css">.MathJax_Display {text-align: center; margin: 0; position: relative; display: block!important; text-indent: 0; max-width: none; max-height: none; min-width: 0; min-height: 0; width: 100%}
.MathJax .merror {background-color: #FFFF88; color: #CC0000; border: 1px solid #CC0000; padding: 1px 3px; font-style: normal; font-size: 90%}
.MathJax .MJX-monospace {font-family: monospace}
.MathJax .MJX-sans-serif {font-family: sans-serif}
#MathJax_Tooltip {background-color: InfoBackground; color: InfoText; border: 1px solid black; box-shadow: 2px 2px 5px #AAAAAA; -webkit-box-shadow: 2px 2px 5px #AAAAAA; -moz-box-shadow: 2px 2px 5px #AAAAAA; -khtml-box-shadow: 2px 2px 5px #AAAAAA; filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='gray', Positive='true'); padding: 3px 4px; z-index: 401; position: absolute; left: 0; top: 0; width: auto; height: auto; display: none}
.MathJax {display: inline; font-style: normal; font-weight: normal; line-height: normal; font-size: 100%; font-size-adjust: none; text-indent: 0; text-align: left; text-transform: none; letter-spacing: normal; word-spacing: normal; word-wrap: normal; white-space: nowrap; float: none; direction: ltr; max-width: none; max-height: none; min-width: 0; min-height: 0; border: 0; padding: 0; margin: 0}
.MathJax:focus, body :focus .MathJax {display: inline-table}
.MathJax.MathJax_FullWidth {text-align: center; display: table-cell!important; width: 10000em!important}
.MathJax img, .MathJax nobr, .MathJax a {border: 0; padding: 0; margin: 0; max-width: none; max-height: none; min-width: 0; min-height: 0; vertical-align: 0; line-height: normal; text-decoration: none}
img.MathJax_strut {border: 0!important; padding: 0!important; margin: 0!important; vertical-align: 0!important}
.MathJax span {display: inline; position: static; border: 0; padding: 0; margin: 0; vertical-align: 0; line-height: normal; text-decoration: none}
.MathJax nobr {white-space: nowrap!important}
.MathJax img {display: inline!important; float: none!important}
.MathJax * {transition: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none}
.MathJax_Processing {visibility: hidden; position: fixed; width: 0; height: 0; overflow: hidden}
.MathJax_Processed {display: none!important}
.MathJax_ExBox {display: block!important; overflow: hidden; width: 1px; height: 60ex; min-height: 0; max-height: none}
.MathJax .MathJax_EmBox {display: block!important; overflow: hidden; width: 1px; height: 60em; min-height: 0; max-height: none}
.MathJax_LineBox {display: table!important}
.MathJax_LineBox span {display: table-cell!important; width: 10000em!important; min-width: 0; max-width: none; padding: 0; border: 0; margin: 0}
.MathJax .MathJax_HitBox {cursor: text; background: white; opacity: 0; filter: alpha(opacity=0)}
.MathJax .MathJax_HitBox * {filter: none; opacity: 1; background: transparent}
#MathJax_Tooltip * {filter: none; opacity: 1; background: transparent}
@font-face {font-family: MathJax_Main; src: url('https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/fonts/HTML-CSS/TeX/woff/MathJax_Main-Regular.woff?V=2.7.1') format('woff'), url('https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/fonts/HTML-CSS/TeX/otf/MathJax_Main-Regular.otf?V=2.7.1') format('opentype')}
@font-face {font-family: MathJax_Main-bold; src: url('https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/fonts/HTML-CSS/TeX/woff/MathJax_Main-Bold.woff?V=2.7.1') format('woff'), url('https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/fonts/HTML-CSS/TeX/otf/MathJax_Main-Bold.otf?V=2.7.1') format('opentype')}
@font-face {font-family: MathJax_Main-italic; src: url('https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/fonts/HTML-CSS/TeX/woff/MathJax_Main-Italic.woff?V=2.7.1') format('woff'), url('https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/fonts/HTML-CSS/TeX/otf/MathJax_Main-Italic.otf?V=2.7.1') format('opentype')}
@font-face {font-family: MathJax_Math-italic; src: url('https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/fonts/HTML-CSS/TeX/woff/MathJax_Math-Italic.woff?V=2.7.1') format('woff'), url('https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/fonts/HTML-CSS/TeX/otf/MathJax_Math-Italic.otf?V=2.7.1') format('opentype')}
@font-face {font-family: MathJax_Caligraphic; src: url('https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/fonts/HTML-CSS/TeX/woff/MathJax_Caligraphic-Regular.woff?V=2.7.1') format('woff'), url('https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/fonts/HTML-CSS/TeX/otf/MathJax_Caligraphic-Regular.otf?V=2.7.1') format('opentype')}
@font-face {font-family: MathJax_Size1; src: url('https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/fonts/HTML-CSS/TeX/woff/MathJax_Size1-Regular.woff?V=2.7.1') format('woff'), url('https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/fonts/HTML-CSS/TeX/otf/MathJax_Size1-Regular.otf?V=2.7.1') format('opentype')}
@font-face {font-family: MathJax_Size2; src: url('https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/fonts/HTML-CSS/TeX/woff/MathJax_Size2-Regular.woff?V=2.7.1') format('woff'), url('https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/fonts/HTML-CSS/TeX/otf/MathJax_Size2-Regular.otf?V=2.7.1') format('opentype')}
@font-face {font-family: MathJax_Size3; src: url('https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/fonts/HTML-CSS/TeX/woff/MathJax_Size3-Regular.woff?V=2.7.1') format('woff'), url('https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/fonts/HTML-CSS/TeX/otf/MathJax_Size3-Regular.otf?V=2.7.1') format('opentype')}
@font-face {font-family: MathJax_Size4; src: url('https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/fonts/HTML-CSS/TeX/woff/MathJax_Size4-Regular.woff?V=2.7.1') format('woff'), url('https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/fonts/HTML-CSS/TeX/otf/MathJax_Size4-Regular.otf?V=2.7.1') format('opentype')}
.MathJax .noError {vertical-align: ; font-size: 90%; text-align: left; color: black; padding: 1px 3px; border: 1px solid}
</style></head>
<body style=""><div style="visibility: hidden; overflow: hidden; position: absolute; top: 0px; height: 1px; width: auto; padding: 0px; border: 0px; margin: 0px; text-align: left; text-indent: 0px; text-transform: none; line-height: normal; letter-spacing: normal; word-spacing: normal;"><div id="MathJax_Hidden"></div></div><div id="MathJax_Message" style="display: none;"></div>
  <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">
<h2 id="Setting-up-a-café-in-an-urban-district-of-Ho-Chi-Minh-City">Setting up a café in an urban district of Ho Chi Minh City<a class="anchor-link" href="file:///C:/Users/dinha/Downloads/battle_of_neighborhood_project.html#Setting-up-a-caf%C3%A9-in-an-urban-district-of-Ho-Chi-Minh-City">¶</a></h2><p><strong><em>Anh-Thi DINH</em></strong></p>
<p>A final report for the course "<a href="https://www.coursera.org/learn/applied-data-science-capstone/">Applied Data Science Capstone</a>" given by IBM on Coursera</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">
<h2 id="Problem&#39;s-description">Problem's description<a class="anchor-link" href="file:///C:/Users/dinha/Downloads/battle_of_neighborhood_project.html#Problem&#39;s-description">¶</a></h2><p>(<em>Please read more in the final report!</em>)</p>
<p>By using Data Science and some geometric factors about the relation between districts in HCMC, we can give good answers of following questions to the investors so that they can have a better vision about not only the café but also about other venues in Ho Chi Minh City (HCMC).</p>
<ul>
<li>How many venues in each district?</li>
<li>How many categories in each district?</li>
<li>How many venues in each category?</li>
<li>What are the most popular categories in each district?</li>
<li>How many clusters we can use to categorize the districts based on the popularity of cafés?</li>
<li>In which districts, the average housing price is low and the number of cafés is low also?</li>
<li>Where there are many people but less cafés?</li>
<li>Visualize all information on the map so that we can have a better look on what we want to find the answers!</li>
</ul>

</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">
<h2 id="Data-presentation">Data presentation<a class="anchor-link" href="file:///C:/Users/dinha/Downloads/battle_of_neighborhood_project.html#Data-presentation">¶</a></h2><ol>
<li><a href="https://en.wikipedia.org/wiki/Ho_Chi_Minh_City">List of Ho Chi Minh City administrative units</a> from Wikipedia.</li>
<li><a href="https://mogi.vn/gia-nha-dat">List of housing prices in Ho Chi Minh City</a> from Mogi.</li>
<li>The .json file contains all coordinates where I used it to create choropleth map of Housing Sales Price Index of Ho Chi Minh City. I create this file by myself using <a href="https://nominatim.openstreetmap.org/">https://nominatim.openstreetmap.org</a></li>
</ol>

</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">
<h2 id="Methodology">Methodology<a class="anchor-link" href="file:///C:/Users/dinha/Downloads/battle_of_neighborhood_project.html#Methodology">¶</a></h2><ol>
<li><p>First, we need to collect the data by scraping the table of HCMC
units on the wikipedia page and the average housing price (AHP) on a
website. The <em>BeautifulSoup</em> package is very useful in this case.</p>
</li>
<li><p>The column <em>Density</em> is calculated later based on columns
<em>Population</em> and <em>Area</em> of each district.</p>
</li>
<li><p>Throughout the project, we use <em>numpy</em> and <em>pandas</em> packages to
manipulate dataframes.</p>
</li>
<li><p>We use <em>geopy.geocoders.Nominatim</em> to get the coordinates of
districts and add them to the main data frame.</p>
</li>
<li><p>We use <em>folium</em> package to visualize the HCMC map with its
districts. The central coordinate of each district will be
represented as a small circle on top of the city map.</p>
</li>
<li><p>We use <em>Foursquare API</em> to explore the venues in each district and
segment the districts based on them.</p>
</li>
<li><p>For clustering the “Café" venues between districts, we use <em>K-Means
Clustering</em> method and the package <em>scikit-learn</em> will help us
implement the algorithm on our data. In order to indicate how many K
for the method, we try with 10 different values of K from 1 to 10
and use the “elbow" method to choose the most appropriate one.</p>
</li>
<li><p>In order to visualize the charts, we use pakage <em>matplotlib</em>.</p>
</li>
<li><p>We use again the package <em>folium</em> to visualize the clusters on the
main map and the choropleth map of AHP.</p>
</li>
</ol>

</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="Import-all-necessary-packages">Import all necessary packages<a class="anchor-link" href="file:///C:/Users/dinha/Downloads/battle_of_neighborhood_project.html#Import-all-necessary-packages">¶</a></h3>
</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="c1"># convert an address into latitude and longitude values</span>
<span class="kn">from</span> <span class="nn">geopy.geocoders</span> <span class="k">import</span> <span class="n">Nominatim</span>
<span class="c1"># tranform JSON file into a pandas dataframe</span>
<span class="kn">from</span> <span class="nn">pandas.io.json</span> <span class="k">import</span> <span class="n">json_normalize</span>

<span class="c1"># Scrape the web to get the data</span>
<span class="kn">from</span> <span class="nn">bs4</span> <span class="k">import</span> <span class="n">BeautifulSoup</span>
<span class="kn">import</span> <span class="nn">requests</span>

<span class="kn">import</span> <span class="nn">folium</span> <span class="c1"># map rendering library</span>

<span class="c1"># import k-means from clustering stage</span>
<span class="kn">from</span> <span class="nn">sklearn.cluster</span> <span class="k">import</span> <span class="n">KMeans</span>

<span class="c1"># find the distances</span>
<span class="kn">from</span> <span class="nn">scipy.spatial.distance</span> <span class="k">import</span> <span class="n">cdist</span>

<span class="c1"># Matplotlib and associated plotting modules</span>
<span class="kn">import</span> <span class="nn">matplotlib.cm</span> <span class="k">as</span> <span class="nn">cm</span>
<span class="kn">import</span> <span class="nn">matplotlib.colors</span> <span class="k">as</span> <span class="nn">colors</span>
<span class="kn">import</span> <span class="nn">matplotlib.pyplot</span> <span class="k">as</span> <span class="nn">plt</span>

<span class="c1"># translate Vietnamese character (with accents) </span>
<span class="c1">#     to the closest possible representation in ascii text</span>
<span class="kn">from</span> <span class="nn">unidecode</span> <span class="k">import</span> <span class="n">unidecode</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">
<h3 id="Collecting-data">Collecting data<a class="anchor-link" href="file:///C:/Users/dinha/Downloads/battle_of_neighborhood_project.html#Collecting-data">¶</a></h3><p>We don't have an all-in-one talbe, we have to collect all necessary information from various data tables.</p>
<p>First, we scrape the list of all 19 urban districts from a list of administrative units on <a href="https://en.wikipedia.org/wiki/Ho_Chi_Minh_City">a wiki page</a> of Ho Chi Minh City.</p>

</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="n">source_wiki_hcm</span> <span class="o">=</span> <span class="n">requests</span><span class="o">.</span><span class="n">get</span><span class="p">(</span><span class="s2">"https://en.wikipedia.org/wiki/Ho_Chi_Minh_City"</span><span class="p">)</span><span class="o">.</span><span class="n">text</span>
<span class="n">soup</span> <span class="o">=</span> <span class="n">BeautifulSoup</span><span class="p">(</span><span class="n">source_wiki_hcm</span><span class="p">,</span> <span class="s1">'lxml'</span><span class="p">)</span>
<span class="n">table_wiki_hcm</span> <span class="o">=</span> <span class="p">(</span> <span class="n">soup</span><span class="o">.</span><span class="n">find</span><span class="p">(</span><span class="s2">"span"</span><span class="p">,</span> <span class="p">{</span><span class="s2">"id"</span><span class="p">:</span> <span class="s2">"Demographics"</span><span class="p">})</span>
                    <span class="o">.</span><span class="n">parent</span><span class="o">.</span><span class="n">previous_sibling</span><span class="o">.</span><span class="n">previous_sibling</span> <span class="p">)</span>

<span class="n">table_rows</span> <span class="o">=</span> <span class="n">table_wiki_hcm</span><span class="o">.</span><span class="n">tbody</span><span class="o">.</span><span class="n">find_all</span><span class="p">(</span><span class="s2">"tr"</span><span class="p">)</span>
<span class="n">res_hcm</span> <span class="o">=</span> <span class="p">[]</span>
<span class="k">for</span> <span class="n">tr</span> <span class="ow">in</span> <span class="n">table_rows</span><span class="p">:</span>
    <span class="n">td</span> <span class="o">=</span> <span class="n">tr</span><span class="o">.</span><span class="n">find_all</span><span class="p">(</span><span class="s2">"td"</span><span class="p">)</span>
    <span class="n">row</span> <span class="o">=</span> <span class="p">[</span><span class="n">tr</span><span class="o">.</span><span class="n">text</span> <span class="k">for</span> <span class="n">tr</span> <span class="ow">in</span> <span class="n">td</span><span class="p">]</span>
    <span class="n">res_hcm</span><span class="o">.</span><span class="n">append</span><span class="p">(</span><span class="n">row</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;[3]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">df_hcm</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="n">res_hcm</span><span class="p">,</span> <span class="n">columns</span><span class="o">=</span><span class="p">[</span><span class="s2">"District"</span><span class="p">,</span> <span class="s2">"Subdistrict"</span><span class="p">,</span>
                        <span class="s2">"Area (km2)"</span><span class="p">,</span> <span class="s2">""</span><span class="p">,</span> <span class="s2">""</span><span class="p">,</span> <span class="s2">""</span><span class="p">,</span> <span class="s2">""</span><span class="p">,</span> <span class="s2">"Population 2015"</span><span class="p">,</span> <span class="s2">""</span><span class="p">])</span>
<span class="n">df_hcm</span><span class="o">.</span><span class="n">drop</span><span class="p">(</span><span class="s2">""</span><span class="p">,</span> <span class="n">axis</span><span class="o">=</span><span class="mi">1</span><span class="p">,</span> <span class="n">inplace</span><span class="o">=</span><span class="kc">True</span><span class="p">)</span>
<span class="n">df_hcm</span> <span class="o">=</span> <span class="n">df_hcm</span><span class="o">.</span><span class="n">iloc</span><span class="p">[</span><span class="mi">3</span><span class="p">:</span><span class="mi">22</span><span class="p">]</span><span class="o">.</span><span class="n">reset_index</span><span class="p">()</span><span class="o">.</span><span class="n">drop</span><span class="p">(</span><span class="s2">"index"</span><span class="p">,</span> <span class="n">axis</span><span class="o">=</span><span class="mi">1</span><span class="p">)</span>
<span class="n">df_hcm</span><span class="p">[</span><span class="s2">"Population 2015"</span><span class="p">]</span> <span class="o">=</span> <span class="p">(</span>
                            <span class="n">df_hcm</span><span class="p">[</span><span class="s2">"Population 2015"</span><span class="p">]</span><span class="o">.</span><span class="n">str</span><span class="o">.</span><span class="n">replace</span><span class="p">(</span><span class="s2">"</span><span class="se">\n</span><span class="s2">"</span><span class="p">,</span> <span class="s2">""</span><span class="p">)</span>
                                <span class="o">.</span><span class="n">str</span><span class="o">.</span><span class="n">replace</span><span class="p">(</span><span class="s2">","</span><span class="p">,</span> <span class="s2">""</span><span class="p">)</span>
                                <span class="o">.</span><span class="n">str</span><span class="o">.</span><span class="n">replace</span><span class="p">(</span><span class="s2">"."</span><span class="p">,</span> <span class="s2">""</span><span class="p">)</span>
                                <span class="o">.</span><span class="n">str</span><span class="o">.</span><span class="n">strip</span><span class="p">()</span>
                            <span class="p">)</span>
<span class="c1"># Add the "Density" column = Population / Area</span>
<span class="n">df_hcm</span><span class="p">[</span><span class="s2">"Density (pop/m2)"</span><span class="p">]</span> <span class="o">=</span> <span class="nb">round</span><span class="p">(</span><span class="n">df_hcm</span><span class="p">[</span><span class="s2">"Population 2015"</span><span class="p">]</span><span class="o">.</span><span class="n">astype</span><span class="p">(</span><span class="nb">float</span><span class="p">)</span>
                                       <span class="o">/</span> <span class="n">df_hcm</span><span class="p">[</span><span class="s2">"Area (km2)"</span><span class="p">]</span><span class="o">.</span><span class="n">astype</span><span class="p">(</span><span class="nb">float</span><span class="p">)</span>
                                   <span class="p">,</span> <span class="mi">3</span><span class="p">)</span>
<span class="c1"># remove the word "District"</span>
<span class="n">df_hcm</span><span class="p">[</span><span class="s2">"District"</span><span class="p">]</span> <span class="o">=</span> <span class="p">(</span> <span class="n">df_hcm</span><span class="p">[</span><span class="s2">"District"</span><span class="p">]</span>
                              <span class="o">.</span><span class="n">str</span><span class="o">.</span><span class="n">replace</span><span class="p">(</span><span class="s2">"District"</span><span class="p">,</span> <span class="s2">""</span><span class="p">)</span>
                              <span class="o">.</span><span class="n">str</span><span class="o">.</span><span class="n">strip</span><span class="p">()</span>
                         <span class="p">)</span>
<span class="c1"># remove Vietnamese accents</span>
<span class="n">df_hcm</span><span class="p">[</span><span class="s2">"District"</span><span class="p">]</span> <span class="o">=</span> <span class="n">df_hcm</span><span class="p">[</span><span class="s2">"District"</span><span class="p">]</span><span class="o">.</span><span class="n">apply</span><span class="p">(</span><span class="n">unidecode</span><span class="p">)</span>
<span class="n">df_hcm</span>
</pre></div>

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

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


<div class="output_area">

<div class="prompt output_prompt">Out[3]:</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>District</th>
      <th>Subdistrict</th>
      <th>Area (km2)</th>
      <th>Population 2015</th>
      <th>Density (pop/m2)</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>0</th>
      <td>1</td>
      <td>10 wards</td>
      <td>7.73</td>
      <td>193632</td>
      <td>25049.418</td>
    </tr>
    <tr>
      <th>1</th>
      <td>2</td>
      <td>11 wards</td>
      <td>49.74</td>
      <td>147168</td>
      <td>2958.745</td>
    </tr>
    <tr>
      <th>2</th>
      <td>3</td>
      <td>14 wards</td>
      <td>4.92</td>
      <td>196333</td>
      <td>39905.081</td>
    </tr>
    <tr>
      <th>3</th>
      <td>4</td>
      <td>15 wards</td>
      <td>4.18</td>
      <td>186727</td>
      <td>44671.531</td>
    </tr>
    <tr>
      <th>4</th>
      <td>5</td>
      <td>15 wards</td>
      <td>4.27</td>
      <td>178615</td>
      <td>41830.211</td>
    </tr>
    <tr>
      <th>5</th>
      <td>6</td>
      <td>14 wards</td>
      <td>7.19</td>
      <td>258945</td>
      <td>36014.604</td>
    </tr>
    <tr>
      <th>6</th>
      <td>7</td>
      <td>10 wards</td>
      <td>35.69</td>
      <td>310178</td>
      <td>8690.894</td>
    </tr>
    <tr>
      <th>7</th>
      <td>8</td>
      <td>16 wards</td>
      <td>19.18</td>
      <td>431969</td>
      <td>22521.846</td>
    </tr>
    <tr>
      <th>8</th>
      <td>9</td>
      <td>13 wards</td>
      <td>114</td>
      <td>290620</td>
      <td>2549.298</td>
    </tr>
    <tr>
      <th>9</th>
      <td>10</td>
      <td>15 wards</td>
      <td>5.72</td>
      <td>238558</td>
      <td>41705.944</td>
    </tr>
    <tr>
      <th>10</th>
      <td>11</td>
      <td>16 wards</td>
      <td>5.14</td>
      <td>230596</td>
      <td>44863.035</td>
    </tr>
    <tr>
      <th>11</th>
      <td>12</td>
      <td>11 wards</td>
      <td>52.78</td>
      <td>510326</td>
      <td>9668.928</td>
    </tr>
    <tr>
      <th>12</th>
      <td>Go Vap</td>
      <td>16 wards</td>
      <td>19.74</td>
      <td>634146</td>
      <td>32124.924</td>
    </tr>
    <tr>
      <th>13</th>
      <td>Tan Binh</td>
      <td>15 wards</td>
      <td>22.38</td>
      <td>459029</td>
      <td>20510.679</td>
    </tr>
    <tr>
      <th>14</th>
      <td>Tan Phu</td>
      <td>11 wards</td>
      <td>16.06</td>
      <td>464493</td>
      <td>28922.354</td>
    </tr>
    <tr>
      <th>15</th>
      <td>Binh Thanh</td>
      <td>20 wards</td>
      <td>20.76</td>
      <td>487985</td>
      <td>23506.021</td>
    </tr>
    <tr>
      <th>16</th>
      <td>Phu Nhuan</td>
      <td>15 wards</td>
      <td>4.88</td>
      <td>182477</td>
      <td>37392.828</td>
    </tr>
    <tr>
      <th>17</th>
      <td>Thu Duc</td>
      <td>12 wards</td>
      <td>49.76</td>
      <td>528413</td>
      <td>10619.232</td>
    </tr>
    <tr>
      <th>18</th>
      <td>Binh Tan</td>
      <td>10 wards</td>
      <td>51.89</td>
      <td>686474</td>
      <td>13229.408</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">
<h4 id="Housing-price">Housing price<a class="anchor-link" href="file:///C:/Users/dinha/Downloads/battle_of_neighborhood_project.html#Housing-price">¶</a></h4><p>Next, we collect the housing price at different districts of HCMC.</p>

</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="n">source_housing_price</span> <span class="o">=</span> <span class="n">requests</span><span class="o">.</span><span class="n">get</span><span class="p">(</span><span class="s2">"https://mogi.vn/gia-nha-dat"</span><span class="p">)</span><span class="o">.</span><span class="n">text</span>
<span class="n">soup</span> <span class="o">=</span> <span class="n">BeautifulSoup</span><span class="p">(</span><span class="n">source_housing_price</span><span class="p">,</span> <span class="s1">'lxml'</span><span class="p">)</span>
<span class="n">table_housing_price</span> <span class="o">=</span> <span class="n">soup</span><span class="o">.</span><span class="n">find</span><span class="p">(</span><span class="s2">"div"</span><span class="p">,</span> <span class="n">class_</span><span class="o">=</span><span class="s2">"mt-table"</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;[5]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">table_rows</span> <span class="o">=</span> <span class="n">table_housing_price</span><span class="o">.</span><span class="n">find_all</span><span class="p">(</span><span class="s2">"div"</span><span class="p">,</span> <span class="n">class_</span><span class="o">=</span><span class="s2">"mt-row"</span><span class="p">)</span>
<span class="n">res_housing_price</span> <span class="o">=</span> <span class="p">[]</span>
<span class="k">for</span> <span class="n">tr</span> <span class="ow">in</span> <span class="n">table_rows</span><span class="p">:</span>
    <span class="n">district</span> <span class="o">=</span> <span class="n">tr</span><span class="o">.</span><span class="n">find</span><span class="p">(</span><span class="s2">"div"</span><span class="p">,</span> <span class="n">class_</span><span class="o">=</span><span class="s2">"mt-street"</span><span class="p">)</span><span class="o">.</span><span class="n">a</span><span class="o">.</span><span class="n">text</span>
    <span class="n">medium_price</span> <span class="o">=</span> <span class="n">tr</span><span class="o">.</span><span class="n">find</span><span class="p">(</span><span class="s2">"div"</span><span class="p">,</span> <span class="n">class_</span><span class="o">=</span><span class="s2">"mt-vol"</span><span class="p">)</span><span class="o">.</span><span class="n">span</span><span class="o">.</span><span class="n">text</span>
    <span class="n">row</span> <span class="o">=</span> <span class="p">[</span><span class="n">district</span><span class="p">,</span> <span class="n">medium_price</span><span class="p">]</span>
    <span class="n">res_housing_price</span><span class="o">.</span><span class="n">append</span><span class="p">(</span><span class="n">row</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;[6]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">df_housing_price</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="n">res_housing_price</span><span class="p">,</span>
                                <span class="n">columns</span><span class="o">=</span><span class="p">[</span><span class="s2">"District"</span><span class="p">,</span> <span class="s2">"Average Housing Price (1M VND)"</span><span class="p">])</span>
<span class="n">df_housing_price</span> <span class="o">=</span> <span class="n">df_housing_price</span><span class="o">.</span><span class="n">iloc</span><span class="p">[:</span><span class="mi">19</span><span class="p">]</span><span class="o">.</span><span class="n">reset_index</span><span class="p">()</span><span class="o">.</span><span class="n">drop</span><span class="p">(</span><span class="s2">"index"</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="c1"># Remove the word "Quận"</span>
<span class="n">df_housing_price</span><span class="p">[</span><span class="s2">"District"</span><span class="p">]</span> <span class="o">=</span> <span class="p">(</span> <span class="n">df_housing_price</span><span class="p">[</span><span class="s2">"District"</span><span class="p">]</span>
                                        <span class="o">.</span><span class="n">str</span><span class="o">.</span><span class="n">replace</span><span class="p">(</span><span class="s2">"</span><span class="se">\n</span><span class="s2">"</span><span class="p">,</span> <span class="s2">""</span><span class="p">)</span><span class="o">.</span><span class="n">str</span><span class="o">.</span><span class="n">replace</span><span class="p">(</span><span class="s2">"Quận"</span><span class="p">,</span> <span class="s2">""</span><span class="p">)</span>
                                        <span class="o">.</span><span class="n">str</span><span class="o">.</span><span class="n">strip</span><span class="p">()</span>
                                   <span class="p">)</span>

<span class="c1"># Remove Vietnamese accents</span>
<span class="n">df_housing_price</span><span class="p">[</span><span class="s2">"District"</span><span class="p">]</span> <span class="o">=</span> <span class="n">df_housing_price</span><span class="p">[</span><span class="s2">"District"</span><span class="p">]</span><span class="o">.</span><span class="n">apply</span><span class="p">(</span><span class="n">unidecode</span><span class="p">)</span>

<span class="c1"># Remove the word "triệu" (It's 10^6 in Vietnamese)</span>
<span class="n">df_housing_price</span><span class="p">[</span><span class="s2">"Average Housing Price (1M VND)"</span><span class="p">]</span> <span class="o">=</span> <span class="p">(</span> <span class="n">df_housing_price</span><span class="p">[</span><span class="s2">"Average Housing Price (1M VND)"</span><span class="p">]</span>
                                                <span class="o">.</span><span class="n">str</span><span class="o">.</span><span class="n">replace</span><span class="p">(</span><span class="s2">"triệu"</span><span class="p">,</span> <span class="s2">""</span><span class="p">)</span>
                                                 <span class="o">.</span><span class="n">str</span><span class="o">.</span><span class="n">replace</span><span class="p">(</span><span class="s2">","</span><span class="p">,</span> <span class="s2">"."</span><span class="p">)</span>
                                                 <span class="o">.</span><span class="n">str</span><span class="o">.</span><span class="n">strip</span><span class="p">()</span>
                                            <span class="p">)</span>
<span class="n">df_housing_price</span>
</pre></div>

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

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


<div class="output_area">

<div class="prompt output_prompt">Out[6]:</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>District</th>
      <th>Average Housing Price (1M VND)</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>0</th>
      <td>1</td>
      <td>384</td>
    </tr>
    <tr>
      <th>1</th>
      <td>2</td>
      <td>58.8</td>
    </tr>
    <tr>
      <th>2</th>
      <td>3</td>
      <td>236</td>
    </tr>
    <tr>
      <th>3</th>
      <td>4</td>
      <td>70.3</td>
    </tr>
    <tr>
      <th>4</th>
      <td>5</td>
      <td>241</td>
    </tr>
    <tr>
      <th>5</th>
      <td>6</td>
      <td>95.5</td>
    </tr>
    <tr>
      <th>6</th>
      <td>7</td>
      <td>74.9</td>
    </tr>
    <tr>
      <th>7</th>
      <td>8</td>
      <td>56</td>
    </tr>
    <tr>
      <th>8</th>
      <td>9</td>
      <td>41.2</td>
    </tr>
    <tr>
      <th>9</th>
      <td>10</td>
      <td>203</td>
    </tr>
    <tr>
      <th>10</th>
      <td>11</td>
      <td>154</td>
    </tr>
    <tr>
      <th>11</th>
      <td>12</td>
      <td>39.7</td>
    </tr>
    <tr>
      <th>12</th>
      <td>Binh Tan</td>
      <td>57.2</td>
    </tr>
    <tr>
      <th>13</th>
      <td>Binh Thanh</td>
      <td>136</td>
    </tr>
    <tr>
      <th>14</th>
      <td>Go Vap</td>
      <td>95</td>
    </tr>
    <tr>
      <th>15</th>
      <td>Phu Nhuan</td>
      <td>168</td>
    </tr>
    <tr>
      <th>16</th>
      <td>Tan Binh</td>
      <td>136</td>
    </tr>
    <tr>
      <th>17</th>
      <td>Tan Phu</td>
      <td>97.3</td>
    </tr>
    <tr>
      <th>18</th>
      <td>Thu Duc</td>
      <td>49.9</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">
<p>Merge two dataframes <strong>df_hcm</strong> and <strong>df_housing_price</strong> into one table called <strong>df</strong></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="n">df</span> <span class="o">=</span> <span class="n">pd</span><span class="o">.</span><span class="n">merge</span><span class="p">(</span><span class="n">df_hcm</span><span class="p">,</span> <span class="n">df_housing_price</span><span class="p">,</span> <span class="n">how</span><span class="o">=</span><span class="s1">'left'</span><span class="p">,</span> <span class="n">left_on</span> <span class="o">=</span> <span class="s1">'District'</span><span class="p">,</span> <span class="n">right_on</span> <span class="o">=</span> <span class="s1">'District'</span><span class="p">)</span>
<span class="n">df</span>
</pre></div>

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

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


<div class="output_area">

<div class="prompt output_prompt">Out[7]:</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>District</th>
      <th>Subdistrict</th>
      <th>Area (km2)</th>
      <th>Population 2015</th>
      <th>Density (pop/m2)</th>
      <th>Average Housing Price (1M VND)</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>0</th>
      <td>1</td>
      <td>10 wards</td>
      <td>7.73</td>
      <td>193632</td>
      <td>25049.418</td>
      <td>384</td>
    </tr>
    <tr>
      <th>1</th>
      <td>2</td>
      <td>11 wards</td>
      <td>49.74</td>
      <td>147168</td>
      <td>2958.745</td>
      <td>58.8</td>
    </tr>
    <tr>
      <th>2</th>
      <td>3</td>
      <td>14 wards</td>
      <td>4.92</td>
      <td>196333</td>
      <td>39905.081</td>
      <td>236</td>
    </tr>
    <tr>
      <th>3</th>
      <td>4</td>
      <td>15 wards</td>
      <td>4.18</td>
      <td>186727</td>
      <td>44671.531</td>
      <td>70.3</td>
    </tr>
    <tr>
      <th>4</th>
      <td>5</td>
      <td>15 wards</td>
      <td>4.27</td>
      <td>178615</td>
      <td>41830.211</td>
      <td>241</td>
    </tr>
    <tr>
      <th>5</th>
      <td>6</td>
      <td>14 wards</td>
      <td>7.19</td>
      <td>258945</td>
      <td>36014.604</td>
      <td>95.5</td>
    </tr>
    <tr>
      <th>6</th>
      <td>7</td>
      <td>10 wards</td>
      <td>35.69</td>
      <td>310178</td>
      <td>8690.894</td>
      <td>74.9</td>
    </tr>
    <tr>
      <th>7</th>
      <td>8</td>
      <td>16 wards</td>
      <td>19.18</td>
      <td>431969</td>
      <td>22521.846</td>
      <td>56</td>
    </tr>
    <tr>
      <th>8</th>
      <td>9</td>
      <td>13 wards</td>
      <td>114</td>
      <td>290620</td>
      <td>2549.298</td>
      <td>41.2</td>
    </tr>
    <tr>
      <th>9</th>
      <td>10</td>
      <td>15 wards</td>
      <td>5.72</td>
      <td>238558</td>
      <td>41705.944</td>
      <td>203</td>
    </tr>
    <tr>
      <th>10</th>
      <td>11</td>
      <td>16 wards</td>
      <td>5.14</td>
      <td>230596</td>
      <td>44863.035</td>
      <td>154</td>
    </tr>
    <tr>
      <th>11</th>
      <td>12</td>
      <td>11 wards</td>
      <td>52.78</td>
      <td>510326</td>
      <td>9668.928</td>
      <td>39.7</td>
    </tr>
    <tr>
      <th>12</th>
      <td>Go Vap</td>
      <td>16 wards</td>
      <td>19.74</td>
      <td>634146</td>
      <td>32124.924</td>
      <td>95</td>
    </tr>
    <tr>
      <th>13</th>
      <td>Tan Binh</td>
      <td>15 wards</td>
      <td>22.38</td>
      <td>459029</td>
      <td>20510.679</td>
      <td>136</td>
    </tr>
    <tr>
      <th>14</th>
      <td>Tan Phu</td>
      <td>11 wards</td>
      <td>16.06</td>
      <td>464493</td>
      <td>28922.354</td>
      <td>97.3</td>
    </tr>
    <tr>
      <th>15</th>
      <td>Binh Thanh</td>
      <td>20 wards</td>
      <td>20.76</td>
      <td>487985</td>
      <td>23506.021</td>
      <td>136</td>
    </tr>
    <tr>
      <th>16</th>
      <td>Phu Nhuan</td>
      <td>15 wards</td>
      <td>4.88</td>
      <td>182477</td>
      <td>37392.828</td>
      <td>168</td>
    </tr>
    <tr>
      <th>17</th>
      <td>Thu Duc</td>
      <td>12 wards</td>
      <td>49.76</td>
      <td>528413</td>
      <td>10619.232</td>
      <td>49.9</td>
    </tr>
    <tr>
      <th>18</th>
      <td>Binh Tan</td>
      <td>10 wards</td>
      <td>51.89</td>
      <td>686474</td>
      <td>13229.408</td>
      <td>57.2</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">
<h4 id="Get-the-coordinates-of-the-districts">Get the coordinates of the districts<a class="anchor-link" href="file:///C:/Users/dinha/Downloads/battle_of_neighborhood_project.html#Get-the-coordinates-of-the-districts">¶</a></h4><p>Next, we find all coordinates of all urban districts in HCMC their name. In order to do that, we create a function which does the same job for all.</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="k">def</span> <span class="nf">find_coor</span><span class="p">(</span><span class="n">name</span><span class="p">):</span>
    <span class="n">address</span> <span class="o">=</span> <span class="n">name</span> <span class="o">+</span> <span class="s2">" Ho Chi Minh City Vietnam"</span>
    <span class="n">geolocator</span> <span class="o">=</span> <span class="n">Nominatim</span><span class="p">(</span><span class="n">user_agent</span><span class="o">=</span><span class="s2">"hcmc"</span><span class="p">)</span>
    <span class="n">location</span> <span class="o">=</span> <span class="n">geolocator</span><span class="o">.</span><span class="n">geocode</span><span class="p">(</span><span class="n">address</span><span class="p">)</span>
    <span class="n">latitude</span> <span class="o">=</span> <span class="n">location</span><span class="o">.</span><span class="n">latitude</span>
    <span class="n">longitude</span> <span class="o">=</span> <span class="n">location</span><span class="o">.</span><span class="n">longitude</span>
    <span class="k">return</span> <span class="p">[</span><span class="n">latitude</span><span class="p">,</span> <span class="n">longitude</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><strong>Remark</strong>: We cannot find the coordinate of "District Go Vap" but "Go Vap". However, we need the word "District" to find the coordinate of districts whose name contains a number like "District 1".</p>

</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"># For District 1 to 12 (numbers)</span>
<span class="n">coords</span> <span class="o">=</span> <span class="p">[</span><span class="n">find_coor</span><span class="p">(</span><span class="s2">"District "</span> <span class="o">+</span> <span class="n">dist</span><span class="p">)</span> <span class="k">for</span> <span class="n">dist</span> <span class="ow">in</span> <span class="n">df</span><span class="p">[</span><span class="s2">"District"</span><span class="p">]</span><span class="o">.</span><span class="n">iloc</span><span class="p">[:</span><span class="mi">12</span><span class="p">]</span><span class="o">.</span><span class="n">tolist</span><span class="p">()]</span>

<span class="c1"># For the other districts (letters)</span>
<span class="n">coords</span> <span class="o">=</span> <span class="n">coords</span> <span class="o">+</span> <span class="p">[</span><span class="n">find_coor</span><span class="p">(</span><span class="n">dist</span> <span class="o">+</span> <span class="s2">" District"</span><span class="p">)</span> <span class="k">for</span> <span class="n">dist</span> <span class="ow">in</span> <span class="n">df</span><span class="p">[</span><span class="s2">"District"</span><span class="p">]</span><span class="o">.</span><span class="n">iloc</span><span class="p">[</span><span class="mi">12</span><span class="p">:]</span><span class="o">.</span><span class="n">tolist</span><span class="p">()]</span>

<span class="n">df_coords</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="n">coords</span><span class="p">,</span> <span class="n">columns</span><span class="o">=</span><span class="p">[</span><span class="s2">"Latitude"</span><span class="p">,</span> <span class="s2">"Longitude"</span><span class="p">])</span>

<span class="n">df</span><span class="p">[</span><span class="s2">"Latitude"</span><span class="p">]</span> <span class="o">=</span> <span class="n">df_coords</span><span class="p">[</span><span class="s2">"Latitude"</span><span class="p">]</span>
<span class="n">df</span><span class="p">[</span><span class="s2">"Longitude"</span><span class="p">]</span> <span class="o">=</span> <span class="n">df_coords</span><span class="p">[</span><span class="s2">"Longitude"</span><span class="p">]</span>

<span class="n">df</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>District</th>
      <th>Subdistrict</th>
      <th>Area (km2)</th>
      <th>Population 2015</th>
      <th>Density (pop/m2)</th>
      <th>Average Housing Price (1M VND)</th>
      <th>Latitude</th>
      <th>Longitude</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>0</th>
      <td>1</td>
      <td>10 wards</td>
      <td>7.73</td>
      <td>193632</td>
      <td>25049.418</td>
      <td>384</td>
      <td>10.774540</td>
      <td>106.699184</td>
    </tr>
    <tr>
      <th>1</th>
      <td>2</td>
      <td>11 wards</td>
      <td>49.74</td>
      <td>147168</td>
      <td>2958.745</td>
      <td>58.8</td>
      <td>10.791116</td>
      <td>106.736729</td>
    </tr>
    <tr>
      <th>2</th>
      <td>3</td>
      <td>14 wards</td>
      <td>4.92</td>
      <td>196333</td>
      <td>39905.081</td>
      <td>236</td>
      <td>10.783529</td>
      <td>106.687098</td>
    </tr>
    <tr>
      <th>3</th>
      <td>4</td>
      <td>15 wards</td>
      <td>4.18</td>
      <td>186727</td>
      <td>44671.531</td>
      <td>70.3</td>
      <td>10.759243</td>
      <td>106.704890</td>
    </tr>
    <tr>
      <th>4</th>
      <td>5</td>
      <td>15 wards</td>
      <td>4.27</td>
      <td>178615</td>
      <td>41830.211</td>
      <td>241</td>
      <td>10.756129</td>
      <td>106.670376</td>
    </tr>
    <tr>
      <th>5</th>
      <td>6</td>
      <td>14 wards</td>
      <td>7.19</td>
      <td>258945</td>
      <td>36014.604</td>
      <td>95.5</td>
      <td>10.746928</td>
      <td>106.634495</td>
    </tr>
    <tr>
      <th>6</th>
      <td>7</td>
      <td>10 wards</td>
      <td>35.69</td>
      <td>310178</td>
      <td>8690.894</td>
      <td>74.9</td>
      <td>10.736573</td>
      <td>106.722432</td>
    </tr>
    <tr>
      <th>7</th>
      <td>8</td>
      <td>16 wards</td>
      <td>19.18</td>
      <td>431969</td>
      <td>22521.846</td>
      <td>56</td>
      <td>10.740400</td>
      <td>106.665843</td>
    </tr>
    <tr>
      <th>8</th>
      <td>9</td>
      <td>13 wards</td>
      <td>114</td>
      <td>290620</td>
      <td>2549.298</td>
      <td>41.2</td>
      <td>10.824543</td>
      <td>106.818015</td>
    </tr>
    <tr>
      <th>9</th>
      <td>10</td>
      <td>15 wards</td>
      <td>5.72</td>
      <td>238558</td>
      <td>41705.944</td>
      <td>203</td>
      <td>10.773198</td>
      <td>106.667833</td>
    </tr>
    <tr>
      <th>10</th>
      <td>11</td>
      <td>16 wards</td>
      <td>5.14</td>
      <td>230596</td>
      <td>44863.035</td>
      <td>154</td>
      <td>10.764208</td>
      <td>106.643282</td>
    </tr>
    <tr>
      <th>11</th>
      <td>12</td>
      <td>11 wards</td>
      <td>52.78</td>
      <td>510326</td>
      <td>9668.928</td>
      <td>39.7</td>
      <td>10.867233</td>
      <td>106.653930</td>
    </tr>
    <tr>
      <th>12</th>
      <td>Go Vap</td>
      <td>16 wards</td>
      <td>19.74</td>
      <td>634146</td>
      <td>32124.924</td>
      <td>95</td>
      <td>10.840150</td>
      <td>106.671083</td>
    </tr>
    <tr>
      <th>13</th>
      <td>Tan Binh</td>
      <td>15 wards</td>
      <td>22.38</td>
      <td>459029</td>
      <td>20510.679</td>
      <td>136</td>
      <td>10.797979</td>
      <td>106.653805</td>
    </tr>
    <tr>
      <th>14</th>
      <td>Tan Phu</td>
      <td>11 wards</td>
      <td>16.06</td>
      <td>464493</td>
      <td>28922.354</td>
      <td>97.3</td>
      <td>10.791640</td>
      <td>106.627302</td>
    </tr>
    <tr>
      <th>15</th>
      <td>Binh Thanh</td>
      <td>20 wards</td>
      <td>20.76</td>
      <td>487985</td>
      <td>23506.021</td>
      <td>136</td>
      <td>10.804659</td>
      <td>106.707848</td>
    </tr>
    <tr>
      <th>16</th>
      <td>Phu Nhuan</td>
      <td>15 wards</td>
      <td>4.88</td>
      <td>182477</td>
      <td>37392.828</td>
      <td>168</td>
      <td>10.800118</td>
      <td>106.677042</td>
    </tr>
    <tr>
      <th>17</th>
      <td>Thu Duc</td>
      <td>12 wards</td>
      <td>49.76</td>
      <td>528413</td>
      <td>10619.232</td>
      <td>49.9</td>
      <td>10.852588</td>
      <td>106.755838</td>
    </tr>
    <tr>
      <th>18</th>
      <td>Binh Tan</td>
      <td>10 wards</td>
      <td>51.89</td>
      <td>686474</td>
      <td>13229.408</td>
      <td>57.2</td>
      <td>10.749809</td>
      <td>106.605664</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="Plot-the-maps">Plot the maps<a class="anchor-link" href="file:///C:/Users/dinha/Downloads/battle_of_neighborhood_project.html#Plot-the-maps">¶</a></h3><h4 id="HCMC-map">HCMC map<a class="anchor-link" href="file:///C:/Users/dinha/Downloads/battle_of_neighborhood_project.html#HCMC-map">¶</a></h4><p>First, we get the coordinate of Ho Chi Minh City and plot its map.</p>

</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="p">[</span><span class="n">hcm_lat</span><span class="p">,</span> <span class="n">hcm_long</span><span class="p">]</span> <span class="o">=</span> <span class="n">find_coor</span><span class="p">(</span><span class="s2">""</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">'The geograpical coordinate of Ho Chi Minh City are </span><span class="si">{}</span><span class="s1">, </span><span class="si">{}</span><span class="s1">.'</span><span class="o">.</span><span class="n">format</span><span class="p">(</span><span class="n">hcm_lat</span><span class="p">,</span> <span class="n">hcm_long</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 geograpical coordinate of Ho Chi Minh City are 10.7758439, 106.7017555.
</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>Plot the HCMC's map</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="n">map_hcm</span> <span class="o">=</span> <span class="n">folium</span><span class="o">.</span><span class="n">Map</span><span class="p">(</span><span class="n">location</span><span class="o">=</span><span class="p">[</span><span class="n">hcm_lat</span><span class="p">,</span> <span class="n">hcm_long</span><span class="p">],</span> <span class="n">zoom_start</span><span class="o">=</span><span class="mi">11</span><span class="p">)</span>
<span class="k">for</span> <span class="n">lat</span><span class="p">,</span> <span class="n">lng</span><span class="p">,</span> <span class="n">dis</span> <span class="ow">in</span> <span class="nb">zip</span><span class="p">(</span><span class="n">df</span><span class="p">[</span><span class="s1">'Latitude'</span><span class="p">],</span> <span class="n">df</span><span class="p">[</span><span class="s1">'Longitude'</span><span class="p">],</span> <span class="n">df</span><span class="p">[</span><span class="s1">'District'</span><span class="p">]):</span>
    <span class="n">label</span> <span class="o">=</span> <span class="s1">'</span><span class="si">{}</span><span class="s1">'</span><span class="o">.</span><span class="n">format</span><span class="p">(</span><span class="n">dis</span><span class="p">)</span>
    <span class="n">label</span> <span class="o">=</span> <span class="n">folium</span><span class="o">.</span><span class="n">Popup</span><span class="p">(</span><span class="n">label</span><span class="p">,</span> <span class="n">parse_html</span><span class="o">=</span><span class="kc">True</span><span class="p">)</span>
    <span class="n">folium</span><span class="o">.</span><span class="n">CircleMarker</span><span class="p">(</span>
        <span class="p">[</span><span class="n">lat</span><span class="p">,</span> <span class="n">lng</span><span class="p">],</span>
        <span class="n">radius</span><span class="o">=</span><span class="mi">5</span><span class="p">,</span>
        <span class="n">popup</span><span class="o">=</span><span class="n">label</span><span class="p">,</span>
        <span class="n">color</span><span class="o">=</span><span class="s1">'blue'</span><span class="p">,</span>
        <span class="n">fill</span><span class="o">=</span><span class="kc">True</span><span class="p">,</span>
        <span class="n">fill_color</span><span class="o">=</span><span class="s1">'#3186cc'</span><span class="p">,</span>
        <span class="n">fill_opacity</span><span class="o">=</span><span class="mf">0.7</span><span class="p">,</span>
        <span class="n">parse_html</span><span class="o">=</span><span class="kc">False</span><span class="p">)</span><span class="o">.</span><span class="n">add_to</span><span class="p">(</span><span class="n">map_hcm</span><span class="p">)</span>

<span class="n">map_hcm</span>
</pre></div>

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

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


<div class="output_area">

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


<div class="output_html rendered_html output_subarea output_execute_result">
<div style="width:100%;"><div style="position:relative;width:100%;height:0;padding-bottom:60%;"><iframe src="https://github.com/dinhanhthi/cafe-in-hcm/blob/master/capstone_project_files/saved_resource.html" style="position:absolute;width:100%;height:100%;left:0;top:0;border:none !important;" allowfullscreen="" webkitallowfullscreen="" mozallowfullscreen=""></iframe></div></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="Define-Foursquare-Credentials-and-Version">Define Foursquare Credentials and Version<a class="anchor-link" href="file:///C:/Users/dinha/Downloads/battle_of_neighborhood_project.html#Define-Foursquare-Credentials-and-Version">¶</a></h3><p>On the public repository on Github, I remove this field for the privacy!</p>

</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="n">CLIENT_ID</span> <span class="o">=</span> <span class="s1">'POLHESRKW3XHK2RRL43QDI0MTY1IMDPIQYRHVYKTHVQBOAWZ'</span>
<span class="n">CLIENT_SECRET</span> <span class="o">=</span> <span class="s1">'MQEW54YAQYCNSE2C3RMF04TGMUZASA21XCCTE4LVEC3DBJT5'</span>
<span class="n">VERSION</span> <span class="o">=</span> <span class="s1">'20180605'</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">
<h3 id="Explore-the-venues-of-urbant-districts">Explore the venues of urbant districts<a class="anchor-link" href="file:///C:/Users/dinha/Downloads/battle_of_neighborhood_project.html#Explore-the-venues-of-urbant-districts">¶</a></h3><p>First, let's create a function to repeat the same process to all the districts of HCMC.</p>

</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="k">def</span> <span class="nf">getNearbyVenues</span><span class="p">(</span><span class="n">names</span><span class="p">,</span> <span class="n">latitudes</span><span class="p">,</span> <span class="n">longitudes</span><span class="p">,</span> <span class="n">radius</span><span class="o">=</span><span class="mi">1500</span><span class="p">,</span> <span class="n">LIMIT</span><span class="o">=</span><span class="mi">150</span><span class="p">):</span>
    <span class="n">venues_list</span><span class="o">=</span><span class="p">[]</span>

    <span class="k">for</span> <span class="n">name</span><span class="p">,</span> <span class="n">lat</span><span class="p">,</span> <span class="n">lng</span> <span class="ow">in</span> <span class="nb">zip</span><span class="p">(</span><span class="n">names</span><span class="p">,</span> <span class="n">latitudes</span><span class="p">,</span> <span class="n">longitudes</span><span class="p">):</span>
        <span class="c1"># print(name)</span>

        <span class="c1"># create the API request URL</span>
        <span class="n">url</span> <span class="o">=</span> <span class="s1">'https://api.foursquare.com/v2/venues/explore?&amp;client_id=</span><span class="si">{}</span><span class="s1">&amp;client_secret=</span><span class="si">{}</span><span class="s1">&amp;v=</span><span class="si">{}</span><span class="s1">&amp;ll=</span><span class="si">{}</span><span class="s1">,</span><span class="si">{}</span><span class="s1">&amp;radius=</span><span class="si">{}</span><span class="s1">&amp;limit=</span><span class="si">{}</span><span class="s1">'</span><span class="o">.</span><span class="n">format</span><span class="p">(</span>
            <span class="n">CLIENT_ID</span><span class="p">,</span>
            <span class="n">CLIENT_SECRET</span><span class="p">,</span>
            <span class="n">VERSION</span><span class="p">,</span>
            <span class="n">lat</span><span class="p">,</span>
            <span class="n">lng</span><span class="p">,</span>
            <span class="n">radius</span><span class="p">,</span>
            <span class="n">LIMIT</span><span class="p">)</span>

        <span class="c1"># make the GET request</span>
        <span class="n">results</span> <span class="o">=</span> <span class="n">requests</span><span class="o">.</span><span class="n">get</span><span class="p">(</span><span class="n">url</span><span class="p">)</span><span class="o">.</span><span class="n">json</span><span class="p">()[</span><span class="s2">"response"</span><span class="p">][</span><span class="s1">'groups'</span><span class="p">][</span><span class="mi">0</span><span class="p">][</span><span class="s1">'items'</span><span class="p">]</span>

        <span class="c1"># return only relevant information for each nearby venue</span>
        <span class="n">venues_list</span><span class="o">.</span><span class="n">append</span><span class="p">([(</span>
            <span class="n">name</span><span class="p">,</span>
            <span class="n">lat</span><span class="p">,</span>
            <span class="n">lng</span><span class="p">,</span>
            <span class="n">v</span><span class="p">[</span><span class="s1">'venue'</span><span class="p">][</span><span class="s1">'name'</span><span class="p">],</span>
            <span class="n">v</span><span class="p">[</span><span class="s1">'venue'</span><span class="p">][</span><span class="s1">'location'</span><span class="p">][</span><span class="s1">'lat'</span><span class="p">],</span>
            <span class="n">v</span><span class="p">[</span><span class="s1">'venue'</span><span class="p">][</span><span class="s1">'location'</span><span class="p">][</span><span class="s1">'lng'</span><span class="p">],</span>
            <span class="n">v</span><span class="p">[</span><span class="s1">'venue'</span><span class="p">][</span><span class="s1">'categories'</span><span class="p">][</span><span class="mi">0</span><span class="p">][</span><span class="s1">'name'</span><span class="p">])</span> <span class="k">for</span> <span class="n">v</span> <span class="ow">in</span> <span class="n">results</span><span class="p">])</span>

    <span class="n">nearby_venues</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="n">item</span> <span class="k">for</span> <span class="n">venue_list</span> <span class="ow">in</span> <span class="n">venues_list</span> <span class="k">for</span> <span class="n">item</span> <span class="ow">in</span> <span class="n">venue_list</span><span class="p">])</span>
    <span class="n">nearby_venues</span><span class="o">.</span><span class="n">columns</span> <span class="o">=</span> <span class="p">[</span><span class="s1">'District'</span><span class="p">,</span>
                  <span class="s1">'District Latitude'</span><span class="p">,</span>
                  <span class="s1">'District Longitude'</span><span class="p">,</span>
                  <span class="s1">'Venue'</span><span class="p">,</span>
                  <span class="s1">'Venue Latitude'</span><span class="p">,</span>
                  <span class="s1">'Venue Longitude'</span><span class="p">,</span>
                  <span class="s1">'Venue Category'</span><span class="p">]</span>

    <span class="k">return</span><span class="p">(</span><span class="n">nearby_venues</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>Now, we apply above function to our dataframe.</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="n">hcm_venues</span> <span class="o">=</span> <span class="n">getNearbyVenues</span><span class="p">(</span><span class="n">names</span><span class="o">=</span><span class="n">df</span><span class="p">[</span><span class="s1">'District'</span><span class="p">],</span>
                             <span class="n">latitudes</span><span class="o">=</span><span class="n">df</span><span class="p">[</span><span class="s1">'Latitude'</span><span class="p">],</span>
                             <span class="n">longitudes</span><span class="o">=</span><span class="n">df</span><span class="p">[</span><span class="s1">'Longitude'</span><span class="p">]</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="n">hcm_venues</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[15]:</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>District</th>
      <th>District Latitude</th>
      <th>District Longitude</th>
      <th>Venue</th>
      <th>Venue Latitude</th>
      <th>Venue Longitude</th>
      <th>Venue Category</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>0</th>
      <td>1</td>
      <td>10.77454</td>
      <td>106.699184</td>
      <td>Pizza 4P's</td>
      <td>10.773301</td>
      <td>106.697599</td>
      <td>Pizza Place</td>
    </tr>
    <tr>
      <th>1</th>
      <td>1</td>
      <td>10.77454</td>
      <td>106.699184</td>
      <td>Pasteur Street Brewing Company</td>
      <td>10.775220</td>
      <td>106.700894</td>
      <td>Brewery</td>
    </tr>
    <tr>
      <th>2</th>
      <td>1</td>
      <td>10.77454</td>
      <td>106.699184</td>
      <td>The Alley Cocktail Bar &amp; Kitchen</td>
      <td>10.774760</td>
      <td>106.700605</td>
      <td>Speakeasy</td>
    </tr>
    <tr>
      <th>3</th>
      <td>1</td>
      <td>10.77454</td>
      <td>106.699184</td>
      <td>Liberty Central Saigon Citypoint Hotel</td>
      <td>10.774758</td>
      <td>106.700795</td>
      <td>Hotel</td>
    </tr>
    <tr>
      <th>4</th>
      <td>1</td>
      <td>10.77454</td>
      <td>106.699184</td>
      <td>Takashimaya</td>
      <td>10.773194</td>
      <td>106.701075</td>
      <td>Department Store</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">
<p>Let's check how many venues were returned for each district.</p>

</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="n">hcm_venues_group</span> <span class="o">=</span> <span class="n">hcm_venues</span><span class="o">.</span><span class="n">groupby</span><span class="p">(</span><span class="s1">'District'</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">reset_index</span><span class="p">()</span>
<span class="n">hcm_venues_group</span>
</pre></div>

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

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


<div class="output_area">

<div class="prompt output_prompt">Out[16]:</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>District</th>
      <th>District Latitude</th>
      <th>District Longitude</th>
      <th>Venue</th>
      <th>Venue Latitude</th>
      <th>Venue Longitude</th>
      <th>Venue Category</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>0</th>
      <td>1</td>
      <td>100</td>
      <td>100</td>
      <td>100</td>
      <td>100</td>
      <td>100</td>
      <td>100</td>
    </tr>
    <tr>
      <th>1</th>
      <td>10</td>
      <td>100</td>
      <td>100</td>
      <td>100</td>
      <td>100</td>
      <td>100</td>
      <td>100</td>
    </tr>
    <tr>
      <th>2</th>
      <td>11</td>
      <td>39</td>
      <td>39</td>
      <td>39</td>
      <td>39</td>
      <td>39</td>
      <td>39</td>
    </tr>
    <tr>
      <th>3</th>
      <td>12</td>
      <td>9</td>
      <td>9</td>
      <td>9</td>
      <td>9</td>
      <td>9</td>
      <td>9</td>
    </tr>
    <tr>
      <th>4</th>
      <td>2</td>
      <td>54</td>
      <td>54</td>
      <td>54</td>
      <td>54</td>
      <td>54</td>
      <td>54</td>
    </tr>
    <tr>
      <th>5</th>
      <td>3</td>
      <td>100</td>
      <td>100</td>
      <td>100</td>
      <td>100</td>
      <td>100</td>
      <td>100</td>
    </tr>
    <tr>
      <th>6</th>
      <td>4</td>
      <td>75</td>
      <td>75</td>
      <td>75</td>
      <td>75</td>
      <td>75</td>
      <td>75</td>
    </tr>
    <tr>
      <th>7</th>
      <td>5</td>
      <td>100</td>
      <td>100</td>
      <td>100</td>
      <td>100</td>
      <td>100</td>
      <td>100</td>
    </tr>
    <tr>
      <th>8</th>
      <td>6</td>
      <td>12</td>
      <td>12</td>
      <td>12</td>
      <td>12</td>
      <td>12</td>
      <td>12</td>
    </tr>
    <tr>
      <th>9</th>
      <td>7</td>
      <td>62</td>
      <td>62</td>
      <td>62</td>
      <td>62</td>
      <td>62</td>
      <td>62</td>
    </tr>
    <tr>
      <th>10</th>
      <td>8</td>
      <td>20</td>
      <td>20</td>
      <td>20</td>
      <td>20</td>
      <td>20</td>
      <td>20</td>
    </tr>
    <tr>
      <th>11</th>
      <td>9</td>
      <td>2</td>
      <td>2</td>
      <td>2</td>
      <td>2</td>
      <td>2</td>
      <td>2</td>
    </tr>
    <tr>
      <th>12</th>
      <td>Binh Tan</td>
      <td>10</td>
      <td>10</td>
      <td>10</td>
      <td>10</td>
      <td>10</td>
      <td>10</td>
    </tr>
    <tr>
      <th>13</th>
      <td>Binh Thanh</td>
      <td>72</td>
      <td>72</td>
      <td>72</td>
      <td>72</td>
      <td>72</td>
      <td>72</td>
    </tr>
    <tr>
      <th>14</th>
      <td>Go Vap</td>
      <td>24</td>
      <td>24</td>
      <td>24</td>
      <td>24</td>
      <td>24</td>
      <td>24</td>
    </tr>
    <tr>
      <th>15</th>
      <td>Phu Nhuan</td>
      <td>100</td>
      <td>100</td>
      <td>100</td>
      <td>100</td>
      <td>100</td>
      <td>100</td>
    </tr>
    <tr>
      <th>16</th>
      <td>Tan Binh</td>
      <td>65</td>
      <td>65</td>
      <td>65</td>
      <td>65</td>
      <td>65</td>
      <td>65</td>
    </tr>
    <tr>
      <th>17</th>
      <td>Tan Phu</td>
      <td>21</td>
      <td>21</td>
      <td>21</td>
      <td>21</td>
      <td>21</td>
      <td>21</td>
    </tr>
    <tr>
      <th>18</th>
      <td>Thu Duc</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</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;[17]:</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="s1">'In above table, there are </span><span class="si">{}</span><span class="s1"> uniques categories.'</span><span class="o">.</span><span class="n">format</span><span class="p">(</span><span class="nb">len</span><span class="p">(</span><span class="n">hcm_venues</span><span class="p">[</span><span class="s1">'Venue Category'</span><span class="p">]</span><span class="o">.</span><span class="n">unique</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>In above table, there are 138 uniques categories.
</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">
<h2 id="Results">Results<a class="anchor-link" href="file:///C:/Users/dinha/Downloads/battle_of_neighborhood_project.html#Results">¶</a></h2><h3 id="The-list-of-unique-categories">The list of unique categories<a class="anchor-link" href="file:///C:/Users/dinha/Downloads/battle_of_neighborhood_project.html#The-list-of-unique-categories">¶</a></h3><p>The list of first 50 categories.</p>

</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="n">hcm_venues</span><span class="p">[</span><span class="s1">'Venue Category'</span><span class="p">]</span><span class="o">.</span><span class="n">unique</span><span class="p">()[:</span><span class="mi">50</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[18]:</div>


<div class="output_text output_subarea output_execute_result">
<pre>array(['Pizza Place', 'Brewery', 'Speakeasy', 'Hotel', 'Department Store',
       'Spanish Restaurant', 'Vietnamese Restaurant', 'Café',
       'Supermarket', 'Jazz Club', 'Multiplex', 'Steakhouse',
       'Massage Studio', 'Nightclub', 'Coffee Shop', 'Dessert Shop',
       'Bar', 'Italian Restaurant', 'Bakery', 'Whisky Bar', 'Spa',
       'Korean Restaurant', 'Clothing Store', 'French Restaurant',
       'Burger Joint', 'German Restaurant', 'Bookstore',
       'Thai Restaurant', 'Noodle House', 'Museum', 'Pool',
       'Jewelry Store', 'Soup Place', 'Vegetarian / Vegan Restaurant',
       'Tapas Restaurant', 'Cupcake Shop', 'Opera House',
       'Hotpot Restaurant', 'North Indian Restaurant',
       'Indian Restaurant', 'Cocktail Bar', 'Middle Eastern Restaurant',
       'Japanese Restaurant', 'Sandwich Place', 'Hotel Bar',
       'Bubble Tea Shop', 'Park', 'Food Truck', 'Hostel',
       'Argentinian Restaurant'], dtype=object)</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">
<h4 id="Number-of-venues-in-each-district">Number of venues in each district<a class="anchor-link" href="file:///C:/Users/dinha/Downloads/battle_of_neighborhood_project.html#Number-of-venues-in-each-district">¶</a></h4><p>We plot a chart in order to compare visually the different of number of venues between districts.</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="n">ax</span> <span class="o">=</span> <span class="n">hcm_venues_group</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">"Venue"</span><span class="p">,</span> <span class="n">ascending</span><span class="o">=</span><span class="kc">False</span><span class="p">)</span><span class="o">.</span><span class="n">plot</span><span class="p">(</span><span class="n">x</span><span class="o">=</span><span class="s2">"District"</span><span class="p">,</span> <span class="n">y</span><span class="o">=</span><span class="s2">"Venue"</span><span class="p">,</span> <span class="n">kind</span><span class="o">=</span><span class="s2">"bar"</span><span class="p">)</span>
<span class="n">ax</span><span class="o">.</span><span class="n">set_ylabel</span><span class="p">(</span><span class="s2">"Number of venues"</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[19]:</div>


<div class="output_text output_subarea output_execute_result">
<pre>Text(0,0.5,'Number of venues')</pre>
</div>

</div>

<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">
<h4 id="The-number-of-venues-in-each-category.">The number of venues in each category.<a class="anchor-link" href="file:///C:/Users/dinha/Downloads/battle_of_neighborhood_project.html#The-number-of-venues-in-each-category.">¶</a></h4>
</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="n">most_venues</span> <span class="o">=</span> <span class="n">hcm_venues</span><span class="o">.</span><span class="n">groupby</span><span class="p">(</span><span class="s1">'Venue Category'</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="n">by</span><span class="o">=</span><span class="s2">"Venue"</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">most_venues</span><span class="o">.</span><span class="n">head</span><span class="p">(</span><span class="mi">15</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[20]:</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>District</th>
      <th>District Latitude</th>
      <th>District Longitude</th>
      <th>Venue</th>
      <th>Venue Latitude</th>
      <th>Venue Longitude</th>
    </tr>
    <tr>
      <th>Venue Category</th>
      <th></th>
      <th></th>
      <th></th>
      <th></th>
      <th></th>
      <th></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>Vietnamese Restaurant</th>
      <td>133</td>
      <td>133</td>
      <td>133</td>
      <td>133</td>
      <td>133</td>
      <td>133</td>
    </tr>
    <tr>
      <th>Café</th>
      <td>127</td>
      <td>127</td>
      <td>127</td>
      <td>127</td>
      <td>127</td>
      <td>127</td>
    </tr>
    <tr>
      <th>Coffee Shop</th>
      <td>72</td>
      <td>72</td>
      <td>72</td>
      <td>72</td>
      <td>72</td>
      <td>72</td>
    </tr>
    <tr>
      <th>Seafood Restaurant</th>
      <td>33</td>
      <td>33</td>
      <td>33</td>
      <td>33</td>
      <td>33</td>
      <td>33</td>
    </tr>
    <tr>
      <th>Asian Restaurant</th>
      <td>29</td>
      <td>29</td>
      <td>29</td>
      <td>29</td>
      <td>29</td>
      <td>29</td>
    </tr>
    <tr>
      <th>Hotel</th>
      <td>27</td>
      <td>27</td>
      <td>27</td>
      <td>27</td>
      <td>27</td>
      <td>27</td>
    </tr>
    <tr>
      <th>Chinese Restaurant</th>
      <td>25</td>
      <td>25</td>
      <td>25</td>
      <td>25</td>
      <td>25</td>
      <td>25</td>
    </tr>
    <tr>
      <th>Vegetarian / Vegan Restaurant</th>
      <td>21</td>
      <td>21</td>
      <td>21</td>
      <td>21</td>
      <td>21</td>
      <td>21</td>
    </tr>
    <tr>
      <th>Japanese Restaurant</th>
      <td>20</td>
      <td>20</td>
      <td>20</td>
      <td>20</td>
      <td>20</td>
      <td>20</td>
    </tr>
    <tr>
      <th>Pizza Place</th>
      <td>18</td>
      <td>18</td>
      <td>18</td>
      <td>18</td>
      <td>18</td>
      <td>18</td>
    </tr>
    <tr>
      <th>Dessert Shop</th>
      <td>18</td>
      <td>18</td>
      <td>18</td>
      <td>18</td>
      <td>18</td>
      <td>18</td>
    </tr>
    <tr>
      <th>Multiplex</th>
      <td>17</td>
      <td>17</td>
      <td>17</td>
      <td>17</td>
      <td>17</td>
      <td>17</td>
    </tr>
    <tr>
      <th>Noodle House</th>
      <td>16</td>
      <td>16</td>
      <td>16</td>
      <td>16</td>
      <td>16</td>
      <td>16</td>
    </tr>
    <tr>
      <th>BBQ Joint</th>
      <td>15</td>
      <td>15</td>
      <td>15</td>
      <td>15</td>
      <td>15</td>
      <td>15</td>
    </tr>
    <tr>
      <th>Shopping Mall</th>
      <td>12</td>
      <td>12</td>
      <td>12</td>
      <td>12</td>
      <td>12</td>
      <td>12</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">
<h4 id="The-number-of-categories-in-each-district">The number of categories in each district<a class="anchor-link" href="file:///C:/Users/dinha/Downloads/battle_of_neighborhood_project.html#The-number-of-categories-in-each-district">¶</a></h4>
</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="n">hcm_venues_group_cat</span> <span class="o">=</span> <span class="p">(</span>
    <span class="n">hcm_venues</span><span class="o">.</span><span class="n">groupby</span><span class="p">([</span><span class="s1">'District'</span><span class="p">,</span><span class="s1">'Venue Category'</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">reset_index</span><span class="p">()[[</span><span class="s1">'District'</span><span class="p">,</span> <span class="s1">'Venue Category'</span><span class="p">]]</span>
            <span class="o">.</span><span class="n">groupby</span><span class="p">(</span><span class="s1">'District'</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">reset_index</span><span class="p">()</span>
<span class="p">)</span>
<span class="c1"># hcm_venues_group_cat</span>
<span class="n">ax</span> <span class="o">=</span> <span class="n">hcm_venues_group_cat</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">"Venue Category"</span><span class="p">,</span> <span class="n">ascending</span><span class="o">=</span><span class="kc">False</span><span class="p">)</span><span class="o">.</span><span class="n">plot</span><span class="p">(</span><span class="n">x</span><span class="o">=</span><span class="s2">"District"</span><span class="p">,</span> <span class="n">y</span><span class="o">=</span><span class="s2">"Venue Category"</span><span class="p">,</span> <span class="n">kind</span><span class="o">=</span><span class="s2">"bar"</span><span class="p">)</span>
<span class="n">ax</span><span class="o">.</span><span class="n">set_ylabel</span><span class="p">(</span><span class="s2">"Number of categories"</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[21]:</div>


<div class="output_text output_subarea output_execute_result">
<pre>Text(0,0.5,'Number of categories')</pre>
</div>

</div>

<div class="output_area">

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


<div class="output_png output_subarea ">
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAYIAAAE5CAYAAACd9yc/AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAADl0RVh0U29mdHdhcmUAbWF0cGxvdGxpYiB2ZXJzaW9uIDIuMi4yLCBodHRwOi8vbWF0cGxvdGxpYi5vcmcvhp/UCwAAIABJREFUeJzt3Xm8VXW9//HXm0FwQBxC80Z40DQJMUQ0S1PEnDLHHCJvkrO/rPRq3tAs9HorzEzLssLUuJZiOZFjmCJqgwKKoqLiQIUDoomCCgl+fn+sdWCfwxnWPns8e72fj8d5nL2m7/6cs8/Zn72+67s+X0UEZmaWXz1qHYCZmdWWE4GZWc45EZiZ5ZwTgZlZzjkRmJnlnBOBmVnOORGYmeWcE4GZWc45EZiZ5VyvWgeQxQc+8IFoamqqdRhmZt3KrFmzXouIAZ3t1y0SQVNTEzNnzqx1GGZm3Yqkv2fZz11DZmY550RgZpZzTgRmZjnXLa4RmFl5vffeeyxYsIBly5bVOhQrg759+zJw4EB69+7dpeOdCMxyaMGCBfTr14+mpiYk1TocK0FE8Prrr7NgwQIGDx7cpTbcNWSWQ8uWLWPjjTd2EmgAkth4441LOrtzIjDLKSeBxlHqa+lEYGaWc75GYGY0jbutrO3Nn7B/h9tHjRrFWWedxT777LNq3SWXXMIzzzzDZZddVtZYsnjllVc47bTTmDFjBn369KGpqYlLLrmErbfeus39Fy9ezDXXXMNXvvKVKkdaGd0yEWT5o+3sD9HMamfMmDFMnjy5RSKYPHkyF154YdVjiQgOOeQQxo4dy+TJkwGYPXs2Cxcu7DARXHbZZRVPBCtWrKBXr8q/TbtryMyq7rDDDuPWW29l+fLlAMyfP5+XXnqJXXfdFYALL7yQHXfcke22247x48ev2mfIkCGccMIJDB06lL333pt3330XSM4wmsvQvPbaazTXJlu5ciVnnnnmqrZ++ctfrhHLtGnT6N27NyeffPKqdcOHD+fTn/40S5cuZc8992TEiBEMGzaMKVOmADBu3Diee+45hg8fzplnntluzADnn38+22yzDXvttRdjxozhhz/8IZAkm5133pntttuOQw45hDfeeGPVz3L22Wez++67893vfpfBgwfz3nvvAfDWW2/R1NS0arlcnAjMrOo23nhjdtppJ+68804gORs48sgjkcTUqVOZN28eDz30ELNnz2bWrFncd999AMybN49TTjmFJ554gg022IAbbrihw+e54oor6N+/PzNmzGDGjBlcfvnlvPDCCy32efzxx9lhhx3aPL5v377cdNNNPPzww0ybNo0zzjiDiGDChAlsueWWzJ49mwsvvLDdmGfOnMkNN9zAI488wo033tiiZtrRRx/NBRdcwGOPPcawYcM477zzVm1bvHgx06dPZ/z48YwaNYrbbrtt1e/p85//fJfvF2hPt+waMrPur7l76KCDDmLy5MlceeWVAEydOpWpU6ey/fbbA7B06VLmzZvHoEGDGDx4MMOHDwdghx12YP78+R0+x9SpU3nssce4/vrrAXjzzTeZN29e5vH2EcHZZ5/NfffdR48ePXjxxRdZuHBhm8/TVsxLlizhoIMOYu211wbggAMOWBXH4sWL2X333QEYO3Yshx9++Kr2jjzyyFWPjz/+eH7wgx9w8MEHc9VVV3H55Zdnir0YTgRmVhMHH3wwp59+Og8//DDvvvsuI0aMAJI337POOouTTjqpxf7z58+nT58+q5Z79uy5qmuoV69evP/++wAtxtNHBJdeemmLaxGtDR06dFWiaO23v/0tixYtYtasWfTu3ZumpqY2x+u3F/PFF1/c0a+gXeuuu+6qx7vssgvz589n+vTprFy5km233bZLbXbEXUNmVhPrrbceo0aN4thjj2XMmDGr1u+zzz5ceeWVLF26FIAXX3yRV199tcO2mpqamDVrFkCLN/V99tmHn//856v61J955hnefvvtFseOHj2a5cuXt/ikPWPGDKZPn86bb77JJptsQu/evZk2bRp//3tS1blfv34sWbKk05h33XVXbrnlFpYtW8bSpUtXdfH079+fDTfckPvvvx+Aq6++etXZQVuOPvpoxowZwzHHHNPh76GrfEZgZjUbZTdmzBgOPfTQVaN1APbee2/mzp3LJz/5SSBJGL/5zW/o2bNnu+184xvf4IgjjuDqq69m9OjRq9Yff/zxzJ8/nxEjRhARDBgwgJtvvrnFsZK46aabOO2005gwYQJ9+/ZdNXx06NChHHDAAYwcOZLhw4ezzTbbAMk1jl122YVtt92W/fbbjwsvvLDNmHfccUcOPPBAPv7xj7P55pszcuRI+vfvD8CkSZM4+eSTeeedd9hiiy246qqr2v35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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">
<h3 id="Top-10-venue-categories-for-each-district">Top 10 venue categories for each district<a class="anchor-link" href="file:///C:/Users/dinha/Downloads/battle_of_neighborhood_project.html#Top-10-venue-categories-for-each-district">¶</a></h3>
</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="c1"># one hot encoding</span>
<span class="n">hcm_onehot</span> <span class="o">=</span> <span class="n">pd</span><span class="o">.</span><span class="n">get_dummies</span><span class="p">(</span><span class="n">hcm_venues</span><span class="p">[[</span><span class="s1">'Venue Category'</span><span class="p">]],</span> <span class="n">prefix</span><span class="o">=</span><span class="s2">""</span><span class="p">,</span> <span class="n">prefix_sep</span><span class="o">=</span><span class="s2">""</span><span class="p">)</span>

<span class="c1"># add district column back to dataframe</span>
<span class="n">hcm_onehot</span><span class="p">[</span><span class="s1">'District'</span><span class="p">]</span> <span class="o">=</span> <span class="n">hcm_venues</span><span class="p">[</span><span class="s1">'District'</span><span class="p">]</span>

<span class="c1"># move district column to the first column</span>
<span class="n">fixed_columns</span> <span class="o">=</span> <span class="p">[</span><span class="n">hcm_onehot</span><span class="o">.</span><span class="n">columns</span><span class="p">[</span><span class="o">-</span><span class="mi">1</span><span class="p">]]</span> <span class="o">+</span> <span class="nb">list</span><span class="p">(</span><span class="n">hcm_onehot</span><span class="o">.</span><span class="n">columns</span><span class="p">[:</span><span class="o">-</span><span class="mi">1</span><span class="p">])</span>
<span class="n">hcm_onehot</span> <span class="o">=</span> <span class="n">hcm_onehot</span><span class="p">[</span><span class="n">fixed_columns</span><span class="p">]</span>

<span class="c1"># group the rows by district and by taking the mean of the frequency of occurrence of each category</span>
<span class="n">hcm_grouped</span> <span class="o">=</span> <span class="n">hcm_onehot</span><span class="o">.</span><span class="n">groupby</span><span class="p">(</span><span class="s1">'District'</span><span class="p">)</span><span class="o">.</span><span class="n">mean</span><span class="p">()</span><span class="o">.</span><span class="n">reset_index</span><span class="p">()</span>
<span class="n">hcm_grouped</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[22]:</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>District</th>
      <th>American Restaurant</th>
      <th>Argentinian Restaurant</th>
      <th>Art Gallery</th>
      <th>Arts &amp; Crafts Store</th>
      <th>Asian Restaurant</th>
      <th>Australian Restaurant</th>
      <th>BBQ Joint</th>
      <th>Bakery</th>
      <th>Bar</th>
      <th>...</th>
      <th>Travel Agency</th>
      <th>Udon Restaurant</th>
      <th>Vegetarian / Vegan Restaurant</th>
      <th>Video Game Store</th>
      <th>Vietnamese Restaurant</th>
      <th>Warehouse Store</th>
      <th>Water Park</th>
      <th>Whisky Bar</th>
      <th>Wings Joint</th>
      <th>Yoga Studio</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>0</th>
      <td>1</td>
      <td>0.000000</td>
      <td>0.01</td>
      <td>0.0</td>
      <td>0.00</td>
      <td>0.000000</td>
      <td>0.0</td>
      <td>0.000000</td>
      <td>0.010000</td>
      <td>0.030000</td>
      <td>...</td>
      <td>0.0</td>
      <td>0.000000</td>
      <td>0.020000</td>
      <td>0.01</td>
      <td>0.140000</td>
      <td>0.0</td>
      <td>0.000000</td>
      <td>0.01</td>
      <td>0.000000</td>
      <td>0.0</td>
    </tr>
    <tr>
      <th>1</th>
      <td>10</td>
      <td>0.000000</td>
      <td>0.00</td>
      <td>0.0</td>
      <td>0.01</td>
      <td>0.020000</td>
      <td>0.0</td>
      <td>0.010000</td>
      <td>0.000000</td>
      <td>0.000000</td>
      <td>...</td>
      <td>0.0</td>
      <td>0.000000</td>
      <td>0.020000</td>
      <td>0.00</td>
      <td>0.200000</td>
      <td>0.0</td>
      <td>0.000000</td>
      <td>0.00</td>
      <td>0.000000</td>
      <td>0.0</td>
    </tr>
    <tr>
      <th>2</th>
      <td>11</td>
      <td>0.025641</td>
      <td>0.00</td>
      <td>0.0</td>
      <td>0.00</td>
      <td>0.025641</td>
      <td>0.0</td>
      <td>0.000000</td>
      <td>0.000000</td>
      <td>0.000000</td>
      <td>...</td>
      <td>0.0</td>
      <td>0.000000</td>
      <td>0.025641</td>
      <td>0.00</td>
      <td>0.128205</td>
      <td>0.0</td>
      <td>0.025641</td>
      <td>0.00</td>
      <td>0.000000</td>
      <td>0.0</td>
    </tr>
    <tr>
      <th>3</th>
      <td>12</td>
      <td>0.000000</td>
      <td>0.00</td>
      <td>0.0</td>
      <td>0.00</td>
      <td>0.111111</td>
      <td>0.0</td>
      <td>0.000000</td>
      <td>0.000000</td>
      <td>0.000000</td>
      <td>...</td>
      <td>0.0</td>
      <td>0.000000</td>
      <td>0.000000</td>
      <td>0.00</td>
      <td>0.222222</td>
      <td>0.0</td>
      <td>0.000000</td>
      <td>0.00</td>
      <td>0.000000</td>
      <td>0.0</td>
    </tr>
    <tr>
      <th>4</th>
      <td>2</td>
      <td>0.000000</td>
      <td>0.00</td>
      <td>0.0</td>
      <td>0.00</td>
      <td>0.037037</td>
      <td>0.0</td>
      <td>0.055556</td>
      <td>0.018519</td>
      <td>0.018519</td>
      <td>...</td>
      <td>0.0</td>
      <td>0.018519</td>
      <td>0.000000</td>
      <td>0.00</td>
      <td>0.148148</td>
      <td>0.0</td>
      <td>0.000000</td>
      <td>0.00</td>
      <td>0.018519</td>
      <td>0.0</td>
    </tr>
  </tbody>
</table>
<p>5 rows × 139 columns</p>
</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;[23]:</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">return_most_common_venues</span><span class="p">(</span><span class="n">row</span><span class="p">,</span> <span class="n">num_top_venues</span><span class="p">):</span>
    <span class="n">row_categories</span> <span class="o">=</span> <span class="n">row</span><span class="o">.</span><span class="n">iloc</span><span class="p">[</span><span class="mi">1</span><span class="p">:]</span>
    <span class="n">row_categories_sorted</span> <span class="o">=</span> <span class="n">row_categories</span><span class="o">.</span><span class="n">sort_values</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="k">return</span> <span class="n">row_categories_sorted</span><span class="o">.</span><span class="n">index</span><span class="o">.</span><span class="n">values</span><span class="p">[</span><span class="mi">0</span><span class="p">:</span><span class="n">num_top_venues</span><span class="p">]</span>

<span class="n">num_top_venues</span> <span class="o">=</span> <span class="mi">10</span>

<span class="n">indicators</span> <span class="o">=</span> <span class="p">[</span><span class="s1">'st'</span><span class="p">,</span> <span class="s1">'nd'</span><span class="p">,</span> <span class="s1">'rd'</span><span class="p">]</span>

<span class="c1"># create columns according to number of top venues</span>
<span class="n">columns</span> <span class="o">=</span> <span class="p">[</span><span class="s1">'District'</span><span class="p">]</span>
<span class="k">for</span> <span class="n">ind</span> <span class="ow">in</span> <span class="n">np</span><span class="o">.</span><span class="n">arange</span><span class="p">(</span><span class="n">num_top_venues</span><span class="p">):</span>
    <span class="k">try</span><span class="p">:</span>
        <span class="n">columns</span><span class="o">.</span><span class="n">append</span><span class="p">(</span><span class="s1">'</span><span class="si">{}{}</span><span class="s1"> Most Common Venue'</span><span class="o">.</span><span class="n">format</span><span class="p">(</span><span class="n">ind</span><span class="o">+</span><span class="mi">1</span><span class="p">,</span> <span class="n">indicators</span><span class="p">[</span><span class="n">ind</span><span class="p">]))</span>
    <span class="k">except</span><span class="p">:</span>
        <span class="n">columns</span><span class="o">.</span><span class="n">append</span><span class="p">(</span><span class="s1">'</span><span class="si">{}</span><span class="s1">th Most Common Venue'</span><span class="o">.</span><span class="n">format</span><span class="p">(</span><span class="n">ind</span><span class="o">+</span><span class="mi">1</span><span class="p">))</span>

<span class="c1"># create a new dataframe</span>
<span class="n">hcm_10</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="n">columns</span><span class="o">=</span><span class="n">columns</span><span class="p">)</span>
<span class="n">hcm_10</span><span class="p">[</span><span class="s1">'District'</span><span class="p">]</span> <span class="o">=</span> <span class="n">hcm_grouped</span><span class="p">[</span><span class="s1">'District'</span><span class="p">]</span>

<span class="k">for</span> <span class="n">ind</span> <span class="ow">in</span> <span class="n">np</span><span class="o">.</span><span class="n">arange</span><span class="p">(</span><span class="n">hcm_grouped</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">hcm_10</span><span class="o">.</span><span class="n">iloc</span><span class="p">[</span><span class="n">ind</span><span class="p">,</span> <span class="mi">1</span><span class="p">:]</span> <span class="o">=</span> <span class="n">return_most_common_venues</span><span class="p">(</span><span class="n">hcm_grouped</span><span class="o">.</span><span class="n">iloc</span><span class="p">[</span><span class="n">ind</span><span class="p">,</span> <span class="p">:],</span> <span class="n">num_top_venues</span><span class="p">)</span>

<span class="n">hcm_10</span>
</pre></div>

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

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


<div class="output_area">

<div class="prompt output_prompt">Out[23]:</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>District</th>
      <th>1st Most Common Venue</th>
      <th>2nd Most Common Venue</th>
      <th>3rd Most Common Venue</th>
      <th>4th Most Common Venue</th>
      <th>5th Most Common Venue</th>
      <th>6th Most Common Venue</th>
      <th>7th Most Common Venue</th>
      <th>8th Most Common Venue</th>
      <th>9th Most Common Venue</th>
      <th>10th Most Common Venue</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>0</th>
      <td>1</td>
      <td>Vietnamese Restaurant</td>
      <td>Hotel</td>
      <td>Café</td>
      <td>Coffee Shop</td>
      <td>French Restaurant</td>
      <td>Massage Studio</td>
      <td>Bar</td>
      <td>Clothing Store</td>
      <td>Thai Restaurant</td>
      <td>Middle Eastern Restaurant</td>
    </tr>
    <tr>
      <th>1</th>
      <td>10</td>
      <td>Vietnamese Restaurant</td>
      <td>Café</td>
      <td>Coffee Shop</td>
      <td>Dessert Shop</td>
      <td>Seafood Restaurant</td>
      <td>Spa</td>
      <td>Ice Cream Shop</td>
      <td>Music Venue</td>
      <td>Market</td>
      <td>Bookstore</td>
    </tr>
    <tr>
      <th>2</th>
      <td>11</td>
      <td>Café</td>
      <td>Vietnamese Restaurant</td>
      <td>Chinese Restaurant</td>
      <td>Coffee Shop</td>
      <td>Seafood Restaurant</td>
      <td>Dumpling Restaurant</td>
      <td>Cantonese Restaurant</td>
      <td>American Restaurant</td>
      <td>Gym / Fitness Center</td>
      <td>French Restaurant</td>
    </tr>
    <tr>
      <th>3</th>
      <td>12</td>
      <td>Café</td>
      <td>Vietnamese Restaurant</td>
      <td>Department Store</td>
      <td>Diner</td>
      <td>Seafood Restaurant</td>
      <td>Asian Restaurant</td>
      <td>Flower Shop</td>
      <td>French Restaurant</td>
      <td>Food Truck</td>
      <td>Food Court</td>
    </tr>
    <tr>
      <th>4</th>
      <td>2</td>
      <td>Vietnamese Restaurant</td>
      <td>Café</td>
      <td>BBQ Joint</td>
      <td>Restaurant</td>
      <td>Shopping Mall</td>
      <td>Multiplex</td>
      <td>Asian Restaurant</td>
      <td>Coffee Shop</td>
      <td>Thai Restaurant</td>
      <td>Bistro</td>
    </tr>
    <tr>
      <th>5</th>
      <td>3</td>
      <td>Vietnamese Restaurant</td>
      <td>Coffee Shop</td>
      <td>Asian Restaurant</td>
      <td>Vegetarian / Vegan Restaurant</td>
      <td>Café</td>
      <td>Hotel</td>
      <td>Japanese Restaurant</td>
      <td>Breakfast Spot</td>
      <td>Yoga Studio</td>
      <td>Restaurant</td>
    </tr>
    <tr>
      <th>6</th>
      <td>4</td>
      <td>Vietnamese Restaurant</td>
      <td>Seafood Restaurant</td>
      <td>Coffee Shop</td>
      <td>Snack Place</td>
      <td>Café</td>
      <td>Food</td>
      <td>Hotel</td>
      <td>Flea Market</td>
      <td>Burger Joint</td>
      <td>Bar</td>
    </tr>
    <tr>
      <th>7</th>
      <td>5</td>
      <td>Vietnamese Restaurant</td>
      <td>Chinese Restaurant</td>
      <td>Coffee Shop</td>
      <td>Café</td>
      <td>Dim Sum Restaurant</td>
      <td>Dessert Shop</td>
      <td>Noodle House</td>
      <td>Asian Restaurant</td>
      <td>Seafood Restaurant</td>
      <td>Vegetarian / Vegan Restaurant</td>
    </tr>
    <tr>
      <th>8</th>
      <td>6</td>
      <td>Café</td>
      <td>Department Store</td>
      <td>Movie Theater</td>
      <td>Fast Food Restaurant</td>
      <td>Pizza Place</td>
      <td>Coffee Shop</td>
      <td>Food Court</td>
      <td>Boutique</td>
      <td>Dessert Shop</td>
      <td>Asian Restaurant</td>
    </tr>
    <tr>
      <th>9</th>
      <td>7</td>
      <td>Café</td>
      <td>Vietnamese Restaurant</td>
      <td>Japanese Restaurant</td>
      <td>Gym / Fitness Center</td>
      <td>Sushi Restaurant</td>
      <td>Flea Market</td>
      <td>Seafood Restaurant</td>
      <td>Steakhouse</td>
      <td>Restaurant</td>
      <td>Spa</td>
    </tr>
    <tr>
      <th>10</th>
      <td>8</td>
      <td>Vietnamese Restaurant</td>
      <td>Dim Sum Restaurant</td>
      <td>Dessert Shop</td>
      <td>Coffee Shop</td>
      <td>Chinese Restaurant</td>
      <td>Grocery Store</td>
      <td>Plaza</td>
      <td>Fast Food Restaurant</td>
      <td>Café</td>
      <td>Food Truck</td>
    </tr>
    <tr>
      <th>11</th>
      <td>9</td>
      <td>Seafood Restaurant</td>
      <td>Racetrack</td>
      <td>Yoga Studio</td>
      <td>Flea Market</td>
      <td>French Restaurant</td>
      <td>Food Truck</td>
      <td>Food Court</td>
      <td>Food</td>
      <td>Flower Shop</td>
      <td>Farmers Market</td>
    </tr>
    <tr>
      <th>12</th>
      <td>Binh Tan</td>
      <td>Coffee Shop</td>
      <td>Shopping Mall</td>
      <td>Multiplex</td>
      <td>Café</td>
      <td>Food Court</td>
      <td>Pizza Place</td>
      <td>Bubble Tea Shop</td>
      <td>Fast Food Restaurant</td>
      <td>Flea Market</td>
      <td>Fried Chicken Joint</td>
    </tr>
    <tr>
      <th>13</th>
      <td>Binh Thanh</td>
      <td>Café</td>
      <td>Coffee Shop</td>
      <td>Vietnamese Restaurant</td>
      <td>Seafood Restaurant</td>
      <td>Soup Place</td>
      <td>Bakery</td>
      <td>Multiplex</td>
      <td>Fast Food Restaurant</td>
      <td>Pizza Place</td>
      <td>Diner</td>
    </tr>
    <tr>
      <th>14</th>
      <td>Go Vap</td>
      <td>Café</td>
      <td>Multiplex</td>
      <td>Market</td>
      <td>Coffee Shop</td>
      <td>Shopping Mall</td>
      <td>Department Store</td>
      <td>Warehouse Store</td>
      <td>Vietnamese Restaurant</td>
      <td>Farmers Market</td>
      <td>Asian Restaurant</td>
    </tr>
    <tr>
      <th>15</th>
      <td>Phu Nhuan</td>
      <td>Café</td>
      <td>Coffee Shop</td>
      <td>Vietnamese Restaurant</td>
      <td>Hotel</td>
      <td>Vegetarian / Vegan Restaurant</td>
      <td>Japanese Restaurant</td>
      <td>Diner</td>
      <td>Seafood Restaurant</td>
      <td>Chinese Restaurant</td>
      <td>Spa</td>
    </tr>
    <tr>
      <th>16</th>
      <td>Tan Binh</td>
      <td>Vietnamese Restaurant</td>
      <td>Café</td>
      <td>Coffee Shop</td>
      <td>Noodle House</td>
      <td>Pizza Place</td>
      <td>Seafood Restaurant</td>
      <td>Flea Market</td>
      <td>Multiplex</td>
      <td>Asian Restaurant</td>
      <td>Hotel</td>
    </tr>
    <tr>
      <th>17</th>
      <td>Tan Phu</td>
      <td>Café</td>
      <td>Japanese Restaurant</td>
      <td>Diner</td>
      <td>Supermarket</td>
      <td>Restaurant</td>
      <td>Coffee Shop</td>
      <td>Flea Market</td>
      <td>Shopping Mall</td>
      <td>Shopping Plaza</td>
      <td>Cafeteria</td>
    </tr>
    <tr>
      <th>18</th>
      <td>Thu Duc</td>
      <td>Café</td>
      <td>Jewelry Store</td>
      <td>Shopping Mall</td>
      <td>Multiplex</td>
      <td>Tennis Court</td>
      <td>Pizza Place</td>
      <td>Diner</td>
      <td>Farmers Market</td>
      <td>Electronics Store</td>
      <td>Fast Food Restaurant</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">
<h2 id="Consider-the-data-relating-to-category-&quot;café&quot;-only">Consider the data relating to category "café" only<a class="anchor-link" href="file:///C:/Users/dinha/Downloads/battle_of_neighborhood_project.html#Consider-the-data-relating-to-category-%22caf%C3%A9%22-only">¶</a></h2>
</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="n">hcm_grouped_cafe</span> <span class="o">=</span> <span class="n">hcm_grouped</span><span class="p">[[</span><span class="s2">"District"</span><span class="p">,</span> <span class="s2">"Café"</span><span class="p">]]</span>
<span class="n">hcm_grouped_cafe</span>
</pre></div>

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

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


<div class="output_area">

<div class="prompt output_prompt">Out[24]:</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>District</th>
      <th>Café</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>0</th>
      <td>1</td>
      <td>0.080000</td>
    </tr>
    <tr>
      <th>1</th>
      <td>10</td>
      <td>0.160000</td>
    </tr>
    <tr>
      <th>2</th>
      <td>11</td>
      <td>0.179487</td>
    </tr>
    <tr>
      <th>3</th>
      <td>12</td>
      <td>0.333333</td>
    </tr>
    <tr>
      <th>4</th>
      <td>2</td>
      <td>0.111111</td>
    </tr>
    <tr>
      <th>5</th>
      <td>3</td>
      <td>0.070000</td>
    </tr>
    <tr>
      <th>6</th>
      <td>4</td>
      <td>0.040000</td>
    </tr>
    <tr>
      <th>7</th>
      <td>5</td>
      <td>0.060000</td>
    </tr>
    <tr>
      <th>8</th>
      <td>6</td>
      <td>0.166667</td>
    </tr>
    <tr>
      <th>9</th>
      <td>7</td>
      <td>0.129032</td>
    </tr>
    <tr>
      <th>10</th>
      <td>8</td>
      <td>0.050000</td>
    </tr>
    <tr>
      <th>11</th>
      <td>9</td>
      <td>0.000000</td>
    </tr>
    <tr>
      <th>12</th>
      <td>Binh Tan</td>
      <td>0.100000</td>
    </tr>
    <tr>
      <th>13</th>
      <td>Binh Thanh</td>
      <td>0.166667</td>
    </tr>
    <tr>
      <th>14</th>
      <td>Go Vap</td>
      <td>0.291667</td>
    </tr>
    <tr>
      <th>15</th>
      <td>Phu Nhuan</td>
      <td>0.210000</td>
    </tr>
    <tr>
      <th>16</th>
      <td>Tan Binh</td>
      <td>0.153846</td>
    </tr>
    <tr>
      <th>17</th>
      <td>Tan Phu</td>
      <td>0.190476</td>
    </tr>
    <tr>
      <th>18</th>
      <td>Thu Duc</td>
      <td>0.454545</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">
<p>We want to cluster districts by the category "Café" only. We will use the <em>K-Means clustering</em> to do this but first we need to determine how many k we need to use. The <em>"elbow" method</em> helps to find a good k.</p>

</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"># try with 10 different values of k to find the best one</span>
<span class="n">Ks</span> <span class="o">=</span> <span class="mi">10</span>
<span class="n">distortions</span> <span class="o">=</span> <span class="p">[]</span>

<span class="n">hcm_cafe_clustering</span> <span class="o">=</span> <span class="n">hcm_grouped_cafe</span><span class="o">.</span><span class="n">drop</span><span class="p">(</span><span class="s1">'District'</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span>

<span class="k">for</span> <span class="n">k</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">Ks</span><span class="p">):</span>

    <span class="c1"># run k-means clustering</span>
    <span class="n">kmeans</span> <span class="o">=</span> <span class="n">KMeans</span><span class="p">(</span><span class="n">n_clusters</span><span class="o">=</span><span class="n">k</span><span class="p">,</span> <span class="n">random_state</span><span class="o">=</span><span class="mi">0</span><span class="p">)</span><span class="o">.</span><span class="n">fit</span><span class="p">(</span><span class="n">hcm_cafe_clustering</span><span class="p">)</span>

    <span class="c1"># find the distortion w.r.t each k</span>
    <span class="n">distortions</span><span class="o">.</span><span class="n">append</span><span class="p">(</span>
        <span class="nb">sum</span><span class="p">(</span><span class="n">np</span><span class="o">.</span><span class="n">min</span><span class="p">(</span><span class="n">cdist</span><span class="p">(</span><span class="n">hcm_cafe_clustering</span><span class="p">,</span> <span class="n">kmeans</span><span class="o">.</span><span class="n">cluster_centers_</span><span class="p">,</span> <span class="s1">'euclidean'</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="o">/</span> <span class="n">hcm_cafe_clustering</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="p">)</span>

<span class="n">plt</span><span class="o">.</span><span class="n">plot</span><span class="p">(</span><span class="nb">range</span><span class="p">(</span><span class="mi">1</span><span class="p">,</span> <span class="n">Ks</span><span class="p">),</span> <span class="n">distortions</span><span class="p">,</span> <span class="s1">'bx-'</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">'k'</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">'Distortion'</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">'The Elbow Method showing the optimal k'</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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">
</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>We see that, the "elbow" appears at k=3.</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">nclusters</span> <span class="o">=</span> <span class="mi">3</span>
<span class="n">kmeans</span> <span class="o">=</span> <span class="n">KMeans</span><span class="p">(</span><span class="n">n_clusters</span><span class="o">=</span><span class="n">nclusters</span><span class="p">,</span> <span class="n">random_state</span><span class="o">=</span><span class="mi">0</span><span class="p">)</span><span class="o">.</span><span class="n">fit</span><span class="p">(</span><span class="n">hcm_cafe_clustering</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>Let's create a new dataframe look like <strong>hcm_grouped_cafe</strong> but contains the cluster labels for each district.</p>

</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="n">df_cafe</span> <span class="o">=</span> <span class="n">hcm_grouped_cafe</span><span class="o">.</span><span class="n">copy</span><span class="p">()</span>
<span class="n">df_cafe</span><span class="p">[</span><span class="s2">"Cluster Labels"</span><span class="p">]</span> <span class="o">=</span> <span class="n">kmeans</span><span class="o">.</span><span class="n">labels_</span>

<span class="c1"># add two columns Latitude and Logitude into cafe_merged</span>
<span class="n">df_cafe</span> <span class="o">=</span> <span class="n">df_cafe</span><span class="o">.</span><span class="n">join</span><span class="p">(</span><span class="n">df</span><span class="o">.</span><span class="n">set_index</span><span class="p">(</span><span class="s2">"District"</span><span class="p">),</span> <span class="n">on</span><span class="o">=</span><span class="s2">"District"</span><span class="p">)</span>

<span class="c1"># sort the table by cluster labels</span>
<span class="n">df_cafe</span><span class="o">.</span><span class="n">sort_values</span><span class="p">([</span><span class="s2">"Cluster Labels"</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="c1"># Drop some unnecessary columns</span>
<span class="n">df_cafe</span> <span class="o">=</span> <span class="n">df_cafe</span><span class="o">.</span><span class="n">drop</span><span class="p">([</span><span class="s2">"Subdistrict"</span><span class="p">,</span> <span class="s2">"Area (km2)"</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="c1"># change to numeric date type</span>
<span class="n">df_cafe</span><span class="p">[</span><span class="s1">'Average Housing Price (1M VND)'</span><span class="p">]</span> <span class="o">=</span> <span class="n">df_cafe</span><span class="p">[</span><span class="s1">'Average Housing Price (1M VND)'</span><span class="p">]</span><span class="o">.</span><span class="n">astype</span><span class="p">(</span><span class="nb">float</span><span class="p">)</span>

<span class="n">df_cafe</span>
</pre></div>

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

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


<div class="output_area">

<div class="prompt output_prompt">Out[27]:</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>District</th>
      <th>Café</th>
      <th>Cluster Labels</th>
      <th>Population 2015</th>
      <th>Density (pop/m2)</th>
      <th>Average Housing Price (1M VND)</th>
      <th>Latitude</th>
      <th>Longitude</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>0</th>
      <td>1</td>
      <td>0.080000</td>
      <td>0</td>
      <td>193632</td>
      <td>25049.418</td>
      <td>384.0</td>
      <td>10.774540</td>
      <td>106.699184</td>
    </tr>
    <tr>
      <th>4</th>
      <td>2</td>
      <td>0.111111</td>
      <td>0</td>
      <td>147168</td>
      <td>2958.745</td>
      <td>58.8</td>
      <td>10.791116</td>
      <td>106.736729</td>
    </tr>
    <tr>
      <th>5</th>
      <td>3</td>
      <td>0.070000</td>
      <td>0</td>
      <td>196333</td>
      <td>39905.081</td>
      <td>236.0</td>
      <td>10.783529</td>
      <td>106.687098</td>
    </tr>
    <tr>
      <th>6</th>
      <td>4</td>
      <td>0.040000</td>
      <td>0</td>
      <td>186727</td>
      <td>44671.531</td>
      <td>70.3</td>
      <td>10.759243</td>
      <td>106.704890</td>
    </tr>
    <tr>
      <th>7</th>
      <td>5</td>
      <td>0.060000</td>
      <td>0</td>
      <td>178615</td>
      <td>41830.211</td>
      <td>241.0</td>
      <td>10.756129</td>
      <td>106.670376</td>
    </tr>
    <tr>
      <th>12</th>
      <td>Binh Tan</td>
      <td>0.100000</td>
      <td>0</td>
      <td>686474</td>
      <td>13229.408</td>
      <td>57.2</td>
      <td>10.749809</td>
      <td>106.605664</td>
    </tr>
    <tr>
      <th>11</th>
      <td>9</td>
      <td>0.000000</td>
      <td>0</td>
      <td>290620</td>
      <td>2549.298</td>
      <td>41.2</td>
      <td>10.824543</td>
      <td>106.818015</td>
    </tr>
    <tr>
      <th>10</th>
      <td>8</td>
      <td>0.050000</td>
      <td>0</td>
      <td>431969</td>
      <td>22521.846</td>
      <td>56.0</td>
      <td>10.740400</td>
      <td>106.665843</td>
    </tr>
    <tr>
      <th>16</th>
      <td>Tan Binh</td>
      <td>0.153846</td>
      <td>1</td>
      <td>459029</td>
      <td>20510.679</td>
      <td>136.0</td>
      <td>10.797979</td>
      <td>106.653805</td>
    </tr>
    <tr>
      <th>15</th>
      <td>Phu Nhuan</td>
      <td>0.210000</td>
      <td>1</td>
      <td>182477</td>
      <td>37392.828</td>
      <td>168.0</td>
      <td>10.800118</td>
      <td>106.677042</td>
    </tr>
    <tr>
      <th>13</th>
      <td>Binh Thanh</td>
      <td>0.166667</td>
      <td>1</td>
      <td>487985</td>
      <td>23506.021</td>
      <td>136.0</td>
      <td>10.804659</td>
      <td>106.707848</td>
    </tr>
    <tr>
      <th>9</th>
      <td>7</td>
      <td>0.129032</td>
      <td>1</td>
      <td>310178</td>
      <td>8690.894</td>
      <td>74.9</td>
      <td>10.736573</td>
      <td>106.722432</td>
    </tr>
    <tr>
      <th>8</th>
      <td>6</td>
      <td>0.166667</td>
      <td>1</td>
      <td>258945</td>
      <td>36014.604</td>
      <td>95.5</td>
      <td>10.746928</td>
      <td>106.634495</td>
    </tr>
    <tr>
      <th>2</th>
      <td>11</td>
      <td>0.179487</td>
      <td>1</td>
      <td>230596</td>
      <td>44863.035</td>
      <td>154.0</td>
      <td>10.764208</td>
      <td>106.643282</td>
    </tr>
    <tr>
      <th>1</th>
      <td>10</td>
      <td>0.160000</td>
      <td>1</td>
      <td>238558</td>
      <td>41705.944</td>
      <td>203.0</td>
      <td>10.773198</td>
      <td>106.667833</td>
    </tr>
    <tr>
      <th>17</th>
      <td>Tan Phu</td>
      <td>0.190476</td>
      <td>1</td>
      <td>464493</td>
      <td>28922.354</td>
      <td>97.3</td>
      <td>10.791640</td>
      <td>106.627302</td>
    </tr>
    <tr>
      <th>3</th>
      <td>12</td>
      <td>0.333333</td>
      <td>2</td>
      <td>510326</td>
      <td>9668.928</td>
      <td>39.7</td>
      <td>10.867233</td>
      <td>106.653930</td>
    </tr>
    <tr>
      <th>14</th>
      <td>Go Vap</td>
      <td>0.291667</td>
      <td>2</td>
      <td>634146</td>
      <td>32124.924</td>
      <td>95.0</td>
      <td>10.840150</td>
      <td>106.671083</td>
    </tr>
    <tr>
      <th>18</th>
      <td>Thu Duc</td>
      <td>0.454545</td>
      <td>2</td>
      <td>528413</td>
      <td>10619.232</td>
      <td>49.9</td>
      <td>10.852588</td>
      <td>106.755838</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="Visualize-the-clusters-on-map">Visualize the clusters on map<a class="anchor-link" href="file:///C:/Users/dinha/Downloads/battle_of_neighborhood_project.html#Visualize-the-clusters-on-map">¶</a></h3>
</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"># create map</span>
<span class="n">map_clusters</span> <span class="o">=</span> <span class="n">folium</span><span class="o">.</span><span class="n">Map</span><span class="p">(</span><span class="n">location</span><span class="o">=</span><span class="p">[</span><span class="n">hcm_lat</span><span class="p">,</span> <span class="n">hcm_long</span><span class="p">],</span> <span class="n">zoom_start</span><span class="o">=</span><span class="mi">11</span><span class="p">)</span>

<span class="c1"># set color scheme for the clusters</span>
<span class="n">x</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="n">nclusters</span><span class="p">)</span>
<span class="n">ys</span> <span class="o">=</span> <span class="p">[</span><span class="n">i</span><span class="o">+</span><span class="n">x</span><span class="o">+</span><span class="p">(</span><span class="n">i</span><span class="o">*</span><span class="n">x</span><span class="p">)</span><span class="o">**</span><span class="mi">2</span> <span class="k">for</span> <span class="n">i</span> <span class="ow">in</span> <span class="nb">range</span><span class="p">(</span><span class="n">nclusters</span><span class="p">)]</span>
<span class="n">colors_array</span> <span class="o">=</span> <span class="n">cm</span><span class="o">.</span><span class="n">rainbow</span><span class="p">(</span><span class="n">np</span><span class="o">.</span><span class="n">linspace</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="nb">len</span><span class="p">(</span><span class="n">ys</span><span class="p">)))</span>
<span class="n">rainbow</span> <span class="o">=</span> <span class="p">[</span><span class="n">colors</span><span class="o">.</span><span class="n">rgb2hex</span><span class="p">(</span><span class="n">i</span><span class="p">)</span> <span class="k">for</span> <span class="n">i</span> <span class="ow">in</span> <span class="n">colors_array</span><span class="p">]</span>

<span class="c1"># add markers to the map</span>
<span class="n">markers_colors</span> <span class="o">=</span> <span class="p">[]</span>
<span class="k">for</span> <span class="n">lat</span><span class="p">,</span> <span class="n">lon</span><span class="p">,</span> <span class="n">poi</span><span class="p">,</span> <span class="n">cluster</span> <span class="ow">in</span> <span class="nb">zip</span><span class="p">(</span>
        <span class="n">df_cafe</span><span class="p">[</span><span class="s1">'Latitude'</span><span class="p">],</span>
        <span class="n">df_cafe</span><span class="p">[</span><span class="s1">'Longitude'</span><span class="p">],</span>
        <span class="n">df_cafe</span><span class="p">[</span><span class="s1">'District'</span><span class="p">],</span>
        <span class="n">df_cafe</span><span class="p">[</span><span class="s1">'Cluster Labels'</span><span class="p">]</span>
<span class="p">):</span>
    <span class="n">label</span> <span class="o">=</span> <span class="n">folium</span><span class="o">.</span><span class="n">Popup</span><span class="p">(</span><span class="nb">str</span><span class="p">(</span><span class="n">poi</span><span class="p">)</span> <span class="o">+</span> <span class="s1">' - Cluster '</span> <span class="o">+</span> <span class="nb">str</span><span class="p">(</span><span class="n">cluster</span><span class="p">),</span> <span class="n">parse_html</span><span class="o">=</span><span class="kc">True</span><span class="p">)</span>
    <span class="n">folium</span><span class="o">.</span><span class="n">CircleMarker</span><span class="p">(</span>
        <span class="p">[</span><span class="n">lat</span><span class="p">,</span> <span class="n">lon</span><span class="p">],</span>
        <span class="n">radius</span><span class="o">=</span><span class="mi">5</span><span class="p">,</span>
        <span class="n">popup</span><span class="o">=</span><span class="n">label</span><span class="p">,</span>
        <span class="n">color</span><span class="o">=</span><span class="n">rainbow</span><span class="p">[</span><span class="n">cluster</span><span class="o">-</span><span class="mi">1</span><span class="p">],</span>
        <span class="n">fill</span><span class="o">=</span><span class="kc">True</span><span class="p">,</span>
        <span class="n">fill_color</span><span class="o">=</span><span class="n">rainbow</span><span class="p">[</span><span class="n">cluster</span><span class="o">-</span><span class="mi">1</span><span class="p">],</span>
        <span class="n">fill_opacity</span><span class="o">=</span><span class="mf">0.7</span><span class="p">)</span><span class="o">.</span><span class="n">add_to</span><span class="p">(</span><span class="n">map_clusters</span><span class="p">)</span>

<span class="n">map_clusters</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="width:100%;"><div style="position:relative;width:100%;height:0;padding-bottom:60%;"><iframe src="https://github.com/dinhanhthi/cafe-in-hcm/blob/master/capstone_project_files/saved_resource(1).html" style="position:absolute;width:100%;height:100%;left:0;top:0;border:none !important;" allowfullscreen="" webkitallowfullscreen="" mozallowfullscreen=""></iframe></div></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="Examine-the-range-of-Average-Housing-Price-(AHP)">Examine the range of Average Housing Price (AHP)<a class="anchor-link" href="file:///C:/Users/dinha/Downloads/battle_of_neighborhood_project.html#Examine-the-range-of-Average-Housing-Price-(AHP)">¶</a></h3>
</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">
<h4 id="Range-of-AHP">Range of AHP<a class="anchor-link" href="file:///C:/Users/dinha/Downloads/battle_of_neighborhood_project.html#Range-of-AHP">¶</a></h4><ol>
<li><strong>Low</strong> : <span class="MathJax_Preview" style="color: inherit; display: none;"></span><span class="MathJax" id="MathJax-Element-1-Frame" tabindex="0" data-mathml="&lt;math xmlns=&quot;http://www.w3.org/1998/Math/MathML&quot;&gt;&lt;mn&gt;30&lt;/mn&gt;&lt;mo&gt;&amp;lt;&lt;/mo&gt;&lt;mi&gt;A&lt;/mi&gt;&lt;mi&gt;H&lt;/mi&gt;&lt;mi&gt;P&lt;/mi&gt;&lt;mo&gt;&amp;#x2264;&lt;/mo&gt;&lt;mn&gt;100&lt;/mn&gt;&lt;/math&gt;" role="presentation" style="position: relative;"><nobr aria-hidden="true"><span class="math" id="MathJax-Span-1" style="width: 9.17em; display: inline-block;"><span style="display: inline-block; position: relative; width: 7.622em; height: 0px; font-size: 120%;"><span style="position: absolute; clip: rect(1.313em, 1007.56em, 2.503em, -999.997em); top: -2.199em; left: 0em;"><span class="mrow" id="MathJax-Span-2"><span class="mn" id="MathJax-Span-3" style="font-family: MathJax_Main;">30</span><span class="mo" id="MathJax-Span-4" style="font-family: MathJax_Main; padding-left: 0.301em;">&lt;</span><span class="mi" id="MathJax-Span-5" style="font-family: MathJax_Math-italic; padding-left: 0.301em;">A</span><span class="mi" id="MathJax-Span-6" style="font-family: MathJax_Math-italic;">H<span style="display: inline-block; overflow: hidden; height: 1px; width: 0.063em;"></span></span><span class="mi" id="MathJax-Span-7" style="font-family: MathJax_Math-italic;">P<span style="display: inline-block; overflow: hidden; height: 1px; width: 0.122em;"></span></span><span class="mo" id="MathJax-Span-8" style="font-family: MathJax_Main; padding-left: 0.301em;">≤</span><span class="mn" id="MathJax-Span-9" style="font-family: MathJax_Main; padding-left: 0.301em;">100</span></span><span style="display: inline-block; width: 0px; height: 2.205em;"></span></span></span><span style="display: inline-block; overflow: hidden; vertical-align: -0.211em; border-left: 0px solid; width: 0px; height: 1.146em;"></span></span></nobr><span class="MJX_Assistive_MathML" role="presentation"><math xmlns="http://www.w3.org/1998/Math/MathML"><mn>30</mn><mo>&lt;</mo><mi>A</mi><mi>H</mi><mi>P</mi><mo>≤</mo><mn>100</mn></math></span></span><script type="math/tex" id="MathJax-Element-1">30 < AHP \le 100</script>.</li>
<li><strong>Medium</strong> : <span class="MathJax_Preview" style="color: inherit; display: none;"></span><span class="MathJax" id="MathJax-Element-2-Frame" tabindex="0" data-mathml="&lt;math xmlns=&quot;http://www.w3.org/1998/Math/MathML&quot;&gt;&lt;mn&gt;100&lt;/mn&gt;&lt;mo&gt;&amp;lt;&lt;/mo&gt;&lt;mi&gt;A&lt;/mi&gt;&lt;mi&gt;H&lt;/mi&gt;&lt;mi&gt;P&lt;/mi&gt;&lt;mo&gt;&amp;#x2264;&lt;/mo&gt;&lt;mn&gt;200&lt;/mn&gt;&lt;/math&gt;" role="presentation" style="position: relative;"><nobr aria-hidden="true"><span class="math" id="MathJax-Span-10" style="width: 9.765em; display: inline-block;"><span style="display: inline-block; position: relative; width: 8.098em; height: 0px; font-size: 120%;"><span style="position: absolute; clip: rect(1.313em, 1008.04em, 2.503em, -999.997em); top: -2.199em; left: 0em;"><span class="mrow" id="MathJax-Span-11"><span class="mn" id="MathJax-Span-12" style="font-family: MathJax_Main;">100</span><span class="mo" id="MathJax-Span-13" style="font-family: MathJax_Main; padding-left: 0.301em;">&lt;</span><span class="mi" id="MathJax-Span-14" style="font-family: MathJax_Math-italic; padding-left: 0.301em;">A</span><span class="mi" id="MathJax-Span-15" style="font-family: MathJax_Math-italic;">H<span style="display: inline-block; overflow: hidden; height: 1px; width: 0.063em;"></span></span><span class="mi" id="MathJax-Span-16" style="font-family: MathJax_Math-italic;">P<span style="display: inline-block; overflow: hidden; height: 1px; width: 0.122em;"></span></span><span class="mo" id="MathJax-Span-17" style="font-family: MathJax_Main; padding-left: 0.301em;">≤</span><span class="mn" id="MathJax-Span-18" style="font-family: MathJax_Main; padding-left: 0.301em;">200</span></span><span style="display: inline-block; width: 0px; height: 2.205em;"></span></span></span><span style="display: inline-block; overflow: hidden; vertical-align: -0.211em; border-left: 0px solid; width: 0px; height: 1.146em;"></span></span></nobr><span class="MJX_Assistive_MathML" role="presentation"><math xmlns="http://www.w3.org/1998/Math/MathML"><mn>100</mn><mo>&lt;</mo><mi>A</mi><mi>H</mi><mi>P</mi><mo>≤</mo><mn>200</mn></math></span></span><script type="math/tex" id="MathJax-Element-2">100 < AHP \le 200</script>.</li>
<li><strong>High</strong> : <span class="MathJax_Preview" style="color: inherit; display: none;"></span><span class="MathJax" id="MathJax-Element-3-Frame" tabindex="0" data-mathml="&lt;math xmlns=&quot;http://www.w3.org/1998/Math/MathML&quot;&gt;&lt;mn&gt;200&lt;/mn&gt;&lt;mo&gt;&amp;lt;&lt;/mo&gt;&lt;mi&gt;A&lt;/mi&gt;&lt;mi&gt;H&lt;/mi&gt;&lt;mi&gt;P&lt;/mi&gt;&lt;mo&gt;&amp;#x2264;&lt;/mo&gt;&lt;mn&gt;300&lt;/mn&gt;&lt;/math&gt;" role="presentation" style="position: relative;"><nobr aria-hidden="true"><span class="math" id="MathJax-Span-19" style="width: 9.765em; display: inline-block;"><span style="display: inline-block; position: relative; width: 8.098em; height: 0px; font-size: 120%;"><span style="position: absolute; clip: rect(1.313em, 1008.04em, 2.503em, -999.997em); top: -2.199em; left: 0em;"><span class="mrow" id="MathJax-Span-20"><span class="mn" id="MathJax-Span-21" style="font-family: MathJax_Main;">200</span><span class="mo" id="MathJax-Span-22" style="font-family: MathJax_Main; padding-left: 0.301em;">&lt;</span><span class="mi" id="MathJax-Span-23" style="font-family: MathJax_Math-italic; padding-left: 0.301em;">A</span><span class="mi" id="MathJax-Span-24" style="font-family: MathJax_Math-italic;">H<span style="display: inline-block; overflow: hidden; height: 1px; width: 0.063em;"></span></span><span class="mi" id="MathJax-Span-25" style="font-family: MathJax_Math-italic;">P<span style="display: inline-block; overflow: hidden; height: 1px; width: 0.122em;"></span></span><span class="mo" id="MathJax-Span-26" style="font-family: MathJax_Main; padding-left: 0.301em;">≤</span><span class="mn" id="MathJax-Span-27" style="font-family: MathJax_Main; padding-left: 0.301em;">300</span></span><span style="display: inline-block; width: 0px; height: 2.205em;"></span></span></span><span style="display: inline-block; overflow: hidden; vertical-align: -0.211em; border-left: 0px solid; width: 0px; height: 1.146em;"></span></span></nobr><span class="MJX_Assistive_MathML" role="presentation"><math xmlns="http://www.w3.org/1998/Math/MathML"><mn>200</mn><mo>&lt;</mo><mi>A</mi><mi>H</mi><mi>P</mi><mo>≤</mo><mn>300</mn></math></span></span><script type="math/tex" id="MathJax-Element-3">200 < AHP \le 300</script>.</li>
<li><strong>Very High</strong> : <span class="MathJax_Preview" style="color: inherit; display: none;"></span><span class="MathJax" id="MathJax-Element-4-Frame" tabindex="0" data-mathml="&lt;math xmlns=&quot;http://www.w3.org/1998/Math/MathML&quot;&gt;&lt;mn&gt;300&lt;/mn&gt;&lt;mo&gt;&amp;lt;&lt;/mo&gt;&lt;mi&gt;A&lt;/mi&gt;&lt;mi&gt;H&lt;/mi&gt;&lt;mi&gt;P&lt;/mi&gt;&lt;/math&gt;" role="presentation" style="position: relative;"><nobr aria-hidden="true"><span class="math" id="MathJax-Span-28" style="width: 6.313em; display: inline-block;"><span style="display: inline-block; position: relative; width: 5.241em; height: 0px; font-size: 120%;"><span style="position: absolute; clip: rect(1.313em, 1005.24em, 2.443em, -999.997em); top: -2.199em; left: 0em;"><span class="mrow" id="MathJax-Span-29"><span class="mn" id="MathJax-Span-30" style="font-family: MathJax_Main;">300</span><span class="mo" id="MathJax-Span-31" style="font-family: MathJax_Main; padding-left: 0.301em;">&lt;</span><span class="mi" id="MathJax-Span-32" style="font-family: MathJax_Math-italic; padding-left: 0.301em;">A</span><span class="mi" id="MathJax-Span-33" style="font-family: MathJax_Math-italic;">H<span style="display: inline-block; overflow: hidden; height: 1px; width: 0.063em;"></span></span><span class="mi" id="MathJax-Span-34" style="font-family: MathJax_Math-italic;">P<span style="display: inline-block; overflow: hidden; height: 1px; width: 0.122em;"></span></span></span><span style="display: inline-block; width: 0px; height: 2.205em;"></span></span></span><span style="display: inline-block; overflow: hidden; vertical-align: -0.139em; border-left: 0px solid; width: 0px; height: 1.075em;"></span></span></nobr><span class="MJX_Assistive_MathML" role="presentation"><math xmlns="http://www.w3.org/1998/Math/MathML"><mn>300</mn><mo>&lt;</mo><mi>A</mi><mi>H</mi><mi>P</mi></math></span></span><script type="math/tex" id="MathJax-Element-4">300 < AHP</script>.</li>
</ol>

</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="n">count</span><span class="p">,</span> <span class="n">division</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">histogram</span><span class="p">(</span><span class="n">df_cafe</span><span class="p">[</span><span class="s1">'Average Housing Price (1M VND)'</span><span class="p">],</span> <span class="n">bins</span> <span class="o">=</span> <span class="p">[</span><span class="mi">30</span><span class="p">,</span> <span class="mi">100</span><span class="p">,</span> <span class="mi">200</span><span class="p">,</span> <span class="mi">300</span><span class="p">,</span> <span class="mi">400</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;[30]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">df_cafe</span><span class="p">[</span><span class="s1">'Average Housing Price (1M VND)'</span><span class="p">]</span><span class="o">.</span><span class="n">plot</span><span class="o">.</span><span class="n">hist</span><span class="p">(</span><span class="n">bins</span><span class="o">=</span><span class="n">division</span><span class="p">,</span> <span class="n">rwidth</span><span class="o">=</span><span class="mf">0.9</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[30]:</div>


<div class="output_text output_subarea output_execute_result">
<pre>&lt;matplotlib.axes._subplots.AxesSubplot at 0x229f4ec64e0&gt;</pre>
</div>

</div>

<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>The number of districts in each range of AHP</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">count</span>
</pre></div>

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

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


<div class="output_area">

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


<div class="output_text output_subarea output_execute_result">
<pre>array([11,  4,  3,  1], dtype=int64)</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>Now, we want to classify the AHP of each district into above types by creating a new columns whose name is "AHP Level". In order to do that, we need to create a function first.</p>

</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="k">def</span> <span class="nf">classify_ahp</span><span class="p">(</span><span class="n">price</span><span class="p">):</span>
    <span class="k">if</span> <span class="n">price</span> <span class="o">&lt;=</span> <span class="mi">100</span><span class="p">:</span>
        <span class="k">return</span> <span class="s2">"Low"</span>
    <span class="k">elif</span> <span class="n">price</span> <span class="o">&lt;=</span> <span class="mi">200</span><span class="p">:</span>
        <span class="k">return</span> <span class="s2">"Medium"</span>
    <span class="k">elif</span> <span class="n">price</span> <span class="o">&lt;=</span> <span class="mi">300</span><span class="p">:</span>
        <span class="k">return</span> <span class="s2">"High"</span>
    <span class="k">else</span><span class="p">:</span>
        <span class="k">return</span> <span class="s2">"Very High"</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="n">df_cafe</span><span class="p">[</span><span class="s2">"AHP Level"</span><span class="p">]</span> <span class="o">=</span> <span class="n">df_cafe</span><span class="p">[</span><span class="s2">"Average Housing Price (1M VND)"</span><span class="p">]</span><span class="o">.</span><span class="n">apply</span><span class="p">(</span><span class="n">classify_ahp</span><span class="p">)</span>
<span class="n">df_cafe</span>
</pre></div>

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

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


<div class="output_area">

<div class="prompt output_prompt">Out[33]:</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>District</th>
      <th>Café</th>
      <th>Cluster Labels</th>
      <th>Population 2015</th>
      <th>Density (pop/m2)</th>
      <th>Average Housing Price (1M VND)</th>
      <th>Latitude</th>
      <th>Longitude</th>
      <th>AHP Level</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>0</th>
      <td>1</td>
      <td>0.080000</td>
      <td>0</td>
      <td>193632</td>
      <td>25049.418</td>
      <td>384.0</td>
      <td>10.774540</td>
      <td>106.699184</td>
      <td>Very High</td>
    </tr>
    <tr>
      <th>4</th>
      <td>2</td>
      <td>0.111111</td>
      <td>0</td>
      <td>147168</td>
      <td>2958.745</td>
      <td>58.8</td>
      <td>10.791116</td>
      <td>106.736729</td>
      <td>Low</td>
    </tr>
    <tr>
      <th>5</th>
      <td>3</td>
      <td>0.070000</td>
      <td>0</td>
      <td>196333</td>
      <td>39905.081</td>
      <td>236.0</td>
      <td>10.783529</td>
      <td>106.687098</td>
      <td>High</td>
    </tr>
    <tr>
      <th>6</th>
      <td>4</td>
      <td>0.040000</td>
      <td>0</td>
      <td>186727</td>
      <td>44671.531</td>
      <td>70.3</td>
      <td>10.759243</td>
      <td>106.704890</td>
      <td>Low</td>
    </tr>
    <tr>
      <th>7</th>
      <td>5</td>
      <td>0.060000</td>
      <td>0</td>
      <td>178615</td>
      <td>41830.211</td>
      <td>241.0</td>
      <td>10.756129</td>
      <td>106.670376</td>
      <td>High</td>
    </tr>
    <tr>
      <th>12</th>
      <td>Binh Tan</td>
      <td>0.100000</td>
      <td>0</td>
      <td>686474</td>
      <td>13229.408</td>
      <td>57.2</td>
      <td>10.749809</td>
      <td>106.605664</td>
      <td>Low</td>
    </tr>
    <tr>
      <th>11</th>
      <td>9</td>
      <td>0.000000</td>
      <td>0</td>
      <td>290620</td>
      <td>2549.298</td>
      <td>41.2</td>
      <td>10.824543</td>
      <td>106.818015</td>
      <td>Low</td>
    </tr>
    <tr>
      <th>10</th>
      <td>8</td>
      <td>0.050000</td>
      <td>0</td>
      <td>431969</td>
      <td>22521.846</td>
      <td>56.0</td>
      <td>10.740400</td>
      <td>106.665843</td>
      <td>Low</td>
    </tr>
    <tr>
      <th>16</th>
      <td>Tan Binh</td>
      <td>0.153846</td>
      <td>1</td>
      <td>459029</td>
      <td>20510.679</td>
      <td>136.0</td>
      <td>10.797979</td>
      <td>106.653805</td>
      <td>Medium</td>
    </tr>
    <tr>
      <th>15</th>
      <td>Phu Nhuan</td>
      <td>0.210000</td>
      <td>1</td>
      <td>182477</td>
      <td>37392.828</td>
      <td>168.0</td>
      <td>10.800118</td>
      <td>106.677042</td>
      <td>Medium</td>
    </tr>
    <tr>
      <th>13</th>
      <td>Binh Thanh</td>
      <td>0.166667</td>
      <td>1</td>
      <td>487985</td>
      <td>23506.021</td>
      <td>136.0</td>
      <td>10.804659</td>
      <td>106.707848</td>
      <td>Medium</td>
    </tr>
    <tr>
      <th>9</th>
      <td>7</td>
      <td>0.129032</td>
      <td>1</td>
      <td>310178</td>
      <td>8690.894</td>
      <td>74.9</td>
      <td>10.736573</td>
      <td>106.722432</td>
      <td>Low</td>
    </tr>
    <tr>
      <th>8</th>
      <td>6</td>
      <td>0.166667</td>
      <td>1</td>
      <td>258945</td>
      <td>36014.604</td>
      <td>95.5</td>
      <td>10.746928</td>
      <td>106.634495</td>
      <td>Low</td>
    </tr>
    <tr>
      <th>2</th>
      <td>11</td>
      <td>0.179487</td>
      <td>1</td>
      <td>230596</td>
      <td>44863.035</td>
      <td>154.0</td>
      <td>10.764208</td>
      <td>106.643282</td>
      <td>Medium</td>
    </tr>
    <tr>
      <th>1</th>
      <td>10</td>
      <td>0.160000</td>
      <td>1</td>
      <td>238558</td>
      <td>41705.944</td>
      <td>203.0</td>
      <td>10.773198</td>
      <td>106.667833</td>
      <td>High</td>
    </tr>
    <tr>
      <th>17</th>
      <td>Tan Phu</td>
      <td>0.190476</td>
      <td>1</td>
      <td>464493</td>
      <td>28922.354</td>
      <td>97.3</td>
      <td>10.791640</td>
      <td>106.627302</td>
      <td>Low</td>
    </tr>
    <tr>
      <th>3</th>
      <td>12</td>
      <td>0.333333</td>
      <td>2</td>
      <td>510326</td>
      <td>9668.928</td>
      <td>39.7</td>
      <td>10.867233</td>
      <td>106.653930</td>
      <td>Low</td>
    </tr>
    <tr>
      <th>14</th>
      <td>Go Vap</td>
      <td>0.291667</td>
      <td>2</td>
      <td>634146</td>
      <td>32124.924</td>
      <td>95.0</td>
      <td>10.840150</td>
      <td>106.671083</td>
      <td>Low</td>
    </tr>
    <tr>
      <th>18</th>
      <td>Thu Duc</td>
      <td>0.454545</td>
      <td>2</td>
      <td>528413</td>
      <td>10619.232</td>
      <td>49.9</td>
      <td>10.852588</td>
      <td>106.755838</td>
      <td>Low</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">
<p>We can understand the clusters</p>
<ul>
<li><strong>Cluster 0</strong> : There are not many café shops in these districts.</li>
<li><strong>Cluster 1</strong> : There are a lot of café shops in these districts.</li>
<li><strong>Cluster 2</strong> : The number of café shops in these districts is medium.</li>
</ul>

</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="Choropleth-map-of-AHP">Choropleth map of AHP<a class="anchor-link" href="file:///C:/Users/dinha/Downloads/battle_of_neighborhood_project.html#Choropleth-map-of-AHP">¶</a></h3><p>Now we want to create a choropleth map of AHP coupling with the map of clusters created in previous section.</p>

</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="n">hcm_geo</span> <span class="o">=</span> <span class="sa">r</span><span class="s1">'hcm_urban.geojson'</span> <span class="c1"># geojson file</span>

<span class="n">map_ahp</span> <span class="o">=</span> <span class="n">folium</span><span class="o">.</span><span class="n">Map</span><span class="p">(</span><span class="n">location</span><span class="o">=</span><span class="p">[</span><span class="n">hcm_lat</span><span class="p">,</span> <span class="n">hcm_long</span><span class="p">],</span> <span class="n">zoom_start</span><span class="o">=</span><span class="mi">11</span><span class="p">)</span>

<span class="n">map_ahp</span><span class="o">.</span><span class="n">choropleth</span><span class="p">(</span>
 <span class="n">geo_data</span><span class="o">=</span><span class="n">hcm_geo</span><span class="p">,</span>
 <span class="n">name</span><span class="o">=</span><span class="s1">'choropleth'</span><span class="p">,</span>
 <span class="n">data</span><span class="o">=</span><span class="n">df_cafe</span><span class="p">,</span>
 <span class="n">columns</span><span class="o">=</span><span class="p">[</span><span class="s1">'District'</span><span class="p">,</span> <span class="s1">'Average Housing Price (1M VND)'</span><span class="p">],</span>
 <span class="n">key_on</span><span class="o">=</span><span class="s1">'feature.properties.name'</span><span class="p">,</span>
 <span class="n">fill_color</span><span class="o">=</span><span class="s1">'YlGn'</span><span class="p">,</span>
 <span class="n">fill_opacity</span><span class="o">=</span><span class="mf">0.7</span><span class="p">,</span>
 <span class="n">line_opacity</span><span class="o">=</span><span class="mf">0.2</span><span class="p">,</span>
 <span class="n">legend_name</span><span class="o">=</span><span class="s1">'Average Housing Price'</span>
<span class="p">)</span>
<span class="c1"># folium.LayerControl().add_to(map_ahp)</span>

<span class="c1"># add clusters to the map</span>
<span class="c1"># add markers to the map</span>
<span class="n">markers_colors</span> <span class="o">=</span> <span class="p">[]</span>
<span class="k">for</span> <span class="n">lat</span><span class="p">,</span> <span class="n">lon</span><span class="p">,</span> <span class="n">poi</span><span class="p">,</span> <span class="n">cluster</span> <span class="ow">in</span> <span class="nb">zip</span><span class="p">(</span>
        <span class="n">df_cafe</span><span class="p">[</span><span class="s1">'Latitude'</span><span class="p">],</span>
        <span class="n">df_cafe</span><span class="p">[</span><span class="s1">'Longitude'</span><span class="p">],</span>
        <span class="n">df_cafe</span><span class="p">[</span><span class="s1">'District'</span><span class="p">],</span>
        <span class="n">df_cafe</span><span class="p">[</span><span class="s1">'Cluster Labels'</span><span class="p">]</span>
<span class="p">):</span>
    <span class="n">label</span> <span class="o">=</span> <span class="n">folium</span><span class="o">.</span><span class="n">Popup</span><span class="p">(</span><span class="nb">str</span><span class="p">(</span><span class="n">poi</span><span class="p">)</span> <span class="o">+</span> <span class="s1">' - Cluster '</span> <span class="o">+</span> <span class="nb">str</span><span class="p">(</span><span class="n">cluster</span><span class="p">),</span> <span class="n">parse_html</span><span class="o">=</span><span class="kc">True</span><span class="p">)</span>
    <span class="n">folium</span><span class="o">.</span><span class="n">CircleMarker</span><span class="p">(</span>
        <span class="p">[</span><span class="n">lat</span><span class="p">,</span> <span class="n">lon</span><span class="p">],</span>
        <span class="n">radius</span><span class="o">=</span><span class="mi">5</span><span class="p">,</span>
        <span class="n">popup</span><span class="o">=</span><span class="n">label</span><span class="p">,</span>
        <span class="n">color</span><span class="o">=</span><span class="n">rainbow</span><span class="p">[</span><span class="n">cluster</span><span class="o">-</span><span class="mi">1</span><span class="p">],</span>
        <span class="n">fill</span><span class="o">=</span><span class="kc">True</span><span class="p">,</span>
        <span class="n">fill_color</span><span class="o">=</span><span class="n">rainbow</span><span class="p">[</span><span class="n">cluster</span><span class="o">-</span><span class="mi">1</span><span class="p">],</span>
        <span class="n">fill_opacity</span><span class="o">=</span><span class="mf">0.7</span><span class="p">)</span><span class="o">.</span><span class="n">add_to</span><span class="p">(</span><span class="n">map_ahp</span><span class="p">)</span>

<span class="n">map_ahp</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_stderr output_text">
<pre>C:\ProgramData\Anaconda3\lib\site-packages\folium\folium.py:426: FutureWarning: The choropleth  method has been deprecated. Instead use the new Choropleth class, which has the same arguments. See the example notebook 'GeoJSON_and_choropleth' for how to do this.
  FutureWarning
</pre>
</div>
</div>

<div class="output_area">

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


<div class="output_html rendered_html output_subarea output_execute_result">
<div style="width:100%;"><div style="position:relative;width:100%;height:0;padding-bottom:60%;"><iframe src="https://github.com/dinhanhthi/cafe-in-hcm/blob/master/capstone_project_files/saved_resource(2).html" style="position:absolute;width:100%;height:100%;left:0;top:0;border:none !important;" allowfullscreen="" webkitallowfullscreen="" mozallowfullscreen=""></iframe></div></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="Choropleth-map-of-population-density">Choropleth map of population density<a class="anchor-link" href="file:///C:/Users/dinha/Downloads/battle_of_neighborhood_project.html#Choropleth-map-of-population-density">¶</a></h3>
</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="n">map_density</span> <span class="o">=</span> <span class="n">folium</span><span class="o">.</span><span class="n">Map</span><span class="p">(</span><span class="n">location</span><span class="o">=</span><span class="p">[</span><span class="n">hcm_lat</span><span class="p">,</span> <span class="n">hcm_long</span><span class="p">],</span> <span class="n">zoom_start</span><span class="o">=</span><span class="mi">11</span><span class="p">)</span>

<span class="n">map_density</span><span class="o">.</span><span class="n">choropleth</span><span class="p">(</span>
 <span class="n">geo_data</span><span class="o">=</span><span class="n">hcm_geo</span><span class="p">,</span>
 <span class="n">name</span><span class="o">=</span><span class="s1">'choropleth'</span><span class="p">,</span>
 <span class="n">data</span><span class="o">=</span><span class="n">df_cafe</span><span class="p">,</span>
 <span class="n">columns</span><span class="o">=</span><span class="p">[</span><span class="s1">'District'</span><span class="p">,</span> <span class="s1">'Density (pop/m2)'</span><span class="p">],</span>
 <span class="n">key_on</span><span class="o">=</span><span class="s1">'feature.properties.name'</span><span class="p">,</span>
 <span class="n">fill_color</span><span class="o">=</span><span class="s1">'YlGn'</span><span class="p">,</span>
 <span class="n">fill_opacity</span><span class="o">=</span><span class="mf">0.7</span><span class="p">,</span>
 <span class="n">line_opacity</span><span class="o">=</span><span class="mf">0.2</span><span class="p">,</span>
 <span class="n">legend_name</span><span class="o">=</span><span class="s1">'Population density'</span>
<span class="p">)</span>
<span class="c1"># folium.LayerControl().add_to(map_ahp)</span>

<span class="c1"># add clusters to the map</span>
<span class="c1"># add markers to the map</span>
<span class="n">markers_colors</span> <span class="o">=</span> <span class="p">[]</span>
<span class="k">for</span> <span class="n">lat</span><span class="p">,</span> <span class="n">lon</span><span class="p">,</span> <span class="n">poi</span><span class="p">,</span> <span class="n">cluster</span> <span class="ow">in</span> <span class="nb">zip</span><span class="p">(</span>
        <span class="n">df_cafe</span><span class="p">[</span><span class="s1">'Latitude'</span><span class="p">],</span>
        <span class="n">df_cafe</span><span class="p">[</span><span class="s1">'Longitude'</span><span class="p">],</span>
        <span class="n">df_cafe</span><span class="p">[</span><span class="s1">'District'</span><span class="p">],</span>
        <span class="n">df_cafe</span><span class="p">[</span><span class="s1">'Cluster Labels'</span><span class="p">]</span>
<span class="p">):</span>
    <span class="n">label</span> <span class="o">=</span> <span class="n">folium</span><span class="o">.</span><span class="n">Popup</span><span class="p">(</span><span class="nb">str</span><span class="p">(</span><span class="n">poi</span><span class="p">)</span> <span class="o">+</span> <span class="s1">' - Cluster '</span> <span class="o">+</span> <span class="nb">str</span><span class="p">(</span><span class="n">cluster</span><span class="p">),</span> <span class="n">parse_html</span><span class="o">=</span><span class="kc">True</span><span class="p">)</span>
    <span class="n">folium</span><span class="o">.</span><span class="n">CircleMarker</span><span class="p">(</span>
        <span class="p">[</span><span class="n">lat</span><span class="p">,</span> <span class="n">lon</span><span class="p">],</span>
        <span class="n">radius</span><span class="o">=</span><span class="mi">5</span><span class="p">,</span>
        <span class="n">popup</span><span class="o">=</span><span class="n">label</span><span class="p">,</span>
        <span class="n">color</span><span class="o">=</span><span class="n">rainbow</span><span class="p">[</span><span class="n">cluster</span><span class="o">-</span><span class="mi">1</span><span class="p">],</span>
        <span class="n">fill</span><span class="o">=</span><span class="kc">True</span><span class="p">,</span>
        <span class="n">fill_color</span><span class="o">=</span><span class="n">rainbow</span><span class="p">[</span><span class="n">cluster</span><span class="o">-</span><span class="mi">1</span><span class="p">],</span>
        <span class="n">fill_opacity</span><span class="o">=</span><span class="mf">0.7</span><span class="p">)</span><span class="o">.</span><span class="n">add_to</span><span class="p">(</span><span class="n">map_density</span><span class="p">)</span>

<span class="n">map_density</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_stderr output_text">
<pre>C:\ProgramData\Anaconda3\lib\site-packages\folium\folium.py:426: FutureWarning: The choropleth  method has been deprecated. Instead use the new Choropleth class, which has the same arguments. See the example notebook 'GeoJSON_and_choropleth' for how to do this.
  FutureWarning
</pre>
</div>
</div>

<div class="output_area">

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


<div class="output_html rendered_html output_subarea output_execute_result">
<div style="width:100%;"><div style="position:relative;width:100%;height:0;padding-bottom:60%;"><iframe src="https://github.com/dinhanhthi/cafe-in-hcm/blob/master/capstone_project_files/saved_resource(3).html" style="position:absolute;width:100%;height:100%;left:0;top:0;border:none !important;" allowfullscreen="" webkitallowfullscreen="" mozallowfullscreen=""></iframe></div></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">
<h2 id="Conclusion">Conclusion<a class="anchor-link" href="file:///C:/Users/dinha/Downloads/battle_of_neighborhood_project.html#Conclusion">¶</a></h2><p>From all above results, we conclude that, the best place for us to set up a new café is in <strong>district 4</strong> because there are a lot of people living there (high density), there are not many already-working café (cluster 0) and the average housing price is low.</p>

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


<div style="position: absolute; width: 0px; height: 0px; overflow: hidden; padding: 0px; border: 0px; margin: 0px;"><div id="MathJax_Font_Test" style="position: absolute; visibility: hidden; top: 0px; left: 0px; width: auto; padding: 0px; border: 0px; margin: 0px; white-space: nowrap; text-align: left; text-indent: 0px; text-transform: none; line-height: normal; letter-spacing: normal; word-spacing: normal; font-size: 40px; font-weight: normal; font-style: normal; font-family: MathJax_Math-italic, sans-serif;"></div></div></body></html>