MLE_ND_P5_V0_S3.html

<!DOCTYPE html>
<html>
<head><meta charset="utf-8" />
<title>MLE_ND_P5_V0_S3</title><script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.1.10/require.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>

<style type="text/css">
    /*!
*
* Twitter Bootstrap
*
*/
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    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="custom.css">

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

<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div>
<div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<h1 id="Machine-Learning-Engineer-Nanodegree">Machine Learning Engineer Nanodegree<a class="anchor-link" href="#Machine-Learning-Engineer-Nanodegree">&#182;</a></h1><h2 id="Deep-Learning">Deep Learning<a class="anchor-link" href="#Deep-Learning">&#182;</a></h2><h1>&#x1F4D1; &nbsp;  P5: Build a Digit Recognition Program. Step 3</h1>

</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="Code-Library-and-Links">Code Library and Links<a class="anchor-link" href="#Code-Library-and-Links">&#182;</a></h2><ul>
<li><a href="https://docs.scipy.org/doc/scipy/reference/ndimage.html">Multi-dimensional image processing</a></li>
<li><a href="https://keras.io/">Keras: Deep Learning library for Theano and TensorFlow</a> </li>
<li><a href="https://www.tensorflow.org/get_started/mnist/pros">Deep MNIST for Experts</a></li>
<li><a href="http://docs.seldon.io/tensorflow-deep-mnist-example.html">Tensorflow Deep MNIST Advanced Tutorial</a></li>
<li><a href="http://machinelearningmastery.com/handwritten-digit-recognition-using-convolutional-neural-networks-python-keras/">Handwritten Digit Recognition using Convolutional Neural Networks in Python with Keras</a></li>
</ul>

</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="o">%%</span><span class="k">html</span>
&lt;style&gt;
@import url(&#39;https://fonts.googleapis.com/css?family=Orbitron|Roboto&#39;);
body {background-color: #b8e2fc;} 
a {color: royalblue; font-family: &#39;Roboto&#39;;} 
h1 {color: #191970; font-family: &#39;Orbitron&#39;; text-shadow: 4px 4px 4px #ccc;} 
h2, h3 {color: slategray; font-family: &#39;Orbitron&#39;; text-shadow: 4px 4px 4px #ccc;}
h4 {color: royalblue; font-family: &#39;Roboto&#39;;}
span {text-shadow: 4px 4px 4px #ccc;}
div.output_prompt, div.output_area pre {color: slategray;}
div.input_prompt, div.output_subarea {color: #191970;}      
div.output_stderr pre {background-color: #b8e2fc;}  
div.output_stderr {background-color: slategrey;}                        
&lt;/style&gt;
&lt;script&gt;
code_show = true; 
function code_display() {
    if (code_show) {
        $(&#39;div.input&#39;).each(function(id) {
            if (id == 0 || $(this).html().indexOf(&#39;hide_code&#39;) &gt; -1) {$(this).hide();}
        });
        $(&#39;div.output_prompt&#39;).css(&#39;opacity&#39;, 0);
    } else {
        $(&#39;div.input&#39;).each(function(id) {$(this).show();});
        $(&#39;div.output_prompt&#39;).css(&#39;opacity&#39;, 1);
    };
    code_show = !code_show;
} 
$(document).ready(code_display);
&lt;/script&gt;
&lt;form action=&quot;javascript: code_display()&quot;&gt;
&lt;input style=&quot;color: #191970; background: #b8e2fc; opacity: 0.8;&quot; \ 
type=&quot;submit&quot; value=&quot;Click to display or hide code cells&quot;&gt;
&lt;/form&gt;      
</pre></div>

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

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


<div class="output_area">

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


<div class="output_html rendered_html output_subarea ">
<style>
@import url('https://fonts.googleapis.com/css?family=Orbitron|Roboto');
body {background-color: #b8e2fc;} 
a {color: royalblue; font-family: 'Roboto';} 
h1 {color: #191970; font-family: 'Orbitron'; text-shadow: 4px 4px 4px #ccc;} 
h2, h3 {color: slategray; font-family: 'Orbitron'; text-shadow: 4px 4px 4px #ccc;}
h4 {color: royalblue; font-family: 'Roboto';}
span {text-shadow: 4px 4px 4px #ccc;}
div.output_prompt, div.output_area pre {color: slategray;}
div.input_prompt, div.output_subarea {color: #191970;}      
div.output_stderr pre {background-color: #b8e2fc;}  
div.output_stderr {background-color: slategrey;}                        
</style>
<script>
code_show = true; 
function code_display() {
    if (code_show) {
        $('div.input').each(function(id) {
            if (id == 0 || $(this).html().indexOf('hide_code') > -1) {$(this).hide();}
        });
        $('div.output_prompt').css('opacity', 0);
    } else {
        $('div.input').each(function(id) {$(this).show();});
        $('div.output_prompt').css('opacity', 1);
    };
    code_show = !code_show;
} 
$(document).ready(code_display);
</script>
<form action="javascript: code_display()">
<input style="color: #191970; background: #b8e2fc; opacity: 0.8;" \ 
type="submit" value="Click to display or hide code cells">
</form>      
</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[378]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">hide_code</span> <span class="o">=</span> <span class="s1">&#39;&#39;</span>
<span class="kn">import</span> <span class="nn">numpy</span> <span class="k">as</span> <span class="nn">np</span>
<span class="kn">import</span> <span class="nn">pandas</span> <span class="k">as</span> <span class="nn">pd</span>

<span class="kn">import</span> <span class="nn">cv2</span>

<span class="kn">import</span> <span class="nn">scipy</span> <span class="k">as</span> <span class="nn">sp</span>
<span class="kn">import</span> <span class="nn">scipy.ndimage</span>
<span class="kn">import</span> <span class="nn">scipy.misc</span>
<span class="kn">from</span> <span class="nn">scipy.special</span> <span class="k">import</span> <span class="n">expit</span>

<span class="kn">import</span> <span class="nn">random</span>
<span class="kn">from</span> <span class="nn">time</span> <span class="k">import</span> <span class="n">time</span>

<span class="kn">import</span> <span class="nn">os</span>
<span class="kn">import</span> <span class="nn">sys</span>

<span class="kn">import</span> <span class="nn">h5py</span>
<span class="kn">import</span> <span class="nn">tarfile</span>

<span class="kn">from</span> <span class="nn">six.moves.urllib.request</span> <span class="k">import</span> <span class="n">urlretrieve</span>
<span class="kn">from</span> <span class="nn">six.moves</span> <span class="k">import</span> <span class="n">cPickle</span> <span class="k">as</span> <span class="n">pickle</span>

<span class="kn">import</span> <span class="nn">tensorflow</span> <span class="k">as</span> <span class="nn">tf</span>
<span class="kn">import</span> <span class="nn">tensorflow.examples.tutorials.mnist</span> <span class="k">as</span> <span class="nn">mnist</span>

<span class="kn">from</span> <span class="nn">skimage.feature</span> <span class="k">import</span> <span class="n">hog</span>
<span class="kn">from</span> <span class="nn">sklearn.externals</span> <span class="k">import</span> <span class="n">joblib</span>
<span class="kn">from</span> <span class="nn">sklearn.neural_network</span> <span class="k">import</span> <span class="n">MLPClassifier</span><span class="p">,</span> <span class="n">BernoulliRBM</span>
<span class="kn">from</span> <span class="nn">sklearn</span> <span class="k">import</span> <span class="n">linear_model</span><span class="p">,</span> <span class="n">datasets</span><span class="p">,</span> <span class="n">metrics</span>
<span class="kn">from</span> <span class="nn">sklearn.pipeline</span> <span class="k">import</span> <span class="n">Pipeline</span>
<span class="kn">from</span> <span class="nn">sklearn</span> <span class="k">import</span> <span class="n">manifold</span><span class="p">,</span> <span class="n">decomposition</span><span class="p">,</span> <span class="n">ensemble</span>
<span class="kn">from</span> <span class="nn">sklearn</span> <span class="k">import</span> <span class="n">discriminant_analysis</span><span class="p">,</span> <span class="n">random_projection</span>
<span class="kn">from</span> <span class="nn">sklearn.model_selection</span> <span class="k">import</span> <span class="n">train_test_split</span>

<span class="kn">import</span> <span class="nn">keras</span> <span class="k">as</span> <span class="nn">ks</span>
<span class="kn">from</span> <span class="nn">keras.models</span> <span class="k">import</span> <span class="n">Sequential</span><span class="p">,</span> <span class="n">load_model</span><span class="p">,</span> <span class="n">Model</span>
<span class="kn">from</span> <span class="nn">keras.preprocessing</span> <span class="k">import</span> <span class="n">sequence</span>
<span class="kn">from</span> <span class="nn">keras.optimizers</span> <span class="k">import</span> <span class="n">SGD</span><span class="p">,</span> <span class="n">RMSprop</span>
<span class="kn">from</span> <span class="nn">keras.layers</span> <span class="k">import</span> <span class="n">Dense</span><span class="p">,</span> <span class="n">Dropout</span><span class="p">,</span> <span class="n">LSTM</span>
<span class="kn">from</span> <span class="nn">keras.layers</span> <span class="k">import</span> <span class="n">Activation</span><span class="p">,</span> <span class="n">Flatten</span><span class="p">,</span> <span class="n">Input</span><span class="p">,</span> <span class="n">BatchNormalization</span>
<span class="kn">from</span> <span class="nn">keras.layers</span> <span class="k">import</span> <span class="n">Conv1D</span><span class="p">,</span> <span class="n">MaxPooling1D</span><span class="p">,</span> <span class="n">Conv2D</span><span class="p">,</span> <span class="n">MaxPooling2D</span><span class="p">,</span> <span class="n">GlobalAveragePooling2D</span>
<span class="kn">from</span> <span class="nn">keras.layers.embeddings</span> <span class="k">import</span> <span class="n">Embedding</span>
<span class="kn">from</span> <span class="nn">keras.callbacks</span> <span class="k">import</span> <span class="n">ModelCheckpoint</span>

<span class="kn">from</span> <span class="nn">IPython.display</span> <span class="k">import</span> <span class="n">display</span><span class="p">,</span> <span class="n">Image</span><span class="p">,</span> <span class="n">IFrame</span>
<span class="kn">import</span> <span class="nn">matplotlib.pylab</span> <span class="k">as</span> <span class="nn">plt</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">from</span> <span class="nn">matplotlib</span> <span class="k">import</span> <span class="n">offsetbox</span>
<span class="o">%</span><span class="k">matplotlib</span> inline

<span class="kn">import</span> <span class="nn">warnings</span>
<span class="n">warnings</span><span class="o">.</span><span class="n">filterwarnings</span><span class="p">(</span><span class="s1">&#39;ignore&#39;</span><span class="p">)</span>
</pre></div>

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

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[3]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">hide_code</span>
<span class="k">def</span> <span class="nf">fivedigit_label</span><span class="p">(</span><span class="n">label</span><span class="p">):</span>
    <span class="n">size</span> <span class="o">=</span> <span class="nb">len</span><span class="p">(</span><span class="n">label</span><span class="p">)</span>
    <span class="k">if</span> <span class="n">size</span> <span class="o">&gt;=</span> <span class="mi">5</span><span class="p">:</span>
        <span class="k">return</span> <span class="n">label</span>
    <span class="k">else</span><span class="p">:</span>
        <span class="n">num_zeros</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">full</span><span class="p">((</span><span class="mi">5</span><span class="o">-</span><span class="n">size</span><span class="p">),</span> <span class="mi">10</span><span class="p">)</span>
        <span class="k">return</span> <span class="n">np</span><span class="o">.</span><span class="n">array</span><span class="p">(</span><span class="n">np</span><span class="o">.</span><span class="n">concatenate</span><span class="p">((</span><span class="n">num_zeros</span><span class="p">,</span> <span class="n">label</span><span class="p">),</span> <span class="n">axis</span> <span class="o">=</span> <span class="mi">0</span><span class="p">))</span>
    
<span class="k">def</span> <span class="nf">get_filenames</span><span class="p">(</span><span class="n">folder</span><span class="p">):</span>
    <span class="n">image_path</span> <span class="o">=</span> <span class="n">os</span><span class="o">.</span><span class="n">path</span><span class="o">.</span><span class="n">join</span><span class="p">(</span><span class="n">folder</span><span class="p">)</span>
    <span class="k">return</span> <span class="n">np</span><span class="o">.</span><span class="n">array</span><span class="p">([</span><span class="n">f</span> <span class="k">for</span> <span class="n">f</span> <span class="ow">in</span> <span class="n">os</span><span class="o">.</span><span class="n">listdir</span><span class="p">(</span><span class="n">image_path</span><span class="p">)</span> <span class="k">if</span> <span class="n">f</span><span class="o">.</span><span class="n">endswith</span><span class="p">(</span><span class="s1">&#39;.png&#39;</span><span class="p">)])</span>

<span class="k">def</span> <span class="nf">get_image</span><span class="p">(</span><span class="n">folder</span><span class="p">,</span> <span class="n">image_file</span><span class="p">):</span>
    <span class="n">filename</span><span class="o">=</span><span class="n">os</span><span class="o">.</span><span class="n">path</span><span class="o">.</span><span class="n">join</span><span class="p">(</span><span class="n">folder</span><span class="p">,</span> <span class="n">image_file</span><span class="p">)</span>
    <span class="n">image</span> <span class="o">=</span> <span class="n">scipy</span><span class="o">.</span><span class="n">ndimage</span><span class="o">.</span><span class="n">imread</span><span class="p">(</span><span class="n">filename</span><span class="p">,</span> <span class="n">mode</span><span class="o">=</span><span class="s1">&#39;RGB&#39;</span><span class="p">)</span>
    
    <span class="k">if</span> <span class="n">folder</span> <span class="o">==</span> <span class="s1">&#39;new&#39;</span><span class="p">:</span>
        <span class="n">n</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">where</span><span class="p">(</span><span class="n">new_filenames</span> <span class="o">==</span> <span class="n">image_file</span><span class="p">)[</span><span class="mi">0</span><span class="p">]</span>
        <span class="n">label</span> <span class="o">=</span> <span class="n">new_labels</span><span class="p">[</span><span class="n">n</span><span class="p">]</span>
        
    <span class="n">image64_1</span> <span class="o">=</span> <span class="n">scipy</span><span class="o">.</span><span class="n">misc</span><span class="o">.</span><span class="n">imresize</span><span class="p">(</span><span class="n">image</span><span class="p">,</span> <span class="p">(</span><span class="mi">32</span><span class="p">,</span> <span class="mi">32</span><span class="p">,</span> <span class="mi">3</span><span class="p">))</span><span class="o">/</span><span class="mi">255</span>
    <span class="n">image64_2</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">dot</span><span class="p">(</span><span class="n">np</span><span class="o">.</span><span class="n">array</span><span class="p">(</span><span class="n">image64_1</span><span class="p">,</span> <span class="n">dtype</span><span class="o">=</span><span class="s1">&#39;float32&#39;</span><span class="p">),</span> <span class="p">[</span><span class="mf">0.299</span><span class="p">,</span> <span class="mf">0.587</span><span class="p">,</span> <span class="mf">0.114</span><span class="p">])</span>
    
    <span class="k">return</span> <span class="n">image64_1</span><span class="p">,</span> <span class="n">image64_2</span><span class="p">,</span> <span class="n">label</span>

<span class="k">def</span> <span class="nf">digit_to_categorical</span><span class="p">(</span><span class="n">data</span><span class="p">):</span>
    <span class="n">n</span> <span class="o">=</span> <span class="n">data</span><span class="o">.</span><span class="n">shape</span><span class="p">[</span><span class="mi">1</span><span class="p">]</span>
    <span class="n">data_cat</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">empty</span><span class="p">([</span><span class="nb">len</span><span class="p">(</span><span class="n">data</span><span class="p">),</span> <span class="n">n</span><span class="p">,</span> <span class="mi">11</span><span class="p">])</span>
    
    <span class="k">for</span> <span class="n">i</span> <span class="ow">in</span> <span class="nb">range</span><span class="p">(</span><span class="n">n</span><span class="p">):</span>
        <span class="n">data_cat</span><span class="p">[:,</span> <span class="n">i</span><span class="p">]</span> <span class="o">=</span> <span class="n">ks</span><span class="o">.</span><span class="n">utils</span><span class="o">.</span><span class="n">to_categorical</span><span class="p">(</span><span class="n">data</span><span class="p">[:,</span> <span class="n">i</span><span class="p">],</span> <span class="n">num_classes</span><span class="o">=</span><span class="mi">11</span><span class="p">)</span>
        
    <span class="k">return</span> <span class="n">data_cat</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;[307]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">hide_code</span>
<span class="k">def</span> <span class="nf">get_image2</span><span class="p">(</span><span class="n">folder</span><span class="p">,</span> <span class="n">image_file</span><span class="p">,</span> <span class="n">boxes</span><span class="p">):</span>
    <span class="n">filename</span><span class="o">=</span><span class="n">os</span><span class="o">.</span><span class="n">path</span><span class="o">.</span><span class="n">join</span><span class="p">(</span><span class="n">folder</span><span class="p">,</span> <span class="n">image_file</span><span class="p">)</span>
    <span class="n">image</span> <span class="o">=</span> <span class="n">scipy</span><span class="o">.</span><span class="n">ndimage</span><span class="o">.</span><span class="n">imread</span><span class="p">(</span><span class="n">filename</span><span class="p">,</span> <span class="n">mode</span><span class="o">=</span><span class="s1">&#39;RGB&#39;</span><span class="p">)</span>
    <span class="n">box</span> <span class="o">=</span> <span class="n">boxes</span><span class="o">.</span><span class="n">loc</span><span class="p">[</span><span class="n">image_file</span><span class="p">]</span>
    <span class="n">image</span> <span class="o">=</span> <span class="n">image</span><span class="p">[</span><span class="n">box</span><span class="p">[</span><span class="mi">0</span><span class="p">]:</span><span class="n">box</span><span class="p">[</span><span class="mi">1</span><span class="p">],</span> <span class="n">box</span><span class="p">[</span><span class="mi">2</span><span class="p">]:</span><span class="n">box</span><span class="p">[</span><span class="mi">3</span><span class="p">]]</span>
    
    <span class="k">if</span> <span class="n">folder</span> <span class="o">==</span> <span class="s1">&#39;new&#39;</span><span class="p">:</span>
        <span class="n">n</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">where</span><span class="p">(</span><span class="n">new_filenames</span> <span class="o">==</span> <span class="n">image_file</span><span class="p">)[</span><span class="mi">0</span><span class="p">]</span>
        <span class="n">label</span> <span class="o">=</span> <span class="n">new_labels</span><span class="p">[</span><span class="n">n</span><span class="p">]</span>
        
    <span class="n">image32_1</span> <span class="o">=</span> <span class="n">scipy</span><span class="o">.</span><span class="n">misc</span><span class="o">.</span><span class="n">imresize</span><span class="p">(</span><span class="n">image</span><span class="p">,</span> <span class="p">(</span><span class="mi">32</span><span class="p">,</span> <span class="mi">32</span><span class="p">,</span> <span class="mi">3</span><span class="p">))</span><span class="o">/</span><span class="mi">255</span>
    <span class="n">image32_2</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">dot</span><span class="p">(</span><span class="n">np</span><span class="o">.</span><span class="n">array</span><span class="p">(</span><span class="n">image32_1</span><span class="p">,</span> <span class="n">dtype</span><span class="o">=</span><span class="s1">&#39;float32&#39;</span><span class="p">),</span> <span class="p">[</span><span class="mf">0.299</span><span class="p">,</span> <span class="mf">0.587</span><span class="p">,</span> <span class="mf">0.114</span><span class="p">])</span>
    
    <span class="k">return</span> <span class="n">image32_1</span><span class="p">,</span> <span class="n">image32_2</span><span class="p">,</span> <span class="n">label</span>

<span class="k">def</span> <span class="nf">get_image3</span><span class="p">(</span><span class="n">folder</span><span class="p">,</span> <span class="n">image_file</span><span class="p">,</span> <span class="n">boxes</span><span class="p">):</span>
    <span class="n">filename</span><span class="o">=</span><span class="n">os</span><span class="o">.</span><span class="n">path</span><span class="o">.</span><span class="n">join</span><span class="p">(</span><span class="n">folder</span><span class="p">,</span> <span class="n">image_file</span><span class="p">)</span>
    <span class="n">image</span> <span class="o">=</span> <span class="n">cv2</span><span class="o">.</span><span class="n">imread</span><span class="p">(</span><span class="n">filename</span><span class="p">)</span>
    <span class="n">box</span> <span class="o">=</span> <span class="n">boxes</span><span class="o">.</span><span class="n">loc</span><span class="p">[</span><span class="n">image_file</span><span class="p">]</span>
    <span class="n">image</span> <span class="o">=</span> <span class="n">image</span><span class="p">[</span><span class="n">box</span><span class="p">[</span><span class="mi">0</span><span class="p">]:</span><span class="n">box</span><span class="p">[</span><span class="mi">1</span><span class="p">],</span> <span class="n">box</span><span class="p">[</span><span class="mi">2</span><span class="p">]:</span><span class="n">box</span><span class="p">[</span><span class="mi">3</span><span class="p">]]</span>
    <span class="n">image_gray</span> <span class="o">=</span> <span class="n">cv2</span><span class="o">.</span><span class="n">cvtColor</span><span class="p">(</span><span class="n">image</span><span class="p">,</span> <span class="n">cv2</span><span class="o">.</span><span class="n">COLOR_BGR2GRAY</span><span class="p">)</span>
<span class="c1">#    image_hist = cv2.equalizeHist(image_gray)</span>
    <span class="n">image_r</span> <span class="o">=</span> <span class="n">cv2</span><span class="o">.</span><span class="n">resize</span><span class="p">(</span><span class="n">image_gray</span><span class="p">,(</span><span class="mi">32</span><span class="p">,</span> <span class="mi">32</span><span class="p">),</span> <span class="n">interpolation</span> <span class="o">=</span> <span class="n">cv2</span><span class="o">.</span><span class="n">INTER_CUBIC</span><span class="p">)</span>
    
    <span class="k">if</span> <span class="n">folder</span> <span class="o">==</span> <span class="s1">&#39;new&#39;</span><span class="p">:</span>
        <span class="n">n</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">where</span><span class="p">(</span><span class="n">new_filenames</span> <span class="o">==</span> <span class="n">image_file</span><span class="p">)[</span><span class="mi">0</span><span class="p">]</span>
        <span class="n">label</span> <span class="o">=</span> <span class="n">new_labels</span><span class="p">[</span><span class="n">n</span><span class="p">]</span>
    
    <span class="k">return</span> <span class="n">image_r</span><span class="p">,</span> <span class="n">label</span>

<span class="k">def</span> <span class="nf">get_image4</span><span class="p">(</span><span class="n">folder</span><span class="p">,</span> <span class="n">image_file</span><span class="p">):</span>
    <span class="n">filename</span> <span class="o">=</span> <span class="n">os</span><span class="o">.</span><span class="n">path</span><span class="o">.</span><span class="n">join</span><span class="p">(</span><span class="n">folder</span><span class="p">,</span> <span class="n">image_file</span><span class="p">)</span>
    <span class="n">img</span> <span class="o">=</span> <span class="n">cv2</span><span class="o">.</span><span class="n">cvtColor</span><span class="p">(</span><span class="n">cv2</span><span class="o">.</span><span class="n">imread</span><span class="p">(</span><span class="n">filename</span><span class="p">),</span> <span class="n">cv2</span><span class="o">.</span><span class="n">COLOR_BGR2RGB</span><span class="p">)</span>
    
    <span class="n">img</span> <span class="o">=</span> <span class="n">cv2</span><span class="o">.</span><span class="n">GaussianBlur</span><span class="p">(</span><span class="n">img</span><span class="p">,</span> <span class="p">(</span><span class="mi">7</span><span class="p">,</span> <span class="mi">7</span><span class="p">),</span> <span class="o">-</span><span class="mi">1</span><span class="p">)[</span><span class="mi">3</span><span class="p">:</span><span class="o">-</span><span class="mi">3</span><span class="p">,</span> <span class="mi">3</span><span class="p">:</span><span class="o">-</span><span class="mi">3</span><span class="p">]</span>    
    <span class="n">img_gray</span> <span class="o">=</span> <span class="n">cv2</span><span class="o">.</span><span class="n">cvtColor</span><span class="p">(</span><span class="n">img</span><span class="p">,</span> <span class="n">cv2</span><span class="o">.</span><span class="n">COLOR_BGR2GRAY</span><span class="p">)</span>    
    <span class="n">edges</span> <span class="o">=</span> <span class="n">cv2</span><span class="o">.</span><span class="n">Canny</span><span class="p">(</span><span class="n">img_gray</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="c1">#    img[edges!=0] = (255, 255, 255)</span>
<span class="c1">#    img_gray = cv2.cvtColor(img, cv2.COLOR_BGR2GRAY)</span>
    
    <span class="n">rectangle</span> <span class="o">=</span> <span class="n">cv2</span><span class="o">.</span><span class="n">boundingRect</span><span class="p">(</span><span class="n">edges</span><span class="p">)</span>    
    <span class="n">n1</span><span class="p">,</span> <span class="n">n2</span><span class="p">,</span> <span class="n">n3</span><span class="p">,</span> <span class="n">n4</span> <span class="o">=</span> <span class="n">rectangle</span><span class="p">[</span><span class="mi">1</span><span class="p">],</span> <span class="n">rectangle</span><span class="p">[</span><span class="mi">1</span><span class="p">]</span><span class="o">+</span><span class="n">rectangle</span><span class="p">[</span><span class="mi">3</span><span class="p">],</span> <span class="n">rectangle</span><span class="p">[</span><span class="mi">0</span><span class="p">],</span> <span class="n">rectangle</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span><span class="o">+</span><span class="n">rectangle</span><span class="p">[</span><span class="mi">2</span><span class="p">]</span>
    <span class="k">if</span> <span class="p">(</span><span class="n">n2</span> <span class="o">==</span> <span class="mi">0</span><span class="p">):</span> <span class="n">n2</span> <span class="o">=</span> <span class="n">img</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="k">if</span> <span class="p">(</span><span class="n">n4</span> <span class="o">==</span> <span class="mi">0</span><span class="p">):</span> <span class="n">n4</span> <span class="o">=</span> <span class="n">img</span><span class="o">.</span><span class="n">shape</span><span class="p">[</span><span class="mi">1</span><span class="p">]</span>
    <span class="n">image_box</span> <span class="o">=</span> <span class="n">img_gray</span><span class="p">[</span><span class="n">n1</span><span class="p">:</span><span class="n">n2</span><span class="p">,</span> <span class="n">n3</span><span class="p">:</span><span class="n">n4</span><span class="p">]</span>
    
    <span class="n">image_resize</span> <span class="o">=</span> <span class="n">cv2</span><span class="o">.</span><span class="n">resize</span><span class="p">(</span><span class="n">image_box</span><span class="p">,</span> <span class="p">(</span><span class="mi">32</span><span class="p">,</span> <span class="mi">32</span><span class="p">),</span> <span class="n">interpolation</span> <span class="o">=</span> <span class="n">cv2</span><span class="o">.</span><span class="n">INTER_CUBIC</span><span class="p">)</span>
    <span class="k">return</span> <span class="n">image_resize</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">
<h2 id="Experimental-Datasets">Experimental Datasets<a class="anchor-link" href="#Experimental-Datasets">&#182;</a></h2>
</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="Dataset-#6.-Newly-Captured-Images">Dataset #6. Newly-Captured Images<a class="anchor-link" href="#Dataset-#6.-Newly-Captured-Images">&#182;</a></h3><h4>&nbsp;</h4>
<div style="width: 230px; height: 230px; overflow:auto;">
    <img src="new/1.png" width="200" height="200"/>
    <img src="new/10.png" width="200" height="200"/>
    <img src="new/11.png" width="200" height="200"/>
    <img src="new/12.png" width="200" height="200"/>
    <img src="new/13.png" width="200" height="200"/>
    <img src="new/14.png" width="200" height="200"/>
    <img src="new/15.png" width="200" height="200"/>
    <img src="new/16.png" width="200" height="200"/>
    <img src="new/17.png" width="200" height="200"/>
    <img src="new/18.png" width="200" height="200"/>
    <img src="new/19.png" width="200" height="200"/>    
    <img src="new/2.png" width="200" height="200"/>
    <img src="new/20.png" width="200" height="200"/>
    <img src="new/21.png" width="200" height="200"/> 
    <img src="new/22.png" width="200" height="200"/>
    <img src="new/23.png" width="200" height="200"/>
    <img src="new/24.png" width="200" height="200"/>
    <img src="new/25.png" width="200" height="200"/>
    <img src="new/26.png" width="200" height="200"/> 
    <img src="new/27.png" width="200" height="200"/>
    <img src="new/28.png" width="200" height="200"/>
    <img src="new/29.png" width="200" height="200"/>        
    <img src="new/3.png" width="200" height="200"/>
    <img src="new/30.png" width="200" height="200"/>    
    <img src="new/4.png" width="200" height="200"/>
    <img src="new/5.png" width="200" height="200"/>
    <img src="new/6.png" width="200" height="200"/>
    <img src="new/7.png" width="200" height="200"/>
    <img src="new/8.png" width="200" height="200"/>
    <img src="new/9.png" width="200" height="200"/>
</div>
</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[258]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">hide_code</span>
<span class="n">new_filenames</span> <span class="o">=</span> <span class="n">get_filenames</span><span class="p">(</span><span class="s1">&#39;new&#39;</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">&#39;New files list:</span><span class="se">\n</span><span class="s1">&#39;</span><span class="p">,</span> <span class="n">new_filenames</span><span class="p">)</span>

<span class="n">new_labels</span> <span class="o">=</span> <span class="p">[[</span><span class="mi">8</span><span class="p">],</span> <span class="p">[</span><span class="mi">5</span><span class="p">,</span> <span class="mi">6</span><span class="p">,</span> <span class="mi">3</span><span class="p">],</span> <span class="p">[</span><span class="mi">5</span><span class="p">,</span> <span class="mi">7</span><span class="p">],</span> <span class="p">[</span><span class="mi">6</span><span class="p">],</span> <span class="p">[</span><span class="mi">6</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">1</span><span class="p">],</span>
              <span class="p">[</span><span class="mi">8</span><span class="p">],</span> <span class="p">[</span><span class="mi">5</span><span class="p">,</span> <span class="mi">9</span><span class="p">],</span> <span class="p">[</span><span class="mi">1</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="p">[</span><span class="mi">1</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">0</span><span class="p">],</span> <span class="p">[</span><span class="mi">1</span><span class="p">,</span> <span class="mi">9</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">3</span><span class="p">],</span> 
              <span class="p">[</span><span class="mi">4</span><span class="p">],</span> <span class="p">[</span><span class="mi">1</span><span class="p">],</span> <span class="p">[</span><span class="mi">3</span><span class="p">,</span> <span class="mi">4</span><span class="p">,</span> <span class="mi">4</span><span class="p">],</span> <span class="p">[</span><span class="mi">2</span><span class="p">,</span> <span class="mi">4</span><span class="p">,</span> <span class="mi">4</span><span class="p">,</span> <span class="mi">8</span><span class="p">],</span> <span class="p">[</span><span class="mi">1</span><span class="p">,</span> <span class="mi">5</span><span class="p">],</span> 
              <span class="p">[</span><span class="mi">7</span><span class="p">],</span> <span class="p">[</span><span class="mi">7</span><span class="p">,</span> <span class="mi">8</span><span class="p">,</span> <span class="mi">2</span><span class="p">,</span> <span class="mi">2</span><span class="p">],</span> <span class="p">[</span><span class="mi">6</span><span class="p">,</span> <span class="mi">4</span><span class="p">,</span> <span class="mi">8</span><span class="p">],</span> <span class="p">[</span><span class="mi">2</span><span class="p">],</span> <span class="p">[</span><span class="mi">3</span><span class="p">,</span> <span class="mi">0</span><span class="p">],</span>              
              <span class="p">[</span><span class="mi">3</span><span class="p">],</span> <span class="p">[</span><span class="mi">4</span><span class="p">,</span> <span class="mi">3</span><span class="p">],</span> <span class="p">[</span><span class="mi">2</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">0</span><span class="p">],</span> <span class="p">[</span><span class="mi">7</span><span class="p">,</span> <span class="mi">8</span><span class="p">,</span> <span class="mi">3</span><span class="p">],</span> <span class="p">[</span><span class="mi">1</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="mi">1</span><span class="p">],</span> 
              <span class="p">[</span><span class="mi">7</span><span class="p">],</span> <span class="p">[</span><span class="mi">1</span><span class="p">,</span> <span class="mi">0</span><span class="p">],</span> <span class="p">[</span><span class="mi">2</span><span class="p">],</span> <span class="p">[</span><span class="mi">9</span><span class="p">],</span> <span class="p">[</span><span class="mi">8</span><span class="p">]]</span>
<span class="n">new_labels</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">array</span><span class="p">([</span><span class="n">fivedigit_label</span><span class="p">(</span><span class="n">new_labels</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="nb">range</span><span class="p">(</span><span class="nb">len</span><span class="p">(</span><span class="n">new_labels</span><span class="p">))])</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">&#39;New labels: </span><span class="se">\n</span><span class="s1">&#39;</span><span class="p">,</span><span class="n">new_labels</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>New files list:
 [&#39;1.png&#39; &#39;10.png&#39; &#39;11.png&#39; &#39;12.png&#39; &#39;13.png&#39; &#39;14.png&#39; &#39;15.png&#39; &#39;16.png&#39;
 &#39;17.png&#39; &#39;18.png&#39; &#39;19.png&#39; &#39;2.png&#39; &#39;20.png&#39; &#39;21.png&#39; &#39;22.png&#39; &#39;23.png&#39;
 &#39;24.png&#39; &#39;25.png&#39; &#39;26.png&#39; &#39;27.png&#39; &#39;28.png&#39; &#39;29.png&#39; &#39;3.png&#39; &#39;30.png&#39;
 &#39;4.png&#39; &#39;5.png&#39; &#39;6.png&#39; &#39;7.png&#39; &#39;8.png&#39; &#39;9.png&#39;]
New labels: 
 [[10 10 10 10  8]
 [10 10  5  6  3]
 [10 10 10  5  7]
 [10 10 10 10  6]
 [10 10  6  1  1]
 [10 10 10 10  8]
 [10 10 10  5  9]
 [10 10  1  0  1]
 [10  1  0  0  0]
 [10  1  9  1  3]
 [10 10 10 10  4]
 [10 10 10 10  1]
 [10 10  3  4  4]
 [10  2  4  4  8]
 [10 10 10  1  5]
 [10 10 10 10  7]
 [10  7  8  2  2]
 [10 10  6  4  8]
 [10 10 10 10  2]
 [10 10 10  3  0]
 [10 10 10 10  3]
 [10 10 10  4  3]
 [10  2  0  1  0]
 [10 10  7  8  3]
 [10  1  0  1  1]
 [10 10 10 10  7]
 [10 10 10  1  0]
 [10 10 10 10  2]
 [10 10 10 10  9]
 [10 10 10 10  8]]
</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;[259]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">hide_code</span>
<span class="n">image_example</span> <span class="o">=</span> <span class="n">get_image</span><span class="p">(</span><span class="s1">&#39;new&#39;</span><span class="p">,</span> <span class="s1">&#39;30.png&#39;</span><span class="p">)</span>

<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;Image size: &quot;</span><span class="p">,</span> <span class="n">image_example</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span><span class="o">.</span><span class="n">shape</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;Image label: &quot;</span><span class="p">,</span> <span class="n">image_example</span><span class="p">[</span><span class="mi">2</span><span class="p">])</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">&#39;</span><span class="se">\n</span><span class="s1">Example of image preprocessing&#39;</span><span class="p">)</span>
<span class="n">plt</span><span class="o">.</span><span class="n">imshow</span><span class="p">(</span><span class="n">image_example</span><span class="p">[</span><span class="mi">1</span><span class="p">],</span> <span class="n">cmap</span><span class="o">=</span><span class="n">cm</span><span class="o">.</span><span class="n">Blues</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>Image size:  (32, 32, 3)
Image label:  [[10 10  7  8  3]]

Example of image preprocessing
</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 code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[260]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">hide_code</span>
<span class="n">new_images1</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">array</span><span class="p">([</span><span class="n">get_image</span><span class="p">(</span><span class="s1">&#39;new&#39;</span><span class="p">,</span> <span class="n">x</span><span class="p">)[</span><span class="mi">0</span><span class="p">]</span> <span class="k">for</span> <span class="n">x</span> <span class="ow">in</span> <span class="n">new_filenames</span><span class="p">])</span>
<span class="n">new_images2</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">array</span><span class="p">([</span><span class="n">get_image</span><span class="p">(</span><span class="s1">&#39;new&#39;</span><span class="p">,</span> <span class="n">x</span><span class="p">)[</span><span class="mi">1</span><span class="p">]</span> <span class="k">for</span> <span class="n">x</span> <span class="ow">in</span> <span class="n">new_filenames</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">
<h4 id="The-'.pickle'-file">The '.pickle' file<a class="anchor-link" href="#The-'.pickle'-file">&#182;</a></h4>
</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[261]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">hide_code</span>
<span class="n">pickle_file</span> <span class="o">=</span> <span class="s1">&#39;new_digits.pickle&#39;</span>

<span class="k">try</span><span class="p">:</span>
    <span class="n">f</span> <span class="o">=</span> <span class="nb">open</span><span class="p">(</span><span class="n">pickle_file</span><span class="p">,</span> <span class="s1">&#39;wb&#39;</span><span class="p">)</span>
    <span class="n">save</span> <span class="o">=</span> <span class="p">{</span><span class="s1">&#39;new_images1&#39;</span><span class="p">:</span> <span class="n">new_images1</span><span class="p">,</span> <span class="s1">&#39;new_images2&#39;</span><span class="p">:</span> <span class="n">new_images2</span><span class="p">,</span>
            <span class="s1">&#39;new_labels&#39;</span><span class="p">:</span> <span class="n">new_labels</span><span class="p">,</span> <span class="s1">&#39;new_filenames&#39;</span><span class="p">:</span> <span class="n">new_filenames</span><span class="p">}</span>
    <span class="n">pickle</span><span class="o">.</span><span class="n">dump</span><span class="p">(</span><span class="n">save</span><span class="p">,</span> <span class="n">f</span><span class="p">,</span> <span class="n">pickle</span><span class="o">.</span><span class="n">HIGHEST_PROTOCOL</span><span class="p">)</span>
    <span class="n">f</span><span class="o">.</span><span class="n">close</span><span class="p">()</span>
<span class="k">except</span> <span class="ne">Exception</span> <span class="k">as</span> <span class="n">e</span><span class="p">:</span>
    <span class="nb">print</span><span class="p">(</span><span class="s1">&#39;Unable to save data to&#39;</span><span class="p">,</span> <span class="n">pickle_file</span><span class="p">,</span> <span class="s1">&#39;:&#39;</span><span class="p">,</span> <span class="n">e</span><span class="p">)</span>
    <span class="k">raise</span>
    
<span class="n">statinfo</span> <span class="o">=</span> <span class="n">os</span><span class="o">.</span><span class="n">stat</span><span class="p">(</span><span class="n">pickle_file</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">&#39;Compressed pickle size:&#39;</span><span class="p">,</span> <span class="n">statinfo</span><span class="o">.</span><span class="n">st_size</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>Compressed pickle size: 985369
</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;[262]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">hide_code</span>
<span class="n">pickle_file</span> <span class="o">=</span> <span class="s1">&#39;new_digits.pickle&#39;</span>

<span class="k">with</span> <span class="nb">open</span><span class="p">(</span><span class="n">pickle_file</span><span class="p">,</span> <span class="s1">&#39;rb&#39;</span><span class="p">)</span> <span class="k">as</span> <span class="n">f</span><span class="p">:</span>
    <span class="n">save</span> <span class="o">=</span> <span class="n">pickle</span><span class="o">.</span><span class="n">load</span><span class="p">(</span><span class="n">f</span><span class="p">)</span>
    <span class="n">new_images1</span> <span class="o">=</span> <span class="n">save</span><span class="p">[</span><span class="s1">&#39;new_images1&#39;</span><span class="p">]</span>
    <span class="n">new_images2</span> <span class="o">=</span> <span class="n">save</span><span class="p">[</span><span class="s1">&#39;new_images2&#39;</span><span class="p">]</span>
    <span class="n">new_labels</span> <span class="o">=</span> <span class="n">save</span><span class="p">[</span><span class="s1">&#39;new_labels&#39;</span><span class="p">]</span>
    <span class="n">new_filenames</span> <span class="o">=</span> <span class="n">save</span><span class="p">[</span><span class="s1">&#39;new_filenames&#39;</span><span class="p">]</span>
    <span class="k">del</span> <span class="n">save</span>
    
<span class="nb">print</span><span class="p">(</span><span class="s1">&#39;Number of new images: &#39;</span><span class="p">,</span> <span class="nb">len</span><span class="p">(</span><span class="n">new_images1</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>Number of new images:  30
</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;[263]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">hide_code</span>
<span class="n">new_labels_cat</span> <span class="o">=</span> <span class="n">digit_to_categorical</span><span class="p">(</span><span class="n">new_labels</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">&#39;The sixth dataset&#39;</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;Shape of the features - </span><span class="si">{}</span><span class="s2">, shape of the target - </span><span class="si">{}</span><span class="s2">&quot;</span><span class="o">.</span>\
      <span class="nb">format</span><span class="p">(</span><span class="n">new_images2</span><span class="o">.</span><span class="n">shape</span><span class="p">,</span> <span class="n">new_labels_cat</span><span class="o">.</span><span class="n">shape</span><span class="p">))</span>
</pre></div>

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

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


<div class="output_area">

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


<div class="output_subarea output_stream output_stdout output_text">
<pre>The sixth dataset
Shape of the features - (30, 32, 32), shape of the target - (30, 5, 11)
</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;[264]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">hide_code</span>
<span class="n">X_new</span> <span class="o">=</span> <span class="n">new_images2</span><span class="o">.</span><span class="n">reshape</span><span class="p">(</span><span class="mi">30</span><span class="p">,</span> <span class="mi">32</span><span class="p">,</span> <span class="mi">32</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span>
<span class="n">y_new_cat_list</span> <span class="o">=</span> <span class="p">[</span><span class="n">new_labels_cat</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="nb">range</span><span class="p">(</span><span class="mi">5</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;[265]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">hide_code</span>
<span class="nb">print</span> <span class="p">(</span><span class="s1">&#39;File: &#39;</span><span class="p">,</span> <span class="n">new_filenames</span><span class="p">[</span><span class="mi">23</span><span class="p">])</span>
<span class="nb">print</span> <span class="p">(</span><span class="s1">&#39;Label: &#39;</span><span class="p">,</span> <span class="n">new_labels</span><span class="p">[</span><span class="mi">23</span><span class="p">])</span>
<span class="nb">print</span> <span class="p">(</span><span class="s1">&#39;Categorical label: </span><span class="se">\n</span><span class="s1">&#39;</span><span class="p">,</span> <span class="n">new_labels_cat</span><span class="p">[</span><span class="mi">23</span><span class="p">])</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">&#39;</span><span class="se">\n</span><span class="s1">Example of loaded images&#39;</span><span class="p">)</span>
<span class="n">plt</span><span class="o">.</span><span class="n">imshow</span><span class="p">(</span><span class="n">new_images2</span><span class="p">[</span><span class="mi">23</span><span class="p">],</span> <span class="n">cmap</span><span class="o">=</span><span class="n">plt</span><span class="o">.</span><span class="n">cm</span><span class="o">.</span><span class="n">Blues</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>File:  30.png
Label:  [10 10  7  8  3]
Categorical label: 
 [[ 0.  0.  0.  0.  0.  0.  0.  0.  0.  0.  1.]
 [ 0.  0.  0.  0.  0.  0.  0.  0.  0.  0.  1.]
 [ 0.  0.  0.  0.  0.  0.  0.  1.  0.  0.  0.]
 [ 0.  0.  0.  0.  0.  0.  0.  0.  1.  0.  0.]
 [ 0.  0.  0.  1.  0.  0.  0.  0.  0.  0.  0.]]

Example of loaded images
</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-image-boxes">The image boxes<a class="anchor-link" href="#The-image-boxes">&#182;</a></h4>
</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[267]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">hide_code</span>
<span class="n">boxes</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">array</span><span class="p">([[</span><span class="mi">10</span><span class="p">,</span> <span class="mi">120</span><span class="p">,</span> <span class="mi">15</span><span class="p">,</span> <span class="mi">100</span><span class="p">],</span> <span class="p">[</span><span class="mi">20</span><span class="p">,</span> <span class="mi">55</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">120</span><span class="p">],</span> <span class="p">[</span><span class="mi">5</span><span class="p">,</span> <span class="mi">90</span><span class="p">,</span> <span class="mi">15</span><span class="p">,</span> <span class="mi">140</span><span class="p">],</span> <span class="p">[</span><span class="mi">100</span><span class="p">,</span> <span class="mi">500</span><span class="p">,</span> <span class="mi">200</span><span class="p">,</span> <span class="mi">500</span><span class="p">],</span> <span class="p">[</span><span class="mi">20</span><span class="p">,</span> <span class="mi">100</span><span class="p">,</span> <span class="mi">30</span><span class="p">,</span> <span class="mi">160</span><span class="p">],</span>
                 <span class="p">[</span><span class="mi">5</span><span class="p">,</span> <span class="mi">220</span><span class="p">,</span> <span class="mi">70</span><span class="p">,</span> <span class="mi">250</span><span class="p">],</span> <span class="p">[</span><span class="mi">10</span><span class="p">,</span> <span class="mi">180</span><span class="p">,</span> <span class="mi">20</span><span class="p">,</span> <span class="mi">130</span><span class="p">],</span> <span class="p">[</span><span class="mi">5</span><span class="p">,</span> <span class="mi">100</span><span class="p">,</span> <span class="mi">15</span><span class="p">,</span> <span class="mi">110</span><span class="p">],</span> <span class="p">[</span><span class="mi">10</span><span class="p">,</span> <span class="mi">120</span><span class="p">,</span> <span class="mi">10</span><span class="p">,</span> <span class="mi">220</span><span class="p">],</span> <span class="p">[</span><span class="mi">150</span><span class="p">,</span> <span class="mi">400</span><span class="p">,</span> <span class="mi">10</span><span class="p">,</span> <span class="mi">480</span><span class="p">],</span>
                 <span class="p">[</span><span class="mi">30</span><span class="p">,</span> <span class="mi">150</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">100</span><span class="p">],</span> <span class="p">[</span><span class="mi">70</span><span class="p">,</span> <span class="mi">220</span><span class="p">,</span> <span class="mi">80</span><span class="p">,</span> <span class="mi">210</span><span class="p">],</span> <span class="p">[</span><span class="mi">130</span><span class="p">,</span> <span class="mi">250</span><span class="p">,</span> <span class="mi">80</span><span class="p">,</span> <span class="mi">300</span><span class="p">],</span> <span class="p">[</span><span class="mi">10</span><span class="p">,</span> <span class="mi">60</span><span class="p">,</span> <span class="mi">5</span><span class="p">,</span> <span class="mi">155</span><span class="p">],</span> <span class="p">[</span><span class="mi">40</span><span class="p">,</span> <span class="mi">80</span><span class="p">,</span> <span class="mi">60</span><span class="p">,</span> <span class="mi">110</span><span class="p">],</span>
                 <span class="p">[</span><span class="mi">0</span><span class="p">,</span> <span class="mi">120</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">100</span><span class="p">],</span> <span class="p">[</span><span class="mi">40</span><span class="p">,</span> <span class="mi">90</span><span class="p">,</span> <span class="mi">10</span><span class="p">,</span> <span class="mi">170</span><span class="p">],</span> <span class="p">[</span><span class="mi">40</span><span class="p">,</span> <span class="mi">80</span><span class="p">,</span> <span class="mi">30</span><span class="p">,</span> <span class="mi">130</span><span class="p">],</span> <span class="p">[</span><span class="mi">30</span><span class="p">,</span> <span class="mi">180</span><span class="p">,</span> <span class="mi">20</span><span class="p">,</span> <span class="mi">140</span><span class="p">],</span> <span class="p">[</span><span class="mi">70</span><span class="p">,</span> <span class="mi">120</span><span class="p">,</span> <span class="mi">40</span><span class="p">,</span> <span class="mi">90</span><span class="p">],</span>
                 <span class="p">[</span><span class="mi">10</span><span class="p">,</span> <span class="mi">140</span><span class="p">,</span> <span class="mi">20</span><span class="p">,</span> <span class="mi">90</span><span class="p">],</span> <span class="p">[</span><span class="mi">20</span><span class="p">,</span> <span class="mi">120</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">130</span><span class="p">],</span> <span class="p">[</span><span class="mi">20</span><span class="p">,</span> <span class="mi">140</span><span class="p">,</span> <span class="mi">10</span><span class="p">,</span> <span class="mi">290</span><span class="p">],</span> <span class="p">[</span><span class="mi">60</span><span class="p">,</span> <span class="mi">120</span><span class="p">,</span> <span class="mi">10</span><span class="p">,</span> <span class="mi">110</span><span class="p">],</span> <span class="p">[</span><span class="mi">10</span><span class="p">,</span> <span class="mi">140</span><span class="p">,</span> <span class="mi">10</span><span class="p">,</span> <span class="mi">340</span><span class="p">],</span>
                 <span class="p">[</span><span class="mi">20</span><span class="p">,</span> <span class="mi">150</span><span class="p">,</span> <span class="mi">20</span><span class="p">,</span> <span class="mi">130</span><span class="p">],</span> <span class="p">[</span><span class="mi">10</span><span class="p">,</span> <span class="mi">170</span><span class="p">,</span> <span class="mi">20</span><span class="p">,</span> <span class="mi">190</span><span class="p">],</span> <span class="p">[</span><span class="mi">10</span><span class="p">,</span> <span class="mi">230</span><span class="p">,</span> <span class="mi">20</span><span class="p">,</span> <span class="mi">170</span><span class="p">],</span> <span class="p">[</span><span class="mi">10</span><span class="p">,</span> <span class="mi">240</span><span class="p">,</span> <span class="mi">200</span><span class="p">,</span> <span class="mi">400</span><span class="p">],</span> <span class="p">[</span><span class="mi">10</span><span class="p">,</span> <span class="mi">140</span><span class="p">,</span> <span class="mi">20</span><span class="p">,</span> <span class="mi">150</span><span class="p">]])</span>

<span class="n">new_boxes</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">data</span><span class="o">=</span><span class="n">boxes</span><span class="p">,</span> <span class="n">index</span> <span class="o">=</span> <span class="n">new_filenames</span><span class="p">)</span>
<span class="n">new_boxes</span><span class="o">.</span><span class="n">head</span><span class="p">(</span><span class="mi">7</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[267]:</div>


<div class="output_html rendered_html output_subarea output_execute_result">
<div>
<style>
    .dataframe thead tr:only-child th {
        text-align: right;
    }

    .dataframe thead th {
        text-align: left;
    }

    .dataframe tbody tr th {
        vertical-align: top;
    }
</style>
<table border="1" class="dataframe">
  <thead>
    <tr style="text-align: right;">
      <th></th>
      <th>0</th>
      <th>1</th>
      <th>2</th>
      <th>3</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>1.png</th>
      <td>10</td>
      <td>120</td>
      <td>15</td>
      <td>100</td>
    </tr>
    <tr>
      <th>10.png</th>
      <td>20</td>
      <td>55</td>
      <td>0</td>
      <td>120</td>
    </tr>
    <tr>
      <th>11.png</th>
      <td>5</td>
      <td>90</td>
      <td>15</td>
      <td>140</td>
    </tr>
    <tr>
      <th>12.png</th>
      <td>100</td>
      <td>500</td>
      <td>200</td>
      <td>500</td>
    </tr>
    <tr>
      <th>13.png</th>
      <td>20</td>
      <td>100</td>
      <td>30</td>
      <td>160</td>
    </tr>
    <tr>
      <th>14.png</th>
      <td>5</td>
      <td>220</td>
      <td>70</td>
      <td>250</td>
    </tr>
    <tr>
      <th>15.png</th>
      <td>10</td>
      <td>180</td>
      <td>20</td>
      <td>130</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;[268]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">hide_code</span>
<span class="n">new_images1_2</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">array</span><span class="p">([</span><span class="n">get_image2</span><span class="p">(</span><span class="s1">&#39;new&#39;</span><span class="p">,</span> <span class="n">x</span><span class="p">,</span> <span class="n">new_boxes</span><span class="p">)[</span><span class="mi">0</span><span class="p">]</span> <span class="k">for</span> <span class="n">x</span> <span class="ow">in</span> <span class="n">new_filenames</span><span class="p">])</span>
<span class="n">new_images2_2</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">array</span><span class="p">([</span><span class="n">get_image2</span><span class="p">(</span><span class="s1">&#39;new&#39;</span><span class="p">,</span> <span class="n">x</span><span class="p">,</span> <span class="n">new_boxes</span><span class="p">)[</span><span class="mi">1</span><span class="p">]</span> <span class="k">for</span> <span class="n">x</span> <span class="ow">in</span> <span class="n">new_filenames</span><span class="p">])</span>

<span class="n">X_new2</span> <span class="o">=</span> <span class="n">new_images2_2</span><span class="o">.</span><span class="n">reshape</span><span class="p">(</span><span class="mi">30</span><span class="p">,</span> <span class="mi">32</span><span class="p">,</span> <span class="mi">32</span><span class="p">,</span> <span class="mi">1</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;[271]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">hide_code</span>
<span class="nb">print</span> <span class="p">(</span><span class="s1">&#39;File: &#39;</span><span class="p">,</span> <span class="n">new_filenames</span><span class="p">[</span><span class="mi">1</span><span class="p">])</span>
<span class="nb">print</span> <span class="p">(</span><span class="s1">&#39;Label: &#39;</span><span class="p">,</span> <span class="n">new_labels</span><span class="p">[</span><span class="mi">1</span><span class="p">])</span>
<span class="nb">print</span> <span class="p">(</span><span class="s1">&#39;Categorical label: </span><span class="se">\n</span><span class="s1">&#39;</span><span class="p">,</span> <span class="n">new_labels_cat</span><span class="p">[</span><span class="mi">1</span><span class="p">])</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">&#39;</span><span class="se">\n</span><span class="s1">Example of loaded images&#39;</span><span class="p">)</span>
<span class="n">plt</span><span class="o">.</span><span class="n">imshow</span><span class="p">(</span><span class="n">new_images2_2</span><span class="p">[</span><span class="mi">1</span><span class="p">],</span> <span class="n">cmap</span><span class="o">=</span><span class="n">plt</span><span class="o">.</span><span class="n">cm</span><span class="o">.</span><span class="n">Blues</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>File:  10.png
Label:  [10 10  5  6  3]
Categorical label: 
 [[ 0.  0.  0.  0.  0.  0.  0.  0.  0.  0.  1.]
 [ 0.  0.  0.  0.  0.  0.  0.  0.  0.  0.  1.]
 [ 0.  0.  0.  0.  0.  1.  0.  0.  0.  0.  0.]
 [ 0.  0.  0.  0.  0.  0.  1.  0.  0.  0.  0.]
 [ 0.  0.  0.  1.  0.  0.  0.  0.  0.  0.  0.]]

Example of loaded images
</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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
SUVORK5CYII=
"
>
</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="With-image-boxes.-OpenCV">With image boxes. OpenCV<a class="anchor-link" href="#With-image-boxes.-OpenCV">&#182;</a></h4>
</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[348]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">hide_code</span>
<span class="n">new_images2_3</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">array</span><span class="p">([</span><span class="n">get_image3</span><span class="p">(</span><span class="s1">&#39;new&#39;</span><span class="p">,</span> <span class="n">x</span><span class="p">,</span> <span class="n">new_boxes</span><span class="p">)[</span><span class="mi">0</span><span class="p">]</span> <span class="k">for</span> <span class="n">x</span> <span class="ow">in</span> <span class="n">new_filenames</span><span class="p">])</span>
<span class="n">X_new3</span> <span class="o">=</span> <span class="n">new_images2_3</span><span class="o">.</span><span class="n">reshape</span><span class="p">(</span><span class="mi">30</span><span class="p">,</span> <span class="mi">32</span><span class="p">,</span> <span class="mi">32</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span><span class="o">/</span><span class="mi">255</span>

<span class="n">new_images2_4</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">array</span><span class="p">([</span><span class="n">get_image4</span><span class="p">(</span><span class="s1">&#39;new&#39;</span><span class="p">,</span> <span class="n">x</span><span class="p">)</span> <span class="k">for</span> <span class="n">x</span> <span class="ow">in</span> <span class="n">new_filenames</span><span class="p">])</span>
<span class="n">X_new4</span> <span class="o">=</span> <span class="n">new_images2_4</span><span class="o">.</span><span class="n">reshape</span><span class="p">(</span><span class="mi">30</span><span class="p">,</span> <span class="mi">32</span><span class="p">,</span> <span class="mi">32</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span><span class="o">/</span><span class="mi">255</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">
<h2 id="Step-3:-Test-a-Model-on-Newly-Captured-Images">Step 3: Test a Model on Newly-Captured Images<a class="anchor-link" href="#Step-3:-Test-a-Model-on-Newly-Captured-Images">&#182;</a></h2><p>Take several pictures of numbers that you find around you (at least five), and run them through your classifier on your computer to produce example results. Alternatively (optionally), you can try using OpenCV / SimpleCV / Pygame to capture live images from a webcam and run those through your classifier.</p>
<h4 id="Load-models">Load models<a class="anchor-link" href="#Load-models">&#182;</a></h4>
</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[278]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">hide_code</span>
<span class="n">cnn_model</span> <span class="o">=</span> <span class="n">load_model</span><span class="p">(</span><span class="s1">&#39;cnn_model.h5&#39;</span><span class="p">)</span>
<span class="n">cnn_model2</span> <span class="o">=</span> <span class="n">load_model</span><span class="p">(</span><span class="s1">&#39;cnn_model2.h5&#39;</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">
<h4 id="Predictions-without-boxes">Predictions without boxes<a class="anchor-link" href="#Predictions-without-boxes">&#182;</a></h4>
</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[279]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">hide_code</span>
<span class="n">y_new_predict</span> <span class="o">=</span> <span class="n">cnn_model</span><span class="o">.</span><span class="n">predict</span><span class="p">(</span><span class="n">X_new</span><span class="p">)</span>

<span class="n">y_predict</span> <span class="o">=</span> <span class="p">[]</span>
<span class="k">for</span> <span class="n">i</span> <span class="ow">in</span> <span class="nb">range</span><span class="p">(</span><span class="mi">30</span><span class="p">):</span>
    <span class="k">for</span> <span class="n">j</span> <span class="ow">in</span> <span class="nb">range</span><span class="p">(</span><span class="mi">5</span><span class="p">):</span>
        <span class="n">y_predict</span><span class="o">.</span><span class="n">append</span><span class="p">(</span><span class="n">np</span><span class="o">.</span><span class="n">argmax</span><span class="p">(</span><span class="n">y_new_predict</span><span class="p">[</span><span class="n">j</span><span class="p">][</span><span class="n">i</span><span class="p">]))</span>
<span class="n">y_predict</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">array</span><span class="p">(</span><span class="n">y_predict</span><span class="p">)</span><span class="o">.</span><span class="n">reshape</span><span class="p">(</span><span class="mi">30</span><span class="p">,</span><span class="mi">5</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">&#39;CNN Model 1. Predictions: &#39;</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="n">y_predict</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>CNN Model 1. Predictions: 
[[10 10 10 10  8]
 [10 10 10 10  2]
 [10 10 10  5  7]
 [10 10 10 10  6]
 [10 10  1  4  1]
 [10 10 10 10  6]
 [10 10 10  5  9]
 [10 10  1  0  1]
 [10  1  0  0  0]
 [10  1  9  1  3]
 [10 10 10  4  1]
 [10 10 10 10  1]
 [10 10  2  2  1]
 [10 10 10  4  4]
 [10 10 10 10  4]
 [10 10 10  7  2]
 [10 10 10  1  5]
 [10 10  1  0  4]
 [10 10 10 10  2]
 [10 10 10 10  0]
 [10 10 10 10  3]
 [10 10  4  4  3]
 [10  2  0  0  0]
 [10 10 10  2  5]
 [10  1  0  3  1]
 [10 10 10 10  7]
 [10 10 10  1  0]
 [10 10 10 10  2]
 [10 10 10  9  9]
 [10 10 10 10  8]]
</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;[280]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">hide_code</span>
<span class="n">y_new_predict_2</span> <span class="o">=</span> <span class="n">cnn_model2</span><span class="o">.</span><span class="n">predict</span><span class="p">(</span><span class="n">X_new</span><span class="p">)</span>

<span class="n">y_predict_2</span> <span class="o">=</span> <span class="p">[]</span>
<span class="k">for</span> <span class="n">i</span> <span class="ow">in</span> <span class="nb">range</span><span class="p">(</span><span class="mi">30</span><span class="p">):</span>
    <span class="k">for</span> <span class="n">j</span> <span class="ow">in</span> <span class="nb">range</span><span class="p">(</span><span class="mi">5</span><span class="p">):</span>
        <span class="n">y_predict_2</span><span class="o">.</span><span class="n">append</span><span class="p">(</span><span class="n">np</span><span class="o">.</span><span class="n">argmax</span><span class="p">(</span><span class="n">y_new_predict_2</span><span class="p">[</span><span class="n">j</span><span class="p">][</span><span class="n">i</span><span class="p">]))</span>
<span class="n">y_predict_2</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">array</span><span class="p">(</span><span class="n">y_predict_2</span><span class="p">)</span><span class="o">.</span><span class="n">reshape</span><span class="p">(</span><span class="mi">30</span><span class="p">,</span><span class="mi">5</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">&#39;CNN Model 2. Predictions: &#39;</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="n">y_predict_2</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>CNN Model 2. Predictions: 
[[10 10 10 10  8]
 [10 10 10  2  2]
 [10 10 10  5  7]
 [10 10 10  1  6]
 [10  1  1  5  1]
 [10 10 10  1  3]
 [10 10 10  5  9]
 [10 10  1  0  1]
 [10  1  0  0  0]
 [10  1  9  1  2]
 [10 10 10  4  1]
 [10 10 10 10  0]
 [10 10 10  1  4]
 [10  2 10  4  4]
 [10 10 10 10  1]
 [10 10 10  7  7]
 [10 10 10  4  9]
 [10 10  1  4  4]
 [10 10 10 10  1]
 [10 10  1  5  4]
 [10 10 10 10  3]
 [10 10 10  4  3]
 [10  2  0  1  0]
 [10 10 10 10  5]
 [10  1  0  4  1]
 [10 10 10 10  7]
 [10 10 10  1  0]
 [10 10 10 10  2]
 [10 10 10  1  9]
 [10 10 10 10  3]]
</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;[281]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">hide_code</span>
<span class="n">cnn_scores</span> <span class="o">=</span> <span class="n">cnn_model</span><span class="o">.</span><span class="n">evaluate</span><span class="p">(</span><span class="n">X_new</span><span class="p">,</span> <span class="n">y_new_cat_list</span><span class="p">,</span> <span class="n">verbose</span><span class="o">=</span><span class="mi">0</span><span class="p">)</span>

<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;CNN Model 1. Scores: </span><span class="se">\n</span><span class="s2">&quot;</span> <span class="p">,</span> <span class="p">(</span><span class="n">cnn_scores</span><span class="p">))</span>
<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;CNN Model 1. First digit. Accuracy: </span><span class="si">%.2f%%</span><span class="s2">&quot;</span> <span class="o">%</span> <span class="p">(</span><span class="n">cnn_scores</span><span class="p">[</span><span class="mi">6</span><span class="p">]</span><span class="o">*</span><span class="mi">100</span><span class="p">))</span>
<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;CNN Model 1. Second digit. Accuracy: </span><span class="si">%.2f%%</span><span class="s2">&quot;</span> <span class="o">%</span> <span class="p">(</span><span class="n">cnn_scores</span><span class="p">[</span><span class="mi">7</span><span class="p">]</span><span class="o">*</span><span class="mi">100</span><span class="p">))</span>
<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;CNN Model 1. Third digit. Accuracy: </span><span class="si">%.2f%%</span><span class="s2">&quot;</span> <span class="o">%</span> <span class="p">(</span><span class="n">cnn_scores</span><span class="p">[</span><span class="mi">8</span><span class="p">]</span><span class="o">*</span><span class="mi">100</span><span class="p">))</span>
<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;CNN Model 1. Fourth digit. Accuracy: </span><span class="si">%.2f%%</span><span class="s2">&quot;</span> <span class="o">%</span> <span class="p">(</span><span class="n">cnn_scores</span><span class="p">[</span><span class="mi">9</span><span class="p">]</span><span class="o">*</span><span class="mi">100</span><span class="p">))</span>
<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;CNN Model 1. Fifth digit. Accuracy: </span><span class="si">%.2f%%</span><span class="s2">&quot;</span> <span class="o">%</span> <span class="p">(</span><span class="n">cnn_scores</span><span class="p">[</span><span class="mi">10</span><span class="p">]</span><span class="o">*</span><span class="mi">100</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>CNN Model 1. Scores: 
 [4.0245327949523926, 0.0035858158953487873, 0.4717223048210144, 1.1623708009719849, 1.413460373878479, 0.97339349985122681, 1.0, 0.93333333730697632, 0.73333334922790527, 0.56666666269302368, 0.66666668653488159]
CNN Model 1. First digit. Accuracy: 100.00%
CNN Model 1. Second digit. Accuracy: 93.33%
CNN Model 1. Third digit. Accuracy: 73.33%
CNN Model 1. Fourth digit. Accuracy: 56.67%
CNN Model 1. Fifth digit. Accuracy: 66.67%
</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;[282]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">hide_code</span>
<span class="n">avg_accuracy</span> <span class="o">=</span> <span class="nb">sum</span><span class="p">([</span><span class="n">cnn_scores</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="nb">range</span><span class="p">(</span><span class="mi">6</span><span class="p">,</span> <span class="mi">11</span><span class="p">)])</span><span class="o">/</span><span class="mi">5</span>

<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;CNN Model 1. Average Accuracy: </span><span class="si">%.2f%%</span><span class="s2">&quot;</span> <span class="o">%</span> <span class="p">(</span><span class="n">avg_accuracy</span><span class="o">*</span><span class="mi">100</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>CNN Model 1. Average Accuracy: 78.00%
</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;[283]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">hide_code</span>
<span class="n">cnn_scores_2</span> <span class="o">=</span> <span class="n">cnn_model2</span><span class="o">.</span><span class="n">evaluate</span><span class="p">(</span><span class="n">X_new</span><span class="p">,</span> <span class="n">y_new_cat_list</span><span class="p">,</span> <span class="n">verbose</span><span class="o">=</span><span class="mi">0</span><span class="p">)</span>

<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;CNN Model 2. Scores: </span><span class="se">\n</span><span class="s2">&quot;</span> <span class="p">,</span> <span class="p">(</span><span class="n">cnn_scores_2</span><span class="p">))</span>
<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;CNN Model 2. First digit. Accuracy: </span><span class="si">%.2f%%</span><span class="s2">&quot;</span> <span class="o">%</span> <span class="p">(</span><span class="n">cnn_scores_2</span><span class="p">[</span><span class="mi">6</span><span class="p">]</span><span class="o">*</span><span class="mi">100</span><span class="p">))</span>
<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;CNN Model 2. Second digit. Accuracy: </span><span class="si">%.2f%%</span><span class="s2">&quot;</span> <span class="o">%</span> <span class="p">(</span><span class="n">cnn_scores_2</span><span class="p">[</span><span class="mi">7</span><span class="p">]</span><span class="o">*</span><span class="mi">100</span><span class="p">))</span>
<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;CNN Model 2. Third digit. Accuracy: </span><span class="si">%.2f%%</span><span class="s2">&quot;</span> <span class="o">%</span> <span class="p">(</span><span class="n">cnn_scores_2</span><span class="p">[</span><span class="mi">8</span><span class="p">]</span><span class="o">*</span><span class="mi">100</span><span class="p">))</span>
<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;CNN Model 2. Fourth digit. Accuracy: </span><span class="si">%.2f%%</span><span class="s2">&quot;</span> <span class="o">%</span> <span class="p">(</span><span class="n">cnn_scores_2</span><span class="p">[</span><span class="mi">9</span><span class="p">]</span><span class="o">*</span><span class="mi">100</span><span class="p">))</span>
<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;CNN Model 2. Fifth digit. Accuracy: </span><span class="si">%.2f%%</span><span class="s2">&quot;</span> <span class="o">%</span> <span class="p">(</span><span class="n">cnn_scores_2</span><span class="p">[</span><span class="mi">10</span><span class="p">]</span><span class="o">*</span><span class="mi">100</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>CNN Model 2. Scores: 
 [4.6979498863220215, 0.0025169970467686653, 0.36192399263381958, 1.4037339687347412, 1.7670741081237793, 1.162700891494751, 1.0, 0.93333333730697632, 0.73333334922790527, 0.56666666269302368, 0.56666666269302368]
CNN Model 2. First digit. Accuracy: 100.00%
CNN Model 2. Second digit. Accuracy: 93.33%
CNN Model 2. Third digit. Accuracy: 73.33%
CNN Model 2. Fourth digit. Accuracy: 56.67%
CNN Model 2. Fifth digit. Accuracy: 56.67%
</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;[284]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">hide_code</span>
<span class="n">avg_accuracy_2</span> <span class="o">=</span> <span class="nb">sum</span><span class="p">([</span><span class="n">cnn_scores_2</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="nb">range</span><span class="p">(</span><span class="mi">6</span><span class="p">,</span> <span class="mi">11</span><span class="p">)])</span><span class="o">/</span><span class="mi">5</span>

<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;CNN Model 2. Average Accuracy: </span><span class="si">%.2f%%</span><span class="s2">&quot;</span> <span class="o">%</span> <span class="p">(</span><span class="n">avg_accuracy_2</span><span class="o">*</span><span class="mi">100</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>CNN Model 2. Average Accuracy: 76.00%
</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="Questions-and-Answers">Questions and Answers<a class="anchor-link" href="#Questions-and-Answers">&#182;</a></h2>
</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="Question-7">Question 7<a class="anchor-link" href="#Question-7">&#182;</a></h3><p><em>Choose five candidate images of numbers you took from around you and provide them in the report. Are there any particular qualities of the image(s) that might make classification difficult?</em></p>
<h3 id="Answer-7">Answer 7<a class="anchor-link" href="#Answer-7">&#182;</a></h3><table>
<thead><tr>
<th>"10.png"</th>
<th>"11.png"</th>
<th>"27.png"</th>
<th>"13.png"</th>
<th>"19.png"</th>
</tr>
</thead>
<tbody>
<tr>
<td><img src="new/10.png" alt=""></td>
<td><img src="new/11.png" alt=""></td>
<td><img src="new/24.png" alt=""></td>
<td><img src="new/27.png" alt=""></td>
<td><img src="new/19.png" alt=""></td>
</tr>
</tbody>
</table>
<p>Here are five candidate images. It's not so easy to recognize digits for some reasons: additional symbols ("-", border lines, strokes, circles, etc.), too stylish fonts, lines and cells as a background.</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">
<hr>
<h3 id="Question-8">Question 8<a class="anchor-link" href="#Question-8">&#182;</a></h3><p><em>Is your model able to perform equally well on captured pictures or a live camera stream when compared to testing on the realistic dataset?</em></p>
<h3 id="Answer-8">Answer 8<a class="anchor-link" href="#Answer-8">&#182;</a></h3><p>Accuracy indicators of predictions are worse than for the testing data set of street photos. They have decreased till 76-78%.</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">
<hr>
<h3 id="Optional:-Question-9">Optional: Question 9<a class="anchor-link" href="#Optional:-Question-9">&#182;</a></h3><p><em>If necessary, provide documentation for how an interface was built for your model to load and classify newly-acquired images.</em></p>
<h3 id="Answer-9">Answer 9<a class="anchor-link" href="#Answer-9">&#182;</a></h3><p>I took the simplest procedures that can be used to process the images and to locate the digits in the photos. They are built with programming libraries <em>'SciPy'</em> and <em>'OpenCV'</em>. They do not require special skills in application and documentation.</p>
<p>And the model was also built with a very well-known library <em>'Keras'</em>. By ease of use and by endless possibilities in creating models, this resource is similar to the set "Lego" for constructing. I do not think that in this case, any special documentation is needed.</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="Step-4:-Explore-an-Improvement-for-a-Model">Step 4: Explore an Improvement for a Model<a class="anchor-link" href="#Step-4:-Explore-an-Improvement-for-a-Model">&#182;</a></h2><p>There are many things you can do once you have the basic classifier in place. One example would be to also localize where the numbers are on the image. The SVHN dataset provides bounding boxes that you can tune to train a localizer. Train a regression loss to the coordinates of the bounding box, and then test it.</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">
<h4 id="Predictions-with-boxes">Predictions with boxes<a class="anchor-link" href="#Predictions-with-boxes">&#182;</a></h4>
</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[285]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">hide_code</span>
<span class="n">y_new_predict2</span> <span class="o">=</span> <span class="n">cnn_model</span><span class="o">.</span><span class="n">predict</span><span class="p">(</span><span class="n">X_new2</span><span class="p">)</span>

<span class="n">y_predict2</span> <span class="o">=</span> <span class="p">[]</span>
<span class="k">for</span> <span class="n">i</span> <span class="ow">in</span> <span class="nb">range</span><span class="p">(</span><span class="mi">30</span><span class="p">):</span>
    <span class="k">for</span> <span class="n">j</span> <span class="ow">in</span> <span class="nb">range</span><span class="p">(</span><span class="mi">5</span><span class="p">):</span>
        <span class="n">y_predict2</span><span class="o">.</span><span class="n">append</span><span class="p">(</span><span class="n">np</span><span class="o">.</span><span class="n">argmax</span><span class="p">(</span><span class="n">y_new_predict2</span><span class="p">[</span><span class="n">j</span><span class="p">][</span><span class="n">i</span><span class="p">]))</span>
<span class="n">y_predict2</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">array</span><span class="p">(</span><span class="n">y_predict2</span><span class="p">)</span><span class="o">.</span><span class="n">reshape</span><span class="p">(</span><span class="mi">30</span><span class="p">,</span><span class="mi">5</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">&#39;CNN Model 1. Predictions: &#39;</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="n">y_predict2</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>CNN Model 1. Predictions: 
[[10 10 10 10  8]
 [10 10  3  5  3]
 [10 10 10  5  7]
 [10 10 10 10  6]
 [10 10  6  4  0]
 [10 10 10 10  8]
 [10 10 10  5  9]
 [10 10  1  0  1]
 [10  1  0  0  0]
 [10  1  9  1  3]
 [10 10 10  4  1]
 [10 10 10 10  1]
 [10 10  3  4  4]
 [10 10 10  4  4]
 [10 10 10  1  5]
 [10 10 10  7  2]
 [10  2  3  0  2]
 [10  1  6  6  8]
 [10 10 10 10  2]
 [10 10 10  3  0]
 [10 10 10  1  3]
 [10 10  4  4  3]
 [10  2  0  0  0]
 [10 10  7  8  3]
 [10  1  0  5  0]
 [10 10 10 10  7]
 [10 10 10  1  0]
 [10 10 10 10  2]
 [10 10 10 10  9]
 [10 10 10 10  8]]
</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;[286]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">hide_code</span>
<span class="n">cnn_scores2</span> <span class="o">=</span> <span class="n">cnn_model</span><span class="o">.</span><span class="n">evaluate</span><span class="p">(</span><span class="n">X_new2</span><span class="p">,</span> <span class="n">y_new_cat_list</span><span class="p">,</span> <span class="n">verbose</span><span class="o">=</span><span class="mi">0</span><span class="p">)</span>

<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;CNN Model 1. Scores: </span><span class="se">\n</span><span class="s2">&quot;</span> <span class="p">,</span> <span class="p">(</span><span class="n">cnn_scores2</span><span class="p">))</span>
<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;CNN Model 1. First digit. Accuracy: </span><span class="si">%.2f%%</span><span class="s2">&quot;</span> <span class="o">%</span> <span class="p">(</span><span class="n">cnn_scores2</span><span class="p">[</span><span class="mi">6</span><span class="p">]</span><span class="o">*</span><span class="mi">100</span><span class="p">))</span>
<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;CNN Model 1. Second digit. Accuracy: </span><span class="si">%.2f%%</span><span class="s2">&quot;</span> <span class="o">%</span> <span class="p">(</span><span class="n">cnn_scores2</span><span class="p">[</span><span class="mi">7</span><span class="p">]</span><span class="o">*</span><span class="mi">100</span><span class="p">))</span>
<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;CNN Model 1. Third digit. Accuracy: </span><span class="si">%.2f%%</span><span class="s2">&quot;</span> <span class="o">%</span> <span class="p">(</span><span class="n">cnn_scores2</span><span class="p">[</span><span class="mi">8</span><span class="p">]</span><span class="o">*</span><span class="mi">100</span><span class="p">))</span>
<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;CNN Model 1. Fourth digit. Accuracy: </span><span class="si">%.2f%%</span><span class="s2">&quot;</span> <span class="o">%</span> <span class="p">(</span><span class="n">cnn_scores2</span><span class="p">[</span><span class="mi">9</span><span class="p">]</span><span class="o">*</span><span class="mi">100</span><span class="p">))</span>
<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;CNN Model 1. Fifth digit. Accuracy: </span><span class="si">%.2f%%</span><span class="s2">&quot;</span> <span class="o">%</span> <span class="p">(</span><span class="n">cnn_scores2</span><span class="p">[</span><span class="mi">10</span><span class="p">]</span><span class="o">*</span><span class="mi">100</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>CNN Model 1. Scores: 
 [1.7664835453033447, 0.00093853432917967439, 0.27404701709747314, 0.29167380928993225, 0.75607544183731079, 0.44374877214431763, 1.0, 0.89999997615814209, 0.86666667461395264, 0.69999998807907104, 0.83333331346511841]
CNN Model 1. First digit. Accuracy: 100.00%
CNN Model 1. Second digit. Accuracy: 90.00%
CNN Model 1. Third digit. Accuracy: 86.67%
CNN Model 1. Fourth digit. Accuracy: 70.00%
CNN Model 1. Fifth digit. Accuracy: 83.33%
</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;[287]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">hide_code</span>
<span class="n">avg_accuracy2</span> <span class="o">=</span> <span class="nb">sum</span><span class="p">([</span><span class="n">cnn_scores2</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="nb">range</span><span class="p">(</span><span class="mi">6</span><span class="p">,</span> <span class="mi">11</span><span class="p">)])</span><span class="o">/</span><span class="mi">5</span>

<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;CNN Model 1. Average Accuracy: </span><span class="si">%.2f%%</span><span class="s2">&quot;</span> <span class="o">%</span> <span class="p">(</span><span class="n">avg_accuracy2</span><span class="o">*</span><span class="mi">100</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>CNN Model 1. Average Accuracy: 86.00%
</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;[288]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">hide_code</span>
<span class="n">y_new_predict2_2</span> <span class="o">=</span> <span class="n">cnn_model2</span><span class="o">.</span><span class="n">predict</span><span class="p">(</span><span class="n">X_new2</span><span class="p">)</span>

<span class="n">y_predict2_2</span> <span class="o">=</span> <span class="p">[]</span>
<span class="k">for</span> <span class="n">i</span> <span class="ow">in</span> <span class="nb">range</span><span class="p">(</span><span class="mi">30</span><span class="p">):</span>
    <span class="k">for</span> <span class="n">j</span> <span class="ow">in</span> <span class="nb">range</span><span class="p">(</span><span class="mi">5</span><span class="p">):</span>
        <span class="n">y_predict2_2</span><span class="o">.</span><span class="n">append</span><span class="p">(</span><span class="n">np</span><span class="o">.</span><span class="n">argmax</span><span class="p">(</span><span class="n">y_new_predict2_2</span><span class="p">[</span><span class="n">j</span><span class="p">][</span><span class="n">i</span><span class="p">]))</span>
<span class="n">y_predict2_2</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">array</span><span class="p">(</span><span class="n">y_predict2_2</span><span class="p">)</span><span class="o">.</span><span class="n">reshape</span><span class="p">(</span><span class="mi">30</span><span class="p">,</span><span class="mi">5</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">&#39;CNN Model 2. Predictions: &#39;</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="n">y_predict2_2</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>CNN Model 2. Predictions: 
[[10 10 10 10  8]
 [10 10  3  8  5]
 [10 10 10  5  7]
 [10 10 10 10  6]
 [10 10 10  5  1]
 [10 10 10 10  8]
 [10 10 10  5  9]
 [10 10  1  0  1]
 [10  1  0  0  0]
 [10  1  9  1  3]
 [10 10 10  2  1]
 [10 10 10 10  1]
 [10 10  3  4  4]
 [10  2 10  4  4]
 [10 10 10  4  5]
 [10 10 10 10  7]
 [10  2  7  1  7]
 [10  1  4  4  8]
 [10 10 10 10  2]
 [10 10 10  3  0]
 [10 10 10 10  3]
 [10 10 10  4  3]
 [10  2  0  1  0]
 [10 10  7  8  3]
 [10  1  0  9  1]
 [10 10 10 10  7]
 [10 10 10  1  0]
 [10 10 10 10  2]
 [10 10 10 10  9]
 [10 10 10 10  8]]
</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;[289]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">hide_code</span>
<span class="n">cnn_scores2_2</span> <span class="o">=</span> <span class="n">cnn_model2</span><span class="o">.</span><span class="n">evaluate</span><span class="p">(</span><span class="n">X_new2</span><span class="p">,</span> <span class="n">y_new_cat_list</span><span class="p">,</span> <span class="n">verbose</span><span class="o">=</span><span class="mi">0</span><span class="p">)</span>

<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;CNN Model 2. Scores: </span><span class="se">\n</span><span class="s2">&quot;</span> <span class="p">,</span> <span class="p">(</span><span class="n">cnn_scores2_2</span><span class="p">))</span>
<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;CNN Model 2. First digit. Accuracy: </span><span class="si">%.2f%%</span><span class="s2">&quot;</span> <span class="o">%</span> <span class="p">(</span><span class="n">cnn_scores2_2</span><span class="p">[</span><span class="mi">6</span><span class="p">]</span><span class="o">*</span><span class="mi">100</span><span class="p">))</span>
<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;CNN Model 2. Second digit. Accuracy: </span><span class="si">%.2f%%</span><span class="s2">&quot;</span> <span class="o">%</span> <span class="p">(</span><span class="n">cnn_scores2_2</span><span class="p">[</span><span class="mi">7</span><span class="p">]</span><span class="o">*</span><span class="mi">100</span><span class="p">))</span>
<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;CNN Model 2. Third digit. Accuracy: </span><span class="si">%.2f%%</span><span class="s2">&quot;</span> <span class="o">%</span> <span class="p">(</span><span class="n">cnn_scores2_2</span><span class="p">[</span><span class="mi">8</span><span class="p">]</span><span class="o">*</span><span class="mi">100</span><span class="p">))</span>
<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;CNN Model 2. Fourth digit. Accuracy: </span><span class="si">%.2f%%</span><span class="s2">&quot;</span> <span class="o">%</span> <span class="p">(</span><span class="n">cnn_scores2_2</span><span class="p">[</span><span class="mi">9</span><span class="p">]</span><span class="o">*</span><span class="mi">100</span><span class="p">))</span>
<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;CNN Model 2. Fifth digit. Accuracy: </span><span class="si">%.2f%%</span><span class="s2">&quot;</span> <span class="o">%</span> <span class="p">(</span><span class="n">cnn_scores2_2</span><span class="p">[</span><span class="mi">10</span><span class="p">]</span><span class="o">*</span><span class="mi">100</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>CNN Model 2. Scores: 
 [1.7370322942733765, 0.00017315873992629349, 0.21628722548484802, 0.42631766200065613, 0.59386265277862549, 0.50039160251617432, 1.0, 0.93333333730697632, 0.83333331346511841, 0.80000001192092896, 0.86666667461395264]
CNN Model 2. First digit. Accuracy: 100.00%
CNN Model 2. Second digit. Accuracy: 93.33%
CNN Model 2. Third digit. Accuracy: 83.33%
CNN Model 2. Fourth digit. Accuracy: 80.00%
CNN Model 2. Fifth digit. Accuracy: 86.67%
</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;[290]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">hide_code</span>
<span class="n">avg_accuracy2_2</span> <span class="o">=</span> <span class="nb">sum</span><span class="p">([</span><span class="n">cnn_scores2_2</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="nb">range</span><span class="p">(</span><span class="mi">6</span><span class="p">,</span> <span class="mi">11</span><span class="p">)])</span><span class="o">/</span><span class="mi">5</span>

<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;CNN Model 2. Average Accuracy: </span><span class="si">%.2f%%</span><span class="s2">&quot;</span> <span class="o">%</span> <span class="p">(</span><span class="n">avg_accuracy2_2</span><span class="o">*</span><span class="mi">100</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>CNN Model 2. Average Accuracy: 88.67%
</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="Individual-predictions-for-images.-OpenCV">Individual predictions for images. OpenCV<a class="anchor-link" href="#Individual-predictions-for-images.-OpenCV">&#182;</a></h4>
</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[300]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">hide_code</span>
<span class="n">image_gray</span> <span class="o">=</span> <span class="n">get_image3</span><span class="p">(</span><span class="s1">&#39;new&#39;</span><span class="p">,</span> <span class="s1">&#39;10.png&#39;</span><span class="p">,</span> <span class="n">new_boxes</span><span class="p">)[</span><span class="mi">0</span><span class="p">]</span>
<span class="nb">print</span> <span class="p">(</span><span class="s1">&#39;File: &#39;</span><span class="p">,</span> <span class="n">new_filenames</span><span class="p">[</span><span class="mi">1</span><span class="p">])</span>
<span class="nb">print</span> <span class="p">(</span><span class="s1">&#39;Label: &#39;</span><span class="p">,</span> <span class="n">new_labels</span><span class="p">[</span><span class="mi">1</span><span class="p">])</span>
<span class="nb">print</span> <span class="p">(</span><span class="s1">&#39;Categorical label: </span><span class="se">\n</span><span class="s1">&#39;</span><span class="p">,</span> <span class="n">new_labels_cat</span><span class="p">[</span><span class="mi">1</span><span class="p">])</span>
<span class="n">plt</span><span class="o">.</span><span class="n">imshow</span><span class="p">(</span><span class="n">image_gray</span><span class="p">,</span> <span class="n">cmap</span><span class="o">=</span><span class="n">plt</span><span class="o">.</span><span class="n">cm</span><span class="o">.</span><span class="n">Blues</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>File:  10.png
Label:  [10 10  5  6  3]
Categorical label: 
 [[ 0.  0.  0.  0.  0.  0.  0.  0.  0.  0.  1.]
 [ 0.  0.  0.  0.  0.  0.  0.  0.  0.  0.  1.]
 [ 0.  0.  0.  0.  0.  1.  0.  0.  0.  0.  0.]
 [ 0.  0.  0.  0.  0.  0.  1.  0.  0.  0.  0.]
 [ 0.  0.  0.  1.  0.  0.  0.  0.  0.  0.  0.]]
</pre>
</div>
</div>

<div class="output_area">

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


<div class="output_png output_subarea ">
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAP8AAAD8CAYAAAC4nHJkAAAABHNCSVQICAgIfAhkiAAAAAlwSFlz
AAALEgAACxIB0t1+/AAAGy5JREFUeJztnX2Q3WV1x79nd+/d17DZZJNlyXtCUCKQhKypgEUFsTS1
AmoROyp1GMO00IGOdUppp+L0ZbRTsU5tpbGkooPyJgwU8AURAXUILJCEmIAkYQOJS952E/K276d/
3F+mm/Q5Z+/93d3fTXi+n5lM7j7nPr/fuc/9nfvyfO85R1QVhJD4qKq0A4SQysDgJyRSGPyERAqD
n5BIYfATEikMfkIihcFPSKQw+AmJFAY/IZFSU85kEbkUwNcBVAP4L1X9snf/limtOmPW7JLPk+ZH
iGl/tyiezTB6czw/rOMB/mP2bN4xs8Tyw/fddt5fY/ugIyOpDnhC4P361lqr325/Hb09e4q6ClIH
v4hUA/h3AJcA2A7gORF5SFU3WnNmzJqNe3/4tHE8+1xDw+FFGHEWZyTlE1hdZTuSrwl/UHKmuH7k
qu2JA0PWVQsMGusB2D5OBN7FmasO+zHkLIjnu7fGw84xD/cPB8e96807XpUz0X2hd2zWdexdA7W5
6uD4VSsudM50LOVcKcsBbFbVrao6AOAuAJeVcTxCSIaUE/wzALwx6u/tyRgh5CRgwj8jishKEekU
kc6evXsm+nSEkCIpJ/h3AJg16u+ZydgxqOoqVe1Q1Y4pU1vLOB0hZDwpJ/ifA7BQROaJSB7AVQAe
Gh+3CCETTerdflUdEpHrAfwYBalvtar+Ou3xvB3sQWfX06LK2R72dtnTkFZZ8KQtT3WwdrCBdIqE
paYA/s63t3Nv7UbnUi6954dnqzGea+96s5QKADjQN2TbBgZN26R8zrRZz42322+pDp7seTxl6fyq
+iiAR8s5BiGkMvAXfoRECoOfkEhh8BMSKQx+QiKFwU9IpJS1218qI6roGwzLVJv2vmXO+/HLPcHx
nJMI0lQblpoA4A/fMc20nXZKvWmzJJm0yTsenvw2OGxLQN37jwTHayTd67wnEQ6YKXNAc0NY2vJk
OS81xkuo8bDWsfut8DoBQG//gGmblLMlu4ERW4Lt7bOPOWisY2POCc8+wwfn2jgevvMTEikMfkIi
hcFPSKQw+AmJFAY/IZGS6W7/0Ihi7+Hwruf/bNhtznt6zbbg+EgJO5ujObPN3tFva6ozbdaGs5eE
4yXveGWwXus5ZNq8XeUDA+HEkxpv294hV2W/P3jHnK0NwXFvrTx8lcBma+/B4Ph963eac17YtMu0
feGyd5g2T5F4YvM+0/biK+Frf8Xymeac2S354PhgCevEd35CIoXBT0ikMPgJiRQGPyGRwuAnJFIY
/IRESsZS3wh2HwlnJPQc6DfnNRryW1+fXTMt5yRFHBmwJUIvf8SSqWqcmm9pWi4BMNcJAPLO+azu
L/udun+b99jnOm92s2lrqLHX2HpsI44UlbbVmCcf7jUSarznbMGcyabNk/O8DlKPPv6KaTv0VljW
fSxn+3jNRXNNW7HwnZ+QSGHwExIpDH5CIoXBT0ikMPgJiRQGPyGRUpbUJyJdAA4AGAYwpKodaY81
7MgkFywNd/6uz9t1+uodmaS53pMBbUnMwpONPDkvZYKb2ybLkqLue77bnPMbI6sMAIY+uNC0XTx/
ij0vRcZljZNB6CyxK/VZ0y45o8Wc4+XF9TuP6xSnJdf+ra+atuYF4TXeuLbLnFN98bzgeCmX1Hjo
/B9QVfbeJuQkgx/7CYmUcoNfAfxERJ4XkZXj4RAhJBvK/dj/XlXdISLTATwmIi+r6lOj75C8KKwE
gNZTw9/dCSHZU9Y7v6ruSP7fBeABAMsD91mlqh2q2jGpxd4gIoRkS+rgF5FGEZl09DaADwHYMF6O
EUImlnI+9rcBeCCRsmoAfE9Vf+RNEBHkq8PynJft1WK0flo4zS622ZizZUBPrvntQbuNkyXlzHYk
R0/q8/CEMu8Ve1I+/JR2PrPFnNN/yH7MDz9ty1crFraaNkv+9J5ntzWY077MKyRqraNXmPTQYLgI
KuAXEn3DaJUGAGiwMwU/csk7g+Pf/c9HzDl9Q+FH5mUWHk/q4FfVrQAWp51PCKkslPoIiRQGPyGR
wuAnJFIY/IRECoOfkEjJtICnAKg2VJlhR8qx1LJ9R+wMPC/zbcg5V0udbbMyDz11JW1RSg9P2tp5
OFwItf+IXSD1wg+ebdqefmJj8Y6Nwipc6klRXlbfkLOQaeVUC6/fnZd9uv63dn/FM849w7Qtnz0p
OH7XtHZzzpsHwsVr2auPEDImDH5CIoXBT0ikMPgJiRQGPyGRkuluv6q9C+8lfFgbrC0NdkKN15Jr
yNkQbau3k4Wa6sLL5e1gV5VUVa18Xtsb3tWfOf80c87V5800bU89/Ixpe2vAbpe2/3DY5tXba3AS
pKpSFjwcMJK4Gpw6jrVG8hkAHBi0H/OGrXtN26IFdjq7laQzqSWsAgDAnoNhPzwl63j4zk9IpDD4
CYkUBj8hkcLgJyRSGPyERAqDn5BIyVTq87ASQQBgsiHLlFCu7BhyKeWmOqcF2HhT6/SnslpyAcAb
veE6cr+7zJbzqp3jTTt9vmnzklystmf5GvtxeXX6vOtj0JnXUBN+Ph991Zblnt2007R95n1zTFtb
a6NpWzDdtuWMbLdqR3K0aiSWkuTEd35CIoXBT0ikMPgJiRQGPyGRwuAnJFIY/IREyphSn4isBvBh
ALtU9axkbAqAuwHMBdAF4EpV7R3rWFViZ0xVO9JWfT5sW/1Elznnr/7gHabNk41qrCKDsFs11Tvy
YAkl1Y5hUs5uk6WwD7pl+/7g+HUftCW75nzetH3pM0tMW1tD6RmQHt7z4s+zbdOMLM11W7eZc176
2RrTlrtormn7+NI209aYs9fjgNMezGJyvRFHJbydF3PXbwO49LixmwA8rqoLATye/E0IOYkYM/hV
9SkAPccNXwbgjuT2HQAuH2e/CCETTNrv/G2q2p3cfhOFjr2EkJOIsjf8tPBFzfzWJSIrRaRTRDr3
9x7/AYIQUinSBv9OEWkHgOT/XdYdVXWVqnaoakdzi13KiBCSLWmD/yEAVye3rwbw4Pi4QwjJimKk
vu8DeD+AVhHZDuCLAL4M4B4RuQbANgBXFnOyahE014YlrGpHYvv2Y1uC41ueecGc841GW77629+z
Wyd5WNl0A0YBRm8OANQ4GW7T6mtNW0/fgGlrm9oQHG9wpCav/deC5ibT5mFl73kZeGmzNPsG7bZt
k43r7ePLZ5hzFs//iGlrb7TlzYYae42bnPW3CqHu3m5nF57dtszwwZadj2fM4FfVTxqmi4s+CyHk
hIO/8CMkUhj8hEQKg5+QSGHwExIpDH5CIiXTAp5VImjIhaWInJOOtOXZdWFD3wFzzjOP/Mq0DV+y
0LR52D35bKnM6+Nn9S0EAK8OY95ZK2sdfekw3N8PANrz9abN67tn2azMyLHw1sOVUw0J+YKZ9g/O
LpxtH+9Av52B5/Vl9HoNmv5v32TOmVp3RXDce07+33mLvich5G0Fg5+QSGHwExIpDH5CIoXBT0ik
MPgJiZQTplef1/cNB8N91RZ/5PjSgv/HunvuM22eVNY3aGfoNdaGZUqv/9xQyv5z3jElnAQGwO7h
9tArZskF3P/EVtP2r58917Sd1mTLgBaWf4Av53kSlld01SqueuCILdl5z1ldCVlzo/EyP//kG78I
G4btJ9rK3vNkz/9336LvSQh5W8HgJyRSGPyERAqDn5BIYfATEimZ7vYPq+LgQHiX9fBhe2ezema4
9datHzvHnHPxLzeatlOMum4AcHjArgdn7Rx7uSo5ZyfaS3HxdsU9hobDu8rfe8Rej94uu3XVPz3S
aNpu+2NbCbDw6gWmxVMCLNWk0Wkn5nnoKQtHnGunb8h+tvf+6qdhw9RZ5hzrcZVy1fCdn5BIYfAT
EikMfkIihcFPSKQw+AmJFAY/IZFSTLuu1QA+DGCXqp6VjN0C4HMAdid3u1lVHy3HkbYp4TZTAPC+
ixYFxz2Jbfr8mabNq53nJdQMGskZfY7Ec0p9OjXVk8RyVY6PhtTXu+11c07L3Dmmbd1zm01bzafC
LaM8Ssg7OQbvuRb3oOGJvYftlmf7+23Z2Vv7OS32NdxzxD4fGicbJ7PrLtYZtTD9tTiWYt75vw0g
lD73NVVdkvwrK/AJIdkzZvCr6lMAejLwhRCSIeV8579eRNaLyGoRaRk3jwghmZA2+L8JYAGAJQC6
AXzVuqOIrBSRThHp3N8bLspBCMmeVMGvqjtVdVhVRwB8C8By576rVLVDVTuaW6am9ZMQMs6kCn4R
aR/15xUANoyPO4SQrChG6vs+gPcDaBWR7QC+COD9IrIEBR2lC8C1xZys0K4rfMqPLmkz5/Ub8pXH
Oe861bR5sktbky2veGUGLbzsPK+Vlyc51jrHrM+H17fxVHs9brvufNP2iZvuNW1pZDtPinIS5lDt
POZh5/pQQzL9t192mXN+9Zyd5Tg8ZMu6T//9CtM2vanOtF35Z1cGx++580lzjiVXl3KJjhn8qvrJ
wPDtJZyDEHICwl/4ERIpDH5CIoXBT0ikMPgJiRQGPyGRkmkBTxExJax3tTab86xMtSOO7DLFkeya
DLkRsLOlAKDfyOrzZDm/XmXphScBv2Dl5MZ8cHxZx1xzzpnTTzFtNU22zfOj1vDfk6JqnbX31sNJ
0INI+IxnnNpkzuldZMuiw04rLy/zsC5n+/+FC+cHx+9Z/UNzzsG+cCHcEc+J4+A7PyGRwuAnJFIY
/IRECoOfkEhh8BMSKQx+QiIlU6mvWoDG2tL73amR/VbdZ0tN/YO2DGj5AABVjnzlzbPIORKVlyU4
YMiKgL9WVhbhp35nRqpzzX+nXQjV603X3BDuh+j67qy9Z8s76YADxiJf02H3wfvEWe2mbThl8Ver
hyIA1BoyYPO8Beacnv7+8Hm0+AxYvvMTEikMfkIihcFPSKQw+AmJFAY/IZGSeWKPlfCx/0g4UQGw
kyLq86XvvgN+QoqXiGPt5nq75aU3kipQ4+xgez72GSrHrEl2KykvmenU6Y2mzVMrhowEGO9xeTZP
NRl2HOkbDD833jXQYiRHAX7dRetcY2G50jzFTj7y/Cj6vGUfgRByUsLgJyRSGPyERAqDn5BIYfAT
EikMfkIipZh2XbMAfAdAGwrq1CpV/bqITAFwN4C5KLTsulJVe71jjajisJEMMujIZTlDAqpyWj95
SRaeJNNUZy+JldPhSWUenlzjPTYPy5caSdc2zGs35mElY42oJ/WlO5crpxp+WFIkAHhPp5fY40m+
XmLSoHHMRkdyzFeFnRR3NY6lmNUeAvB5VV0E4D0ArhORRQBuAvC4qi4E8HjyNyHkJGHM4FfVblV9
Ibl9AMAmADMAXAbgjuRudwC4fKKcJISMPyV9zhKRuQCWAlgDoE1VuxPTmyh8LSCEnCQUHfwi0gTg
BwBuVNW3Rtu08MUq+MVFRFaKSKeIdPbu3VOWs4SQ8aOo4BeRHAqBf6eq3p8M7xSR9sTeDmBXaK6q
rlLVDlXtaJnaOh4+E0LGgTGDX0QEwO0ANqnqraNMDwG4Orl9NYAHx989QshEUUxW3wUAPg3gJRFZ
m4zdDODLAO4RkWsAbANw5VgHErElOC/LysKTVtLO63dkwCFDkpnSGK5X580ZC6/mm8eA0cKswcmA
9Nbek0w9rCw8T8L0Wk25NmeJrRZguZp0x7PafwFATZX9nFkt5wB7jfPOc5Y3ZNFSFOIxg19VfwFb
Sr24+FMRQk4k+As/QiKFwU9IpDD4CYkUBj8hkcLgJyRSMi3gqWrLbE9u223OO31yuJDhvKl2cUmv
qKNVEHQsrOxCT1/xsse8TC+vbZgnRVlSpScBpZFZC36ULs2NOGVLRzTd8+L6Ydh+viX4mzQAwBNb
9pm2L1w437T5xUlt2c66RnIps0WLhe/8hEQKg5+QSGHwExIpDH5CIoXBT0ikMPgJiZRMpT6g0K8v
xJquA+ac3a3hPn6zW+z+cwePDJo2T9qqdWRAK0PMw5ehvHm2zcv4s7Lpck5xTE/oS5s52b2vLzju
rb1XPNXLBvSUSqsw7F3PdwfHAeDJn79i2m44f65pe2PfEdM2x7lWLazio4At3ZYi2vKdn5BIYfAT
EikMfkIihcFPSKQw+AmJlMx3+60dzNktdeacDTvCSsDHFtm7oWs3vGna6j+8yLSlSXLx6svVpKyB
B2en1/PR2t32VAxLgQH8BCPPD8f9VLiJTo76Yblx7XlzzDkrzp5m2iY5isTPu3pM2/kj4dqKAHB2
++TgeE+PrR7UZtSuixDyNoTBT0ikMPgJiRQGPyGRwuAnJFIY/IREyphSn4jMAvAdFFpwK4BVqvp1
EbkFwOcAHC2+d7OqPlrE8YLjS9rDdfoA4L8ffTk43v+B0805u7ZuN21egk6NkwBj1dwLpx2Vh5fY
4yXpWBzsS+floT47QarOWceG2rBt2HlgnjroJbl4UquVELRsdos5Zxls2+EBW7Krc2Tdp7rsuoBL
Z4TPt3/fIXOOVU9yXNt1oXBtf15VXxCRSQCeF5HHEtvXVPVfij8dIeREoZhefd0AupPbB0RkE4AZ
E+0YIWRiKenzo4jMBbAUwJpk6HoRWS8iq0XE/qxECDnhKDr4RaQJwA8A3KiqbwH4JoAFAJag8Mng
q8a8lSLSKSKdvXv3jIPLhJDxoKjgF5EcCoF/p6reDwCqulNVh1V1BMC3ACwPzVXVVaraoaodLVNb
x8tvQkiZjBn8Utievx3AJlW9ddR4+6i7XQFgw/i7RwiZKIrZ7b8AwKcBvCQia5OxmwF8UkSWoKDQ
dAG4tpgTWpJNe2O9OWdv997g+D8+/qp9ohFb2vJkr8kNOfuQhoziSU1DbtswWypzpS3HZtXw29J7
0Jyz9DR7u+b11/ebNr89VdiPmpQdqIacNfZkUYtD/fY14NUt9DIZl89oNm1/8d0XTNunFof3zw/t
t6U+y49SclKL2e3/hXHMMTV9QsiJC3/hR0ikMPgJiRQGPyGRwuAnJFIY/IRESqYFPFWBoeGwLuNJ
KPm6fHD84YdfNOe0LZxn2jw5xCsUaZG+JVe6DDdPinr37HB25AMbdplzzjWyygBg315b6vNaaFkZ
kB5e0c+0bcOs57NGncKkeVuP9PzwWnK9vvE10/bn94afs5qcHZ6WTOwVYz0evvMTEikMfkIihcFP
SKQw+AmJFAY/IZHC4CckUjLv1WdhSYAAsHjZ3OD4c7/8jTnnxo/a/fg8ic3Dku3SZJUBvlTmrUfe
KRS5ZFq479ttP95qzrlz7Q7TVlXlFDR1svqsNXbXypHRPInNk2eHjT5+XXsPm3O862PGZDv71Cv+
OnV2u2l76cWu4PjiZbZcbWb1laCw8p2fkEhh8BMSKQx+QiKFwU9IpDD4CYkUBj8hkZKp1CdiSxR9
w3YPtBs+EJY8fuQUTDx/5tTSnEvwinGmIe/IYWkyCAG/350lA/Y5Pfe+97Mtpu1d58xM5YdpcmXW
0qVDABhxZNG+wbDU9+DLdpbjC6/1mLb/+KPFps3j2svPMm13PxnO+PvrD51hzrFk1lKuKL7zExIp
DH5CIoXBT0ikMPgJiRQGPyGRMuZuv4jUAXgKQG1y//tU9YsiMg/AXQCmAngewKdVdcA7liowaCRa
1Ij9OjSlrjY4/tml4TZHAOBtpHsJNV4CSSlJE0cxHu6Y5/KSdzyseUvOnG7OWbvJ3vm2lBbArxdn
qSZpFQ6PNOrH8lmTzDl7DtqXsXX9AkCt037tijNPNW3vPi2sWi1obTTn9BsqRiliVTFXWD+Ai1R1
MQrtuC8VkfcA+AqAr6nq6QB6AVxT/GkJIZVmzODXAke7POaSfwrgIgD3JeN3ALh8QjwkhEwIRX22
FJHqpEPvLgCPAdgCYJ+qHm11uh2A/RmcEHLCUVTwq+qwqi4BMBPAcgDvLPYEIrJSRDpFpLO3Z09K
Nwkh401Ju0qqug/AEwDOAzBZRI5uGM4EECwHo6qrVLVDVTtaprSW5SwhZPwYM/hFZJqITE5u1wO4
BMAmFF4EPp7c7WoAD06Uk4SQ8aeYxJ52AHeISDUKLxb3qOrDIrIRwF0i8g8AXgRw+1gHUlVT3vKk
rZyRxOBJZV49NY8hRytJo1J5MlRa6p12UpaMecP5tmT38HRbUlo41ZbEnJwlEy9xasi0+HiSo5VY
1TFjijlnYYv9mL3n07se63L29TizOVwX8FC/new2ZEiOWkJ9yjGDX1XXA1gaGN+Kwvd/QshJCH/h
R0ikMPgJiRQGPyGRwuAnJFIY/IREipQiDZR9MpHdALYlf7YCOBF+8kc/joV+HMvJ5sccVZ1WzAEz
Df5jTizSqaodFTk5/aAf9IMf+wmJFQY/IZFSyeBfVcFzj4Z+HAv9OJa3rR8V+85PCKks/NhPSKRU
JPhF5FIReUVENovITZXwIfGjS0ReEpG1ItKZ4XlXi8guEdkwamyKiDwmIq8m/7dUyI9bRGRHsiZr
RWRFBn7MEpEnRGSjiPxaRG5IxjNdE8ePTNdEROpE5FkRWZf48aVkfJ6IrEni5m4RyZd1IlXN9B+A
ahTKgM0HkAewDsCirP1IfOkC0FqB814I4FwAG0aN/TOAm5LbNwH4SoX8uAXAX2a8Hu0Azk1uTwLw
GwCLsl4Tx49M1wSFlntNye0cgDUA3gPgHgBXJeO3AfjTcs5TiXf+5QA2q+pWLZT6vgvAZRXwo2Ko
6lMAju8GeRkKhVCBjAqiGn5kjqp2q+oLye0DKBSLmYGM18TxI1O0wIQXza1E8M8A8MaovytZ/FMB
/EREnheRlRXy4Shtqtqd3H4TQFsFfbleRNYnXwsm/OvHaERkLgr1I9aggmtynB9AxmuSRdHc2Df8
3quq5wL4fQDXiciFlXYIKLzyo/DCVAm+CWABCj0augF8NasTi0gTgB8AuFFV3xpty3JNAn5kviZa
RtHcYqlE8O8AMGvU32bxz4lGVXck/+8C8AAqW5lop4i0A0Dyv91GZwJR1Z3JhTcC4FvIaE1EJIdC
wN2pqvcnw5mvSciPSq1Jcu6Si+YWSyWC/zkAC5OdyzyAqwA8lLUTItIoIpOO3gbwIQAb/FkTykMo
FEIFKlgQ9WiwJVyBDNZECkX4bgewSVVvHWXKdE0sP7Jek8yK5ma1g3ncbuYKFHZStwD4mwr5MB8F
pWEdgF9n6QeA76Pw8XEQhe9u16DQ8/BxAK8C+CmAKRXy47sAXgKwHoXga8/Aj/ei8JF+PYC1yb8V
Wa+J40emawLgHBSK4q5H4YXm70Zds88C2AzgXgC15ZyHv/AjJFJi3/AjJFoY/IRECoOfkEhh8BMS
KQx+QiKFwU9IpDD4CYkUBj8hkfK/MHMRmhDj6WYAAAAASUVORK5CYII=
"
>
</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[311]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">hide_code</span>
<span class="n">image_for_predict</span> <span class="o">=</span> <span class="n">image_gray</span><span class="o">.</span><span class="n">reshape</span><span class="p">(</span><span class="mi">1</span><span class="p">,</span> <span class="mi">32</span><span class="p">,</span> <span class="mi">32</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span><span class="o">/</span><span class="mi">255</span>
<span class="n">y_image_predict</span> <span class="o">=</span> <span class="n">cnn_model</span><span class="o">.</span><span class="n">predict</span><span class="p">(</span><span class="n">image_for_predict</span><span class="p">)</span>
<span class="n">y_predict_example</span> <span class="o">=</span> <span class="p">[</span><span class="n">np</span><span class="o">.</span><span class="n">argmax</span><span class="p">(</span><span class="n">y</span><span class="p">)</span> <span class="k">for</span> <span class="n">y</span> <span class="ow">in</span> <span class="n">y_image_predict</span><span class="p">]</span>

<span class="nb">print</span><span class="p">(</span><span class="s1">&#39;Predicted label:&#39;</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="n">y_predict_example</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>Predicted label:
[10, 10, 3, 6, 3]
</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;[336]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">hide_code</span>
<span class="n">image_gray_2</span> <span class="o">=</span> <span class="n">get_image4</span><span class="p">(</span><span class="s1">&#39;new&#39;</span><span class="p">,</span> <span class="s1">&#39;30.png&#39;</span><span class="p">)</span>
<span class="nb">print</span> <span class="p">(</span><span class="s1">&#39;File: &#39;</span><span class="p">,</span> <span class="n">new_filenames</span><span class="p">[</span><span class="mi">23</span><span class="p">])</span>
<span class="nb">print</span> <span class="p">(</span><span class="s1">&#39;Label: &#39;</span><span class="p">,</span> <span class="n">new_labels</span><span class="p">[</span><span class="mi">23</span><span class="p">])</span>
<span class="nb">print</span> <span class="p">(</span><span class="s1">&#39;Categorical label: </span><span class="se">\n</span><span class="s1">&#39;</span><span class="p">,</span> <span class="n">new_labels_cat</span><span class="p">[</span><span class="mi">23</span><span class="p">])</span>
<span class="n">plt</span><span class="o">.</span><span class="n">imshow</span><span class="p">(</span><span class="n">image_gray_2</span><span class="p">,</span> <span class="n">cmap</span><span class="o">=</span><span class="n">plt</span><span class="o">.</span><span class="n">cm</span><span class="o">.</span><span class="n">Blues</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>File:  30.png
Label:  [10 10  7  8  3]
Categorical label: 
 [[ 0.  0.  0.  0.  0.  0.  0.  0.  0.  0.  1.]
 [ 0.  0.  0.  0.  0.  0.  0.  0.  0.  0.  1.]
 [ 0.  0.  0.  0.  0.  0.  0.  1.  0.  0.  0.]
 [ 0.  0.  0.  0.  0.  0.  0.  0.  1.  0.  0.]
 [ 0.  0.  0.  1.  0.  0.  0.  0.  0.  0.  0.]]
</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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
hUiU/wuHMlQ4voCP8gAAAABJRU5ErkJggg==
"
>
</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[337]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">hide_code</span>
<span class="n">image_for_predict_2</span> <span class="o">=</span> <span class="n">image_gray_2</span><span class="o">.</span><span class="n">reshape</span><span class="p">(</span><span class="mi">1</span><span class="p">,</span> <span class="mi">32</span><span class="p">,</span> <span class="mi">32</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span><span class="o">/</span><span class="mi">255</span>
<span class="n">y_image_predict_2</span> <span class="o">=</span> <span class="n">cnn_model2</span><span class="o">.</span><span class="n">predict</span><span class="p">(</span><span class="n">image_for_predict_2</span><span class="p">)</span>
<span class="n">y_predict_example_2</span> <span class="o">=</span> <span class="p">[</span><span class="n">np</span><span class="o">.</span><span class="n">argmax</span><span class="p">(</span><span class="n">y</span><span class="p">)</span> <span class="k">for</span> <span class="n">y</span> <span class="ow">in</span> <span class="n">y_image_predict_2</span><span class="p">]</span>

<span class="nb">print</span><span class="p">(</span><span class="s1">&#39;Predicted label:&#39;</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="n">y_predict_example_2</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>Predicted label:
[10, 10, 7, 8, 3]
</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="Predictions-with-boxes.-OpenCV">Predictions with boxes. OpenCV<a class="anchor-link" href="#Predictions-with-boxes.-OpenCV">&#182;</a></h4>
</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[349]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">hide_code</span>
<span class="n">image_gray2</span> <span class="o">=</span> <span class="n">new_images2_4</span><span class="p">[</span><span class="mi">1</span><span class="p">]</span>
<span class="nb">print</span> <span class="p">(</span><span class="s1">&#39;File: &#39;</span><span class="p">,</span> <span class="n">new_filenames</span><span class="p">[</span><span class="mi">1</span><span class="p">])</span>
<span class="nb">print</span> <span class="p">(</span><span class="s1">&#39;Label: &#39;</span><span class="p">,</span> <span class="n">new_labels</span><span class="p">[</span><span class="mi">1</span><span class="p">])</span>
<span class="nb">print</span> <span class="p">(</span><span class="s1">&#39;Categorical label: </span><span class="se">\n</span><span class="s1">&#39;</span><span class="p">,</span> <span class="n">new_labels_cat</span><span class="p">[</span><span class="mi">1</span><span class="p">])</span>
<span class="n">plt</span><span class="o">.</span><span class="n">imshow</span><span class="p">(</span><span class="n">image_gray2</span><span class="p">,</span> <span class="n">cmap</span><span class="o">=</span><span class="n">plt</span><span class="o">.</span><span class="n">cm</span><span class="o">.</span><span class="n">Blues</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>File:  10.png
Label:  [10 10  5  6  3]
Categorical label: 
 [[ 0.  0.  0.  0.  0.  0.  0.  0.  0.  0.  1.]
 [ 0.  0.  0.  0.  0.  0.  0.  0.  0.  0.  1.]
 [ 0.  0.  0.  0.  0.  1.  0.  0.  0.  0.  0.]
 [ 0.  0.  0.  0.  0.  0.  1.  0.  0.  0.  0.]
 [ 0.  0.  0.  1.  0.  0.  0.  0.  0.  0.  0.]]
</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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
GPyEBAqDn5BAYfATEigMfkIChcFPSKBUlfpEZCuAzwMYVtVro7Y+AN8HsALAQQC3qerpamOVylM4
MTIZa1u+zJavBnq7Ytt7Z9nun5ksmDav9l/WyfayjvI640hNXjbX0796y7SdenfMtM3Kvd+0re3v
jW335KuMV2DOrMbnX/eKvvjsQs+PIyP2Y3b00HHT1tffZ9pe3n8ytn3jh/vNPkvm2NmFw2fta06K
VV/RrbtoZO/VUw2wlnf+hwFsvKjtfgDPq+oqAM9HfxNCLiGqBr+qvgDg4iT8mwE8Et1+BMAtDfaL
ENJkkn7n71fVo9HtY6ic2EsIuYSY8YafVs4lNr/IichmERkSkaHiufqruxBCmkPS4D8uIgMAEP0/
bN1RVbeo6qCqDma77U09Qki6JA3+ZwDcGd2+E8DTjXGHEJIWtUh9jwG4AcACETkM4MsAvgLgCRG5
C8AhALfVMpmqolCIL2i5dGF8oUUAWN4XL/V1ddivXVYGHuBn2jWaEae45Ilj9tegle9fZNr2HLJV
1eK6pfHtzjFZXpajJzd5WJLeRMH249hI3rQtX7XYtH1g5XzT9t/b345tv/Fae30LznOnZLvvHsmV
BO956knItVI1+FX1C4bpMzOenRDSMvgLP0IChcFPSKAw+AkJFAY/IYHC4CckUFIt4AkI2oxqkcdO
2wUrLTasmGvaeo1ClgDQ6RT+9LDUlTlGgVEAGJm05atFA/aPnv74I/GSHQD8+oAtEVoSm5WRWM3m
yU3znDXe9lp8Nl2+aEufV/bbZy9+anCZaZvlSJU/n4hf//Girdn9+k373EivaKz3Xuocr5hIelbj
R7X1jMR3fkIChcFPSKAw+AkJFAY/IYHC4CckUBj8hARKqlKftAEdHfFTvvQr+yy2XGd8MciP3v0R
s09HwhQrT3axMtz6cvH+AcBoZ3wWIwDMnz/LtHU7Z+vd8mE7I826bi8JzLtmT4Xqn9Vp2hYbRVe9
rLiPLbel2+KU3fHHhqwIAPPmz4ltXzXf9r3dWax3Rm3pVp3FctRUk4w40qFhqifZj+/8hAQKg5+Q
QGHwExIoDH5CAoXBT0igpLvbD0HW2I0unRuve7w3T9o7rxsWOzuvzpFRnkpg7bD2ddnHO53K2z6+
9ZadoPOosy1+340rTZt1FJl3Xe1GshUAOEuFOU5iz++/f0Fse8kZcF7OXsc3To+atn//8aum7RPX
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
gg==
"
>
</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[350]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">hide_code</span>

<span class="n">image_gray2_2</span> <span class="o">=</span> <span class="n">new_images2_4</span><span class="p">[</span><span class="mi">23</span><span class="p">]</span>
<span class="nb">print</span> <span class="p">(</span><span class="s1">&#39;File: &#39;</span><span class="p">,</span> <span class="n">new_filenames</span><span class="p">[</span><span class="mi">23</span><span class="p">])</span>
<span class="nb">print</span> <span class="p">(</span><span class="s1">&#39;Label: &#39;</span><span class="p">,</span> <span class="n">new_labels</span><span class="p">[</span><span class="mi">23</span><span class="p">])</span>
<span class="nb">print</span> <span class="p">(</span><span class="s1">&#39;Categorical label: </span><span class="se">\n</span><span class="s1">&#39;</span><span class="p">,</span> <span class="n">new_labels_cat</span><span class="p">[</span><span class="mi">23</span><span class="p">])</span>
<span class="n">plt</span><span class="o">.</span><span class="n">imshow</span><span class="p">(</span><span class="n">image_gray2_2</span><span class="p">,</span> <span class="n">cmap</span><span class="o">=</span><span class="n">plt</span><span class="o">.</span><span class="n">cm</span><span class="o">.</span><span class="n">Blues</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>File:  30.png
Label:  [10 10  7  8  3]
Categorical label: 
 [[ 0.  0.  0.  0.  0.  0.  0.  0.  0.  0.  1.]
 [ 0.  0.  0.  0.  0.  0.  0.  0.  0.  0.  1.]
 [ 0.  0.  0.  0.  0.  0.  0.  1.  0.  0.  0.]
 [ 0.  0.  0.  0.  0.  0.  0.  0.  1.  0.  0.]
 [ 0.  0.  0.  1.  0.  0.  0.  0.  0.  0.  0.]]
</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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
hUiU/wuHMlQ4voCP8gAAAABJRU5ErkJggg==
"
>
</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[351]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">hide_code</span>
<span class="n">y_new_predict4</span> <span class="o">=</span> <span class="n">cnn_model</span><span class="o">.</span><span class="n">predict</span><span class="p">(</span><span class="n">X_new4</span><span class="p">)</span>
<span class="n">y_predict4</span> <span class="o">=</span> <span class="p">[]</span>
<span class="k">for</span> <span class="n">i</span> <span class="ow">in</span> <span class="nb">range</span><span class="p">(</span><span class="mi">30</span><span class="p">):</span>
    <span class="k">for</span> <span class="n">j</span> <span class="ow">in</span> <span class="nb">range</span><span class="p">(</span><span class="mi">5</span><span class="p">):</span>
        <span class="n">y_predict4</span><span class="o">.</span><span class="n">append</span><span class="p">(</span><span class="n">np</span><span class="o">.</span><span class="n">argmax</span><span class="p">(</span><span class="n">y_new_predict4</span><span class="p">[</span><span class="n">j</span><span class="p">][</span><span class="n">i</span><span class="p">]))</span>
<span class="n">y_predict4</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">array</span><span class="p">(</span><span class="n">y_predict4</span><span class="p">)</span><span class="o">.</span><span class="n">reshape</span><span class="p">(</span><span class="mi">30</span><span class="p">,</span><span class="mi">5</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">&#39;CNN Model 1. Predictions: &#39;</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="n">y_predict4</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>CNN Model 1. Predictions: 
[[10 10 10 10  9]
 [10  2  3  3  5]
 [10 10 10  5  7]
 [10 10 10 10  6]
 [10 10  4  4  0]
 [10 10 10 10  2]
 [10 10  5  4  9]
 [10 10  1  0  1]
 [10  1  0  0  0]
 [10 10 10 10  1]
 [10 10 10  4  1]
 [10 10 10 10  1]
 [10 10  3  4  4]
 [10 10 10  2  4]
 [10 10 10  1  5]
 [10 10 10  7  7]
 [10 10 10  4  1]
 [10  2  4  4  8]
 [10 10 10 10  4]
 [10 10 10  3  0]
 [10 10 10 10  3]
 [10 10  4  0  3]
 [10  2  0  1  0]
 [10 10  7  8  3]
 [10  1  0  3  1]
 [10 10 10 10  7]
 [10 10 10  1  0]
 [10 10 10 10  2]
 [10 10 10  5  9]
 [10 10 10 10  8]]
</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;[352]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">hide_code</span>
<span class="n">cnn_scores4</span> <span class="o">=</span> <span class="n">cnn_model</span><span class="o">.</span><span class="n">evaluate</span><span class="p">(</span><span class="n">X_new4</span><span class="p">,</span> <span class="n">y_new_cat_list</span><span class="p">,</span> <span class="n">verbose</span><span class="o">=</span><span class="mi">0</span><span class="p">)</span>

<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;CNN Model 1. </span><span class="se">\n</span><span class="s2">&quot;</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;Scores: </span><span class="se">\n</span><span class="s2">&quot;</span> <span class="p">,</span> <span class="p">(</span><span class="n">cnn_scores4</span><span class="p">))</span>
<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;First digit. Accuracy: </span><span class="si">%.2f%%</span><span class="s2">&quot;</span> <span class="o">%</span> <span class="p">(</span><span class="n">cnn_scores4</span><span class="p">[</span><span class="mi">6</span><span class="p">]</span><span class="o">*</span><span class="mi">100</span><span class="p">))</span>
<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;Second digit. Accuracy: </span><span class="si">%.2f%%</span><span class="s2">&quot;</span> <span class="o">%</span> <span class="p">(</span><span class="n">cnn_scores4</span><span class="p">[</span><span class="mi">7</span><span class="p">]</span><span class="o">*</span><span class="mi">100</span><span class="p">))</span>
<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;Third digit. Accuracy: </span><span class="si">%.2f%%</span><span class="s2">&quot;</span> <span class="o">%</span> <span class="p">(</span><span class="n">cnn_scores4</span><span class="p">[</span><span class="mi">8</span><span class="p">]</span><span class="o">*</span><span class="mi">100</span><span class="p">))</span>
<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;Fourth digit. Accuracy: </span><span class="si">%.2f%%</span><span class="s2">&quot;</span> <span class="o">%</span> <span class="p">(</span><span class="n">cnn_scores4</span><span class="p">[</span><span class="mi">9</span><span class="p">]</span><span class="o">*</span><span class="mi">100</span><span class="p">))</span>
<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;Fifth digit. Accuracy: </span><span class="si">%.2f%%</span><span class="s2">&quot;</span> <span class="o">%</span> <span class="p">(</span><span class="n">cnn_scores4</span><span class="p">[</span><span class="mi">10</span><span class="p">]</span><span class="o">*</span><span class="mi">100</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>CNN Model 1. 

Scores: 
 [7.1819477081298828, 0.00027177872834727168, 1.3892989158630371, 1.9871330261230469, 2.1887195110321045, 1.6165248155593872, 1.0, 0.83333331346511841, 0.73333334922790527, 0.63333332538604736, 0.69999998807907104]
First digit. Accuracy: 100.00%
Second digit. Accuracy: 83.33%
Third digit. Accuracy: 73.33%
Fourth digit. Accuracy: 63.33%
Fifth digit. Accuracy: 70.00%
</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;[353]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">hide_code</span>
<span class="n">avg_accuracy4</span> <span class="o">=</span> <span class="nb">sum</span><span class="p">([</span><span class="n">cnn_scores4</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="nb">range</span><span class="p">(</span><span class="mi">6</span><span class="p">,</span> <span class="mi">11</span><span class="p">)])</span><span class="o">/</span><span class="mi">5</span>

<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;CNN Model 1. Average Accuracy: </span><span class="si">%.2f%%</span><span class="s2">&quot;</span> <span class="o">%</span> <span class="p">(</span><span class="n">avg_accuracy4</span><span class="o">*</span><span class="mi">100</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>CNN Model 1. Average Accuracy: 78.00%
</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;[354]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">hide_code</span>
<span class="n">y_new_predict4_2</span> <span class="o">=</span> <span class="n">cnn_model2</span><span class="o">.</span><span class="n">predict</span><span class="p">(</span><span class="n">X_new4</span><span class="p">)</span>
<span class="n">y_predict4_2</span> <span class="o">=</span> <span class="p">[]</span>
<span class="k">for</span> <span class="n">i</span> <span class="ow">in</span> <span class="nb">range</span><span class="p">(</span><span class="mi">30</span><span class="p">):</span>
    <span class="k">for</span> <span class="n">j</span> <span class="ow">in</span> <span class="nb">range</span><span class="p">(</span><span class="mi">5</span><span class="p">):</span>
        <span class="n">y_predict4_2</span><span class="o">.</span><span class="n">append</span><span class="p">(</span><span class="n">np</span><span class="o">.</span><span class="n">argmax</span><span class="p">(</span><span class="n">y_new_predict4_2</span><span class="p">[</span><span class="n">j</span><span class="p">][</span><span class="n">i</span><span class="p">]))</span>
<span class="n">y_predict4_2</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">array</span><span class="p">(</span><span class="n">y_predict4_2</span><span class="p">)</span><span class="o">.</span><span class="n">reshape</span><span class="p">(</span><span class="mi">30</span><span class="p">,</span><span class="mi">5</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">&#39;CNN Model 2. Predictions: &#39;</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="n">y_predict4_2</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>CNN Model 2. Predictions: 
[[10 10 10 10  0]
 [10 10  3  3  5]
 [10 10 10  5  5]
 [10 10 10  1  6]
 [10 10 10  4  1]
 [10 10 10 10  8]
 [10 10 10  6  9]
 [10 10  1  0  1]
 [10  1  0  0  0]
 [10 10 10 10  1]
 [10 10 10  2  1]
 [10 10 10 10  0]
 [10 10  3  4  4]
 [10 10 10  2  4]
 [10 10 10  1  5]
 [10 10 10  7  7]
 [10  1  1  7  4]
 [10  1  4  5  8]
 [10 10 10  1  4]
 [10 10 10  3  0]
 [10 10 10 10  3]
 [10 10 10  4  3]
 [10  2  0  1  0]
 [10 10  7  8  3]
 [10  1  1  5  1]
 [10 10 10 10  7]
 [10 10 10  1  0]
 [10 10 10 10  2]
 [10 10 10  7  9]
 [10 10 10  4  8]]
</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;[355]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">hide_code</span>
<span class="n">cnn_scores4_2</span> <span class="o">=</span> <span class="n">cnn_model2</span><span class="o">.</span><span class="n">evaluate</span><span class="p">(</span><span class="n">X_new4</span><span class="p">,</span> <span class="n">y_new_cat_list</span><span class="p">,</span> <span class="n">verbose</span><span class="o">=</span><span class="mi">0</span><span class="p">)</span>

<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;CNN Model 2. </span><span class="se">\n</span><span class="s2">&quot;</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;CNN Scores: </span><span class="se">\n</span><span class="s2">&quot;</span> <span class="p">,</span> <span class="p">(</span><span class="n">cnn_scores4_2</span><span class="p">))</span>
<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;First digit. Accuracy: </span><span class="si">%.2f%%</span><span class="s2">&quot;</span> <span class="o">%</span> <span class="p">(</span><span class="n">cnn_scores4_2</span><span class="p">[</span><span class="mi">6</span><span class="p">]</span><span class="o">*</span><span class="mi">100</span><span class="p">))</span>
<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;Second digit. Accuracy: </span><span class="si">%.2f%%</span><span class="s2">&quot;</span> <span class="o">%</span> <span class="p">(</span><span class="n">cnn_scores4_2</span><span class="p">[</span><span class="mi">7</span><span class="p">]</span><span class="o">*</span><span class="mi">100</span><span class="p">))</span>
<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;Third digit. Accuracy: </span><span class="si">%.2f%%</span><span class="s2">&quot;</span> <span class="o">%</span> <span class="p">(</span><span class="n">cnn_scores4_2</span><span class="p">[</span><span class="mi">8</span><span class="p">]</span><span class="o">*</span><span class="mi">100</span><span class="p">))</span>
<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;Fourth digit. Accuracy: </span><span class="si">%.2f%%</span><span class="s2">&quot;</span> <span class="o">%</span> <span class="p">(</span><span class="n">cnn_scores4_2</span><span class="p">[</span><span class="mi">9</span><span class="p">]</span><span class="o">*</span><span class="mi">100</span><span class="p">))</span>
<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;Fifth digit. Accuracy: </span><span class="si">%.2f%%</span><span class="s2">&quot;</span> <span class="o">%</span> <span class="p">(</span><span class="n">cnn_scores4_2</span><span class="p">[</span><span class="mi">10</span><span class="p">]</span><span class="o">*</span><span class="mi">100</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>CNN Model 2. 

CNN Scores: 
 [6.5221505165100098, 0.0010312354424968362, 1.1571204662322998, 1.6763014793395996, 2.0833380222320557, 1.6043590307235718, 1.0, 0.86666667461395264, 0.76666665077209473, 0.53333336114883423, 0.69999998807907104]
First digit. Accuracy: 100.00%
Second digit. Accuracy: 86.67%
Third digit. Accuracy: 76.67%
Fourth digit. Accuracy: 53.33%
Fifth digit. Accuracy: 70.00%
</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;[356]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">hide_code</span>
<span class="n">avg_accuracy4_2</span> <span class="o">=</span> <span class="nb">sum</span><span class="p">([</span><span class="n">cnn_scores4_2</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="nb">range</span><span class="p">(</span><span class="mi">6</span><span class="p">,</span> <span class="mi">11</span><span class="p">)])</span><span class="o">/</span><span class="mi">5</span>

<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;CNN Model 2. Average Accuracy: </span><span class="si">%.2f%%</span><span class="s2">&quot;</span> <span class="o">%</span> <span class="p">(</span><span class="n">avg_accuracy4_2</span><span class="o">*</span><span class="mi">100</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>CNN Model 2. Average Accuracy: 77.33%
</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">
<hr>
<h3 id="Question-10">Question 10<a class="anchor-link" href="#Question-10">&#182;</a></h3><p><em>How well does your model localize numbers on the testing set from the realistic dataset? Do your classification results change at all with localization included?</em></p>
<h3 id="Answer-10">Answer 10<a class="anchor-link" href="#Answer-10">&#182;</a></h3><p>On the testing realistic set of localized digits, the model works well enough and on average shows the accuracy of predictions about 95 percents.</p>
<p>I didn't train and test the model on the sets without localization. On my opinion, images include a lot of useless information for digit recognition without localization. This creates unnecessary interference and difficulties for the neural network.</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">
<hr>
<h3 id="Question-11">Question 11<a class="anchor-link" href="#Question-11">&#182;</a></h3><p><em>Test the localization function on the images you captured in <strong>Step 3</strong>. Does the model accurately calculate a bounding box for the numbers in the images you found? If you did not use a graphical interface, you may need to investigate the bounding boxes by hand.</em> Provide an example of the localization created on a captured image.</p>
<h3 id="Answer-11">Answer 11<a class="anchor-link" href="#Answer-11">&#182;</a></h3><p>The model predicts very well for the newly-captured images with bounding boxes constructed by hand but shows about the same accuracy for the programming procedure for finding digits in the photos and for images without bounding boxes at all. It means that I need to improve only the part for cutting image spaces without digits.</p>
<p>I have illustrated this fact by two examples of files.</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="Step-5:-Build-an-Application-or-Program-for-a-Model">Step 5: Build an Application or Program for a Model<a class="anchor-link" href="#Step-5:-Build-an-Application-or-Program-for-a-Model">&#182;</a></h2><p>Take your project one step further. If you're interested, look to build an Android application or even a more robust Python program that can interface with input images and display the classified numbers and even the bounding boxes. You can for example try to build an augmented reality app by overlaying your answer on the image like the <a href="https://en.wikipedia.org/wiki/Word_Lens">Word Lens</a> app does.</p>
<p>Loading a TensorFlow model into a camera app on Android is demonstrated in the <a href="https://github.com/tensorflow/tensorflow/tree/master/tensorflow/examples/android">TensorFlow Android demo app</a>, which you can simply modify.</p>
<p>If you decide to explore this optional route, be sure to document your interface and implementation, along with significant results you find. You can see the additional rubric items that you could be evaluated on by <a href="https://review.udacity.com/#!/rubrics/413/view">following this link</a>.</p>

</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[383]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">hide_code</span>
<span class="k">def</span> <span class="nf">digit_to_categorical</span><span class="p">(</span><span class="n">data</span><span class="p">):</span>
    <span class="n">n</span> <span class="o">=</span> <span class="n">data</span><span class="o">.</span><span class="n">shape</span><span class="p">[</span><span class="mi">1</span><span class="p">]</span>
    <span class="n">data_cat</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">empty</span><span class="p">([</span><span class="nb">len</span><span class="p">(</span><span class="n">data</span><span class="p">),</span> <span class="n">n</span><span class="p">,</span> <span class="mi">11</span><span class="p">])</span>
    
    <span class="k">for</span> <span class="n">i</span> <span class="ow">in</span> <span class="nb">range</span><span class="p">(</span><span class="n">n</span><span class="p">):</span>
        <span class="n">data_cat</span><span class="p">[:,</span> <span class="n">i</span><span class="p">]</span> <span class="o">=</span> <span class="n">ks</span><span class="o">.</span><span class="n">utils</span><span class="o">.</span><span class="n">to_categorical</span><span class="p">(</span><span class="n">data</span><span class="p">[:,</span> <span class="n">i</span><span class="p">],</span> <span class="n">num_classes</span><span class="o">=</span><span class="mi">11</span><span class="p">)</span>
        
    <span class="k">return</span> <span class="n">data_cat</span>

<span class="n">train_images</span> <span class="o">=</span> <span class="n">pd</span><span class="o">.</span><span class="n">read_csv</span><span class="p">(</span><span class="s2">&quot;train_images1.csv&quot;</span><span class="p">)</span>
<span class="n">train_images</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">array</span><span class="p">(</span><span class="n">train_images</span><span class="o">.</span><span class="n">drop</span><span class="p">(</span><span class="s1">&#39;filename&#39;</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">train_images</span> <span class="o">=</span> <span class="n">train_images</span><span class="o">.</span><span class="n">reshape</span><span class="p">(</span><span class="o">-</span><span class="mi">1</span><span class="p">,</span> <span class="mi">32</span><span class="p">,</span> <span class="mi">32</span><span class="p">,</span> <span class="mi">3</span><span class="p">)</span>

<span class="n">train_labels</span> <span class="o">=</span> <span class="n">pd</span><span class="o">.</span><span class="n">read_csv</span><span class="p">(</span><span class="s2">&quot;train_labels.csv&quot;</span><span class="p">)</span>
<span class="n">train_labels</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">array</span><span class="p">(</span><span class="n">train_labels</span><span class="p">[[</span><span class="s2">&quot;0&quot;</span><span class="p">,</span> <span class="s2">&quot;1&quot;</span><span class="p">,</span> <span class="s2">&quot;2&quot;</span><span class="p">,</span> <span class="s2">&quot;3&quot;</span><span class="p">,</span> <span class="s2">&quot;4&quot;</span><span class="p">]])</span>
<span class="n">train_labels_cat</span> <span class="o">=</span> <span class="n">digit_to_categorical</span><span class="p">(</span><span class="n">train_labels</span><span class="p">)</span>
<span class="n">train_labels_cat_list</span> <span class="o">=</span> <span class="p">[</span><span class="n">train_labels_cat</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="nb">range</span><span class="p">(</span><span class="mi">5</span><span class="p">)]</span>

<span class="n">test_images</span> <span class="o">=</span> <span class="n">pd</span><span class="o">.</span><span class="n">read_csv</span><span class="p">(</span><span class="s2">&quot;test_images1.csv&quot;</span><span class="p">)</span>
<span class="n">test_images</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">array</span><span class="p">(</span><span class="n">test_images</span><span class="o">.</span><span class="n">drop</span><span class="p">(</span><span class="s1">&#39;filename&#39;</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">test_images</span> <span class="o">=</span> <span class="n">test_images</span><span class="o">.</span><span class="n">reshape</span><span class="p">(</span><span class="o">-</span><span class="mi">1</span><span class="p">,</span> <span class="mi">32</span><span class="p">,</span> <span class="mi">32</span><span class="p">,</span> <span class="mi">3</span><span class="p">)</span>

<span class="n">test_labels</span> <span class="o">=</span> <span class="n">pd</span><span class="o">.</span><span class="n">read_csv</span><span class="p">(</span><span class="s2">&quot;test_labels.csv&quot;</span><span class="p">)</span>
<span class="n">test_labels</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">array</span><span class="p">(</span><span class="n">test_labels</span><span class="p">[[</span><span class="s2">&quot;0&quot;</span><span class="p">,</span> <span class="s2">&quot;1&quot;</span><span class="p">,</span> <span class="s2">&quot;2&quot;</span><span class="p">,</span> <span class="s2">&quot;3&quot;</span><span class="p">,</span> <span class="s2">&quot;4&quot;</span><span class="p">]])</span>
<span class="n">test_labels_cat</span> <span class="o">=</span> <span class="n">digit_to_categorical</span><span class="p">(</span><span class="n">test_labels</span><span class="p">)</span>
<span class="n">test_labels_cat_list</span> <span class="o">=</span> <span class="p">[</span><span class="n">test_labels_cat</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="nb">range</span><span class="p">(</span><span class="mi">5</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;[384]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">hide_code</span>
<span class="n">train_images</span><span class="o">.</span><span class="n">shape</span><span class="p">,</span> <span class="n">test_images</span><span class="o">.</span><span class="n">shape</span><span class="p">,</span> <span class="n">train_labels_cat</span><span class="o">.</span><span class="n">shape</span><span class="p">,</span> <span class="n">test_labels_cat</span><span class="o">.</span><span class="n">shape</span>
</pre></div>

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

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


<div class="output_area">

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


<div class="output_text output_subarea output_execute_result">
<pre>((13000, 32, 32, 3), (6000, 32, 32, 3), (13000, 5, 11), (6000, 5, 11))</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;[364]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">hide_code</span>
<span class="kn">from</span> <span class="nn">keras.applications.vgg16</span> <span class="k">import</span> <span class="n">VGG16</span>

<span class="n">VGG16_model</span> <span class="o">=</span> <span class="n">VGG16</span><span class="p">(</span><span class="n">weights</span><span class="o">=</span><span class="s1">&#39;imagenet&#39;</span><span class="p">,</span> <span class="n">include_top</span><span class="o">=</span><span class="kc">False</span><span class="p">)</span>
<span class="n">bn_train</span> <span class="o">=</span> <span class="n">VGG16_model</span><span class="o">.</span><span class="n">predict</span><span class="p">(</span><span class="n">train_images</span><span class="p">)</span>
<span class="n">bn_test</span> <span class="o">=</span> <span class="n">VGG16_model</span><span class="o">.</span><span class="n">predict</span><span class="p">(</span><span class="n">test_images</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;[367]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">hide_code</span>
<span class="n">np</span><span class="o">.</span><span class="n">save</span><span class="p">(</span><span class="s1">&#39;bn_train.npy&#39;</span><span class="p">,</span> <span class="n">bn_train</span><span class="o">.</span><span class="n">reshape</span><span class="p">(</span><span class="o">-</span><span class="mi">1</span><span class="p">,</span> <span class="n">bn_train</span><span class="o">.</span><span class="n">shape</span><span class="p">[</span><span class="mi">3</span><span class="p">]))</span>
<span class="n">np</span><span class="o">.</span><span class="n">save</span><span class="p">(</span><span class="s1">&#39;bn_test.npy&#39;</span><span class="p">,</span> <span class="n">bn_test</span><span class="o">.</span><span class="n">reshape</span><span class="p">(</span><span class="o">-</span><span class="mi">1</span><span class="p">,</span> <span class="n">bn_test</span><span class="o">.</span><span class="n">shape</span><span class="p">[</span><span class="mi">3</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;[369]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">hide_code</span>
<span class="n">bn_train</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">load</span><span class="p">(</span><span class="s1">&#39;bn_train.npy&#39;</span><span class="p">)</span>
<span class="n">bn_test</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">load</span><span class="p">(</span><span class="s1">&#39;bn_test.npy&#39;</span><span class="p">)</span>
<span class="n">bn_train</span> <span class="o">=</span> <span class="n">bn_train</span><span class="o">.</span><span class="n">reshape</span><span class="p">(</span><span class="o">-</span><span class="mi">1</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="n">bn_train</span><span class="o">.</span><span class="n">shape</span><span class="p">[</span><span class="mi">1</span><span class="p">])</span>
<span class="n">bn_test</span> <span class="o">=</span> <span class="n">bn_test</span><span class="o">.</span><span class="n">reshape</span><span class="p">(</span><span class="o">-</span><span class="mi">1</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="n">bn_test</span><span class="o">.</span><span class="n">shape</span><span class="p">[</span><span class="mi">1</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;[455]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">hide_code</span>
<span class="k">def</span> <span class="nf">vgg16_add_model</span><span class="p">():</span>
    <span class="n">model_input</span> <span class="o">=</span> <span class="n">Input</span><span class="p">(</span><span class="n">shape</span><span class="o">=</span><span class="p">(</span><span class="n">bn_train</span><span class="o">.</span><span class="n">shape</span><span class="p">[</span><span class="mi">1</span><span class="p">:]))</span>
    <span class="n">x</span> <span class="o">=</span> <span class="n">GlobalAveragePooling2D</span><span class="p">()(</span><span class="n">model_input</span><span class="p">)</span>

    <span class="n">x</span> <span class="o">=</span> <span class="n">Dense</span><span class="p">(</span><span class="mi">1024</span><span class="p">,</span> <span class="n">activation</span><span class="o">=</span><span class="s1">&#39;relu&#39;</span><span class="p">)(</span><span class="n">x</span><span class="p">)</span>
    <span class="n">x</span> <span class="o">=</span> <span class="n">Dropout</span><span class="p">(</span><span class="mf">0.5</span><span class="p">)(</span><span class="n">x</span><span class="p">)</span>
    
    <span class="n">x</span> <span class="o">=</span> <span class="n">Dense</span><span class="p">(</span><span class="mi">256</span><span class="p">,</span> <span class="n">activation</span><span class="o">=</span><span class="s1">&#39;relu&#39;</span><span class="p">)(</span><span class="n">x</span><span class="p">)</span>
    <span class="n">x</span> <span class="o">=</span> <span class="n">Dropout</span><span class="p">(</span><span class="mf">0.5</span><span class="p">)(</span><span class="n">x</span><span class="p">)</span>
    
    <span class="n">y1</span> <span class="o">=</span> <span class="n">Dense</span><span class="p">(</span><span class="mi">11</span><span class="p">,</span> <span class="n">activation</span><span class="o">=</span><span class="s1">&#39;softmax&#39;</span><span class="p">)(</span><span class="n">x</span><span class="p">)</span>
    <span class="n">y2</span> <span class="o">=</span> <span class="n">Dense</span><span class="p">(</span><span class="mi">11</span><span class="p">,</span> <span class="n">activation</span><span class="o">=</span><span class="s1">&#39;softmax&#39;</span><span class="p">)(</span><span class="n">x</span><span class="p">)</span>
    <span class="n">y3</span> <span class="o">=</span> <span class="n">Dense</span><span class="p">(</span><span class="mi">11</span><span class="p">,</span> <span class="n">activation</span><span class="o">=</span><span class="s1">&#39;softmax&#39;</span><span class="p">)(</span><span class="n">x</span><span class="p">)</span>
    <span class="n">y4</span> <span class="o">=</span> <span class="n">Dense</span><span class="p">(</span><span class="mi">11</span><span class="p">,</span> <span class="n">activation</span><span class="o">=</span><span class="s1">&#39;softmax&#39;</span><span class="p">)(</span><span class="n">x</span><span class="p">)</span>
    <span class="n">y5</span> <span class="o">=</span> <span class="n">Dense</span><span class="p">(</span><span class="mi">11</span><span class="p">,</span> <span class="n">activation</span><span class="o">=</span><span class="s1">&#39;softmax&#39;</span><span class="p">)(</span><span class="n">x</span><span class="p">)</span> 
                        
    <span class="n">model</span> <span class="o">=</span> <span class="n">Model</span><span class="p">(</span><span class="nb">input</span><span class="o">=</span><span class="n">model_input</span><span class="p">,</span> <span class="n">output</span><span class="o">=</span><span class="p">[</span><span class="n">y1</span><span class="p">,</span> <span class="n">y2</span><span class="p">,</span> <span class="n">y3</span><span class="p">,</span> <span class="n">y4</span><span class="p">,</span> <span class="n">y5</span><span class="p">])</span>

    <span class="n">model</span><span class="o">.</span><span class="n">compile</span><span class="p">(</span><span class="n">loss</span><span class="o">=</span><span class="s1">&#39;categorical_crossentropy&#39;</span><span class="p">,</span> <span class="n">optimizer</span><span class="o">=</span><span class="s1">&#39;nadam&#39;</span><span class="p">,</span> <span class="n">metrics</span><span class="o">=</span><span class="p">[</span><span class="s1">&#39;accuracy&#39;</span><span class="p">])</span>
    <span class="k">return</span> <span class="n">model</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;[456]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">hide_code</span>
<span class="n">vgg16_add_model</span> <span class="o">=</span> <span class="n">vgg16_add_model</span><span class="p">()</span>
<span class="n">vgg16_checkpointer</span> <span class="o">=</span> <span class="n">ModelCheckpoint</span><span class="p">(</span><span class="n">filepath</span><span class="o">=</span><span class="s1">&#39;weights.best.vgg16_add.hdf5&#39;</span><span class="p">,</span> 
                                     <span class="n">verbose</span><span class="o">=</span><span class="mi">2</span><span class="p">,</span> <span class="n">save_best_only</span><span class="o">=</span><span class="kc">True</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;[457]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">hide_code</span>
<span class="n">vgg16_add_history</span> <span class="o">=</span> <span class="n">vgg16_add_model</span><span class="o">.</span><span class="n">fit</span><span class="p">(</span><span class="n">bn_train</span><span class="p">,</span> <span class="n">train_labels_cat_list</span><span class="p">,</span> 
                                        <span class="n">validation_data</span><span class="o">=</span><span class="p">(</span><span class="n">bn_test</span><span class="p">,</span> <span class="n">test_labels_cat_list</span><span class="p">),</span>
                                        <span class="n">epochs</span><span class="o">=</span><span class="mi">50</span><span class="p">,</span> <span class="n">batch_size</span><span class="o">=</span><span class="mi">128</span><span class="p">,</span> 
                                        <span class="n">callbacks</span><span class="o">=</span><span class="p">[</span><span class="n">vgg16_checkpointer</span><span class="p">],</span> <span class="n">verbose</span><span class="o">=</span><span class="mi">0</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>Epoch 00000: val_loss improved from inf to 4.21974, saving model to weights.best.vgg16_add.hdf5
Epoch 00001: val_loss improved from 4.21974 to 4.06842, saving model to weights.best.vgg16_add.hdf5
Epoch 00002: val_loss improved from 4.06842 to 3.91739, saving model to weights.best.vgg16_add.hdf5
Epoch 00003: val_loss improved from 3.91739 to 3.85889, saving model to weights.best.vgg16_add.hdf5
Epoch 00004: val_loss did not improve
Epoch 00005: val_loss improved from 3.85889 to 3.80666, saving model to weights.best.vgg16_add.hdf5
Epoch 00006: val_loss improved from 3.80666 to 3.76943, saving model to weights.best.vgg16_add.hdf5
Epoch 00007: val_loss did not improve
Epoch 00008: val_loss improved from 3.76943 to 3.69798, saving model to weights.best.vgg16_add.hdf5
Epoch 00009: val_loss improved from 3.69798 to 3.67708, saving model to weights.best.vgg16_add.hdf5
Epoch 00010: val_loss improved from 3.67708 to 3.65413, saving model to weights.best.vgg16_add.hdf5
Epoch 00011: val_loss did not improve
Epoch 00012: val_loss improved from 3.65413 to 3.65114, saving model to weights.best.vgg16_add.hdf5
Epoch 00013: val_loss improved from 3.65114 to 3.62319, saving model to weights.best.vgg16_add.hdf5
Epoch 00014: val_loss did not improve
Epoch 00015: val_loss did not improve
Epoch 00016: val_loss did not improve
Epoch 00017: val_loss did not improve
Epoch 00018: val_loss improved from 3.62319 to 3.60385, saving model to weights.best.vgg16_add.hdf5
Epoch 00019: val_loss did not improve
Epoch 00020: val_loss improved from 3.60385 to 3.58485, saving model to weights.best.vgg16_add.hdf5
Epoch 00021: val_loss did not improve
Epoch 00022: val_loss did not improve
Epoch 00023: val_loss did not improve
Epoch 00024: val_loss did not improve
Epoch 00025: val_loss did not improve
Epoch 00026: val_loss did not improve
Epoch 00027: val_loss did not improve
Epoch 00028: val_loss did not improve
Epoch 00029: val_loss did not improve
Epoch 00030: val_loss did not improve
Epoch 00031: val_loss did not improve
Epoch 00032: val_loss did not improve
Epoch 00033: val_loss did not improve
Epoch 00034: val_loss did not improve
Epoch 00035: val_loss did not improve
Epoch 00036: val_loss did not improve
Epoch 00037: val_loss did not improve
Epoch 00038: val_loss did not improve
Epoch 00039: val_loss did not improve
Epoch 00040: val_loss did not improve
Epoch 00041: val_loss did not improve
Epoch 00042: val_loss did not improve
Epoch 00043: val_loss did not improve
Epoch 00044: val_loss did not improve
Epoch 00045: val_loss did not improve
Epoch 00046: val_loss did not improve
Epoch 00047: val_loss did not improve
Epoch 00048: val_loss did not improve
Epoch 00049: val_loss did not improve
</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;[458]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">hide_code</span>
<span class="n">vgg16_add_model</span><span class="o">.</span><span class="n">load_weights</span><span class="p">(</span><span class="s1">&#39;weights.best.vgg16_add.hdf5&#39;</span><span class="p">)</span>
<span class="n">vgg16_add_scores</span> <span class="o">=</span> <span class="n">vgg16_add_model</span><span class="o">.</span><span class="n">evaluate</span><span class="p">(</span><span class="n">bn_test</span><span class="p">,</span> <span class="n">test_labels_cat_list</span><span class="p">,</span> <span class="n">verbose</span><span class="o">=</span><span class="mi">0</span><span class="p">)</span>

<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;VGG16 ADD Model. </span><span class="se">\n</span><span class="s2">&quot;</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;Scores: </span><span class="se">\n</span><span class="s2">&quot;</span> <span class="p">,</span> <span class="p">(</span><span class="n">vgg16_add_scores</span><span class="p">))</span>
<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;First digit. Accuracy: </span><span class="si">%.2f%%</span><span class="s2">&quot;</span> <span class="o">%</span> <span class="p">(</span><span class="n">vgg16_add_scores</span><span class="p">[</span><span class="mi">6</span><span class="p">]</span><span class="o">*</span><span class="mi">100</span><span class="p">))</span>
<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;Second digit. Accuracy: </span><span class="si">%.2f%%</span><span class="s2">&quot;</span> <span class="o">%</span> <span class="p">(</span><span class="n">vgg16_add_scores</span><span class="p">[</span><span class="mi">7</span><span class="p">]</span><span class="o">*</span><span class="mi">100</span><span class="p">))</span>
<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;Third digit. Accuracy: </span><span class="si">%.2f%%</span><span class="s2">&quot;</span> <span class="o">%</span> <span class="p">(</span><span class="n">vgg16_add_scores</span><span class="p">[</span><span class="mi">8</span><span class="p">]</span><span class="o">*</span><span class="mi">100</span><span class="p">))</span>
<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;Fourth digit. Accuracy: </span><span class="si">%.2f%%</span><span class="s2">&quot;</span> <span class="o">%</span> <span class="p">(</span><span class="n">vgg16_add_scores</span><span class="p">[</span><span class="mi">9</span><span class="p">]</span><span class="o">*</span><span class="mi">100</span><span class="p">))</span>
<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;Fifth digit. Accuracy: </span><span class="si">%.2f%%</span><span class="s2">&quot;</span> <span class="o">%</span> <span class="p">(</span><span class="n">vgg16_add_scores</span><span class="p">[</span><span class="mi">10</span><span class="p">]</span><span class="o">*</span><span class="mi">100</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>VGG16 ADD Model. 

Scores: 
 [3.5848494021097821, 0.002440998214505271, 0.046322134738788011, 0.42428658004601799, 1.4356047627131143, 1.6761949189503988, 0.99983333333333335, 0.98683333333333334, 0.8763333333333333, 0.52033333333333331, 0.42566666666666669]
First digit. Accuracy: 99.98%
Second digit. Accuracy: 98.68%
Third digit. Accuracy: 87.63%
Fourth digit. Accuracy: 52.03%
Fifth digit. Accuracy: 42.57%
</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;[461]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">vgg16_avg_accuracy</span> <span class="o">=</span> <span class="nb">sum</span><span class="p">([</span><span class="n">vgg16_add_scores</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="nb">range</span><span class="p">(</span><span class="mi">6</span><span class="p">,</span> <span class="mi">11</span><span class="p">)])</span><span class="o">/</span><span class="mi">5</span>

<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;VGG16 Model. Average Accuracy: </span><span class="si">%.2f%%</span><span class="s2">&quot;</span> <span class="o">%</span> <span class="p">(</span><span class="n">vgg16_avg_accuracy</span><span class="o">*</span><span class="mi">100</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>VGG16 Model. Average Accuracy: 76.18%
</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;[459]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">filename</span> <span class="o">=</span> <span class="n">os</span><span class="o">.</span><span class="n">path</span><span class="o">.</span><span class="n">join</span><span class="p">(</span><span class="s1">&#39;new&#39;</span><span class="p">,</span> <span class="s1">&#39;6.png&#39;</span><span class="p">)</span>
<span class="n">img</span> <span class="o">=</span> <span class="n">cv2</span><span class="o">.</span><span class="n">cvtColor</span><span class="p">(</span><span class="n">cv2</span><span class="o">.</span><span class="n">imread</span><span class="p">(</span><span class="n">filename</span><span class="p">),</span> <span class="n">cv2</span><span class="o">.</span><span class="n">COLOR_BGR2RGB</span><span class="p">)</span>
<span class="n">img_vgg16</span> <span class="o">=</span> <span class="n">cv2</span><span class="o">.</span><span class="n">resize</span><span class="p">(</span><span class="n">img</span><span class="p">,</span> <span class="p">(</span><span class="mi">32</span><span class="p">,</span> <span class="mi">32</span><span class="p">))</span>

<span class="nb">print</span> <span class="p">(</span><span class="s1">&#39;File: &#39;</span><span class="p">,</span> <span class="n">new_filenames</span><span class="p">[</span><span class="mi">26</span><span class="p">])</span>
<span class="nb">print</span> <span class="p">(</span><span class="s1">&#39;Label: &#39;</span><span class="p">,</span> <span class="n">new_labels</span><span class="p">[</span><span class="mi">26</span><span class="p">])</span>
<span class="nb">print</span> <span class="p">(</span><span class="s1">&#39;Categorical label: </span><span class="se">\n</span><span class="s1">&#39;</span><span class="p">,</span> <span class="n">new_labels_cat</span><span class="p">[</span><span class="mi">26</span><span class="p">])</span>
<span class="n">plt</span><span class="o">.</span><span class="n">imshow</span><span class="p">(</span><span class="n">img_vgg16</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>File:  6.png
Label:  [10 10 10  1  0]
Categorical label: 
 [[ 0.  0.  0.  0.  0.  0.  0.  0.  0.  0.  1.]
 [ 0.  0.  0.  0.  0.  0.  0.  0.  0.  0.  1.]
 [ 0.  0.  0.  0.  0.  0.  0.  0.  0.  0.  1.]
 [ 0.  1.  0.  0.  0.  0.  0.  0.  0.  0.  0.]
 [ 1.  0.  0.  0.  0.  0.  0.  0.  0.  0.  0.]]
</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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
5ugWF304d5IAAAAASUVORK5CYII=
"
>
</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[460]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">img_vgg16</span> <span class="o">=</span> <span class="n">img_vgg16</span><span class="o">.</span><span class="n">reshape</span><span class="p">(</span><span class="mi">1</span><span class="p">,</span><span class="mi">32</span><span class="p">,</span><span class="mi">32</span><span class="p">,</span><span class="mi">3</span><span class="p">)</span>
<span class="n">predict_vgg16</span> <span class="o">=</span> <span class="n">VGG16_model</span><span class="o">.</span><span class="n">predict</span><span class="p">(</span><span class="n">img_vgg16</span><span class="p">)</span>
<span class="n">predict_vgg16_add</span> <span class="o">=</span> <span class="n">vgg16_add_model</span><span class="o">.</span><span class="n">predict</span><span class="p">(</span><span class="n">predict_vgg16</span><span class="p">)</span>
<span class="n">predict_label_vgg16</span> <span class="o">=</span> <span class="p">[</span><span class="n">np</span><span class="o">.</span><span class="n">argmax</span><span class="p">(</span><span class="n">y</span><span class="p">)</span> <span class="k">for</span> <span class="n">y</span> <span class="ow">in</span> <span class="n">predict_vgg16_add</span><span class="p">]</span>

<span class="nb">print</span><span class="p">(</span><span class="s1">&#39;Predicted label:&#39;</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="n">predict_label_vgg16</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>Predicted label:
[10, 10, 10, 8, 0]
</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="Documentation">Documentation<a class="anchor-link" href="#Documentation">&#182;</a></h3><p>Provide additional documentation sufficient for detailing the implementation of the Android application or Python program for visualizing the classification of numbers in images. It should be clear how the program or application works. Demonstrations should be provided.</p>

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

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

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

 
</html>