body {
  height: 100%;
  background: #f2f2f2;
}

.loading {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.loading .text-center {
  width: 100%;
  max-width: 720px;
  padding: 15px;
  margin: auto;
  text-align: center;
}

.loading p#loading_text {
  margin: 1rem 0;
}

.filetree ul.voila-notebooks {
  margin-top: 10px;
}

.navbar {
  background-color: #F37626 !important;
  height: 51px;
}

.navbar .navbar-brand {
  color: #fff;
  font-weight: 300;
}

.navbar .navbar-brand:hover {
  color: #fff !important;
}

.navbar .navbar-nav li a {
  color: #FFF;
}

.navbar .navbar-nav li:not(.active) a:hover {
  color: #DDD;
}

.dashboard-container {
  width: 100%;
  height: calc(100% - 51px);
  padding: 0.5rem;
}

.dashboard-container .sidebar {
  padding: 15px 0 15px 15px;
}

.dashboard-container .single-page {
  width: 100%;
  height: 100%;
  padding: 0;
}

.dashboard-container .section {
  width: 100%;
  height: 100%;
}

.dashboard-container .section.section-row {
  padding-top: 0.5rem;
}

.dashboard-container .section.section-row:first-child {
  padding-top: 0;
}

.dashboard-container .section.section-row:only-child {
  padding: 0;
}

.dashboard-container .section.section-row + .section-column {
  padding-top: 0.5rem;
  padding-left: 0;
}

.dashboard-container .section.section-column {
  padding-left: 0.5rem;
}

.dashboard-container .section.section-column:first-child {
  padding-left: 0;
}

.dashboard-container .section.section-column:only-child {
  padding: 0;
}

.dashboard-container .section.section-column + .section-row {
  padding-top: 0;
  padding-left: 0.5rem;
}

.dashboard-container .nav-tabs a {
  color: #495057;
}

.dashboard-container .tab-content.page-tabs {
  width: 100%;
  height: 100%;
}

.dashboard-container .tab-content.section-tabs {
  width: 100%;
  height: 100%;
  background-color: #FFF;
  border-radius: .25rem;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-top: none;
}

.dashboard-container .tab-content.section-tabs .card {
  border: none;
  border-radius: 0;
}

.card {
  width: 100%;
  height: 100%;
}

.card.card-row {
  margin-right: 0.5rem;
}

.card.card-row:last-child {
  margin-right: 0;
}

.card.card-column {
  margin-bottom: 0.5rem;
}

.card.card-column:last-child {
  margin-bottom: 0;
}

.card .card-body {
  padding: 0.5rem;
  width: 100%;
  height: 100%;
}

.card .card-body img {
  width: 100%;
  height: 100%;
}

table.dataframe {
  border: none;
  border-collapse: collapse;
  border-spacing: 0;
  color: #000;
  font-size: 12px;
  table-layout: fixed;
  width: 100%;
}

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

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

table.dataframe th {
  font-weight: bold;
}

table.dataframe tbody tr:nth-child(odd) {
  background: #f5f5f5;
}

table.dataframe tbody tr:hover {
  background: rgba(66, 165, 245, 0.2);
}

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

.js-plotly-plot {
  width: 100%;
  height: 100%;
}

.bk-root {
  width: 100%;
  height: 100%;
}

.jupyter-widgets .widget-inline-hbox {
  width: 99%;
}

.jupyter-widgets .widget-inline-hbox input, .jupyter-widgets .widget-inline-hbox select {
  width: 100%;
}

.jupyter-widgets .widget-inline-hbox .slider-container {
  width: 80%;
}
