sjy-ecos/public/css/mod.css

.treeview {
    overflow-y: auto;
}

.treeview .list-group-item {
    padding: 5px !important;
}

body {
    padding-top: 70px;
}

img {
    vertical-align: middle;
    border: 0 none;
}

#map {
    height: 444px;
    width: 99%;
}

.row-grid {
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.text-cont {
    line-height: 38px;
    /*text-indent: 2em;*/
}

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

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

.text_cell.rendered .rendered_html {
    overflow-x: auto;
    overflow-y: hidden;
}

div.text_cell_render {
    border-style: none;
    box-sizing: border-box;
    color: #000;
    outline: medium none;
    padding: 0.5em 0.5em 0.5em 0.4em;
    resize: none;
    width: inherit;
}

.rendered_html ul {
    list-style: outside none disc;
    margin: 0 2em;
    padding-left: 0;
}

.rendered_html p {
    text-align: left;
}

.rendered_html table {
    margin-bottom: 22px;
}

/**
 * Primary styles
 *
 * Author: Jupyter Development Team
 */
body {
    background-color: #fff;
    /* This makes sure that the body covers the entire window and needs to
		 be in a different element than the display: box in wrapper below */
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: visible;
}

body > #header {
    /* Initially hidden to prevent FLOUC */
    display: none;
    background-color: #fff;
    /* Display over codemirror */
    position: relative;
    z-index: 100;
}

body > #header #header-container {
    padding-bottom: 5px;
    padding-top: 5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

body > #header .header-bar {
    width: 100%;
    height: 1px;
    background: #e7e7e7;
    margin-bottom: -1px;
}

@media print {
    body > #header {
        display: none !important;
    }
}

#header-spacer {
    width: 100%;
    visibility: hidden;
}

@media print {
    #header-spacer {
        display: none;
    }
}

#ipython_notebook {
    padding-left: 0;
    padding-top: 1px;
    padding-bottom: 1px;
}

@media (max-width: 991px) {
    #ipython_notebook {
        margin-left: 10px;
    }
}

#noscript {
    width: auto;
    padding-top: 16px;
    padding-bottom: 16px;
    text-align: center;
    font-size: 22px;
    color: red;
    font-weight: bold;
}

#ipython_notebook img {
    height: 28px;
}

#site {
    width: 100%;
    display: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    overflow: auto;
}

@media print {
    #site {
        height: auto !important;
    }
}

/* Smaller buttons */
.ui-button .ui-button-text {
    padding: 0.2em 0.8em;
    font-size: 77%;
}

input.ui-button {
    padding: 0.3em 0.9em;
}

span#login_widget {
    float: right;
}

span#login_widget > .button,
#logout {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

span#login_widget > .button:focus,
#logout:focus,
span#login_widget > .button.focus,
#logout.focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c;
}

span#login_widget > .button:hover,
#logout:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

span#login_widget > .button:active,
#logout:active,
span#login_widget > .button.active,
#logout.active,
.open > .dropdown-togglespan#login_widget > .button,
.open > .dropdown-toggle#logout {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

span#login_widget > .button:active:hover,
#logout:active:hover,
span#login_widget > .button.active:hover,
#logout.active:hover,
.open > .dropdown-togglespan#login_widget > .button:hover,
.open > .dropdown-toggle#logout:hover,
span#login_widget > .button:active:focus,
#logout:active:focus,
span#login_widget > .button.active:focus,
#logout.active:focus,
.open > .dropdown-togglespan#login_widget > .button:focus,
.open > .dropdown-toggle#logout:focus,
span#login_widget > .button:active.focus,
#logout:active.focus,
span#login_widget > .button.active.focus,
#logout.active.focus,
.open > .dropdown-togglespan#login_widget > .button.focus,
.open > .dropdown-toggle#logout.focus {
    color: #333;
    background-color: #d4d4d4;
    border-color: #8c8c8c;
}

span#login_widget > .button:active,
#logout:active,
span#login_widget > .button.active,
#logout.active,
.open > .dropdown-togglespan#login_widget > .button,
.open > .dropdown-toggle#logout {
    background-image: none;
}

span#login_widget > .button.disabled:hover,
#logout.disabled:hover,
span#login_widget > .button[disabled]:hover,
#logout[disabled]:hover,
fieldset[disabled] span#login_widget > .button:hover,
fieldset[disabled] #logout:hover,
span#login_widget > .button.disabled:focus,
#logout.disabled:focus,
span#login_widget > .button[disabled]:focus,
#logout[disabled]:focus,
fieldset[disabled] span#login_widget > .button:focus,
fieldset[disabled] #logout:focus,
span#login_widget > .button.disabled.focus,
#logout.disabled.focus,
span#login_widget > .button[disabled].focus,
#logout[disabled].focus,
fieldset[disabled] span#login_widget > .button.focus,
fieldset[disabled] #logout.focus {
    background-color: #fff;
    border-color: #ccc;
}

span#login_widget > .button .badge,
#logout .badge {
    color: #fff;
    background-color: #333;
}

.nav-header {
    text-transform: none;
}

#header > span {
    margin-top: 10px;
}

.modal_stretch .modal-dialog {
    /* Old browsers */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-align: stretch;
    display: -moz-box;
    -moz-box-orient: vertical;
    -moz-box-align: stretch;
    display: box;
    box-orient: vertical;
    box-align: stretch;
    /* Modern browsers */
    display: flex;
    flex-direction: column;
    align-items: stretch;
    min-height: 80vh;
}

.modal_stretch .modal-dialog .modal-body {
    max-height: calc(100vh - 200px);
    overflow: auto;
    flex: 1;
}

@media (min-width: 768px) {
    .modal .modal-dialog {
        width: 700px;
    }
}

/*!
*
* IPython auth
*
*/
.center-nav {
    display: inline-block;
    margin-bottom: -4px;
}

/*!
*
* IPython tree view
*
*/
/* We need an invisible input field on top of the sentense*/
/* "Drag file onto the list ..." */
.alternate_upload {
    background-color: none;
    display: inline;
}

.alternate_upload.form {
    padding: 0;
    margin: 0;
}

.alternate_upload input.fileinput {
    text-align: center;
    vertical-align: middle;
    display: inline;
    opacity: 0;
    z-index: 2;
    width: 12ex;
    margin-right: -12ex;
}

.alternate_upload .btn-upload {
    height: 22px;
}

/**
 * Primary styles
 *
 * Author: Jupyter Development Team
 */
ul#tabs {
    margin-bottom: 4px;
}

ul#tabs a {
    padding-top: 6px;
    padding-bottom: 4px;
}

ul.breadcrumb a:focus,
ul.breadcrumb a:hover {
    text-decoration: none;
}

ul.breadcrumb i.icon-home {
    font-size: 16px;
    margin-right: 4px;
}

ul.breadcrumb span {
    color: #5e5e5e;
}

.list_toolbar {
    padding: 4px 0 4px 0;
    vertical-align: middle;
}

.list_toolbar .tree-buttons {
    padding-top: 1px;
}

.dynamic-buttons {
    padding-top: 3px;
    display: inline-block;
}

.list_toolbar [class*="span"] {
    min-height: 24px;
}

.list_header {
    font-weight: bold;
    background-color: #eee;
}

.list_placeholder {
    font-weight: bold;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 7px;
    padding-right: 7px;
}

.list_container {
    margin-top: 4px;
    margin-bottom: 20px;
    border: 1px solid #ddd;
    border-radius: 2px;
}

.list_container > div {
    border-bottom: 1px solid #ddd;
}

.list_container > div:hover .list-item {
    background-color: red;
}

.list_container > div:last-child {
    border: none;
}

.list_item:hover .list_item {
    background-color: #ddd;
}

.list_item a {
    text-decoration: none;
}

.list_item:hover {
    background-color: #fafafa;
}

.list_header > div,
.list_item > div {
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 7px;
    padding-right: 7px;
    line-height: 22px;
}

.list_header > div input,
.list_item > div input {
    margin-right: 7px;
    margin-left: 14px;
    vertical-align: baseline;
    line-height: 22px;
    position: relative;
    top: -1px;
}

.list_header > div .item_link,
.list_item > div .item_link {
    margin-left: -1px;
    vertical-align: baseline;
    line-height: 22px;
}

.new-file input[type=checkbox] {
    visibility: hidden;
}

.item_name {
    line-height: 22px;
    height: 24px;
}

.item_icon {
    font-size: 14px;
    color: #5e5e5e;
    margin-right: 7px;
    margin-left: 7px;
    line-height: 22px;
    vertical-align: baseline;
}

.item_buttons {
    line-height: 1em;
    margin-left: -5px;
}

.item_buttons .btn,
.item_buttons .btn-group,
.item_buttons .input-group {
    float: left;
}

.item_buttons > .btn,
.item_buttons > .btn-group,
.item_buttons > .input-group {
    margin-left: 5px;
}

.item_buttons .btn {
    min-width: 13ex;
}

.item_buttons .running-indicator {
    padding-top: 4px;
    color: #5cb85c;
}

.item_buttons .kernel-name {
    padding-top: 4px;
    color: #5bc0de;
    margin-right: 7px;
    float: left;
}

.toolbar_info {
    height: 24px;
    line-height: 24px;
}

.list_item input:not([type=checkbox]) {
    padding-top: 3px;
    padding-bottom: 3px;
    height: 22px;
    line-height: 14px;
    margin: 0;
}

.highlight_text {
    color: blue;
}

#project_name {
    display: inline-block;
    padding-left: 7px;
    margin-left: -2px;
}

#project_name > .breadcrumb {
    padding: 0;
    margin-bottom: 0;
    background-color: transparent;
    font-weight: bold;
}

#tree-selector {
    padding-right: 0;
}

#button-select-all {
    min-width: 50px;
}

#select-all {
    margin-left: 7px;
    margin-right: 2px;
}

.menu_icon {
    margin-right: 2px;
}

.tab-content .row {
    margin-left: 0;
    margin-right: 0;
}

.folder_icon:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f114";
}

.folder_icon:before.pull-left {
    margin-right: .3em;
}

.folder_icon:before.pull-right {
    margin-left: .3em;
}

.notebook_icon:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f02d";
    position: relative;
    top: -1px;
}

.notebook_icon:before.pull-left {
    margin-right: .3em;
}

.notebook_icon:before.pull-right {
    margin-left: .3em;
}

.running_notebook_icon:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f02d";
    position: relative;
    top: -1px;
    color: #5cb85c;
}

.running_notebook_icon:before.pull-left {
    margin-right: .3em;
}

.running_notebook_icon:before.pull-right {
    margin-left: .3em;
}

.file_icon:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f016";
    position: relative;
    top: -2px;
}

.file_icon:before.pull-left {
    margin-right: .3em;
}

.file_icon:before.pull-right {
    margin-left: .3em;
}

#notebook_toolbar .pull-right {
    padding-top: 0;
    margin-right: -1px;
}

ul#new-menu {
    left: auto;
    right: 0;
}

.kernel-menu-icon {
    padding-right: 12px;
    width: 24px;
    content: "\f096";
}

.kernel-menu-icon:before {
    content: "\f096";
}

.kernel-menu-icon-current:before {
    content: "\f00c";
}

#tab_content {
    padding-top: 20px;
}

#running .panel-group .panel {
    margin-top: 3px;
    margin-bottom: 1em;
}

#running .panel-group .panel .panel-heading {
    background-color: #eee;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 7px;
    padding-right: 7px;
    line-height: 22px;
}

#running .panel-group .panel .panel-heading a:focus,
#running .panel-group .panel .panel-heading a:hover {
    text-decoration: none;
}

#running .panel-group .panel .panel-body {
    padding: 0;
}

#running .panel-group .panel .panel-body .list_container {
    margin-top: 0;
    margin-bottom: 0;
    border: 0;
    border-radius: 0;
}

#running .panel-group .panel .panel-body .list_container .list_item {
    border-bottom: 1px solid #ddd;
}

#running .panel-group .panel .panel-body .list_container .list_item:last-child {
    border-bottom: 0;
}

.delete-button {
    display: none;
}

.duplicate-button {
    display: none;
}

.rename-button {
    display: none;
}

.shutdown-button {
    display: none;
}

.dynamic-instructions {
    display: inline-block;
    padding-top: 4px;
}

/*!
*
* IPython text editor webapp
*
*/
.selected-keymap i.fa {
    padding: 0 5px;
}

.selected-keymap i.fa:before {
    content: "\f00c";
}

#mode-menu {
    overflow: auto;
    max-height: 20em;
}

.edit_app #header {
    -webkit-box-shadow: 0 0 12px 1px rgba(87, 87, 87, 0.2);
    box-shadow: 0 0 12px 1px rgba(87, 87, 87, 0.2);
}

.edit_app #menubar .navbar {
    /* Use a negative 1 bottom margin, so the border overlaps the border of the
	  header */
    margin-bottom: -1px;
}

.dirty-indicator {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 20px;
}

.dirty-indicator.pull-left {
    margin-right: .3em;
}

.dirty-indicator.pull-right {
    margin-left: .3em;
}

.dirty-indicator-dirty {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 20px;
}

.dirty-indicator-dirty.pull-left {
    margin-right: .3em;
}

.dirty-indicator-dirty.pull-right {
    margin-left: .3em;
}

.dirty-indicator-clean {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 20px;
}

.dirty-indicator-clean.pull-left {
    margin-right: .3em;
}

.dirty-indicator-clean.pull-right {
    margin-left: .3em;
}

.dirty-indicator-clean:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f00c";
}

.dirty-indicator-clean:before.pull-left {
    margin-right: .3em;
}

.dirty-indicator-clean:before.pull-right {
    margin-left: .3em;
}

#filename {
    font-size: 16pt;
    display: table;
    padding: 0 5px;
}

#current-mode {
    padding-left: 5px;
    padding-right: 5px;
}

#texteditor-backdrop {
    padding-top: 20px;
    padding-bottom: 20px;
}

@media not print {
    #texteditor-backdrop {
        background-color: #eee;
    }
}

@media print {
    #texteditor-backdrop #texteditor-container .CodeMirror-gutter,
    #texteditor-backdrop #texteditor-container .CodeMirror-gutters {
        background-color: #fff;
    }
}

@media not print {
    #texteditor-backdrop #texteditor-container .CodeMirror-gutter,
    #texteditor-backdrop #texteditor-container .CodeMirror-gutters {
        background-color: #fff;
    }
}

@media not print {
    #texteditor-backdrop #texteditor-container {
        padding: 0;
        background-color: #fff;
        -webkit-box-shadow: 0 0 12px 1px rgba(87, 87, 87, 0.2);
        box-shadow: 0 0 12px 1px rgba(87, 87, 87, 0.2);
    }
}

/*!
*
* IPython notebook
*
*/
/* CSS font colors for translated ANSI colors. */
.ansibold {
    font-weight: bold;
}

/* use dark versions for foreground, to improve visibility */
.ansiblack {
    color: black;
}

.ansired {
    color: darkred;
}

.ansigreen {
    color: darkgreen;
}

.ansiyellow {
    color: #c4a000;
}

.ansiblue {
    color: darkblue;
}

.ansipurple {
    color: darkviolet;
}

.ansicyan {
    color: steelblue;
}

.ansigray {
    color: gray;
}

/* and light for background, for the same reason */
.ansibgblack {
    background-color: black;
}

.ansibgred {
    background-color: red;
}

.ansibggreen {
    background-color: green;
}

.ansibgyellow {
    background-color: yellow;
}

.ansibgblue {
    background-color: blue;
}

.ansibgpurple {
    background-color: magenta;
}

.ansibgcyan {
    background-color: cyan;
}

.ansibggray {
    background-color: gray;
}

div.cell {
    /* Old browsers */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-align: stretch;
    display: -moz-box;
    -moz-box-orient: vertical;
    -moz-box-align: stretch;
    display: box;
    box-orient: vertical;
    box-align: stretch;
    /* Modern browsers */
    display: flex;
    flex-direction: column;
    align-items: stretch;
    border-radius: 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    width: 100%;
    padding: 5px;
    /* This acts as a spacer between cells, that is outside the border */
    margin: 0;
    outline: none;
    border-left-width: 1px;
    padding-left: 5px;
    background: linear-gradient(to right, transparent -40px, transparent 1px, transparent 1px, transparent 100%);
}

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

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

div.cell.selected {
    border-color: #ababab;
    border-left-width: 0;
    padding-left: 6px;
    background: linear-gradient(to right, #42a5f5 -40px, #42a5f5 5px, transparent 5px, transparent 100%);
}

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

div.cell.selected.jupyter-soft-selected {
    border-left-width: 0;
    padding-left: 6px;
    background: linear-gradient(to right, #42a5f5 -40px, #42a5f5 7px, #e3f2fd 7px, #e3f2fd 100%);
}

.edit_mode div.cell.selected {
    border-color: #66bb6a;
    border-left-width: 0;
    padding-left: 6px;
    background: linear-gradient(to right, #66bb6a -40px, #66bb6a 5px, transparent 5px, transparent 100%);
}

@media print {
    .edit_mode div.cell.selected {
        border-color: transparent;
    }
}

.prompt {
    /* This needs to be wide enough for 3 digit prompt numbers: In[100]: */
    min-width: 14ex;
    /* This padding is tuned to match the padding on the CodeMirror editor. */
    padding: 0.4em;
    margin: 0;
    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 {
    /* 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;
}

@-moz-document url-prefix() {
    div.inner_cell {
        overflow-x: hidden;
    }
}

/* 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 0;
    /* 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: 0;
    background-color: transparent;
}

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

/* The following gets added to the <head> if it is detected that the user has a
 * monospace font with inconsistent normal/bold/italic height.  See
 * notebookmain.js.  Such fonts will have keywords vertically offset with
 * respect to the rest of the text.  The user should select a better font.
 * See: https://github.com/ipython/ipython/issues/1503
 *
 * .CodeMirror span {
 *      vertical-align: bottom;
 * }
 */
.CodeMirror {
    line-height: 1.21429em;
    /* Changed from 1em to our global default */
    font-size: 14px;
    height: auto;
    /* Changed to auto to autogrow */
    background: none;
    /* Changed from white to allow our bg to show through */
}

.CodeMirror-scroll {
    /*  The CodeMirror docs are a bit fuzzy on if overflow-y should be hidden or visible.*/
    /*  We have found that if it is visible, vertical scrollbars appear with font size changes.*/
    overflow-y: hidden;
    overflow-x: auto;
}

.CodeMirror-lines {
    /* In CM2, this used to be 0.4em, but in CM3 it went to 4px. We need the em value because */
    /* we have set a different line-height and want this to scale with that. */
    padding: 0.4em;
}

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

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

.CodeMirror pre {
    /* In CM3 this went to 4px from 0 in CM2. We need the 0 value because of how we size */
    /* .CodeMirror-lines */
    padding: 0;
    border: 0;
    border-radius: 0;
}

/*

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

*/
.highlight-base {
    color: #000;
}

.highlight-variable {
    color: #000;
}

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

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

.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: #a2f;
    font-weight: bold;
}

.highlight-meta {
    color: #a2f;
}

/* 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: #a2f;
    font-weight: bold;
}

.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: #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: 0;
    padding: 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;
}

div.out_prompt_overlay {
    height: 100%;
    padding: 0 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: 0;
    page-break-inside: avoid;
    /* Old browsers */
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-align: stretch;
    display: -moz-box;
    -moz-box-orient: horizontal;
    -moz-box-align: stretch;
    display: box;
    box-orient: horizontal;
    box-align: stretch;
    /* Modern browsers */
    display: flex;
    flex-direction: row;
    align-items: stretch;
}

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

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

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

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

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

/* This is needed to protect the pre formating from global settings such
   as that of bootstrap */
.output {
    /* Old browsers */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-align: stretch;
    display: -moz-box;
    -moz-box-orient: vertical;
    -moz-box-align: stretch;
    display: box;
    box-orient: vertical;
    box-align: stretch;
    /* Modern browsers */
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

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

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

/* This class is for the output subarea inside the output_area and after
   the prompt div. */
div.output_subarea {
    overflow-x: auto;
    padding: 0.4em;
    /* Old browsers */
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    /* Modern browsers */
    flex: 1;
    max-width: calc(100% - 14ex);
}

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

/* The rest of the output_* classes are for special styling of the different
   output types */
/* all text output has this class: */
div.output_text {
    text-align: left;
    color: #000;
    /* This has to match that of the the CodeMirror class line-height below */
    line-height: 1.21429em;
}

/* stdout/stderr are 'text' as well as 'stream', but execute_result/error are *not* streams */
div.output_stderr {
    background: #fdd;
    /* very light red background for stderr */
}

div.output_latex {
    text-align: left;
}

/* Empty output_javascript divs should have no height */
div.output_javascript:empty {
    padding: 0;
}

.js-error {
    color: darkred;
}

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

pre.raw_input_prompt {
    /* nothing needed here. */
}

input.raw_input {
    font-family: monospace;
    font-size: inherit;
    color: inherit;
    width: auto;
    /* make sure input baseline aligns with prompt */
    vertical-align: baseline;
    /* padding + margin = 0.5em between prompt and cursor */
    padding: 0em 0.25em;
    margin: 0em 0.25em;
}

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

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

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

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

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

.rendered_html {
    color: #000;
    /* any extras will just be numbers: */
}

.rendered_html em {
    font-style: italic;
}

.rendered_html strong {
    font-weight: bold;
}

.rendered_html u {
    text-decoration: underline;
}

.rendered_html :link {
    text-decoration: underline;
}

.rendered_html :visited {
    text-decoration: underline;
}

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

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

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

.rendered_html h4 {
    font-size: 100%;
    margin: 2em 0 0 0;
    font-weight: bold;
    line-height: 1.0;
}

.rendered_html h5 {
    font-size: 100%;
    margin: 2em 0 0 0;
    font-weight: bold;
    line-height: 1.0;
    font-style: italic;
}

.rendered_html h6 {
    font-size: 100%;
    margin: 2em 0 0 0;
    font-weight: bold;
    line-height: 1.0;
    font-style: italic;
}

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

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

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

.rendered_html h4:first-child {
    margin-top: 1em;
}

.rendered_html h5:first-child {
    margin-top: 1em;
}

.rendered_html h6:first-child {
    margin-top: 1em;
}

.rendered_html ul {
    list-style: disc;
    margin: 0em 2em;
    padding-left: 0;
}

.rendered_html ul ul {
    list-style: square;
    margin: 0em 2em;
}

.rendered_html ul ul ul {
    list-style: circle;
    margin: 0em 2em;
}

.rendered_html ol {
    list-style: decimal;
    margin: 0em 2em;
    padding-left: 0;
}

.rendered_html ol ol {
    list-style: upper-alpha;
    margin: 0em 2em;
}

.rendered_html ol ol ol {
    list-style: lower-alpha;
    margin: 0em 2em;
}

.rendered_html ol ol ol ol {
    list-style: lower-roman;
    margin: 0em 2em;
}

.rendered_html ol ol ol ol ol {
    list-style: decimal;
    margin: 0em 2em;
}

.rendered_html * + ul {
    margin-top: 1em;
}

.rendered_html * + ol {
    margin-top: 1em;
}

.rendered_html hr {
    color: black;
    background-color: black;
}

.rendered_html pre {
    margin: 1em 2em;
}

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

.rendered_html blockquote {
    margin: 1em 2em;
}

.rendered_html table {
    margin-left: auto;
    margin-right: auto;
    border: 1px solid black;
    border-collapse: collapse;
}

.rendered_html tr,
.rendered_html th,
.rendered_html td {
    border: 1px solid black;
    border-collapse: collapse;
    margin: 1em 2em;
}

.rendered_html td,
.rendered_html th {
    text-align: left;
    vertical-align: middle;
    padding: 4px;
}

.rendered_html th {
    font-weight: bold;
}

.rendered_html * + table {
    margin-top: 1em;
}

.rendered_html p {
    text-align: left;
}

.rendered_html * + p {
    margin-top: 1em;
}

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

.rendered_html * + img {
    margin-top: 1em;
}

.rendered_html #map img {
    margin-top: 0;
}

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

.rendered_html img.unconfined,
.rendered_html svg.unconfined {
    max-width: none;
}

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

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

div.text_cell_render {
    /*font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;*/
    outline: none;
    resize: none;
    width: inherit;
    border-style: none;
    padding: 0.5em 0.5em 0.5em 0.4em;
    color: #000;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

a.anchor-link:link {
    text-decoration: none;
    padding: 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 .input_area {
    display: none;
}

.text_cell.rendered .rendered_html {
    overflow-x: auto;
    overflow-y: hidden;
}

.text_cell.unrendered .text_cell_render {
    display: none;
}

.cm-header-1,
.cm-header-2,
.cm-header-3,
.cm-header-4,
.cm-header-5,
.cm-header-6 {
    font-weight: bold;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.cm-header-1 {
    font-size: 185.7%;
}

.cm-header-2 {
    font-size: 157.1%;
}

.cm-header-3 {
    font-size: 128.6%;
}

.cm-header-4 {
    font-size: 110%;
}

.cm-header-5 {
    font-size: 100%;
    font-style: italic;
}

.cm-header-6 {
    font-size: 100%;
    font-style: italic;
}

/*!
*
* IPython notebook webapp
*
*/
@media (max-width: 767px) {
    .notebook_app {
        padding-left: 0;
        padding-right: 0;
    }
}

#ipython-main-app {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 100%;
}

div#notebook_panel {
    margin: 0;
    padding: 0;
    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: 0;
    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: 0 0 12px 1px rgba(87, 87, 87, 0.2);
        box-shadow: 0 0 12px 1px rgba(87, 87, 87, 0.2);
    }
}

@media print {
    #notebook-container {
        width: 100%;
    }
}

div.ui-widget-content {
    border: 1px solid #ababab;
    outline: none;
}

pre.dialog {
    background-color: #f7f7f7;
    border: 1px solid #ddd;
    border-radius: 2px;
    padding: 0.4em;
    padding-left: 2em;
}

p.dialog {
    padding: 0.2em;
}

/* Word-wrap output correctly.  This is the CSS3 spelling, though Firefox seems
   to not honor it correctly.  Webkit browsers (Chrome, rekonq, Safari) do.
 */
pre,
code,
kbd,
samp {
    white-space: pre-wrap;
}

#fonttest {
    font-family: monospace;
}

p {
    margin-bottom: 0;
}

.end_space {
    min-height: 100px;
    transition: height .2s ease;
}

.notebook_app > #header {
    -webkit-box-shadow: 0 0 12px 1px rgba(87, 87, 87, 0.2);
    box-shadow: 0 0 12px 1px rgba(87, 87, 87, 0.2);
}

@media not print {
    .notebook_app {
        background-color: #eee;
    }
}

kbd {
    border-style: solid;
    border-width: 1px;
    box-shadow: none;
    margin: 2px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 1px;
    padding-bottom: 1px;
}

/* CSS for the cell toolbar */
.celltoolbar {
    border: thin solid #cfcfcf;
    border-bottom: none;
    background: #eee;
    border-radius: 2px 2px 0 0;
    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: 0;
    border-top-left-radius: 0;
}

.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: #555;
    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: 0;
    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: #eee;
    opacity: 1;
}

.celltoolbar select[disabled],
fieldset[disabled] .celltoolbar select {
    cursor: not-allowed;
}

textarea.celltoolbar select {
    height: auto;
}

select.celltoolbar select {
    height: 30px;
    line-height: 30px;
}

textarea.celltoolbar select,
select[multiple].celltoolbar select {
    height: auto;
}

.celltoolbar label {
    margin-left: 5px;
    margin-right: 5px;
}

.completions {
    position: absolute;
    z-index: 110;
    overflow: hidden;
    border: 1px solid #ababab;
    border-radius: 2px;
    -webkit-box-shadow: 0 6px 10px -1px #adadad;
    box-shadow: 0 6px 10px -1px #adadad;
    line-height: 1;
}

.completions select {
    background: white;
    outline: none;
    border: none;
    padding: 0;
    margin: 0;
    overflow: auto;
    font-family: monospace;
    font-size: 110%;
    color: #000;
    width: auto;
}

.completions select option.context {
    color: #286090;
}

#kernel_logo_widget {
    float: right !important;
    float: right;
}

#kernel_logo_widget .current_kernel_logo {
    display: none;
    margin-top: -1px;
    margin-bottom: -1px;
    width: 32px;
    height: 32px;
}

#menubar {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-top: 1px;
}

#menubar .navbar {
    border-top: 1px;
    border-radius: 0 0 2px 2px;
    margin-bottom: 0;
}

#menubar .navbar-toggle {
    float: left;
    padding-top: 7px;
    padding-bottom: 7px;
    border: none;
}

#menubar .navbar-collapse {
    clear: left;
}

.nav-wrapper {
    border-bottom: 1px solid #e7e7e7;
}

i.menu-icon {
    padding-top: 4px;
}

ul#help_menu li a {
    overflow: hidden;
    padding-right: 2.2em;
}

ul#help_menu li a i {
    margin-right: -1.2em;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

.dropdown-submenu > a:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    content: "\f0da";
    float: right;
    color: #333;
    margin-top: 2px;
    margin-right: -10px;
}

.dropdown-submenu > a:after.pull-left {
    margin-right: .3em;
}

.dropdown-submenu > a:after.pull-right {
    margin-left: .3em;
}

.dropdown-submenu:hover > a:after {
    color: #262626;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
}

#notification_area {
    float: right !important;
    float: right;
    z-index: 10;
}

.indicator_area {
    float: right !important;
    float: right;
    color: #777;
    margin-left: 5px;
    margin-right: 5px;
    width: 11px;
    z-index: 10;
    text-align: center;
    width: auto;
}

#kernel_indicator {
    float: right !important;
    float: right;
    color: #777;
    margin-left: 5px;
    margin-right: 5px;
    width: 11px;
    z-index: 10;
    text-align: center;
    width: auto;
    border-left: 1px solid;
}

#kernel_indicator .kernel_indicator_name {
    padding-left: 5px;
    padding-right: 5px;
}

#modal_indicator {
    float: right !important;
    float: right;
    color: #777;
    margin-left: 5px;
    margin-right: 5px;
    width: 11px;
    z-index: 10;
    text-align: center;
    width: auto;
}

#readonly-indicator {
    float: right !important;
    float: right;
    color: #777;
    margin-left: 5px;
    margin-right: 5px;
    width: 11px;
    z-index: 10;
    text-align: center;
    width: auto;
    margin-top: 2px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    display: none;
}

.modal_indicator:before {
    width: 1.28571429em;
    text-align: center;
}

.edit_mode .modal_indicator:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f040";
}

.edit_mode .modal_indicator:before.pull-left {
    margin-right: .3em;
}

.edit_mode .modal_indicator:before.pull-right {
    margin-left: .3em;
}

.command_mode .modal_indicator:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: ' ';
}

.command_mode .modal_indicator:before.pull-left {
    margin-right: .3em;
}

.command_mode .modal_indicator:before.pull-right {
    margin-left: .3em;
}

.kernel_idle_icon:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f10c";
}

.kernel_idle_icon:before.pull-left {
    margin-right: .3em;
}

.kernel_idle_icon:before.pull-right {
    margin-left: .3em;
}

.kernel_busy_icon:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f111";
}

.kernel_busy_icon:before.pull-left {
    margin-right: .3em;
}

.kernel_busy_icon:before.pull-right {
    margin-left: .3em;
}

.kernel_dead_icon:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f1e2";
}

.kernel_dead_icon:before.pull-left {
    margin-right: .3em;
}

.kernel_dead_icon:before.pull-right {
    margin-left: .3em;
}

.kernel_disconnected_icon:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f127";
}

.kernel_disconnected_icon:before.pull-left {
    margin-right: .3em;
}

.kernel_disconnected_icon:before.pull-right {
    margin-left: .3em;
}

.notification_widget {
    color: #777;
    z-index: 10;
    background: rgba(240, 240, 240, 0.5);
    margin-right: 4px;
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.notification_widget:focus,
.notification_widget.focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c;
}

.notification_widget:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.notification_widget:active,
.notification_widget.active,
.open > .dropdown-toggle.notification_widget {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.notification_widget:active:hover,
.notification_widget.active:hover,
.open > .dropdown-toggle.notification_widget:hover,
.notification_widget:active:focus,
.notification_widget.active:focus,
.open > .dropdown-toggle.notification_widget:focus,
.notification_widget:active.focus,
.notification_widget.active.focus,
.open > .dropdown-toggle.notification_widget.focus {
    color: #333;
    background-color: #d4d4d4;
    border-color: #8c8c8c;
}

.notification_widget:active,
.notification_widget.active,
.open > .dropdown-toggle.notification_widget {
    background-image: none;
}

.notification_widget.disabled:hover,
.notification_widget[disabled]:hover,
fieldset[disabled] .notification_widget:hover,
.notification_widget.disabled:focus,
.notification_widget[disabled]:focus,
fieldset[disabled] .notification_widget:focus,
.notification_widget.disabled.focus,
.notification_widget[disabled].focus,
fieldset[disabled] .notification_widget.focus {
    background-color: #fff;
    border-color: #ccc;
}

.notification_widget .badge {
    color: #fff;
    background-color: #333;
}

.notification_widget.warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

.notification_widget.warning:focus,
.notification_widget.warning.focus {
    color: #fff;
    background-color: #ec971f;
    border-color: #985f0d;
}

.notification_widget.warning:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512;
}

.notification_widget.warning:active,
.notification_widget.warning.active,
.open > .dropdown-toggle.notification_widget.warning {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512;
}

.notification_widget.warning:active:hover,
.notification_widget.warning.active:hover,
.open > .dropdown-toggle.notification_widget.warning:hover,
.notification_widget.warning:active:focus,
.notification_widget.warning.active:focus,
.open > .dropdown-toggle.notification_widget.warning:focus,
.notification_widget.warning:active.focus,
.notification_widget.warning.active.focus,
.open > .dropdown-toggle.notification_widget.warning.focus {
    color: #fff;
    background-color: #d58512;
    border-color: #985f0d;
}

.notification_widget.warning:active,
.notification_widget.warning.active,
.open > .dropdown-toggle.notification_widget.warning {
    background-image: none;
}

.notification_widget.warning.disabled:hover,
.notification_widget.warning[disabled]:hover,
fieldset[disabled] .notification_widget.warning:hover,
.notification_widget.warning.disabled:focus,
.notification_widget.warning[disabled]:focus,
fieldset[disabled] .notification_widget.warning:focus,
.notification_widget.warning.disabled.focus,
.notification_widget.warning[disabled].focus,
fieldset[disabled] .notification_widget.warning.focus {
    background-color: #f0ad4e;
    border-color: #eea236;
}

.notification_widget.warning .badge {
    color: #f0ad4e;
    background-color: #fff;
}

.notification_widget.success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.notification_widget.success:focus,
.notification_widget.success.focus {
    color: #fff;
    background-color: #449d44;
    border-color: #255625;
}

.notification_widget.success:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}

.notification_widget.success:active,
.notification_widget.success.active,
.open > .dropdown-toggle.notification_widget.success {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}

.notification_widget.success:active:hover,
.notification_widget.success.active:hover,
.open > .dropdown-toggle.notification_widget.success:hover,
.notification_widget.success:active:focus,
.notification_widget.success.active:focus,
.open > .dropdown-toggle.notification_widget.success:focus,
.notification_widget.success:active.focus,
.notification_widget.success.active.focus,
.open > .dropdown-toggle.notification_widget.success.focus {
    color: #fff;
    background-color: #398439;
    border-color: #255625;
}

.notification_widget.success:active,
.notification_widget.success.active,
.open > .dropdown-toggle.notification_widget.success {
    background-image: none;
}

.notification_widget.success.disabled:hover,
.notification_widget.success[disabled]:hover,
fieldset[disabled] .notification_widget.success:hover,
.notification_widget.success.disabled:focus,
.notification_widget.success[disabled]:focus,
fieldset[disabled] .notification_widget.success:focus,
.notification_widget.success.disabled.focus,
.notification_widget.success[disabled].focus,
fieldset[disabled] .notification_widget.success.focus {
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.notification_widget.success .badge {
    color: #5cb85c;
    background-color: #fff;
}

.notification_widget.info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

.notification_widget.info:focus,
.notification_widget.info.focus {
    color: #fff;
    background-color: #31b0d5;
    border-color: #1b6d85;
}

.notification_widget.info:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc;
}

.notification_widget.info:active,
.notification_widget.info.active,
.open > .dropdown-toggle.notification_widget.info {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc;
}

.notification_widget.info:active:hover,
.notification_widget.info.active:hover,
.open > .dropdown-toggle.notification_widget.info:hover,
.notification_widget.info:active:focus,
.notification_widget.info.active:focus,
.open > .dropdown-toggle.notification_widget.info:focus,
.notification_widget.info:active.focus,
.notification_widget.info.active.focus,
.open > .dropdown-toggle.notification_widget.info.focus {
    color: #fff;
    background-color: #269abc;
    border-color: #1b6d85;
}

.notification_widget.info:active,
.notification_widget.info.active,
.open > .dropdown-toggle.notification_widget.info {
    background-image: none;
}

.notification_widget.info.disabled:hover,
.notification_widget.info[disabled]:hover,
fieldset[disabled] .notification_widget.info:hover,
.notification_widget.info.disabled:focus,
.notification_widget.info[disabled]:focus,
fieldset[disabled] .notification_widget.info:focus,
.notification_widget.info.disabled.focus,
.notification_widget.info[disabled].focus,
fieldset[disabled] .notification_widget.info.focus {
    background-color: #5bc0de;
    border-color: #46b8da;
}

.notification_widget.info .badge {
    color: #5bc0de;
    background-color: #fff;
}

.notification_widget.danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

.notification_widget.danger:focus,
.notification_widget.danger.focus {
    color: #fff;
    background-color: #c9302c;
    border-color: #761c19;
}

.notification_widget.danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
}

.notification_widget.danger:active,
.notification_widget.danger.active,
.open > .dropdown-toggle.notification_widget.danger {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
}

.notification_widget.danger:active:hover,
.notification_widget.danger.active:hover,
.open > .dropdown-toggle.notification_widget.danger:hover,
.notification_widget.danger:active:focus,
.notification_widget.danger.active:focus,
.open > .dropdown-toggle.notification_widget.danger:focus,
.notification_widget.danger:active.focus,
.notification_widget.danger.active.focus,
.open > .dropdown-toggle.notification_widget.danger.focus {
    color: #fff;
    background-color: #ac2925;
    border-color: #761c19;
}

.notification_widget.danger:active,
.notification_widget.danger.active,
.open > .dropdown-toggle.notification_widget.danger {
    background-image: none;
}

.notification_widget.danger.disabled:hover,
.notification_widget.danger[disabled]:hover,
fieldset[disabled] .notification_widget.danger:hover,
.notification_widget.danger.disabled:focus,
.notification_widget.danger[disabled]:focus,
fieldset[disabled] .notification_widget.danger:focus,
.notification_widget.danger.disabled.focus,
.notification_widget.danger[disabled].focus,
fieldset[disabled] .notification_widget.danger.focus {
    background-color: #d9534f;
    border-color: #d43f3a;
}

.notification_widget.danger .badge {
    color: #d9534f;
    background-color: #fff;
}

div#pager {
    background-color: #fff;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    display: none;
    position: fixed;
    bottom: 0;
    width: 100%;
    max-height: 50%;
    padding-top: 8px;
    -webkit-box-shadow: 0 0 12px 1px rgba(87, 87, 87, 0.2);
    box-shadow: 0 0 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 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

div#pager .ui-resizable-handle {
    top: 0;
    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: 20ex;
    text-align: right;
    font-family: monospace;
}

.shortcut_descr {
    display: inline-block;
    /* Old browsers */
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    /* Modern browsers */
    flex: 1;
}

span.save_widget {
    margin-top: 6px;
}

span.save_widget span.filename {
    height: 1em;
    line-height: 1em;
    padding: 3px;
    margin-left: 16px;
    border: none;
    font-size: 146.5%;
    border-radius: 2px;
}

span.save_widget span.filename:hover {
    background-color: #e6e6e6;
}

span.checkpoint_status,
span.autosave_status {
    font-size: small;
}

@media (max-width: 767px) {
    span.save_widget {
        font-size: small;
    }

    span.checkpoint_status,
    span.autosave_status {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    span.checkpoint_status {
        display: none;
    }

    span.autosave_status {
        font-size: x-small;
    }
}

.toolbar {
    padding: 0;
    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: 0;
    display: inline;
    font-size: 92%;
    margin-left: 0.3em;
    margin-right: 0.3em;
    padding: 0;
    padding-top: 3px;
}

.toolbar .btn {
    padding: 2px 8px;
}

.toolbar .btn-group {
    margin-top: 0;
    margin-left: 5px;
}

#maintoolbar {
    margin-bottom: -3px;
    margin-top: -8px;
    border: 0;
    min-height: 27px;
    margin-left: 0;
    padding-top: 11px;
    padding-bottom: 3px;
}

#maintoolbar .navbar-text {
    float: none;
    vertical-align: middle;
    text-align: right;
    margin-left: 5px;
    margin-right: 0;
    margin-top: 0;
}

.select-xs {
    height: 24px;
}

.pulse,
.dropdown-menu > li > a.pulse,
li.pulse > a.dropdown-toggle,
li.pulse.open > a.dropdown-toggle {
    background-color: #f37626;
    color: white;
}

/**
 * Primary styles
 *
 * Author: Jupyter Development Team
 */
/** WARNING IF YOU ARE EDITTING THIS FILE, if this is a .css file, It has a lot
 * of chance of beeing generated from the ../less/[samename].less file, you can
 * try to get back the less file by reverting somme commit in history
 **/
/*
 * We'll try to get something pretty, so we
 * have some strange css to have the scroll bar on
 * the left with fix button on the top right of the tooltip
 */
@-moz-keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@-moz-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/*properties of tooltip after "expand"*/
.bigtooltip {
    overflow: auto;
    height: 200px;
    -webkit-transition-property: height;
    -webkit-transition-duration: 500ms;
    -moz-transition-property: height;
    -moz-transition-duration: 500ms;
    transition-property: height;
    transition-duration: 500ms;
}

/*properties of tooltip before "expand"*/
.smalltooltip {
    -webkit-transition-property: height;
    -webkit-transition-duration: 500ms;
    -moz-transition-property: height;
    -moz-transition-duration: 500ms;
    transition-property: height;
    transition-duration: 500ms;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 80px;
}

.tooltipbuttons {
    position: absolute;
    padding-right: 15px;
    top: 0;
    right: 0;
}

.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: 0;
    padding-left: 7px;
    font-family: monospace;
    min-height: 50px;
    -moz-box-shadow: 0 6px 10px -1px #adadad;
    -webkit-box-shadow: 0 6px 10px -1px #adadad;
    box-shadow: 0 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: 0;
    margin: 0;
    top: -16px;
    width: 40px;
    height: 16px;
    overflow: hidden;
    position: absolute;
}

.pretooltiparrow:before {
    background-color: #f7f7f7;
    border: 1px #ababab solid;
    z-index: 11;
    content: "";
    position: absolute;
    left: 15px;
    top: 10px;
    width: 25px;
    height: 25px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

ul.typeahead-list i {
    margin-left: -10px;
    width: 18px;
}

ul.typeahead-list {
    max-height: 80vh;
    overflow: auto;
}

ul.typeahead-list > li > a {
    /** Firefox bug **/
    /* see https://github.com/jupyter/notebook/issues/559 */
    white-space: normal;
}

.cmd-palette .modal-body {
    padding: 7px;
}

.cmd-palette form {
    background: white;
}

.cmd-palette input {
    outline: none;
}

.no-shortcut {
    display: none;
}

.command-shortcut:before {
    content: "(command)";
    padding-right: 3px;
    color: #777;
}

.edit-shortcut:before {
    content: "(edit)";
    padding-right: 3px;
    color: #777;
}

#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: 0;
}

#find-and-replace #replace-preview .replace .match {
    background-color: #ffcdd2;
    border-color: #ef9a9a;
    border-radius: 0;
}

#find-and-replace #replace-preview .replace .insert {
    background-color: #c8e6c9;
    border-color: #a5d6a7;
    border-radius: 0;
}

#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: 0 0 12px 1px rgba(87, 87, 87, 0.2);
    box-shadow: 0 0 12px 1px rgba(87, 87, 87, 0.2);
}

.terminal-app .terminal {
    float: left;
    font-family: monospace;
    color: white;
    background: black;
    padding: 0.4em;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 12px 1px rgba(87, 87, 87, 0.4);
    box-shadow: 0 0 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-cursor {
    color: black;
    background: white;
}

.terminal-app #terminado-container {
    margin-top: 20px;
}

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

.highlight {
    background: #f8f8f8;
}

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

/* Comment */
.highlight .err {
    border: 1px solid #f00
}

/* Error */
.highlight .k {
    color: #008000;
    font-weight: bold
}

/* Keyword */
.highlight .o {
    color: #666
}

/* 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: #f00
}

/* Generic.Error */
.highlight .gh {
    color: #000080;
    font-weight: bold
}

/* Generic.Heading */
.highlight .gi {
    color: #00a000
}

/* Generic.Inserted */
.highlight .go {
    color: #888
}

/* 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: #04d
}

/* 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: #666
}

/* Literal.Number */
.highlight .s {
    color: #ba2121
}

/* Literal.String */
.highlight .na {
    color: #7d9029
}

/* Name.Attribute */
.highlight .nb {
    color: #008000
}

/* Name.Builtin */
.highlight .nc {
    color: #00f;
    font-weight: bold
}

/* Name.Class */
.highlight .no {
    color: #800
}

/* Name.Constant */
.highlight .nd {
    color: #a2f
}

/* Name.Decorator */
.highlight .ni {
    color: #999;
    font-weight: bold
}

/* Name.Entity */
.highlight .ne {
    color: #d2413a;
    font-weight: bold
}

/* Name.Exception */
.highlight .nf {
    color: #00f
}

/* Name.Function */
.highlight .nl {
    color: #a0a000
}

/* Name.Label */
.highlight .nn {
    color: #00f;
    font-weight: bold
}

/* Name.Namespace */
.highlight .nt {
    color: #008000;
    font-weight: bold
}

/* Name.Tag */
.highlight .nv {
    color: #19177c
}

/* Name.Variable */
.highlight .ow {
    color: #a2f;
    font-weight: bold
}

/* Operator.Word */
.highlight .w {
    color: #bbb
}

/* Text.Whitespace */
.highlight .mb {
    color: #666
}

/* Literal.Number.Bin */
.highlight .mf {
    color: #666
}

/* Literal.Number.Float */
.highlight .mh {
    color: #666
}

/* Literal.Number.Hex */
.highlight .mi {
    color: #666
}

/* Literal.Number.Integer */
.highlight .mo {
    color: #666
}

/* Literal.Number.Oct */
.highlight .sb {
    color: #ba2121
}

/* Literal.String.Backtick */
.highlight .sc {
    color: #ba2121
}

/* Literal.String.Char */
.highlight .sd {
    color: #ba2121;
    font-style: italic
}

/* Literal.String.Doc */
.highlight .s2 {
    color: #ba2121
}

/* Literal.String.Double */
.highlight .se {
    color: #b62;
    font-weight: bold
}

/* Literal.String.Escape */
.highlight .sh {
    color: #ba2121
}

/* Literal.String.Heredoc */
.highlight .si {
    color: #b68;
    font-weight: bold
}

/* Literal.String.Interpol */
.highlight .sx {
    color: #008000
}

/* Literal.String.Other */
.highlight .sr {
    color: #b68
}

/* 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 .vc {
    color: #19177c
}

/* Name.Variable.Class */
.highlight .vg {
    color: #19177c
}

/* Name.Variable.Global */
.highlight .vi {
    color: #19177c
}

/* Name.Variable.Instance */
.highlight .il {
    color: #666
}

/* Temporary definitions which will become obsolete with Notebook release 5.0 */
.ansi-black-fg {
    color: #3e424d;
}

.ansi-black-bg {
    background-color: #3e424d;
}

.ansi-black-intense-fg {
    color: #282c36;
}

.ansi-black-intense-bg {
    background-color: #282c36;
}

.ansi-red-fg {
    color: #e75c58;
}

.ansi-red-bg {
    background-color: #e75c58;
}

.ansi-red-intense-fg {
    color: #b22b31;
}

.ansi-red-intense-bg {
    background-color: #b22b31;
}

.ansi-green-fg {
    color: #00a250;
}

.ansi-green-bg {
    background-color: #00a250;
}

.ansi-green-intense-fg {
    color: #007427;
}

.ansi-green-intense-bg {
    background-color: #007427;
}

.ansi-yellow-fg {
    color: #ddb62b;
}

.ansi-yellow-bg {
    background-color: #ddb62b;
}

.ansi-yellow-intense-fg {
    color: #b27d12;
}

.ansi-yellow-intense-bg {
    background-color: #b27d12;
}

.ansi-blue-fg {
    color: #208ffb;
}

.ansi-blue-bg {
    background-color: #208ffb;
}

.ansi-blue-intense-fg {
    color: #0065ca;
}

.ansi-blue-intense-bg {
    background-color: #0065ca;
}

.ansi-magenta-fg {
    color: #d160c4;
}

.ansi-magenta-bg {
    background-color: #d160c4;
}

.ansi-magenta-intense-fg {
    color: #a03196;
}

.ansi-magenta-intense-bg {
    background-color: #a03196;
}

.ansi-cyan-fg {
    color: #60c6c8;
}

.ansi-cyan-bg {
    background-color: #60c6c8;
}

.ansi-cyan-intense-fg {
    color: #258f8f;
}

.ansi-cyan-intense-bg {
    background-color: #258f8f;
}

.ansi-white-fg {
    color: #c5c1b4;
}

.ansi-white-bg {
    background-color: #c5c1b4;
}

.ansi-white-intense-fg {
    color: #a1a6b2;
}

.ansi-white-intense-bg {
    background-color: #a1a6b2;
}

.ansi-bold {
    font-weight: bold;
}

div#notebook {
    overflow: visible;
    border-top: none;
}

.filterControl .form-control {
    padding: 0;
}

.bt_table_ei .fht-cell,
.bt_table_satellite_region .fht-cell,
.bt_table_satellite_pathrow .fht-cell,
.bt_table_forage_yield_county .fht-cell,
.bt_table_weather_month .fht-cell {
    position: absolute;
    top: -45px;
    left: 72px;
}

.head-wrapper {
    margin-bottom: 22px;
}

.filter-list-group .list-group-item .title {
    font-size: 14px;
    line-height: 22px;
}

.filter-list-group .list-group-item .item {
    line-height: 20px;
    color: #08c;
    margin: 1px 15px 1px 0;
}

.metadata-list-group .media-heading a {
    color: #08c;
}

.metadata-list-group {
    padding-bottom: 5px;
    border-bottom: 1px dashed #dfdfdf;
}

.separator {
    display: block;
    width: 100%;
    height: 3px;
    margin: 5px auto 15px;
    background-color: #ccc;
    position: relative;
    border: 1px solid #ccc;
}

.separator:after {
    width: 50%;
    height: 3px;
    background-color: #08c;
    position: absolute;
    top: -1px;
    left: -1px;
    content: "";
}

.index-linker {
    position: absolute;
    top: 275px;
    left: 650px;
    display: block;
    width: 135px;
    height: 35px;
    z-index: 33;
    text-indent: -33333px;
}

.index-img-box {
    width: 1000px;
    margin: 33px auto 0;
    text-align: center
}

.index-img-box img {
    max-width: 280px;
}

.index-banner {
    height: 400px;
}

.index-banner-item {
    width: 100%;
    height: 400px;
    background: no-repeat center;
    text-align: center;
    line-height: 400px;
    background: #364d79;
    overflow: hidden;
    background: url("/images/index/banner.jpg") 50% no-repeat;
    background-size: cover
}

.treeview {
    font-size: 14px;
}

.text-cont p.h4 {
    line-height: 1.5 !important;
}