:root {
  --bg:     #080808;
  --fg:     #b2b2b2;
  --sel-bg: #323437;
  --sel-fg: #e4e4e4;
  --cursor: #e3c78a;
  /*
  scrollbar-color: #ffff00 #00ffff !important;
  scrollbar-width: thick !important;
  */
}

* {
  font-family: "Dejavu", sans-serif !important;
  font-weight: 500 !important;
  font-size: 12pt !important;
  --arrowpanel-background: #061115 !important;
  --arrowpanel-border-color: #000a0e !important;
  --autocomplete-popup-highlight-background: #000a0e !important;

  --button-hover-bgcolor:         var(--sel-fg) !important;
  --button-primary-hover-bgcolor: var(--sel-fg) !important;

  --in-content-border-hover:            var(--sel-fg) !important;
  --in-content-button-background-hover: var(--sel-bg) !important;
  --in-content-item-hover:              var(--sel-fg) !important;

  --toolbarbutton-active-background: #061115 !important;
}

/*
::-webkit-scrollbar,
::-webkit-scrollbar-corner,
*/
::-webkit-scrollbar-thumb {
  background-color: var(--fg) !important;
}

.toolbar {
  background-color: var(--bg) !important;
}

window,
#main-window,
#toolbar-menubar,
#TabsToolbar,
#PersonalToolbar,
#navigator-toolbox,
#sidebar-box {
  background-color: var(--bg) !important;
  -moz-appearance: none !important;
  background-image: none !important;
  border: none !important;
}

.tabbrowser-tab {
  color: #f00;
}

.tab-background {
  background-color: var(--bg) !important;
  border-color: none !important;
  margin-block: 0px !important;
}

.tab-background[selected="true"] {
  background-color: var(--sel-bg) !important;
  color: var(--sel-fg) !important;
  -moz-appearance: none !important;
  background-image: none !important;
  border: none !important;
}

.tabbrowser-tab:hover .tab-background {
  background-color: #0d181c !important;
}

.tabbrowser-tab[fadein] {
  max-width: 18pc !important;
}

#urlbar {
  background-color: #061115 !important;
}


#nav-bar {
  background-color: var(--bg) !important;
  -moz-appearance: none !important;
  background-image: none !important;
  border: none !important;
  transition: margin 0.5s !important;
}

#TabsToolbar {
  z-index: 1000 !important;
}

.tabbrowser-tab {
  height: 28pt !important;
  padding: 2pt 2pt 0pt 2pt!important;
  padding-inline: 2pt !important;
}

.tab-line {
  display: none !important;
}

.tab-icon-image:not([pinned]) {
  display: none !important;
}

.tab-label {
  -moz-box-flex: 1 !important;
  text-align: left !important;
  margin: 3pt !important;
}

.tab-icon-image[pinned] {
  text-align: center !important;
}

.tab-secondary-label {
  display: none !important;
}

.tabbrowser-tab .tab-label-container {
  margin-inline-end: 3pt !important;
}

.tab-label-container {
  -moz-box-pack: center !important;
  -moz-box-orient: horizontal !important;
}

#tabbrowser-tabs {
  -moz-box-flex: 1 !important;
  text-align: center !important;
}

#tabs-newtab-button {
  display: none !important;
}

.tabbrowser-tab::before,
.tabbrowser-tab::after {
  display: none !important;
}

.tab-close-button {
  display: none !important;
  border-radius: 8px !important;
}

/*
#identity-box,
#tracking-protection-icon-container {
  display: none !important;
}
*/

#back-button > .toolbarbutton-icon {
  transform: scale(0.85, 0.85) !important;
  animation: none !important;
  border: none !important;
  box-shadow: none !important;
}

#back-button:not(:hover),
#back-button:not(:hover) > .toolbarbutton-icon {
  background: none !important;
}

#back-button:hover,
#back-button:hover > .toolbarbutton-icon {
  border-radius: 3pt !important;
}

#back-button {
  list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfiAxMSNzVLQoGBAAAAb0lEQVQoz43ROQqDUBSF4UMEESKCBBehOODK7ezSWZnGJmuI4xp+66CX9077FXc40k1o+fCSFRoOOgKLa3Z6QosrNt5EFpesDDwtLlgYSSzOmZlILY758SW7ykO+cYzwWNLjTI9HSc5XS86ypP+6Tw/fVEqhFbEZAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE4LTAzLTE5VDE4OjU1OjUzKzAxOjAwq3ccegAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxOC0wMy0xOVQxODo1NTo1MyswMTowMNoqpMYAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC") !important;
  display:none;
}

#forward-button {
  list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfiAxMSOA3k2CXQAAAAbklEQVQoz5WRMQqDABAEF4UgKEIIPkKJii+3s7NLpY1N3qBR84axsPYOt1sYuNtdSZLEi5FG1yKk5U9tIQ86dioLiejZKC0k5sPK20JSBn4UFvJkYiG3kIwvM8npAt2Vc8J50onpFOVU7Y51PfcBtUFUSir+geUAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTgtMDMtMTlUMTg6NTY6MTMrMDE6MDDECqmDAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE4LTAzLTE5VDE4OjU2OjEzKzAxOjAwtVcRPwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAAASUVORK5CYII=") !important;
  display:none;
}

#whats-new-menu-button,
#star-button,
#pocket-button,
#save-to-pocket-button #pageActionSeparator,
#pageActionButton,
#reader-mode-button {
  display: none !important;
}

#save-to-pocket-button {
  visibility: hidden !important;
}

#PanelUI-button {
  border-image-slice: 0 !important;
}

#urlbar-input {
  background-color: transparent !important;
  padding: 2pt !important;
}
#urlbar-input[focused=true] {
	border-width: 5px !important;
}

#urlbar-results {
  background-color: var(--sel-bg) !important;
  border-radius: 4pt !important;
}

.urlbarView-body-inner {
  border-top: none !important;
}

#nav-bar {
  border-bottom: 0px !important;
  box-shadow: none !important;
}

#urlbar ::-moz-selection,
.searchbar-textbox ::-moz-selection {
  background-color: var(--sel-bg) !important;
  color: var(--sel-fg) !important;
}

#tabbrowser-tabpanels {
  background-color: var(--bg) !important;
}

urlbar > #urlbar-background {
  background-color: #f00 !important;
}


#urlbar[focused="true"] {
  padding-color: red !important;
  /*box-shadow: inset 0 0 2pt #ff0 !important;*/
}
#urlbar:active {
	/*border-width: 5px !important;*/
}
#urlbar:hover {
 color: var(--cursor) !important;
 /*border: 2pt solid #ff0 !important;*/
}