/*
 * This file is a part of the NsCDE - Not so Common Desktop Environment
 * Author: Hegel3DReloaded
 * Licence: GPLv3
*/

/* userChrome.css NsCDE include CSS file for firefox */

button {
  border-width: 1px !important;
  background-color: var(--nscde-bg-color-5) !important;
  color: var(--nscde-fg-color-5) !important;
  border-top-color: var(--nscde-ts-color-5) !important;
  border-left-color: var(--nscde-ts-color-5) !important;
  border-bottom-color: var(--nscde-bs-color-5) !important;
  border-right-color: var(--nscde-bs-color-5) !important;
}

button:-moz-any(:hover:active,[open="true"]):not([disabled="true"]) {
  border-top-color: var(--nscde-bs-color-5) !important;
  border-left-color: var(--nscde-bs-color-5) !important;
  border-bottom-color: var(--nscde-ts-color-5) !important;
  border-right-color: var(--nscde-ts-color-5) !important;
}

#nav-bar toolbarbutton > .toolbarbutton-icon {
  background: transparent !important;
}

#nav-bar toolbarbutton:not(.subviewbutton),
#nav-bar toolbarbutton:hover:not(.subviewbutton) {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
  margin-left: 4px !important;
  margin-right: 4px !important;
}

toolbarbutton:not(.subviewbutton),
toolbarbutton:hover:not(.subviewbutton) {
  transition-duration: 0s !important;
  transition-delay: 0s !important;
  background: transparent !important;
  color: var(--nscde-fg-color-5) !important;
  border-top: 1px solid var(--nscde-ts-color-5) !important;
  border-left: 1px solid var(--nscde-ts-color-5) !important;
  border-bottom: 1px solid var(--nscde-bs-color-5) !important;
  border-right: 1px solid var(--nscde-bs-color-5) !important;
  border-radius: 0px !important;
}

toolbarbutton:-moz-any(:active,[open],[checked="true"]):not([disabled="true"]) {
  transition-duration: 0s !important;
  transition-delay: 0s !important;
  background-color: var(--nscde-sel-color-5) !important;
  border-top: 1px solid var(--nscde-bs-color-5) !important;
  border-left: 1px solid var(--nscde-bs-color-5) !important;
  border-bottom: 1px solid var(--nscde-ts-color-5) !important;
  border-right: 1px solid var(--nscde-ts-color-5) !important;
  border-radius: 0px !important;
}

#sidebarMenu-popup toolbarseparator,
#sidebarMenu-popup > .subviewbutton,
.panel-arrowcontent,
#sidebar-switcher-target,
#sidebar-switcher-target:hover,
#sidebar-switcher-target:not([open="true"]),
menulist:not(#openHandler) {
  outline: none !important;
  border-width: 1px !important;
  background-color: var(--nscde-bg-color-6) !important;
  color: var(--nscde-fg-color-6) !important;
  border-top-color: var(--nscde-ts-color-6) !important;
  border-left-color: var(--nscde-ts-color-6) !important;
  border-bottom-color: var(--nscde-bs-color-6) !important;
  border-right-color: var(--nscde-bs-color-6) !important;
}

#sidebarMenu-popup > .subviewbutton {
  border: 1px solid var(--nscde-bg-color-6) !important;
}

#sidebarMenu-popup .subviewbutton[checked],
#sidebarMenu-popup .subviewbutton:active,
#sidebar-switcher-target:active,
menulist[open="true"]:not(#openHandler) {
  background-color: var(--nscde-sel-color-6) !important;
  color: var(--nscde-fg-color-6) !important;
  border-top-color: var(--nscde-bs-color-6) !important;
  border-left-color: var(--nscde-bs-color-6) !important;
  border-bottom-color: var(--nscde-ts-color-6) !important;
  border-right-color: var(--nscde-ts-color-6) !important;
}

menuseparator {
  -moz-appearance: none !important;
  border-top: 1px solid var(--nscde-bs-color-6) !important;
  border-bottom: 1px solid var(--nscde-ts-color-6) !important;
}

/* Thick splitter */
splitter {
  -moz-appearance: none !important;
  border-width: 2px !important;
  background-color: var(--nscde-bg-color-5) !important;
  border-top-color: var(--nscde-ts-color-5) !important;
  border-left-color: var(--nscde-ts-color-5) !important;
  border-bottom-color: var(--nscde-bs-color-5) !important;
  border-right-color: var(--nscde-bs-color-5) !important;
}

richlistbox {
  -moz-appearance: none !important;
  background-color: var(--nscde-bg-color-4) !important;
  color: var(--nscde-fg-color-4) !important;
  border-left: 1px solid var(--nscde-bs-color-5) !important;
  border-top: 1px solid var(--nscde-bs-color-5) !important;
  border-bottom: 1px solid var(--nscde-ts-color-5) !important;
  border-right: 1px solid var(--nscde-ts-color-5) !important;
}

#tabbrowser-arrowscrollbox {
  background-color: var(--nscde-bg-color-5) !important;
  color: var(--nscde-fg-color-5) !important;
}

tabs {
  border-width: 0 !important;
}

#new-tab-button,
.tabbrowser-tab {
  background-color: var(--nscde-bg-color-5) !important;
  color: var(--nscde-fg-color-5) !important;
  border-top: 1px solid var(--nscde-ts-color-5) !important;
  border-left: 1px solid var(--nscde-ts-color-5) !important;
  border-bottom: 1px solid var(--nscde-bs-color-5) !important;
  border-right: 1px solid var(--nscde-bs-color-5) !important;
  margin: 1px !important;
}

#new-tab-button:active,
#new-tab-button[open="true"],
.tabbrowser-tab[visuallyselected="true"] {
  background-color: var(--nscde-sel-color-5) !important;
  border-top: 1px solid var(--nscde-bs-color-5) !important;
  border-left: 1px solid var(--nscde-bs-color-5) !important;
  border-bottom: 0px solid var(--nscde-ts-color-5) !important;
  border-right: 1px solid var(--nscde-ts-color-5) !important;
  margin: 1px !important;
}

.tab-background[selected="true"] {
  background-color: var(--nscde-sel-color-5) !important;
}

input,
.input-container {
  border-width: 1px !important;
  border-top-color: var(--nscde-bs-color-5) !important;
  border-left-color: var(--nscde-bs-color-5) !important;
  border-bottom-color: var(--nscde-ts-color-5) !important;
  border-right-color: var(--nscde-ts-color-5) !important;
}

.input-container {
  background-color: var(--nscde-bg-color-4) !important;
  color: var(--nscde-fg-color-4) !important;
}

.urlbarView,
#urlbar-input {
  background-color: var(--nscde-bg-color-4) !important;
  color: var(--nscde-fg-color-4) !important;
}

#searchbar,
#urlbar-background {
  -moz-appearance: none !important;
  border-width: 1px !important;
  background-color: var(--nscde-bg-color-4) !important;
  color: var(--nscde-fg-color-4) !important;
  border-radius: 0px !important;
  border-top: 1px solid var(--nscde-bs-color-5) !important;
  border-left: 1px solid var(--nscde-bs-color-5) !important;
  border-bottom: 1px solid var(--nscde-ts-color-5) !important;
  border-right: 1px solid var(--nscde-ts-color-5) !important;
}

#pageActionButton,
#star-button {
  background-color: var(--nscde-bg-color-5) !important;
  color: var(--nscde-fg-color-5) !important;
  border-top: 1px solid var(--nscde-ts-color-5) !important;
  border-left: 1px solid var(--nscde-ts-color-5) !important;
  border-bottom: 1px solid var(--nscde-bs-color-5) !important;
  border-right: 1px solid var(--nscde-bs-color-5) !important;
}

#pageActionButton:is([open],[checked],:active),
#star-button:is([open],[checked],:active) {
  background-color: var(--nscde-sel-color-5) !important;
  color: var(--nscde-fg-color-5) !important;
  border-top: 1px solid var(--nscde-bs-color-5) !important;
  border-left: 1px solid var(--nscde-bs-color-5) !important;
  border-bottom: 1px solid var(--nscde-ts-color-5) !important;
  border-right: 1px solid var(--nscde-ts-color-5) !important;
}

#tracking-protection-icon-container {
  border-inline-end: none !important;
  border-image-slice: 0 !important;
  border-image: none !important;
}

#identity-box {
  margin-inline: 0px !important;
  margin-right: 4px !important;
}

#tracking-protection-icon-container,
#tracking-protection-icon-container:hover,
#identity-box,
#identity-box:hover {
  background-color: var(--nscde-bg-color-5) !important;
  color: var(--nscde-fg-color-5) !important;
  border-top: 1px solid var(--nscde-ts-color-5) !important;
  border-left: 1px solid var(--nscde-ts-color-5) !important;
  border-bottom: 1px solid var(--nscde-bs-color-5) !important;
  border-right: 1px solid var(--nscde-bs-color-5) !important;
}

#tracking-protection-icon-container:is([open],[checked],:active),
#identity-box:is([open],[checked],:active) {
  background-color: var(--nscde-sel-color-5) !important;
  color: var(--nscde-fg-color-5) !important;
  border-top: 1px solid var(--nscde-bs-color-5) !important;
  border-left: 1px solid var(--nscde-bs-color-5) !important;
  border-bottom: 1px solid var(--nscde-ts-color-5) !important;
  border-right: 1px solid var(--nscde-ts-color-5) !important;
}

#sidebar-box {
  background-color: var(--nscde-sel-color-5) !important;
  color: var(--nscde-fg-color-5) !important;
  font-size: 10pt !important;
}

#sidebar-close,
.tab-close-button,
.tab-close-button:hover {
  background-color: var(--nscde-bg-color-5) !important;
  color: var(--nscde-fg-color-5) !important;
  border-top: 1px solid var(--nscde-ts-color-5) !important;
  border-left: 1px solid var(--nscde-ts-color-5) !important;
  border-bottom: 1px solid var(--nscde-bs-color-5) !important;
  border-right: 1px solid var(--nscde-bs-color-5) !important;
  fill-opacity: 0 !important;
}

#sidebar-close:active,
.sidebar-close-button,
.tab-close-button:active {
  background-color: inherit !important;
  color: inherit !important;
  border-top: 1px solid var(--nscde-bs-color-5) !important;
  border-left: 1px solid var(--nscde-bs-color-5) !important;
  border-bottom: 1px solid var(--nscde-ts-color-5) !important;
  border-right: 1px solid var(--nscde-ts-color-5) !important;
}

.tab-close-button,
.tab-close-button:hover {
  width: 16px !important;
  height: 20px !important;
  margin-right: -6px !important;
}

.tabbrowser-tab .tab-line,
.tabbrowser-tab .tab-line:hover {
  background-color: transparent !important;
}

.tabs-newtab-button:hover,
.tabbrowser-tab:hover .tab-content:hover {
  background-color: transparent !important;
}

#nav-bar {
  background-color: var(--nscde-bg-color-5) !important;
  color: var(--nscde-fg-color-5) !important;
  border-top: 1px solid var(--nscde-ts-color-5) !important;
  border-left: 1px solid var(--nscde-ts-color-5) !important;
  border-bottom: 1px solid var(--nscde-bs-color-5) !important;
  border-right: 1px solid var(--nscde-bs-color-5) !important;
}

#PanelUI-button {
  display: none !important;
}

panelview {
  -moz-appearance: none !important;
  background-color: var(--nscde-bg-color-6) !important;
  color: var(--nscde-fg-color-6) !important;
  border-top: 1px transparent !important;
  border-left: 1px solid var(--nscde-ts-color-6) !important;
  border-bottom: 1px solid var(--nscde-ts-color-6) !important;
  border-right: 1px solid var(--nscde-bs-color-6) !important;
}

#PanelUI-panic-view-button,
#panic-button-success-closebutton {
  background-color: var(--nscde-bg-color-6) !important;
  color: var(--nscde-fg-color-6) !important;
  border-top: 1px solid var(--nscde-ts-color-6) !important;
  border-left: 1px solid var(--nscde-ts-color-6) !important;
  border-right: 1px solid var(--nscde-bs-color-6) !important;
  border-bottom: 1px solid var(--nscde-bs-color-6) !important;
  border-radius: 0px !important;
}

#PanelUI-panic-view-button:is(:active,[checked]),
#panic-button-success-closebutton:is(:active,[checked]) {
  background-color: var(--nscde-sel-color-6) !important;
  color: var(--nscde-fg-color-6) !important;
  border-top: 1px solid var(--nscde-bs-color-6) !important;
  border-left: 1px solid var(--nscde-bs-color-6) !important;
  border-right: 1px solid var(--nscde-ts-color-6) !important;
  border-bottom: 1px solid var(--nscde-ts-color-6) !important;
  border-radius: 0px !important;
}

#BMB_bookmarksPopup menupopup {
  background-color: var(--nscde-bg-color-6) !important;
  color: var(--nscde-fg-color-6) !important;
  border-top: 1px solid var(--nscde-ts-color-6) !important;
  border-left: 1px solid var(--nscde-ts-color-6) !important;
  border-bottom: 1px solid var(--nscde-bs-color-6) !important;
  border-right: 1px solid var(--nscde-bs-color-6) !important;
}

#identity-popup-security-expander,
#protections-popup-mainView,
#protections-popup-mainView-panel-header,
.protections-popup-empty-label,
.tracking-protection-button,
.protections-popup-cookiesView-list-header,
.protections-popup-list-item > label,
#protections-popup-mainView-panel-header > label,
#protections-popup-mainView-panel-header > description,
#protections-popup-trackersView > .panel-header,
#protections-popup-sendReportView > .panel-header,
.protections-popup-category-label,
.protections-popup-category-state-label,
#protections-popup-content > description,
.protections-popup-footer-button-label,
#protections-popup-trackers-blocked-counter-description,
#protections-popup-sendReportView-heading > description
#protections-popup-footer-protection-type-label,
.protections-popup-show-report-icon,
.protections-popup-settings-icon {
  -moz-appearance: none !important;
  background-color: var(--nscde-bg-color-6) !important;
  color: var(--nscde-fg-color-6) !important;
  fill: var(--nscde-fg-color-6) !important;
  border: 1px solid var(--nscde-bg-color-6) !important;
}

.tracking-protection-icon,
.socialblock-icon,
.thirdpartycookies-icon,
.cryptominers-icon,
.fingerprinters-icon {
  -moz-appearance: none !important;
  background-color: var(--nscde-bg-color-6) !important;
  color: var(--nscde-fg-color-6) !important;
  fill: var(--nscde-fg-color-6) !important;
}

.protections-popup-category.notFound,
.protections-popup-category.notFound:hover {
  -moz-appearance: none !important;
  background-color: var(--nscde-bg-color-6) !important;
  color: var(--nscde-fg-color-6) !important;
  fill: var(--nscde-fg-color-6) !important;
  border: 1px solid var(--nscde-bg-color-6) !important;
  font-style: italic !important;
  font-size: 80% !important;
}

#BMB_bookmarksPopup .subviewbutton,
panelview .subview-subheader,
panelview .panel-subview-body,
panelview toolbarbutton.subviewbutton {
  -moz-appearance: none !important;
  background-color: var(--nscde-bg-color-6) !important;
  color: var(--nscde-fg-color-6) !important;
  border: 1px solid var(--nscde-bg-color-6) !important;
}

#BMB_bookmarksPopup .subviewbutton:hover,
#BMB_bookmarksPopup .subviewbutton {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  margin: 0px !important;
}

#identity-popup-security-expander:active,
panelview toolbarbutton:-moz-any(:hover:active,[checked="true"]):not([disabled="true"]) {
  -moz-appearance: none !important;
  background-color: var(--nscde-sel-color-6) !important;
  color: var(--nscde-fg-color-6) !important;
  border-left: 1px solid var(--nscde-bs-color-6) !important;
  border-top: 1px solid var(--nscde-bs-color-6) !important;
  border-right: 1px solid var(--nscde-ts-color-6) !important;
  border-bottom: 1px solid var(--nscde-ts-color-6) !important;
}

#BMB_bookmarksPopup .subviewbutton:-moz-any(:hover,:active,[checked="true"]):not([disabled="true"]) {
  background-color: var(--nscde-sel-color-6) !important;
  color: var(--nscde-fg-color-6) !important;
  border-top: 1px solid var(--nscde-bs-color-6) !important;
  border-left: 1px solid var(--nscde-bs-color-6) !important;
  border-right: 1px solid var(--nscde-ts-color-6) !important;
  border-bottom: 1px solid var(--nscde-ts-color-6) !important;
}

panelview .subview-subheader {
  font-weight: bold !important;
}

panelview toolbarseparator {
  -moz-appearance: none !important;
  border-top: 1px solid var(--nscde-bs-color-6) !important;
  border-bottom: 1px solid var(--nscde-ts-color-6) !important;
}

/* PageInfo window */
#topBar {
  background: var(--nscde-bg-color-6) !important;
  color: var(--nscde-fg-color-6) !important;
  border-top: 1px solid var(--nscde-ts-color-6) !important;
  border-left: 1px solid var(--nscde-ts-color-6) !important;
  border-right: 1px solid var(--nscde-bs-color-6) !important;
  border-bottom: 1px solid var(--nscde-bs-color-6) !important;
}

#mainDeck {
  background: var(--nscde-bg-color-5) !important;
  color: var(--nscde-fg-color-5) !important;
  border-top: 1px solid var(--nscde-ts-color-5) !important;
  border-left: 1px solid var(--nscde-ts-color-5) !important;
  border-right: 1px solid var(--nscde-bs-color-5) !important;
  border-bottom: 1px solid var(--nscde-bs-color-5) !important;
}

th > label,
td > input,
.table-split-column > * {
  background-color: var(--nscde-bg-color-5) !important;
  color: var(--nscde-fg-color-5) !important;
}

/* Bottom bar with statusbar */
#PersonalToolbar {
  position: fixed !important;
  display: flex !important;
  bottom: 0 !important;
  width: 100vw !important;
  direction: rtl !important;
  background-color: var(--nscde-bg-color-5) !important;
  color: var(--nscde-fg-color-5) !important;
  border-top: 1px solid var(--nscde-ts-color-5) !important;
  border-left: 1px solid var(--nscde-ts-color-5) !important;
  border-right: 1px solid var(--nscde-bs-color-5) !important;
  border-bottom: 1px solid var(--nscde-bs-color-5) !important;
}

#PersonalToolbar >  toolbarbutton {
  padding: 0 var(--toolbarbutton-outer-padding) !important;
  margin-left: 2px !important;
  margin-right: 2px !important;
  margin-top: 2px !important;
  margin-bottom: 0px !important;
  background-color: transparent !important;
}

#PersonalToolbar > toolbarbutton:is([open],[checked]),
#PersonalToolbar > toolbarbutton:active {
  margin-left: 1px !important;
  margin-right: 1px !important;
  background-color: var(--nscde-sel-color-5) !important;
  color: var(--nscde-fg-color-5) !important;
  border-top: 1px solid var(--nscde-bs-color-5) !important;
  border-left: 1px solid var(--nscde-bs-color-5) !important;
  border-right: 1px solid var(--nscde-ts-color-5) !important;
  border-bottom: 1px solid var(--nscde-ts-color-5) !important;
}

#PersonalToolbar > toolbarbutton > .toolbarbutton-icon,
#PersonalToolbar > toolbarbutton > .toolbarbutton-badge-stack {
  width: var(--default_personal_toolbar_height) !important;
  height: calc(var(--default_personal_toolbar_height) - 4px) !important;
  padding: calc(var(--toolbarbutton-inner-padding) - 2px) !important;
}

#PersonalToolbar > :first-child + toolbarspring {
  background-position: left 4px;
  background-repeat: no-repeat;
  background-image: -moz-element(#statuspanel);
  max-width: none !important;
  width: 60ch;
}

/*
  Using -moz-element() causes some problems after Firefox has been running
  several hours such as long tab switch times.  For this reason the background
  image is removed on hover and focused states which appears to clear the
  state.
*/

#PersonalToolbar:hover:first-child + toolbarspring {
  background-image: none !important;
}

#nav-bar toolbarbutton > .toolbarbutton-text {
  margin: 0px !important;
  padding: 0px !important;
  font-size: 9pt !important;
}

#nav-bar toolbarbutton > .toolbarbutton-icon {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  margin-left: 5px !important;
  margin-right: 5px !important;
  padding: 0px !important;
  height: 24px !important;
  width: 24px !important;
}

#reload-button, #stop-button {
  display: -moz-box !important;
}

#context-navigation > .menuitem-iconic > .menu-iconic-left > .menu-iconic-icon {
  width: 24px !important;
  height: 24px !important;
  margin: 4px !important;
}

#back-button > .toolbarbutton-icon {
  background: inherit !important;
  border: none !important;
  box-shadow: none !important;
}

.placesTree > treechildren {
  background-color: var(--nscde-sel-color-5) !important;
  color: var(--nscde-fg-color-5) !important;
  border-top: 1px solid var(--nscde-bs-color-5) !important;
  border-left: 1px solid var(--nscde-bs-color-5) !important;
  border-right: 1px solid var(--nscde-ts-color-5) !important;
  border-bottom: 1px solid var(--nscde-ts-color-5) !important;
}

/* Library Window: Thread pane index row */
treecol, .treecol-image {
  -moz-appearance: none !important;
  color: var(--nscde-fg-color-5) !important;
  background-color: var(--nscde-bg-color-5) !important;
  font-weight: bold !important;
  border-top: 1px solid var(--nscde-ts-color-5) !important;
  border-left: 1px solid var(--nscde-ts-color-5) !important;
  border-right: 1px solid var(--nscde-bs-color-5) !important;
  border-bottom: 1px solid var(--nscde-bs-color-5) !important;
  padding: 2px !important;
}

#placesView treechildren::-moz-tree-row(selected),
#placesView treechildren::-moz-tree-cell-text(selected) {
  background-color: var(--nscde-fg-color-5) !important;
  color: var(--nscde-bg-color-5) !important;
}

#placesViewsBox treechildren::-moz-tree-row(odd) {
  background-color: var(--nscde-sel-color-5) !important;
  color: var(--nscde-fg-color-5) !important;
}

#placesViewsBox treechildren::-moz-tree-row(even) {
  background-color: var(--nscde-bg-color-5) !important;
  color: var(--nscde-fg-color-5) !important;
}

#placesViewsBox treechildren::-moz-tree-row(odd, selected),
#placesViewsBox treechildren::-moz-tree-cell-text(odd, selected) {
  background-color: var(--nscde-fg-color-5) !important;
  color: var(--nscde-bg-color-5) !important;
}

#placesViewsBox treechildren::-moz-tree-row(even, selected),
#placesViewsBox treechildren::-moz-tree-cell-text(even, selected) {
  background-color: var(--nscde-fg-color-5) !important;
  color: var(--nscde-bg-color-5) !important;
}

#placesMenu > menu:active,
#placesMenu > menu[open] {
  background-color: var(--nscde-sel-color-6) !important;
  color: var(--nscde-fg-color-6) !important;
  border-width: 1px !important;
  border-top-color: var(--nscde-bs-color-6) !important;
  border-left-color: var(--nscde-bs-color-6) !important;
  border-bottom-color: var(--nscde-ts-color-6) !important;
  border-right-color: var(--nscde-ts-color-6) !important;
}

#placesMenu > menu,
#placesMenu > menu:hover {
  -moz-default-appearance: none !important;
  background-color: var(--nscde-bg-color-6) !important;
  color: var(--nscde-fg-color-6) !important;
}

#placesToolbar toolbarbutton,
#placesToolbar toolbarbutton:hover {
  appearance: none !important;
  margin-left: 4px !important;
  margin-right: 4px !important;
  background-color: var(--nscde-bg-color-6) !important;
  color: var(--nscde-fg-color-6) !important;
  border-width: 1px transparent !important;
  border: 1px solid transparent !important;
}

#placesToolbar toolbarbutton:active {
  background-color: var(--nscde-sel-color-6) !important;
  color: var(--nscde-fg-color-6) !important;
  border-width: 1px !important;
  border-top: 1px solid var(--nscde-bs-color-6) !important;
  border-left: 1px solid var(--nscde-bs-color-6) !important;
  border-right: 1px solid var(--nscde-ts-color-6) !important;
  border-bottom: 1px solid var(--nscde-ts-color-6) !important;
}

/* Bookmarks (PersonalToolbar) Toolbar and Status Bar at the bottom */
:root {
  --default_personal_toolbar_height: calc(2 * var(--toolbarbutton-inner-padding) + 16px);
}

#customization-container,
:root:not([inDOMFullscreen]) > body > #browser {
  margin-bottom: calc(5px + var(--default_personal_toolbar_height)) !important;
}

#statuspanel {
  height: 32px !important;
  width: auto !important;
  max-width: 75% !important;
  bottom: 0px !important;
  left: 0px !important;
  padding: 0px !important;
  transition-duration: 0s !important;
  transition-delay: 0s !important;
  transition-property: none !important;
}

#statuspanel-inner {
  height: 30px !important;
  margin-left: 2px !important;
  margin-right: 0px !important;
  margin-top: 1px !important;
  margin-bottom: 1px !important;
  border: none !important;
  font-size: inherit;
  color: inherit !important;
  background-color: var(--toolbar-accent-color) !important;
  border-top: 1px solid var(--nscde-bs-color-5) !important;
  border-left: 1px solid var(--nscde-bs-color-5) !important;
  border-right: 1px solid var(--nscde-ts-color-5) !important;
  border-bottom: 1px solid var(--nscde-ts-color-5) !important;
}

#statuspanel-label {
  top: 0px !important;
  margin-top: 0px !important;
  margin-bottom: 4px !important;
  margin-left: 8px !important;
  border: none !important;
  padding: 0px !important;
  background: transparent !important;
}

/* TABS: bottom - Firefox 65 and later */
/* /source/browser/themes/shared/tabs.inc.css */

/* ROOT - VARS */
*|*:root {
 --tab-toolbar-navbar-overlap: 0px !important;

 --tab-min-height: 32px !important; /* adjust */
 --tab-min-width:  60px !important; /* adjust */

 --personal-toolbar-height: 22px; /* personal-toolbar 22px */
 --captionbox-adjust: calc(2px + var(--personal-toolbar-height));
}

/* TAB BAR on bottom */

#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {
  -moz-box-ordinal-group: 10 !important;
}

#TabsToolbar {
  -moz-box-ordinal-group: 1000 !important;
  position: absolute !important;
  display: block !important;
  bottom: 0 !important;
  height: var(--tab-min-height) !important;
  margin-bottom: 1px !important;
  box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 1px !important;
  background-color: var(--toolbar-bgcolor) !important;
  color: var(--toolbar-color) !important;
}

#TabsToolbar .toolbarbutton-1 > .toolbarbutton-icon,
#TabsToolbar .toolbarbutton-1 > .toolbarbutton-text,
#TabsToolbar .toolbarbutton-1 > .toolbarbutton-badge-stack {
  background-color: var(--nscde-bg-color-5) !important;
  color: var(--nscde-fg-color-5) !important;
}

#TabsToolbar .toolbarbutton-1:hover,
#TabsToolbar .toolbarbutton-1 {
  background-color: var(--nscde-bg-color-5) !important;
  color: var(--nscde-fg-color-5) !important;
  border-top: 1px solid var(--nscde-ts-color-5) !important;
  border-left: 1px solid var(--nscde-ts-color-5) !important;
  border-right: 1px solid var(--nscde-bs-color-5) !important;
  border-bottom: 1px solid var(--nscde-bs-color-5) !important;
}

#TabsToolbar .tabbrowser-tab:hover .tab-content:not([selected="true"]) {
  fill-opacity: 0 !important;
  background-color: var(--nscde-bg-color-5) !important;
  color: var(--nscde-fg-color-5) !important;
}

.tab-throbber[progress],
.tab-throbber[busy],
.tab-throbber[busy]::before {
  opacity: 1 !important;
  background-image: url("nsicons/Throbber.gif") !important;
  animation: none !important;
}

.tab-throbber,
.tab-throbber-tabslist,
.tab-icon-pending,
.tab-icon-image,
.tab-sharing-icon-overlay {
  height: 20px !important;
  width: 20px !important;
}

#TabsToolbar .toolbarbutton-1[open],
#TabsToolbar .toolbarbutton-1:active {
  background-color: var(--nscde-sel-color-5) !important;
  color: var(--nscde-fg-color-5) !important;
  border-top: 1px solid var(--nscde-bs-color-5) !important;
  border-left: 1px solid var(--nscde-bs-color-5) !important;
  border-right: 1px solid var(--nscde-ts-color-5) !important;
  border-bottom: 1px solid var(--nscde-ts-color-5) !important;
}

#tabbrowser-tabs {
  width: 100vw !important;
}

/* navigator-toolbox - padding */
*|*:root:not([chromehidden*="toolbar"]) #navigator-toolbox {
 padding-bottom: calc(var(--tab-min-height) + 2px) !important; /*adjust*/
}

/* TabsToolbar with menubar and titlebar hidden */
*|*:root[tabsintitlebar]:not([inFullscreen="true"]):not([sizemode="maximized"])
 #toolbar-menubar[autohide="true"] ~ #TabsToolbar {
}

/* TABS: height */
#tabbrowser-tabs,
#tabbrowser-tabs > .tabbrowser-arrowscrollbox,
.tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
  min-height: var(--tab-min-height) !important;
  max-height: var(--tab-min-height) !important;
}

/* indicators */
/*
*|*:root[privatebrowsingmode=temporary] .private-browsing-indicator {
  position: absolute !important;
  display: block !important;
  right: 0px !important;
  bottom: 0px !important;
  width: 14px !important;
  pointer-events: none !important;
}
*/
.private-browsing-indicator {
  display: none !important;
}

.accessibility-indicator {
  display: none !important;
}

/* Indicators - HIDE */
/*
*|*:root:not([accessibilitymode]) .accessibility-indicator {
  display: none !important
}

*|*:root:not([privatebrowsingmode=temporary]) .private-browsing-indicator {
  display: none !important
}
*/

/* Drag Space */
.titlebar-spacer[type="pre-tabs"],
.titlebar-spacer[type="post-tabs"] {
  width: 20px !important;
}

/* Override vertical shifts when moving a tab */
#navigator-toolbox[movingtab] > #titlebar > #TabsToolbar {
  padding-bottom: unset !important;
}

#navigator-toolbox[movingtab] #tabbrowser-tabs {
  padding-bottom: unset !important;
  margin-bottom: unset !important;
}

#navigator-toolbox[movingtab] > #nav-bar {
  margin-top: unset !important;
}

/* window-controls - full screen */
#TabsToolbar #window-controls {
  position: fixed !important;
  display: block !important;
  right: 0 !important;
  bottom: 0 !important;
  visibility: hidden !important; /* adjust: visible/hidden */
}

/* Overflow button */
#widget-overflow-fixed-list toolbarbutton,
#widget-overflow-fixed-list toolbarbutton:hover {
  background-color: var(--nscde-bg-color-6) !important;
  color: var(--nscde-fg-color-6) !important;
  border: 1px solid var(--nscde-bg-color-6) !important;
}

#widget-overflow-fixed-list toolbarbutton:is(:active, :open, [selected]) {
  background-color: var(--nscde-sel-color-6) !important;
  color: var(--nscde-fg-color-6) !important;
  border-top: 1px solid var(--nscde-bs-color-6) !important;
  border-left: 1px solid var(--nscde-bs-color-6) !important;
  border-right: 1px solid var(--nscde-ts-color-6) !important;
  border-bottom: 1px solid var(--nscde-ts-color-6) !important;
}

