/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

:root {
  --jp-private-menu-panel-height: 27px;
}

.lm-Widget.lm-mod-hidden {
  display: none !important;
}

body {
  font-family: var(--jp-ui-font-family);
  background: #f0f2f5;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.jp-LabShell {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.jp-LabShell.jp-mod-devMode {
  border-top: 4px solid red;
}

#jp-main-vsplit-panel,
#jp-main-split-panel {
  overflow: visible;
}

#jp-main-dock-panel {
  padding: 10px;
}

#jp-main-dock-panel[data-mode='single-document'] {
  padding: 0;
}

#jp-main-dock-panel[data-mode='single-document'] .jp-MainAreaWidget {
  border: none;
}

#jp-top-panel {
  background-color: #222222;
  display: flex;
  min-height: var(--jp-private-menubar-height);
  overflow: visible;
}

#jp-menu-panel {
  min-height: var(--jp-private-menu-panel-height);
  align-self: center;
}

#jp-MainMenu {
  background-color: #222222;
  color: #afafaf;
}

#jp-MainMenu .lm-MenuBar-item {
  padding: 0 20px;
  border: none;
}

#jp-MainMenu .lm-MenuBar-item.lm-mod-active {
  background-color: #333333;
  border: none;
  box-shadow: none;
}

#jp-down-stack {
  border-bottom: var(--jp-border-width) solid var(--jp-border-color1);
}

.jp-LabShell[data-shell-mode='single-document'] #jp-top-panel {
  border-bottom: none;
}

.jp-LabShell[data-shell-mode='single-document'] #jp-menu-panel {
  padding-left: calc(
    var(--jp-private-sidebar-tab-width) + var(--jp-border-width)
  );
  border-bottom: var(--jp-border-width) solid var(--jp-border-color0);
  /* Adjust min-height so open menus show up in the right place */
  min-height: calc(
    var(--jp-private-menu-panel-height) + var(--jp-border-width)
  );
}

#jp-bottom-panel {
  background: var(--jp-layout-color1);
  display: flex;
}

#jp-single-document-mode {
  margin: 0px 8px;
  display: flex;
  align-items: center;
}

/* Sibling imports */
@import './datagrid.css';
@import './dockpanel.css';
@import './menus.css';
@import './scrollbar.css';
@import './tabs.css';
@import './buttons.css';
@import './sidepanel.css';
@import './titlepanel.css';
@import './skiplink.css';
