custom.css

/*!
*
* IPython base
*
*/

.hbox,
div.unrecognized_cell {
    -webkit-box-orient: horizontal
}

.hbox,
.vbox,
div.cell {
    display: -webkit-box;
    display: flex
}

.corner-all,
div.cell {
    border-radius: 2px
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

code {
    color: #000
}

pre {
    font-size: inherit;
    line-height: inherit
}

label {
    font-weight: 400
}

.border-box-sizing {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.no-padding {
    padding: 0
}

.hbox {
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    box-orient: horizontal;
    box-align: stretch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    align-items: stretch
}

.hbox>* {
    -webkit-box-flex: 0;
    box-flex: 0;
    flex: none
}

.vbox {
    -webkit-box-orient: vertical;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    box-orient: vertical;
    box-align: stretch;
    flex-direction: column;
    align-items: stretch
}

.vbox>* {
    -webkit-box-flex: 0;
    box-flex: 0;
    flex: none
}

.hbox.reverse,
.reverse,
.vbox.reverse {
    -webkit-box-direction: reverse;
    box-direction: reverse;
    flex-direction: row-reverse
}

.box-flex0,
.hbox.box-flex0,
.vbox.box-flex0 {
    -webkit-box-flex: 0;
    box-flex: 0;
    flex: none;
    width: auto
}

.box-flex,
.box-flex1,
.hbox.box-flex,
.hbox.box-flex1,
.vbox.box-flex,
.vbox.box-flex1 {
    -webkit-box-flex: 1;
    box-flex: 1;
    flex: 1
}

.box-flex2,
.hbox.box-flex2,
.vbox.box-flex2 {
    -webkit-box-flex: 2;
    box-flex: 2;
    flex: 2
}

.box-group1 {
    -webkit-box-flex-group: 1;
    -moz-box-flex-group: 1;
    box-flex-group: 1
}

.box-group2 {
    -webkit-box-flex-group: 2;
    -moz-box-flex-group: 2;
    box-flex-group: 2
}

.hbox.start,
.start,
.vbox.start {
    -webkit-box-pack: start;
    box-pack: start;
    justify-content: flex-start
}

.end,
.hbox.end,
.vbox.end {
    -webkit-box-pack: end;
    box-pack: end;
    justify-content: flex-end
}

.center,
.hbox.center,
.vbox.center {
    -webkit-box-pack: center;
    box-pack: center;
    justify-content: center
}

.baseline,
.hbox.baseline,
.vbox.baseline {
    -webkit-box-pack: baseline;
    box-pack: baseline;
    justify-content: baseline
}

.hbox.stretch,
.stretch,
.vbox.stretch {
    -webkit-box-pack: stretch;
    box-pack: stretch;
    justify-content: stretch
}

.align-start,
.hbox.align-start,
.vbox.align-start {
    -webkit-box-align: start;
    box-align: start;
    align-items: flex-start
}

.align-end,
.hbox.align-end,
.vbox.align-end {
    -webkit-box-align: end;
    box-align: end;
    align-items: flex-end
}

.align-center,
.hbox.align-center,
.vbox.align-center {
    -webkit-box-align: center;
    box-align: center;
    align-items: center
}

.align-baseline,
.hbox.align-baseline,
.vbox.align-baseline {
    -webkit-box-align: baseline;
    box-align: baseline;
    align-items: baseline
}

.align-stretch,
.hbox.align-stretch,
.vbox.align-stretch {
    -webkit-box-align: stretch;
    box-align: stretch;
    align-items: stretch
}

div.cell,
div.inner_cell {
    -webkit-box-align: stretch
}

div.error {
    margin: 2em;
    text-align: center
}

div.error>h1 {
    font-size: 500%;
    line-height: normal
}

div.error>p {
    font-size: 200%;
    line-height: normal
}

div.traceback-wrapper {
    text-align: left;
    max-width: 800px;
    margin: auto
}

div.traceback-wrapper pre.traceback {
    max-height: 600px;
    overflow: auto
}

.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: 700
}

.ansi-underline {
    text-decoration: underline
}

.ansi-inverse {
    outline: dotted .5px
}

.ansibold {
    font-weight: 700
}

.ansiblack {
    color: #000
}

.ansired {
    color: #8b0000
}

.ansigreen {
    color: #006400
}

.ansiyellow {
    color: #c4a000
}

.ansiblue {
    color: #00008b
}

.ansipurple {
    color: #9400d3
}

.ansicyan {
    color: #4682b4
}

.ansigray {
    color: gray
}

.ansibgblack {
    background-color: #000
}

.ansibgred {
    background-color: red
}

.ansibggreen {
    background-color: green
}

.ansibgyellow {
    background-color: #ff0
}

.ansibgblue {
    background-color: #00f
}

.ansibgpurple {
    background-color: #ff00ff
}

.ansibgcyan {
    background-color: #0ff
}

.ansibggray {
    background-color: gray
}

div.cell {
    -webkit-box-orient: vertical;
    -moz-box-align: stretch;
    box-orient: vertical;
    box-align: stretch;
    flex-direction: column;
    -webkit-box-align: stretch;
    align-items: stretch;
    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;
    margin: 0;
    outline: 0;
    position: relative;
    overflow: visible
}

div.inner_cell,
div.output_wrapper {
    -webkit-box-orient: vertical
}

.edit_mode div.cell.selected:before,
div.cell.selected.jupyter-soft-selected:before,
div.cell.selected:before,
div.cell:before {
    position: absolute;
    display: block;
    top: -1px;
    left: -1px;
    width: 5px;
    height: calc(102%);
    content: ''
}

div.cell:before {
    background: 0 0
}

div.cell.jupyter-soft-selected {
    border-left-color: #E3F2FD;
    border-left-width: 1px;
    padding-left: 5px;
    border-right-color: #E3F2FD;
    border-right-width: 1px;
    background: #E3F2FD
}

@media print {
    div.cell.jupyter-soft-selected {
        border-color: transparent
    }
}

div.cell.selected,
div.cell.selected.jupyter-soft-selected {
    border-color: #ababab
}

div.cell.selected.jupyter-soft-selected:before,
div.cell.selected:before {
    background: #42A5F5
}

@media print {
    div.cell.selected,
    div.cell.selected.jupyter-soft-selected {
        border-color: transparent
    }
}

.edit_mode div.cell.selected {
    border-color: #66BB6A
}

.edit_mode div.cell.selected:before {
    background: #66BB6A
}

@media print {
    .edit_mode div.cell.selected {
        border-color: transparent
    }
    div.code_cell {
        page-break-inside: avoid
    }
}

.prompt {
    min-width: 14ex;
    padding: .4em;
    margin: 0;
    font-family: monospace;
    text-align: right;
    line-height: 1.21429em;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default
}

div.inner_cell {
    min-width: 0;
    -moz-box-align: stretch;
    box-orient: vertical;
    box-align: stretch;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: stretch;
    align-items: stretch;
    -webkit-box-flex: 1;
    box-flex: 1;
    flex: 1
}

div.input_area {
    border: 1px solid #cfcfcf;
    border-radius: 2px;
    background: #f7f7f7;
    line-height: 1.21429em
}

div.prompt:empty {
    padding-top: 0;
    padding-bottom: 0
}

div.unrecognized_cell {
    padding: 5px 5px 5px 0;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    box-orient: horizontal;
    box-align: stretch;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    align-items: stretch
}

div.unrecognized_cell .inner_cell {
    border-radius: 2px;
    padding: 5px;
    font-weight: 700;
    color: red;
    border: 1px solid #cfcfcf;
    background: #eaeaea
}

div.unrecognized_cell .inner_cell a,
div.unrecognized_cell .inner_cell a:hover {
    color: inherit;
    text-decoration: none
}

@media (max-width:540px) {
    .prompt {
        text-align: left
    }
    div.unrecognized_cell>div.prompt {
        display: none
    }
}

div.input,
div.output_wrapper {
    -webkit-box-align: stretch;
    display: -webkit-box;
    display: flex
}

div.input {
    page-break-inside: avoid;
    -webkit-box-orient: horizontal;
    -moz-box-align: stretch;
    box-orient: horizontal;
    box-align: stretch;
    flex-direction: row;
    -webkit-box-align: stretch;
    align-items: stretch
}

@media (max-width:540px) {
    div.input {
        -webkit-box-orient: vertical;
        -webkit-box-align: stretch;
        -moz-box-align: stretch;
        box-orient: vertical;
        box-align: stretch;
        display: -webkit-box;
        display: flex;
        flex-direction: column;
        align-items: stretch
    }
}

div.input_prompt {
    color: #303F9F;
    border-top: 1px solid transparent
}

div.input_area>div.highlight {
    margin: .4em;
    border: none;
    padding: 0;
    background-color: transparent
}

div.input_area>div.highlight>pre {
    margin: 0;
    border: none;
    padding: 0;
    background-color: transparent
}

.CodeMirror {
    line-height: 1.21429em;
    font-size: 14px;
    height: auto;
    background: 0 0
}

.CodeMirror-scroll {
    overflow-y: hidden;
    overflow-x: auto
}

.CodeMirror-lines {
    padding: .4em
}

.CodeMirror-linenumber {
    padding: 0 8px 0 4px
}

.CodeMirror-gutters {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px
}

.CodeMirror pre {
    padding: 0;
    border: 0;
    border-radius: 0
}

.highlight-base,
.highlight-variable {
    color: #000
}

.highlight-variable-2 {
    color: #1a1a1a
}

.highlight-variable-3 {
    color: #333
}

.highlight-string {
    color: #BA2121
}

.highlight-comment {
    color: #408080;
    font-style: italic
}

.highlight-number {
    color: #080
}

.highlight-atom {
    color: #88F
}

.highlight-keyword {
    color: green;
    font-weight: 700
}

.highlight-builtin {
    color: green
}

.highlight-error {
    color: red
}

.highlight-operator {
    color: #A2F;
    font-weight: 700
}

.highlight-meta {
    color: #A2F
}

.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: #00f
}

.highlight-quote {
    color: #090
}

.highlight-link {
    color: #00c
}

.cm-s-ipython span.cm-keyword {
    color: green;
    font-weight: 700
}

.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: #A2F;
    font-weight: 700
}

.cm-s-ipython span.cm-variable-2 {
    color: #1a1a1a
}

.cm-s-ipython span.cm-variable-3 {
    color: #333
}

.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: #A2F
}

.cm-s-ipython span.cm-qualifier {
    color: #555
}

.cm-s-ipython span.cm-builtin {
    color: green
}

.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: #00f
}

.cm-s-ipython span.cm-quote {
    color: #090
}

.cm-s-ipython span.cm-link {
    color: #00c
}

.cm-s-ipython span.cm-error {
    color: red
}

.cm-s-ipython span.cm-tab {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAMCAYAAAAkuj5RAAAAAXNSR0IArs4c6QAAAGFJREFUSMft1LsRQFAQheHPowAKoACx3IgEKtaEHujDjORSgWTH/ZOdnZOcM/sgk/kFFWY0qV8foQwS4MKBCS3qR6ixBJvElOobYAtivseIE120FaowJPN75GMu8j/LfMwNjh4HUpwg4LUAAAAASUVORK5CYII=) right no-repeat
}

div.output_wrapper {
    position: relative;
    -moz-box-align: stretch;
    box-orient: vertical;
    box-align: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: stretch;
    align-items: stretch;
    z-index: 1
}

div.output_area,
div.output_collapsed {
    -webkit-box-align: stretch;
    display: -webkit-box;
    display: flex
}

div.output_scroll {
    height: 24em;
    width: 100%;
    overflow: auto;
    border-radius: 2px;
    box-shadow: inset 0 2px 8px rgba(0, 0, 0, .8);
    display: block
}

div.output_collapsed {
    margin: 0;
    padding: 0;
    -webkit-box-orient: vertical;
    -moz-box-align: stretch;
    box-orient: vertical;
    box-align: stretch;
    flex-direction: column;
    -webkit-box-align: stretch;
    align-items: stretch
}

div.out_prompt_overlay {
    height: 100%;
    padding: 0 .4em;
    position: absolute;
    border-radius: 2px
}

div.out_prompt_overlay:hover {
    box-shadow: inset 0 0 1px #000;
    background: rgba(240, 240, 240, .5)
}

div.output_prompt {
    color: #D84315
}

div.output_area {
    padding: 0;
    page-break-inside: avoid;
    -webkit-box-orient: horizontal;
    -moz-box-align: stretch;
    box-orient: horizontal;
    box-align: stretch;
    flex-direction: row;
    -webkit-box-align: stretch;
    align-items: stretch
}

div.output_area .MathJax_Display {
    text-align: left!important
}

div.output_latex,
div.output_text {
    text-align: left
}

div.output_area .rendered_html img,
div.output_area .rendered_html table {
    margin-left: 0;
    margin-right: 0
}

div.output_area img,
div.output_area svg {
    max-width: 100%;
    height: auto
}

div.output_area .mglyph>img,
div.output_area img.unconfined,
div.output_area svg.unconfined {
    max-width: none
}

.output {
    -webkit-box-orient: vertical;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    box-orient: vertical;
    box-align: stretch;
    display: -webkit-box;
    display: flex;
    flex-direction: column;
    align-items: stretch
}

@media (max-width:540px) {
    div.output_area {
        -webkit-box-orient: vertical;
        -webkit-box-align: stretch;
        -moz-box-align: stretch;
        box-orient: vertical;
        box-align: stretch;
        display: -webkit-box;
        display: flex;
        flex-direction: column;
        align-items: stretch
    }
}

div.output_area pre {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    color: #000;
    background-color: transparent;
    border-radius: 0
}

div.output_subarea {
    overflow-x: auto;
    padding: .4em;
    -webkit-box-flex: 1;
    box-flex: 1;
    flex: 1;
    max-width: calc(86%)
}

div.output_scroll div.output_subarea {
    overflow-x: visible
}

div.output_text {
    color: #000;
    line-height: 1.21429em
}

div.output_stderr {
    background: #fdd
}

div.output_javascript:empty {
    padding: 0
}

.js-error {
    color: #8b0000
}

div.raw_input_container {
    line-height: 1.21429em;
    padding-top: 5px
}

input.raw_input {
    font-family: monospace;
    font-size: inherit;
    color: inherit;
    width: auto;
    vertical-align: baseline;
    padding: 0 .25em;
    margin: 0 .25em
}

input.raw_input:focus {
    box-shadow: none
}

p.p-space {
    margin-bottom: 10px
}

div.output_unrecognized {
    padding: 5px;
    font-weight: 700;
    color: red
}

div.output_unrecognized a,
div.output_unrecognized a:hover {
    color: inherit;
    text-decoration: none
}

.rendered_html {
    color: #000
}

.rendered_html em {
    font-style: italic
}

.rendered_html strong {
    font-weight: 700
}

.rendered_html:link,
.rendered_html:visited,
.rendered_html u {
    text-decoration: underline
}

.rendered_html h1 {
    font-size: 185.7%;
    margin: 1.08em 0 0;
    font-weight: 700;
    line-height: 1
}

.rendered_html h2 {
    font-size: 157.1%;
    margin: 1.27em 0 0;
    font-weight: 700;
    line-height: 1
}

.rendered_html h3 {
    font-size: 128.6%;
    margin: 1.55em 0 0;
    font-weight: 700;
    line-height: 1
}

.rendered_html h4,
.rendered_html h5,
.rendered_html h6 {
    margin: 2em 0 0;
    line-height: 1;
    font-size: 100%;
    font-weight: 700
}

.rendered_html h5,
.rendered_html h6 {
    font-style: italic
}

.rendered_html h1:first-child {
    margin-top: .538em
}

.rendered_html h2:first-child {
    margin-top: .636em
}

.rendered_html h3:first-child {
    margin-top: .777em
}

.rendered_html *+ol,
.rendered_html *+ul,
.rendered_html h4:first-child,
.rendered_html h5:first-child,
.rendered_html h6:first-child {
    margin-top: 1em
}

.rendered_html ol:not(.list-inline),
.rendered_html ul:not(.list-inline) {
    padding-left: 2em
}

.rendered_html ul {
    list-style: disc
}

.rendered_html ul ul {
    list-style: square
}

.rendered_html ul ul ul {
    list-style: circle
}

.rendered_html ol {
    list-style: decimal
}

.rendered_html ol ol {
    list-style: upper-alpha
}

.rendered_html ol ol ol {
    list-style: lower-alpha
}

.rendered_html ol ol ol ol {
    list-style: lower-roman
}

.rendered_html ol ol ol ol ol {
    list-style: decimal
}

.rendered_html blockquote,
.rendered_html pre {
    margin: 1em 2em
}

.rendered_html hr {
    color: #000;
    background-color: #000
}

.rendered_html code,
.rendered_html pre {
    border: 0;
    background-color: #fff;
    color: #000;
    font-size: 100%;
    padding: 0
}

.rendered_html *+.alert,
.rendered_html *+img,
.rendered_html *+p,
.rendered_html *+table {
    margin-top: 1em
}

.rendered_html table {
    margin-left: auto;
    margin-right: auto;
    border: none;
    border-collapse: collapse;
    border-spacing: 0;
    color: #000;
    font-size: 18px;
    table-layout: fixed
}

.rendered_html thead {
    border-bottom: 1px solid #000;
    vertical-align: bottom
}

.rendered_html td,
.rendered_html th,
.rendered_html tr {
    text-align: right;
    vertical-align: middle;
    padding: .5em;
    line-height: normal;
    white-space: normal;
    max-width: none;
    border: none
}

.rendered_html th {
    font-weight: 700
}

.rendered_html tbody tr:nth-child(odd) {
    background: #f5f5f5
}

.rendered_html tbody tr:hover {
    background: rgba(66, 165, 245, .2)
}

.rendered_html img {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.rendered_html img,
.rendered_html svg {
    max-width: 100%;
    height: auto
}

.rendered_html img.unconfined,
.rendered_html svg.unconfined,
.text_cell.rendered .rendered_html td,
.text_cell.rendered .rendered_html th,
.text_cell.rendered .rendered_html tr {
    max-width: none
}

.rendered_html .alert {
    margin-bottom: initial
}

div.text_cell {
    -webkit-box-orient: horizontal;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    box-orient: horizontal;
    box-align: stretch;
    display: -webkit-box;
    display: flex;
    flex-direction: row;
    align-items: stretch
}

.text_cell.rendered .input_area,
.text_cell.unrendered .text_cell_render {
    display: none
}

@media (max-width:540px) {
    div.text_cell>div.prompt {
        display: none
    }
}

div.text_cell_render {
    outline: 0;
    resize: none;
    width: inherit;
    border-style: none;
    padding: .5em .5em .5em .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: 0 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 .rendered_html {
    overflow-x: auto;
    overflow-y: hidden
}

.text_cell .dropzone .input_area {
    border: 2px dashed #bababa;
    margin: -1px
}

.cm-header-1,
.cm-header-2,
.cm-header-3,
.cm-header-4,
.cm-header-5,
.cm-header-6 {
    font-weight: 700;
    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,
.cm-header-6 {
    font-size: 100%;
    font-style: italic
}

.highlight .hll {
    background-color: #ffc
}

.highlight .c {
    color: #408080;
    font-style: italic
}

.highlight .err {
    border: 1px solid red
}

.highlight .k {
    color: green;
    font-weight: 700
}

.highlight .o {
    color: #666
}

.highlight .cm {
    color: #408080;
    font-style: italic
}

.highlight .cp {
    color: #BC7A00
}

.highlight .c1,
.highlight .cs {
    color: #408080;
    font-style: italic
}

.highlight .gd {
    color: #A00000
}

.highlight .ge {
    font-style: italic
}

.highlight .gr {
    color: red
}

.highlight .gh {
    color: navy;
    font-weight: 700
}

.highlight .gi {
    color: #00A000
}

.highlight .go {
    color: #888
}

.highlight .gp {
    color: navy;
    font-weight: 700
}

.highlight .gs {
    font-weight: 700
}

.highlight .gu {
    color: purple;
    font-weight: 700
}

.highlight .gt {
    color: #04D
}

.highlight .kc,
.highlight .kd,
.highlight .kn {
    color: green;
    font-weight: 700
}

.highlight .kp {
    color: green
}

.highlight .kr {
    color: green;
    font-weight: 700
}

.highlight .kt {
    color: #B00040
}

.highlight .m {
    color: #666
}

.highlight .s {
    color: #BA2121
}

.highlight .na {
    color: #7D9029
}

.highlight .nb {
    color: green
}

.highlight .nc {
    color: #00F;
    font-weight: 700
}

.highlight .no {
    color: #800
}

.highlight .nd {
    color: #A2F
}

.highlight .ni {
    color: #999;
    font-weight: 700
}

.highlight .ne {
    color: #D2413A;
    font-weight: 700
}

.highlight .nf {
    color: #00F
}

.highlight .nl {
    color: #A0A000
}

.highlight .nn {
    color: #00F;
    font-weight: 700
}

.highlight .nt {
    color: green;
    font-weight: 700
}

.highlight .nv {
    color: #19177C
}

.highlight .ow {
    color: #A2F;
    font-weight: 700
}

.highlight .w {
    color: #bbb
}

.highlight .mb,
.highlight .mf,
.highlight .mh,
.highlight .mi,
.highlight .mo {
    color: #666
}

.highlight .s2,
.highlight .sb,
.highlight .sc {
    color: #BA2121
}

.highlight .sd {
    color: #BA2121;
    font-style: italic
}

.highlight .se {
    color: #B62;
    font-weight: 700
}

.highlight .sh {
    color: #BA2121
}

.highlight .si {
    color: #B68;
    font-weight: 700
}

.highlight .sx {
    color: green
}

.highlight .sr {
    color: #B68
}

.highlight .s1 {
    color: #BA2121
}

.highlight .ss {
    color: #19177C
}

.highlight .bp {
    color: green
}

.highlight .vc,
.highlight .vg,
.highlight .vi {
    color: #19177C
}

.highlight .il {
    color: #666
}

.imgwrap {
    text-align: center
}

@media (max-width:767px) {
    div.input,
    div.output_area {
        box-orient: vertical
    }
    div.prompt {
        text-align: left
    }
    .cell img {
        display: block;
        max-width: 100%;
        height: auto
    }
}

body {
    overflow-x: hidden;
    overflow-y: auto;
    line-height: inherit
}

.reveal {
    font-size: 130%;
    overflow-y: scroll
}

.reveal pre {
    width: inherit;
    padding: .4em;
    margin: 0;
    font-family: monospace, sans-serif;
    font-size: 80%;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0)
}

.reveal pre code {
    padding: 0
}

.reveal section img {
    border: 0 solid #000;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0)
}

.reveal i {
    font-style: normal;
    font-family: FontAwesome;
    font-size: 2em
}

div.output_area pre,
div.prompt {
    font-family: monospace, sans-serif;
    font-size: 80%
}

.reveal .slides {
    text-align: left
}

.reveal.fade {
    opacity: 1
}

.reveal .text_cell.rendered .rendered_html {
    overflow-y: hidden
}

div.input_area {
    padding: .06em
}

div.code_cell {
    background-color: transparent
}

div.prompt {
    width: 11ex;
    padding: .4em;
    margin: 0;
    text-align: right
}

div.output_prompt {
    margin: 5px 5px 0 0
}

.rendered_html p {
    text-align: inherit
}

.container {
    height: inherit
}

.footer {
    display: none
}

#menubar {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px
}

#menubar .container .container {
    position: absolute
}

@media screen and (min-width:980px) {
    .navbar-inner {
        opacity: .5;
        transition: opacity .5s ease-in-out;
        -webkit-transition: opacity .5s ease-in-out
    }
}

@media screen and (max-width:767px) {
    #menubar {
        position: fixed;
        opacity: .9
    }
    #menubar .container {
        padding: 0 20px
    }
}