/**
Ideas
checkbox with css
accent color configurable

**/
:root {
    --accent-color:  #00BCD4;
    --accent-state-color:#0097A7;
    --success-color: #1abc9c;
    --link-color: #263238;
    --link-state-color: #607D8B;
    --danger-color: #ff5555;
    --danger-state-color: #C94D4D;

    --prompt-counter-color: #607D8B;
    --output-counter-color: #263238;

    --selected-cell-color: #607D8B;
    --muted-color: #90A4AE;
}
.btn-default {
    color: var(--accent-color);
    background-color: #fff;
    border-color: transparent;
}
.list_container > div {
    padding: 0.6rem;
    border-bottom: none;
}
.item_buttons .running-indicator {
    padding-top: 4px;
    color: var(--success-color);
}

.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: var(--success-color);
}

a {
    color: var(--accent-color);
    text-decoration: none;
}
a:hover {
    color: var(--link-state-color)
}
body {
    background-color: #fff;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    overflow: hidden;
}

body > #header #header-container {
    padding-bottom: 0;
    padding-top: 0;
    padding: 1rem;
}

body > #header .header-bar {
    width: 0;
    height: 0;
    background: none;
    margin-bottom: 0;
}
body > #header {
    padding: 0.3rem;
    display: none;
    background-color: #fff;
    position: relative;
    z-index: 100;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(150,150,150,1);
    -moz-box-shadow: 0px 2px 5px 0px rgba(150,150,150,1);
    box-shadow: 0px 2px 5px 0px rgba(150,150,150,1);
}

span#login_widget > .button, #logout {
    color: var(--danger-color);
    border-color: transparent;
}

span#login_widget > .button:hover, #logout:hover {
    color: var(--danger-state-color);
    background-color: #e6e6e6;
    border-color: transparent;
}

.nav-tabs {
    border-bottom: 1px solid #eee;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #555555;
    background-color: #fff;
    border:none;
    border-bottom-color: 2px solid var(--accent-color);
    cursor: default;
}

.btn-default {
    color: var(--accent-color);
    border-color: transparent;
}

.btn-default:hover {
    color: var(--accent-state-color);
    background-color: #e6e6e6;
    border-color: transparent;
}

.btn-xs, .btn-group-xs > .btn {
    padding: 3px 8px;
}

.btn-danger:active:hover, .btn-danger.active:hover, .open > .dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open > .dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, .open > .dropdown-toggle.btn-danger.focus {
    color: var(--danger-state-color);
    background-color: #fff;
    border-color: #fff;
}
.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    color: var(--accent-state-color);
    background-color: #e6e6e6;
    border-color: #adadad;
}
.panel-default {
    border-color: transparent;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(150,150,150,1);
    -moz-box-shadow: 0px 2px 5px 0px rgba(150,150,150,1);
    box-shadow: 0px 2px 5px 0px rgba(150,150,150,1);
}
.btn {
    border-radius: 6px;
}
.btn-warning {
    color: #fff;
    background-color: #f1c40f;
    border-color: transparent;
}
.btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus {
    color: var(--accent-state-color);
    background-color: #d4d4d4;
    border-color: transparent;
}

.form-control {
    -webkit-box-shadow: none;
    box-shadow: none;

}

/** Code editor **/

.cm-s-ipython span.cm-keyword { line-height: 1em; font-weight: normal; color: #b294bb; }
.cm-s-ipython span.cm-atom { color: #b294bb; }
.cm-s-ipython span.cm-number { color: #de935f; }
.cm-s-ipython span.cm-def { color:#81a2be; text-decoration:none; }
.cm-s-ipython span.cm-variable { color: #cc6666; }
.cm-s-ipython span.cm-variable-2 { color:#cc6666; }
.cm-s-ipython span.cm-variable-3, .cm-s-ipython span.cm-type { color: #cc6666; }
.cm-s-ipython span.cm-property {}
.cm-s-ipython span.cm-operator {}
.cm-s-ipython span.cm-comment { color: #969896; font-style: italic; }
.cm-s-ipython span.cm-string { color: #b5bd68; }
.cm-s-ipython span.cm-meta { color: #81a2be; }
.cm-s-ipython span.cm-qualifier { color: #b294bb; }
.cm-s-ipython span.cm-builtin { color: #b5bd68; }
.cm-s-ipython span.cm-bracket { color: #4d4d4c; }
.cm-s-ipython span.cm-tag { color: #cc6666; }
.cm-s-ipython span.cm-attribute { color: #de935f; }
.cm-s-ipython span.cm-error { text-decoration: #cc6666, underline }

.cm-s-ipython .CodeMirror-activeline-background { background: #e8f2ff; }
.cm-s-ipython .CodeMirror-matchingbracket { outline:1px solid grey;color:black !important;background:yellow; }

/** MD **/

.cm-s-default .cm-header {
    color: #5E6061;
}
.cm-s-default .cm-comment {
    color: #a50;
}
/** Cells **/

div.cell.selected:before, div.cell.selected.jupyter-soft-selected:before {
    width: 2px;
    background: var(--accent-color);
}

div.input_prompt {
    color: var(--prompt-counter-color);
    border-top: 1px solid transparent;
}
div.output_prompt {
    color: var(--output-counter-color);
}

.edit_mode div.cell.selected:before, .edit_mode div.cell.selected.jupyter-soft-selected:before {
    border-color: var(--selected-cell-color) !important;
    width: 1px;
}

div.cell {
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
}
#notebook-container {
    width: 90%;
}

.notebook_app {
    background-color: #f6f6f6;
}

h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6 {
    text-align: center;
}
.rendered_html h1,
.rendered_html h2,
.rendered_html h3,
.rendered_html h4,
.rendered_html h5,
.rendered_html h6 {
    font-weight: 500;
}

div.input_area {
    border: none;
    border-radius: 6px;
    background: transparent;

}

div.cell.selected, div.cell.selected.jupyter-soft-selected {
    border-color: transparent;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: white;
    background: white;
}
#menubar .navbar {
    border-top: 1px;
    border-radius: 0px 0px 2px 2px;
    margin-bottom: 0px;
    border-color: white;
    background: white;
}
.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 .btn-default {
    color: var(--muted-color) !important;
}