/* Remove  Left Scroller */
@-moz-document url(chrome://browser/content/browser.xhtml) {#scrollbutton-up {display: none !important;}}

/* Fix shape */
:root {
--tab-border-radius: 0 !important;
--tab-block-margin: 0 !important;}
.tabbrowser-tab {
padding-inline: 0 !important;}
.tab-background {
box-shadow: none !important;}
.tabbrowser-tab{ /* separator */
border-inline-end: 1px solid !important;}
:root {--tab-min-height: 15px !important;} /* Min height */

/* Loading Animation */
.tab-throbber[busy] {
background-image: url("chrome://global/skin/icons/loading.png") !important;
animation: unset !important;}
.tab-throbber[busy]:not([progress]) { /* Grays circle during "Connecting" state */
filter: grayscale(100%);}

/* Fix Audio Icon */
.tabbrowser-tab:not([pinned]) .tab-icon-stack:is([muted],[soundplaying],[activemedia-blocked]){
grid-template-areas: "a s";}
.tabbrowser-tab:not([pinned]) .tab-icon-overlay:is([muted],[soundplaying],[activemedia-blocked]){ grid-area: s; }
.tab-icon-overlay,.tab-icon-image{ opacity: 1 !important; }
.tab-icon-overlay:not([pinned]){
padding: 0px !important;
margin-inline: -2px 1px !important;}

/* Close Button */
#main-window[uidensity="compact"] .tab-close-button { /* Shape */
width: 24px !important;
padding: 3px 5px !important;}
.tabs-closebutton:hover, /* Red Color */
.tab-close-button:hover {
fill: red !important;}
.tabbrowser-tab:not([pinned="true"]) > .tab-stack > .tab-content > .tab-close-button:not([selected="true"]) { /* Always show close icon' */
display: initial !important;}

 /* Move close button (and favicon) closer to tab edge */
.tab-icon-image[selected="true"] {
margin-left: -6px !important;
margin-right: 4px !important;}
 .tab-icon-image:not([selected="true"]) {
margin-left: -6px !important;
margin-right: 4px !important;}
.tab-close-button {margin-right: -8px !important;}

/* Dim Inactive tabs favicon */
#TabsToolbar #tabbrowser-tabs .tabbrowser-tab[pending] .tab-content:not(:hover) .tab-icon-image{
transition: filter 0.2s ease-in;
opacity: 0.4 !important;}

/* Hide overflow shadows on tab bar */
spacer[part="overflow-start-indicator"],
spacer[part="overflow-end-indicator"] {display: none !important;}

/* Hide 'show all tabs' button */
#tabbrowser-tabs ~ #alltabs-button {display: none !important;}

/* Remove space between Tab bar and windows control buttons */
#TabsToolbar .titlebar-spacer[type="pre-tabs"],
#TabsToolbar .titlebar-spacer[type="post-tabs"] {
  display: none !important;}

/* Compact Windows Controls */
.titlebar-button {
padding-left: 6px !important;
padding-right: 2px !important;}

/* Remove Tab Blur */
.tab-label-container[textoverflow]:not([pinned]) {
  mask-image: unset !important;}

/* Compact toolbar and main toolbar buttons */

#main-window[uidensity="compact"] #nav-bar-customization-target > toolbarpaletteitem > :is(toolbarbutton, toolbaritem),
#main-window[uidensity="compact"] #nav-bar-customization-target > * {
padding: 0 !important;
padding-top: 0px !important;
margin: 0 !important;
}

#main-window[uidensity="compact"] #PanelUI-menu-button {
padding-inline-end: 0 !important;
}

#main-window[uidensity="compact"] {
--toolbarbutton-outer-padding: 0px !important;
--toolbarbutton-inner-padding: 0px !important;
--bookmark-block-padding: 0px !important;
}

.subview-subheader, panelview .toolbarbutton-1, .subviewbutton, .widget-overflow-list .toolbarbutton-1 {
margin: 0 !important;
padding: 2px !important;
}
.panel-subview-body {
padding: 0px !important;
}


/* Outline */
#back-button, #forward-button, #PanelUI-menu-button  {
  border: 1px solid var(--chrome-content-separator-color) !important;
}

/* No hover background */
.toolbarbutton-1 {
    --toolbarbutton-hover-background: none !important;
}

/*Add background color */
#back-button, #forward-button, #PanelUI-menu-button {
  background-color: #e5e9f0 !important;
}



/* Remove Border Above Tab bar When Windowed */
#main-window:not([sizemode="maximized"]) #navigator-toolbox {
  margin-top: -8px !important;
}


/* URL Bar Outline */
#urlbar-background {
  border: 1px solid var(--chrome-content-separator-color) !important;}

/* URL bar background color */
#urlbar-background {
  background-color: rgb(240, 240, 244) !important;}

/* URL bar suggestions hover color */
:root {
  --autocomplete-popup-hover-background: white !important;}

/* Remove thin white border around identity box */
:root {
  --urlbar-container-padding: 0px !important; /* do not remove 'px' */}

/* Border between identity box and url */
#identity-icon-box {
  border-inline-end: 1px solid #000;}

/* Remove shadow around expanded address bar */
#urlbar[open] > #urlbar-background {
  box-shadow: none !important;}

/* Megabar: disable breakout / expanding onto toolbar */
#urlbar[breakout][breakout-extend] {
  top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
  left: 0px !important;
  width: calc(100% - 0px) !important;}
#urlbar[breakout][breakout-extend] > #urlbar-background {
  animation-name: unset !important;}
#urlbar[breakout][breakout-extend] > #urlbar-input-container {
  height: var(--urlbar-height) !important;
  padding-block: unset !important;
  padding-inline: 0px !important;}

/* disable space wasting inside popup around result items */
#urlbar[breakout] #urlbar-results {
  padding: 0px !important;
  margin: 0px !important;}

/* Compact URL bar suggestions */
.urlbarView{ margin-inline: 0 !important; width: auto !important; }
.urlbarView-row{ padding: 0 2px !important; }
.urlbarView-row-inner{ padding-inline-start: 0px !important; }

/* Results separator */
.urlbarView-row + .urlbarView-row {
  border-top: 1px solid lightgrey !important;
  border-bottom: 1px solid transparent !important;}
.urlbarView-body-inner {
  border-top: 1px solid lightgrey !important;}
#urlbar[breakout] #urlbar-results .urlbarView-row-inner {
  padding-top: 2px !important;
  padding-bottom: 2px !important; }

/* No overflow effect */
#urlbar{
overflow: hidden;}

/* Clean search engines area in urlbar Popup*/
#urlbar .search-one-offs {
  display: none !important;}

/* Fonts of the Megabr*/
#urlbar-input { /* Address font */
font-family: Arimo !important;
font-size: 16px !important;}
.urlbarView-title {  /* Title font */
font-family: Arimo !important;
font-size: 12px !important;}


/* Remove paiddng before 1st item */
#PersonalToolbar {
  padding-inline: 0 !important;}

/* Bookmark item background color */
#PlacesToolbarItems .bookmark-item image {
  background-color: #d5d9e0 !important;}

/* Bookmarks bar separator */
#PlacesToolbarItems > toolbarseparator::before {
 margin-left: -2px !important;
 margin-right: -2px !important;
/* Make this separator line stretches all the way from the very top to the very bottom of the bookmarks bar? */
 border-inline-start: 2px solid Black !important;
 border-image-source: none !important;}

/* Decrease padding between bookmarks items and the bottom of the bar */
#personal-toolbar-empty-description,
#PersonalToolbar .toolbarbutton-1,
toolbarbutton.bookmark-item:not(.subviewbutton) {
  margin: 0 1px 0 !important;
  padding: 0 !important;}

/* Padding between the title and folder icon */
#PlacesToolbarItems > .bookmark-item > .toolbarbutton-icon[label]:not([label=""]) {
  margin-inline-end: 1px !important; }