.CodeMirror-dialog {
    background-color: #fff;
}
/*!
*
* IPython notebook
*
*/
/* CSS font colors for translated ANSI escape sequences */
/* The color values are a mix of
   http://www.xcolors.net/dl/baskerville-ivorylight and
   http://www.xcolors.net/dl/euphrasia */
.ansi-black-fg {
    color: #3E424D;
}
.ansi-black-bg {
    background-color: #3E424D;
}
.ansi-black-intense-fg {
    color: #282C36;
}
.ansi-black-intense-bg {
    background-color: #282C36;
}
.ansi-red-fg {
    color: #E75C58;
}
.ansi-red-bg {
    background-color: #E75C58;
}
.ansi-red-intense-fg {
    color: #B22B31;
}
.ansi-red-intense-bg {
    background-color: #B22B31;
}
.ansi-green-fg {
    color: #00A250;
}
.ansi-green-bg {
    background-color: #00A250;
}
.ansi-green-intense-fg {
    color: #007427;
}
.ansi-green-intense-bg {
    background-color: #007427;
}
.ansi-yellow-fg {
    color: #DDB62B;
}
.ansi-yellow-bg {
    background-color: #DDB62B;
}
.ansi-yellow-intense-fg {
    color: #B27D12;
}
.ansi-yellow-intense-bg {
    background-color: #B27D12;
}
.ansi-blue-fg {
    color: #208FFB;
}
.ansi-blue-bg {
    background-color: #208FFB;
}
.ansi-blue-intense-fg {
    color: #0065CA;
}
.ansi-blue-intense-bg {
    background-color: #0065CA;
}
.ansi-magenta-fg {
    color: #D160C4;
}
.ansi-magenta-bg {
    background-color: #D160C4;
}
.ansi-magenta-intense-fg {
    color: #A03196;
}
.ansi-magenta-intense-bg {
    background-color: #A03196;
}
.ansi-cyan-fg {
    color: #60C6C8;
}
.ansi-cyan-bg {
    background-color: #60C6C8;
}
.ansi-cyan-intense-fg {
    color: #258F8F;
}
.ansi-cyan-intense-bg {
    background-color: #258F8F;
}
.ansi-white-fg {
    color: #C5C1B4;
}
.ansi-white-bg {
    background-color: #C5C1B4;
}
.ansi-white-intense-fg {
    color: #A1A6B2;
}
.ansi-white-intense-bg {
    background-color: #A1A6B2;
}
.ansi-default-inverse-fg {
    color: #FFFFFF;
}
.ansi-default-inverse-bg {
    background-color: #000000;
}
.ansi-bold {
    font-weight: bold;
}
.ansi-underline {
    text-decoration: underline;
}
/* The following styles are deprecated an will be removed in a future version */
.ansibold {
    font-weight: bold;
}
.ansi-inverse {
    outline: 0.5px dotted;
}
/* use dark versions for foreground, to improve visibility */
.ansiblack {
    color: black;
}
.ansired {
    color: darkred;
}
.ansigreen {
    color: darkgreen;
}
.ansiyellow {
    color: #c4a000;
}
.ansiblue {
    color: darkblue;
}
.ansipurple {
    color: darkviolet;
}
.ansicyan {
    color: steelblue;
}
.ansigray {
    color: gray;
}
/* and light for background, for the same reason */
.ansibgblack {
    background-color: black;
}
.ansibgred {
    background-color: red;
}
.ansibggreen {
    background-color: green;
}
.ansibgyellow {
    background-color: yellow;
}
.ansibgblue {
    background-color: blue;
}
.ansibgpurple {
    background-color: magenta;
}
.ansibgcyan {
    background-color: cyan;
}
.ansibggray {
    background-color: gray;
}
div.cell {
    /* Old browsers */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-align: stretch;
    display: -moz-box;
    -moz-box-orient: vertical;
    -moz-box-align: stretch;
    display: box;
    box-orient: vertical;
    box-align: stretch;
    /* Modern browsers */
    display: flex;
    flex-direction: column;
    align-items: stretch;
    border-radius: 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    width: 100%;
    /*padding: 5px;*/
    /* This acts as a spacer between cells, that is outside the border */
    margin: 0px;
    outline: none;
    position: relative;
    overflow: visible;
}
div.cell:before {
    position: absolute;
    display: block;
    top: -1px;
    left: -1px;
    width: 5px;
    height: calc(100% +  2px);
    content: '';
    background: transparent;
}
div.cell.jupyter-soft-selected {
    border-left-color: #E3F2FD;
    border-left-width: 1px;
    padding-left: 5px;
    border-right-color: #E3F2FD;
    border-right-width: 1px;
    background: #E3F2FD;
}
@media print {
    div.cell.jupyter-soft-selected {
        border-color: transparent;
    }
}
div.cell.selected,
div.cell.selected.jupyter-soft-selected {
    border-color: #ababab;
}
div.cell.selected:before,
div.cell.selected.jupyter-soft-selected:before {
    position: absolute;
    display: block;
    top: -1px;
    left: -1px;
    width: 5px;
    height: calc(100% +  2px);
    content: '';
    background: #42A5F5;
}
@media print {
    div.cell.selected,
    div.cell.selected.jupyter-soft-selected {
        border-color: transparent;
    }
}
.edit_mode div.cell.selected {
    border-color: #66BB6A;
}
.edit_mode div.cell.selected:before {
    position: absolute;
    display: block;
    top: -1px;
    left: -1px;
    width: 5px;
    height: calc(100% +  2px);
    content: '';
    background: #66BB6A;
}
@media print {
    .edit_mode div.cell.selected {
        border-color: transparent;
    }
}
.prompt {
    /* This needs to be wide enough for 3 digit prompt numbers: In[100]: */
    min-width: 14ex;
    /* This padding is tuned to match the padding on the CodeMirror editor. */
    padding: 0.4em;
    margin: 0px;
    font-family: monospace;
    text-align: right;
    /* This has to match that of the the CodeMirror class line-height below */
    line-height: 1.21429em;
    /* Don't highlight prompt number selection */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* Use default cursor */
    cursor: default;
}
@media (max-width: 540px) {
    .prompt {
        text-align: left;
    }
}
div.inner_cell {
    min-width: 0;
    /* Old browsers */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-align: stretch;
    display: -moz-box;
    -moz-box-orient: vertical;
    -moz-box-align: stretch;
    display: box;
    box-orient: vertical;
    box-align: stretch;
    /* Modern browsers */
    display: flex;
    flex-direction: column;
    align-items: stretch;
    /* Old browsers */
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    /* Modern browsers */
    flex: 1;
    margin: 0;
    padding: 0;
}
/* input_area and input_prompt must match in top border and margin for alignment */
div.input_area {
    border: 1px solid #cfcfcf;
    border-radius: 2px;
    background: #f7f7f7;
    line-height: 1.21429em;
}
/* This is needed so that empty prompt areas can collapse to zero height when there
   is no content in the output_subarea and the prompt. The main purpose of this is
   to make sure that empty JavaScript output_subareas have no height. */
div.prompt:empty {
    padding-top: 0;
    padding-bottom: 0;
}
div.unrecognized_cell {
    padding: 5px 5px 5px 0px;
    /* Old browsers */
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-align: stretch;
    display: -moz-box;
    -moz-box-orient: horizontal;
    -moz-box-align: stretch;
    display: box;
    box-orient: horizontal;
    box-align: stretch;
    /* Modern browsers */
    display: flex;
    flex-direction: row;
    align-items: stretch;
}
div.unrecognized_cell .inner_cell {
    border-radius: 2px;
    padding: 5px;
    font-weight: bold;
    color: red;
    border: 1px solid #cfcfcf;
    background: #eaeaea;
}
div.unrecognized_cell .inner_cell a {
    color: inherit;
    text-decoration: none;
}
div.unrecognized_cell .inner_cell a:hover {
    color: inherit;
    text-decoration: none;
}
@media (max-width: 540px) {
    div.unrecognized_cell > div.prompt {
        display: none;
    }
}
div.code_cell {
    /* avoid page breaking on code cells when printing */
}
@media print {
    div.code_cell {
        page-break-inside: avoid;
    }
}
/* any special styling for code cells that are currently running goes here */
div.input {
    page-break-inside: avoid;
    /* Old browsers */
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-align: stretch;
    display: -moz-box;
    -moz-box-orient: horizontal;
    -moz-box-align: stretch;
    display: box;
    box-orient: horizontal;
    box-align: stretch;
    /* Modern browsers */
    display: flex;
    flex-direction: row;
    align-items: stretch;
}
@media (max-width: 540px) {
    div.input {
        /* Old browsers */
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-box-align: stretch;
        display: -moz-box;
        -moz-box-orient: vertical;
        -moz-box-align: stretch;
        display: box;
        box-orient: vertical;
        box-align: stretch;
        /* Modern browsers */
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }
}
/* input_area and input_prompt must match in top border and margin for alignment */
div.input_prompt {
    color: #303F9F;
    border-top: 1px solid transparent;
}
div.input_area > div.highlight {
    margin: 0.4em;
    border: none;
    padding: 0px;
    background-color: transparent;
}
div.input_area > div.highlight > pre {
    margin: 0px;
    border: none;
    padding: 0px;
    background-color: transparent;
}
/* The following gets added to the <head> if it is detected that the user has a
 * monospace font with inconsistent normal/bold/italic height.  See
 * notebookmain.js.  Such fonts will have keywords vertically offset with
 * respect to the rest of the text.  The user should select a better font.
 * See: https://github.com/ipython/ipython/issues/1503
 *
 * .CodeMirror span {
 *      vertical-align: bottom;
 * }
 */
.CodeMirror {
    line-height: 1.21429em;
    /* Changed from 1em to our global default */
    font-size: 14px;
    height: auto;
    /* Changed to auto to autogrow */
    background: none;
    /* Changed from white to allow our bg to show through */
}
.CodeMirror-scroll {
    /*  The CodeMirror docs are a bit fuzzy on if overflow-y should be hidden or visible.*/
    /*  We have found that if it is visible, vertical scrollbars appear with font size changes.*/
    overflow-y: hidden;
    overflow-x: auto;
}
.CodeMirror-lines {
    /* In CM2, this used to be 0.4em, but in CM3 it went to 4px. We need the em value because */
    /* we have set a different line-height and want this to scale with that. */
    /* Note that this should set vertical padding only, since CodeMirror assumes
         that horizontal padding will be set on CodeMirror pre */
    padding: 0.4em 0;
}
.CodeMirror-linenumber {
    padding: 0 8px 0 4px;
}
.CodeMirror-gutters {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
}
.CodeMirror pre {
    /* In CM3 this went to 4px from 0 in CM2. This sets horizontal padding only,
      use .CodeMirror-lines for vertical */
    padding: 0 0.4em;
    border: 0;
    border-radius: 0;
}
.CodeMirror-cursor {
    border-left: 1.4px solid black;
}
@media screen and (min-width: 2138px) and (max-width: 4319px) {
    .CodeMirror-cursor {
        border-left: 2px solid black;
    }
}
@media screen and (min-width: 4320px) {
    .CodeMirror-cursor {
        border-left: 4px solid black;
    }
}
/*

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

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




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;
    }
}

.plotly-graph-div {
    width: 100%;
}