/*** Right-click menu ***/

menupopup:not(.in-menulist){
  --menu-border-color: black !important;
  --panel-border-color: var(--menu-border-color) !important;
  --panel-background: #1E2021 !important;
}

menupopup:not(.in-menulist) menuseparator {
 --menu-border-color: black !important;
 border-top: 1px solid var(--menu-border-color) !important;
}

menupopup:not(.in-menulist){
  --menu-border-color: black !important;
  --panel-border-color: var(--menu-border-color) !important;
}

/*** Drop-down menus menu ***/

:root {
  --panel-separator-color: black !important;
}

html#main-window menupopup:not(.in-menulist, [placespopup]) menuseparator,
toolbarbutton menupopup[placespopup] menuseparator::before {
  --menu-border-color: black !important;
}

/*** Nav bar horizontal seperators ***/

:root{
--autocomplete-popup-separator-color: black !important;
}

/*** Tooltips ***/

tooltip {
    background-color: #1E2021!important;
    color: white!important;
    border-color: black!important;
}

/*** Statuspanel ***/

:root #statuspanel-label{
  background-color: rgb(30,32,33) !important;
  color: rgb(255,255,255) !important;
  border-color: black !important;
}

/*** Footer & Container ***/

#customization-footer {
    border: black !important;
    background-color: #1E2021 !important;
}

#customization-container {
    background-color: #1E2021 !important;
    background-image: none !important;
}

/*** Tree Style Tabs ***/

/* Hide main tabs toolbar */
#main-window[tabsintitlebar="true"]:not([extradragspace="true"]) #TabsToolbar > .toolbar-items {
    opacity: 0;
    pointer-events: none;
}
#main-window:not([tabsintitlebar="true"]) #TabsToolbar {
    visibility: collapse !important;
}

/* Sidebar min and max width removal */
#sidebar-box {
    max-width: none !important;
    min-width: 0px !important;
}
/* Hide splitter, when using Tree Style Tab. */
#sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] + #sidebar-splitter {
    display: none !important;
}
/* Hide sidebar header, when using Tree Style Tab. */
#sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] #sidebar-header {
    visibility: collapse;
}

/* Shrink sidebar until hovered, when using Tree Style Tab. */
:root {
    --thin-tab-width: 30px;
    --wide-tab-width: 200px;
}
#sidebar-box:not([sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"]) {
    min-width: var(--wide-tab-width) !important;
    max-width: none !important;
}
#sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] {
    position: relative !important;
    transition: all 100ms !important;
    min-width: var(--thin-tab-width) !important;
    max-width: var(--thin-tab-width) !important;
}
#sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"]:hover {
    transition: all 200ms !important;
    transition-delay: 0.2s !important;
    min-width: var(--wide-tab-width) !important;
    max-width: var(--wide-tab-width) !important;
    margin-right: calc((var(--wide-tab-width) - var(--thin-tab-width)) * -1) !important;
    z-index: 1;
}