/* * Do not remove the @namespace line -- it's required for correct functioning
/*
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
*/

#content browser { margin-right:-14px!important; overflow-y:scroll; overflow-x:hidden;}

:root:-moz-lwtheme-brighttext {                                      /* minor color changes to the default dark theme */
  --color-overflow: #333;                                            /* >> button color */
  --chrome-background-color: #333 !important;                        /* tab strip background & inactive tabs */
  --chrome-secondary-background-color: #333 !important;              /* nav bar & active tab */
  --chrome-color: #ccc !important;                                   /* url & tab text, close tab & new tab buttons */
  background-color: #333 !important;                                 /* top border of out of focus window */
}

:root:-moz-lwtheme-darktext {                                        /* minor changes to the default light theme */
  --color-overflow: #ddd;                                            /* >> button color */
  --chrome-background-color: #ccc !important;                        /* tab strip background & inactive tabs */
}

:root {
  --tabs-border: transparent !important;                             /* active tab left & right borders - not working in 58?*/
  --toolbox-border-bottom-color: transparent !important;             /* 1px line under background tabs */
  --chrome-nav-bar-controls-border-color: transparent !important;    /* border around url bar */
}

 .browserContainer {
     background-color: #333 !important;
}

/* Move Tab-bar beside Nav-bar */
#TabsToolbar {
  margin-bottom: 0px !important;                /* not needed anymore? */
  margin-top: 0px !important;                   /*  */
  margin-left: 35vw !important;
  margin-right: -34px !important;
  max-height: 32px !important;
}

#nav-bar {
  margin-bottom: 2px !important;
  margin-top: -28px !important;
  margin-right: 65vw !important;
  border-top: none !important;
}

/* Remove padding above tabbar in compact mode */
#main-window[sizemode="normal"] > #titlebar {
  -moz-appearance: initial !important;
}


/* Back & Forward buttons */
#back-button > .toolbarbutton-icon,
#forward-button > .toolbarbutton-icon {
  transform: scale(0.9, 0.9) !important;
  margin-left: -2px !important;
  margin-right: -2px !important;
}

/* Move hamburger menu to the left */
#PanelUI-button,
customization-panel-container,
#customization-panelWrapper .panel-arrow {
  -moz-box-ordinal-group: 0 !important;
  margin-right: -2px !important;
}


#appMenu-popup {
  margin-right: -258px !important;
}

#appMenu-popup .panel-arrow {
  margin-right: 248px !important;
}

/* More tools... button */
#nav-bar-overflow-button {
  transform: scale(0.8, 0.8) !important;
  fill: #999 !important;
}

/* Tabs */
.tabbrowser-tab {
  height: 22px !important;
  background-color: rgb(98, 98, 175) !important;
}
tab[selected="true"]{
  background-color: rgb(1,162,82) !important;
}

/* Remove empty space before first tab
Delete this rule if you need a space to drag the window*/
#TabsToolbar .titlebar-placeholder[type="pre-tabs"]{
    display: none !important;
}

/* Remove border between tabs
Delete this rule if you want separators between background tabs */
.tabbrowser-tab::after, .tabbrowser-tab::before {
  border-left: none !important;
}

/* Border between background tabs */
.tabbrowser-tab::after, .tabbrowser-tab::before {
  color: grey !important;
  opacity: .2 !important;
 }

/* New tab button color */
#new-tab-button, .tabs-newtab-button {
  fill: var(--chrome-color) !important;
  }

/* tab line - adjust color & size, default #0a84ff 2px */
.tab-line {
  background-color: #0a84ff !important;
  height: 0px !important;
  }


/* Hide various elements */
/* Menu */
#appMenu-fxa-container,                    /* Sign in to Sync */
#appMenu-fxa-container+toolbarseparator,
/* #appMenuRestoreLastSession, */
#appMenu-zoom-controls,
#appMenu-zoom-controls+toolbarseparator,
#appMenu-edit-controls,
#appMenu-edit-controls+toolbarseparator,
#appMenu-library-button,
#appMenu-customize-button,
#appMenu-customize-button+toolbarseparator,
#appMenu-open-file-button,
#appMenu-save-file-button,
#appMenu-find-button,
#appMenu-more-button,

/* URL Bar */
#pageActionButton,
#pocket-button-box,
ar-button,
.autocomplete-history-dropmarker,
#identity-icon-labels
{
    display: none !important;
}

.tab-close-button {
  opacity: 0;
}
.tab-content:hover .tab-close-button {
  opacity: 1;
  transition: opacity 200ms ease-in-out;
}

/*Dark context menu*/
menupopup, popup,
popup > menu > menupopup,
menupopup > menu > menupopup {
    -moz-appearance: none !important;
    background: #202020 !important;
    border: 1px solid #606060 !important;
    padding: 6px 0px 6px 0px  !important;}

menupopup menuseparator {
    -moz-appearance: none !important;
    background: #808080 !important;
    margin: 2px 6px 2px 6px !important;
    padding: 0 !important;
    border-top: none !important;
    border-color: transparent !important;}

menupopup menu, menuitem{
    /*-moz-appearance: none !important;*/
    /*font-size: 9pt !important;*/
    /*margin: 3px 0px 3px 0px !important;*/
    color: #E0E0E0!important;}

menupopup menu:hover, menuitem:hover {
    /*-moz-appearance: none !important;*/
    color:#E4E4E4 !important;
    /*font-size: 9pt !important;*/
    /*margin: 3px 0px 3px 0px !important;*/
    background-color:#101010 !important;}

.menu-right{
    filter: invert(95%)!important;
}

#context-stop image:hover,
#context-bookmarkpage image:hover,
#context-navigation,
#context-sep-navigation,
#context-back image:hover,
#context-forward image:hover,
#context-reload image:hover {
    color: #E0E0E0!important;
    background: #181818 !important;
}

.tab-line[selected]{
    background-color: #f8f8f2 !important;
        height: 2px !important;

[class^="verified"] > #identity-icon { max-width: 0px !important; }