body.notebook_app {
 padding: 0;
 background-color: #A9A9A9;
 background-image: url("dakota-slide-image.jpg");
 padding-right: 0px !important;
 background-size: 100%;
 overflow-y: hidden;
}
body > #header #header-container {
 padding-bottom: 0px;
 padding-top: 10px;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
  /*Uncomment following to add dakota logo above title*/
  /*background-image: url(DAKOTA_Arrow_Name_Tag_horiz-transparent.png);
  background-size: auto 25%;
  background-repeat: no-repeat;
   background-position: left center; 
   background-color: #A9A9A9;
  border: 10px solid #A9A9A9;*/
}
/* create space between bottom of title and toolbar */
#ipython_notebook {
    height: 40px !important;
}

#ipython_notebook img{
    display:block;
    background: url(DAKOTA_Arrow_Name_Tag_horiz-transparent.png) no-repeat;
    background-size: contain;
    width: 33px;
    height: 33px;
    padding-top: 0px;
    padding-left: 133px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body > #header {
 background: #A9A9A9;
 background-color: #A9A9A9;
 position: relative;
 z-index: 100;
}

div.text_cell_render h1 {
 color: #4c8be2;
 font-size: 215%;
 text-align: center;
 font-style: normal;
}
div.text_cell_render h2 {
 text-align: left;
 font-size: 180%;
 color: #4c8be2;
 font-style: normal;
}
div.text_cell_render h3 {
 font-size: 150%;
 color: #4c8be2;
 font-style: normal;
}
div.text_cell_render h4 {
 font-size: 120%;
 color: #4c8be2;
 font-style: normal;
}
div.text_cell_render h5 {
 font-size: 100%;
 color: #d8dcee;
 font-style: normal;
}

div#menubar-container {
 width: 100%;
 width: 980px;
}
div#header-container {
 width: 980px;
}
.notebook_app #header,
.edit_app #header {
 box-shadow: none !important;
 background-color: #A9A9A9;
 border-bottom: 2px solid rgba(80,92,133,.22);
}
#header,
.edit_app #header {
 font-family: sans-serif;
 font-size: 13pt;
 box-shadow: none;
 background-color: #A9A9A9;
}
#header .header-bar,
.edit_app #header .header-bar {
 background: #A9A9A9;
 background-color: #A9A9A9;
}
body > #header .header-bar {
 width: 100%;
 background: #A9A9A9;
}
span.checkpoint_status,
span.autosave_status {
 font-size: small;
 display: none;
}

#menubar,
div#menubar {
 background-color: #A9A9A9;
 padding-top: 0px !important;
}
#menubar .navbar,
.navbar-default {
 background-color: #A9A9A9;
 margin-bottom: 0px;
 margin-top: 0px;
}
.navbar {
 border: none;
}
div.navbar-text,
.navbar-text,
.navbar-text.indicator_area,
p.navbar-text.indicator_area {
 margin-top: 8px !important;
 margin-bottom: 0px;
 color: #4c8be2;
}
.navbar-default {
 font-family: sans-serif;
 font-size: 13pt;
 background-color: #A9A9A9;
 border-color: rgba(80,92,133,.22);
 line-height: 1.5em;
 padding-bottom: 0px;
}
.navbar-default .navbar-nav > li > a {
 font-family: sans-serif;
 font-size: 13pt;
 color: #4c8be2;
 display: block;
 line-height: 1.5em;
 padding-top: 14px;
 padding-bottom: 11px;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
 color: #d8dcee;
 background-color: rgba(80,92,133,.22);
 border-color: rgba(80,92,133,.22);
 line-height: 1.5em;
 transition: 200ms ease;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
 color: #e4e8ee;
 background-color: #3572c6;
 border-color: #3572c6;
 line-height: 1.5em;
 transition: 200ms ease;
}
.navbar-nav > li > .dropdown-menu {
 margin-top: 0px;
}
.navbar-nav {
 margin: 0;
}

/* Change text cell properties */
/*div.text_cell_render, div.output_html {background: #cccccc;}*/

/* Change code cell properties */
.CodeMirror pre {
    Background: #cccccc;
    line-height: 150%;
}
/* Remove white space around colored background of cell */
div.CodeMirror-lines {
 padding-bottom: 0em;
 padding-left: 0em;
 padding-right: 0em;
 padding-top: 0em;
}