menupopup, panel {
  font-size: 16px !important;
}

/* DO NOT DELETE THIS LINE */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@namespace html url("http://www.w3.org/1999/xhtml");

#toolbar-menubar > spacer[ordinal="1000"] {
    max-width: 0px !important;
    margin-left: 8px !important;
}

#toolbar-menubar toolbarpaletteitem[place="toolbar"][id^="wrapper-customizableui-special-spring"], 
#toolbar-menubar toolbarspring {
    max-width: none !important;
    
}
@-moz-document url("chrome://browser/content/browser.xul") {
:root {
    --v-titlebar-button-vert-padding: 2px;
    --v-titlebar-button-horizont-padding: 5px;
    --v-svg-filter-fill: url("data:image/svg+xml;charset=utf-8,<svg height='0' xmlns='http://www.w3.org/2000/svg'><filter id='fill'><feComposite in='FillPaint' in2='SourceGraphic' operator='in'/></filter></svg>#fill");
    --v-titlebar-min-image: url("data:image/svg+xml;charset=utf-8,<svg width='11' height='11' xmlns='http://www.w3.org/2000/svg'><line stroke='black' stroke-width='1.4' fill='none' shape-rendering='crispEdges' x1='1.2' y1='6.9' x2='10' y2='6.9'/></svg>");
--v-titlebar-max-image: url("data:image/svg+xml;charset=utf-8,<svg width='12' height='12' xmlns='http://www.w3.org/2000/svg' stroke='black' stroke-width='1.5' fill='none' shape-rendering='crispEdges'><rect x='1.5' y='1.5' width='10' height='10'/></svg>");
    --v-titlebar-maximized-image: url("data:image/svg+xml;charset=utf-8,<svg width='12' height='12' xmlns='http://www.w3.org/2000/svg' stroke='black'  fill='none' shape-rendering='crispEdges'><rect x='1.5' y='3.5' width='7' height='7'/><polyline points='3.5,3.5 3.5,1.5 10.5,1.5 10.5,8.5 8.5,8.5'/></svg>");
   --v-titlebar-close-image: url("data:image/svg+xml;charset=utf-8,<svg width='16' height='16' xmlns='http://www.w3.org/2000/svg'><path stroke='black' stroke-width='2.9' d='M3,1 l 11,11 M3,12 l 11,-11'/></svg>");
    --v-titlebar-button-image-height: 11px;
    --v-titlebar-button-image-width: 12px;
    --v-titlebar-button-background-hover: rgba(0,0,0,.12);
    --v-titlebar-button-background-active: rgba(0,0,0,.22);
    --v-titlebar-close-background-hover: rgb(215,0,34);
    --v-titlebar-close-background-active: rgb(178,0,28);
    --v-windows-glass-default-background: ActiveCaption;
    --v-windows-glass-default-background-inactive: InactiveCaption;
}


:root:-moz-lwtheme-brighttext,
toolbar[brighttext] {
    --v-titlebar-button-background-hover: rgba(255,255,255,.22);
    --v-titlebar-button-background-active: rgba(255,255,255,.12);
}

@media (-moz-windows-glass) {
    #main-window[sizemode="normal"] > #titlebar {
        -moz-appearance: none !important;
        margin-bottom: calc(-1 * (var(--v-titlebar-button-vert-padding) * 2 + var(--v-titlebar-button-image-height))) !important;
    }

    #main-window[sizemode="normal"] > #titlebar > #titlebar-content {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    #main-window[sizemode="normal"] > #navigator-toolbox {
        border-top: none !important;
        padding-top: 0 !important;
        box-shadow: 0 1px 0 rgba(12,12,13,0.3) inset !important;
    }

    #titlebar-buttonbox,
    .titlebar-buttonbox {
        -moz-appearance: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #main-window {
        -moz-appearance: none !important;
        background-color: var(--lwt-accent-color, var(--v-windows-glass-default-background)) !important;
    }

    #main-window:-moz-window-inactive {
        background-color: var(--lwt-accent-color-inactive, var(--lwt-accent-color, var(--v-windows-glass-default-background-inactive))) !important;
    }

    #TabsToolbar:-moz-lwtheme-darktext {
        color: inherit !important;
        --lwt-toolbarbutton-icon-fill: currentColor !important;
    }

    #TabsToolbar:not(:-moz-lwtheme) {
        color: inherit !important;
    }

    #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab {
        background-color: transparent !important;
    }

    vbox#appcontent {
        -moz-appearance: none !important;
    }
}

#titlebar-buttonbox > .titlebar-button,
.titlebar-buttonbox > :-moz-any(.titlebar-min,.titlebar-max,.titlebar-close),
#minimize-button, #restore-button, #close-button {
    display: -moz-box !important;
    -moz-appearance: none !important;
    margin: 0 !important;
    cursor: pointer !important;
    padding: var(--v-titlebar-button-vert-padding) var(--v-titlebar-button-horizont-padding) !important;
    color: var(--lwt-toolbarbutton-icon-fill, inherit) !important;
}

@media not all and (-moz-os-version: windows-win7) {
    #titlebar-buttonbox,
    .titlebar-buttonbox {
        -moz-appearance: none !important;
        -moz-box-align: start !important;
        -moz-box-pack: end !important;
    }
}

#titlebar-buttonbox > .titlebar-button > .toolbarbutton-icon,
.titlebar-buttonbox > :-moz-any(.titlebar-min,.titlebar-max,.titlebar-close) > .toolbarbutton-icon,
:-moz-any(#minimize-button,#restore-button,#close-button) > .toolbarbutton-icon {
    filter: var(--v-svg-filter-fill) !important;
    fill: currentColor !important;
    color: inherit !important;
    margin: 0 !important;
    padding: 0 !important;
    height: var(--v-titlebar-button-image-height) !important;
    width: var(--v-titlebar-button-image-width) !important;
}
#titlebar-buttonbox > #titlebar-min,
.titlebar-buttonbox > .titlebar-min,
#minimize-button {
    list-style-image: var(--v-titlebar-min-image) !important;
    -moz-image-region: auto !important;
    background: linear-gradient(#00EA3A,#00A653) !important;
    color: white !important;
    border: 1px solid #675 !important;
}

#titlebar-buttonbox > #titlebar-max,
.titlebar-buttonbox > .titlebar-max {
    list-style-image: var(--v-titlebar-max-image) !important;
    background: linear-gradient(#00EA3A,#00A653) !important;
    color: white !important;
    border: 1px solid #675 !important;
    
}

#main-window[sizemode="maximized"] #titlebar-buttonbox > #titlebar-max,
#main-window[sizemode="maximized"] .titlebar-buttonbox > .titlebar-max,
#restore-button {
    list-style-image: var(--v-titlebar-maximized-image) !important;
    
    
}

#titlebar-buttonbox > :-moz-any(#titlebar-min,#titlebar-max):hover,
.titlebar-buttonbox > :-moz-any(.titlebar-min,.titlebar-max):hover,
:-moz-any(#minimize-button,#restore-button):hover {
    border: 1px solid #675 !important;
    background: linear-gradient(#00ffff,#00A653) !important;
}

#titlebar-buttonbox > :-moz-any(#titlebar-min,#titlebar-max):active,
.titlebar-buttonbox > :-moz-any(.titlebar-min,.titlebar-max):active,
:-moz-any(#minimize-button,#restore-button):hover:active {
   background: linear-gradient(red,brown) !important;
   border: 1px  solid #675 !important;
   color: #FFF !important; 
}

#titlebar-buttonbox > #titlebar-close,
.titlebar-buttonbox > .titlebar-close,
#close-button {
    list-style-image: var(--v-titlebar-close-image) !important;
    color: #FFF !important;
    background: linear-gradient(red,brown) !important;
    margin-right: 1px !important;
    border: 1px  solid #675 !important;
  
}

#titlebar-buttonbox > #titlebar-close:hover,
.titlebar-buttonbox > .titlebar-close:hover,
#close-button:hover {
   background: linear-gradient(red,#DF0000) !important;
   border: 1px  solid #675 !important; 
   
}

#titlebar-buttonbox > #titlebar-close:active,
.titlebar-buttonbox > .titlebar-close:active,     
#close-button:hover:active {
    background: linear-gradient(#800000,#660000) !important;
    border: 1px  solid #675 !important;
    
}
}



@-moz-document url("chrome://browser/content/browser.xul") {
#main-window:not([inFullscreen]) #navigator-toolbox {
    position: relative !important;
    --v-toolbar-button-inner-padding: var(--toolbarbutton-inner-padding, 6px);
}

#main-window:not([inFullscreen]) #navigator-toolbox > #nav-bar {
    margin-top: calc(2 * var(--v-toolbar-button-inner-padding) + 16px) !important;
    margin-bottom: 0 !important;
    box-shadow: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#main-window:not([inFullscreen])[tabsintitlebar][sizemode="normal"] > #navigator-toolbox {
    -moz-appearance: -moz-window-titlebar !important;
}

#main-window:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] > #navigator-toolbox {
    -moz-appearance: -moz-window-titlebar-maximized !important;
}
#main-window:not([inFullscreen])[tabsintitlebar]:-moz-lwtheme > #navigator-toolbox {
    visibility: hidden !important;
}
#main-window:not([inFullscreen])[tabsintitlebar]:-moz-lwtheme > #navigator-toolbox > *:not([collapsed="true"]) {
    visibility: visible;
}
#navigator-toolbox > #titlebar {
    -moz-appearance: none !important;
    -moz-box-ordinal-group: 100 !important;
    --v-control-buttons-left: auto;
    --v-control-buttons-right: 0;
    position: static !important;
}
#navigator-toolbox > #titlebar:-moz-locale-dir(rtl) {
    --v-control-buttons-left: 0;
    --v-control-buttons-right: auto;
}
#main-window:not([inFullscreen]) #navigator-toolbox::after,
#main-window:not([inFullscreen]) #TabsToolbar::after {
    display: none !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    flex-direction: row !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    border: none !important;
    background: grey !important;
    box-sizing: content-box !important;
    min-height: 0 !important;
    height: calc(2 * var(--v-toolbar-button-inner-padding) + 16px) !important;
    overflow: hidden !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > :-moz-any(toolbaritem,toolbarbutton) {
    align-self: center !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > :-moz-any(#menubar-items,#wrapper-menubar-items,.titlebar-buttonbox-container) {
    align-self: flex-start !important;
}
#main-window[inFullscreen] #toolbar-menubar {
    visibility: collapse !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > * {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar[autohide="true"][inactive="true"]:not([customizing="true"]) > * {
    opacity: 0 !important;
    pointer-events: none !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > * > * {
    vertical-align: middle;
}
#main-window:not([inFullscreen]) #toolbar-menubar > #menubar-items > * {
    vertical-align: top;
}
#main-window:not([inFullscreen])[tabsintitlebar] #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
    position: absolute !important;
    top: 0px !important;
    left: var(--v-control-buttons-left) !important;
    right: var(--v-control-buttons-right) !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0px !important;
}
@media (-moz-windows-classic) {
#main-window:not([inFullscreen])[tabsintitlebar] #toolbar-menubar,
#main-window:not([inFullscreen])[tabsintitlebar] #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
    padding-top: 4px !important;
}
#main-window:not([inFullscreen])[tabsintitlebar] #toolbar-menubar[autohide="true"] {
    min-height: 4px !important;
}
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="normal"]:-moz-lwtheme #toolbar-menubar {
    background-image: linear-gradient(to bottom, ThreeDLightShadow 0, ThreeDLightShadow 1px, ThreeDHighlight 1px, ThreeDHighlight 2px, ActiveBorder 2px, ActiveBorder 4px, transparent 4px) !important;
}
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="normal"] #nav-bar {
    margin-top: calc(2 * var(--v-toolbar-button-inner-padding) + 20px) !important;
    
}
}
@media (-moz-windows-compositor), (-moz-os-version: windows-win7) and (-moz-windows-default-theme) {
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] #toolbar-menubar,
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
    padding-top: 8px !important;
}
}
#main-window:not([inFullscreen]) #toolbar-menubar > *[ordinal="1000"],
#main-window:not([inFullscreen]) #toolbar-menubar > .titlebar-buttonbox-container {
    order: 1000 !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > :-moz-any(toolbarspring,spacer,[id^="wrapper-customizableui-special-spring"]) {
    flex-grow: 1 !important;
}
#main-window:not([inFullscreen]) #TabsToolbar {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    
    position: static !important;
}
#main-window:not([inFullscreen]) #TabsToolbar #tabbrowser-tabs {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
#main-window:not([inFullscreen]) #TabsToolbar > .toolbar-items {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

#main-window:not([inFullscreen]) #TabsToolbar .titlebar-spacer:-moz-any([type="pre-tabs"],[type="post-tabs"]) {
    display: none !important;
}
}

#BMB_bookmarksPopup .subviewbutton:active > .menu-iconic-text,
.bookmark-item:active:not([disabled="true"]),
#PanelUI-history .subviewbutton:not(#appMenuRestoreLastSession):active .toolbarbutton-text {
  
  color: #FF0080 !important;
} 

#BMB_bookmarksPopup menupopup[placespopup=true] > hbox {
   margin-bottom: -5px !important;
   margin-top: -3px !important;
}
#BMB_bookmarksPopup menupopup[placespopup=true] {
   padding-inline-start: 1px !important;
   margin-top: -3px !important;
   margin-bottom: -3px !important; 
}

.subviewbutton:not([disabled="true"]) {

  color: #ccc;
}
.subviewbutton:not([disabled="true"]):active {
  background: none !important;
  color: #FF0080 !important;
}

#customization-lwtheme-menu-recommended, 
#customization-lwtheme-menu-header { display: none !important; }

menupopup > menu > menupopup {
  -moz-appearance: none !important;
  margin-top: -2px !important;
  margin-left: -1px !important;
  border: 1px solid #444 !important}
  
menupopup { 
   
  border: 1px solid #444 !important} 

#customization-titlebar-visibility-checkbox {
   -moz-appearance: none !important;
   background: #555 !important;
   color: #fff !important;
}

#customization-titlebar-visibility-checkbox:hover {
  background: linear-gradient(rgb(72, 85, 108),rgb(20, 25, 34)) !important;
  color: #00ffff !important;
}

#viewButton > .button-box > .button-menu-dropmarker {
 
  display: none !important;
}

#customization-extra-drag-space-checkbox { 
    display: none !important;
}

treechildren::-moz-tree-cell(selected) {
  border-top: 1px dotted #F3D982 !important;
  border-bottom: 1px dotted #F3D982 !important;
  border-left: none  !important;
  border-right: none  !important;
}

treechildren::-moz-tree-cell-text(selected) {
  color: #00ffff !important;
  
}

treechildren::-moz-tree-cell(selected)

{background: linear-gradient(rgb(72, 85, 108),rgb(20, 25, 34)) !important;} 

treechildren::-moz-tree-cell-text(hover) {
  color: #00ffff !important;
  background: none !important;
  border: none !important;
}

treechildren::-moz-tree-cell(hover) 
  {background: linear-gradient(rgb(72, 85, 108),rgb(20, 25, 34)) !important;} 
   



#BMB_bookmarksPopup .subviewbutton > .menu-iconic-left {
  margin-inline-end: 3px !important;
  
}  
#appMenuViewHistorySidebar:hover {color: #fff !important}
#appMenuViewHistorySidebar {color: #ccc !important}
toolbarbutton.subviewbutton:not(:-moz-any([disabled],[open],:active)):-moz-any(:hover,:focus),
.toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > 
toolbarbutton:not(:-moz-any([disabled],[open],:active)):-moz-any(:hover,:focus) {
  color: #fff !important;
  background: linear-gradient(rgb(72, 85, 108),rgb(20, 25, 34)) !important;
}

/* This changes the text color of the hint text on the bookmarks popup menu */
.menu-accel-container .menu-iconic-accel {margin-right: 6px !important}

#BMB_bookmarksShowAllTop {color: #ccc !important; margin-top: -3px !important; margin-bottom: -5px !important;}
#BMB_bookmarksShowAllTop:hover {color: #fff !important;}
#BMB_unsortedBookmarks {color: #ccc !important; margin-top: -4px !important; margin-bottom: -6px !important;}
#BMB_unsortedBookmarks:hover {color: #fff !important}
#PanelUI-historyMore:hover {color: #fff !important;}
#appMenuClearRecentHistory:hover {color: #fff !important;}
#appMenuClearRecentHistory {color: yellow; margin-top: -5px !important; margin-bottom: -5px !important;}
#PanelUI-historyMore {color: #ccc !important; margin-top: -5px !important; margin-bottom: -5px !important;}

#appMenuRestoreLastSession, #appMenuRestoreLastSession + toolbarseparator {display: none !important;}
#appMenu-logins-button {display: none !important;}
#PanelUI-history .subviewbutton:not(#appMenuRestoreLastSession):not(#appMenuClearRecentHistory):not(#appMenuViewHistorySidebar):not(#PanelUI-historyMore):hover {
  
  color: #00ffff !important;
  
} 
#appMenu-popup {margin-top: -3px !important;}
 
#downloadsPanel {padding-right: 2px !important; margin-top: -3px !important;} 

.search-panel-header:hover {
  color: #00FFFF !important;
  
}

.search-panel-header:not(:hover) {
  color: #FFF  !important;
  
}
/* This root class will modify the colors of toolbar background color (by default is transparent white 
without this change) */
:root:-moz-lwtheme {
  --toolbar-bgcolor: rgba(0,0,0,.6) !important;

  
  /* You can change the lightweight theme header and footer images with this. Delete the final /* to use -> *//*
  --lwt-header-image: url("file:///") !important;
  --lwt-footer-image: url("file:///") !important;

  /* Url and search bars */
  --url-and-searchbar-color: #0000FF;
  --urlbar-separator-color: #fff}

#urlbar, .searchbar-textbox {
  background-color: #222 !important;
}

#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity > #identity-icon-labels {
  color: highlight !important;
}

menupopup menuitem, menupopup menucaption, menupopup menu {
    -moz-appearance: none !important;
    padding-left: 4px !important;
    min-height: 24px !important; 
    font-size: 14px !important;
    height: 24px !important;  
}
menupopup menu[disabled="true"][_moz-menuactive],
menupopup menuitem[disabled="true"][_moz-menuactive] {
    background-color: #444 !important;
}

menupopup menu:not([disabled="true"])[_moz-menuactive],
menubar > menu[_moz-menuactive="true"],
menupopup menuitem:not([disabled="true"])[_moz-menuactive] {
    background: linear-gradient(rgb(72, 85, 108),rgb(20, 25, 34)) !important;
    color: #00ffff !important; /* Цвет текста при наведении */
}

/* These rules will modify most highlight (background on hover) colors inside Firefox (except sidebar items, which are 
in the rule below) */

  

  /* These ones are used for the read/unread tabs styling. For italic rules use 
  either "normal" or "italic" without the quotes for either no italics or using italics, 
  and for bold, use either "bold" or "normal" in the same way */
  --Loaded-and-selected-text: #eee;
  --Loaded-and-selected-italic: normal;
  --Loaded-and-selected-bold: normal;
  --Loaded-and-selected-background: transparent;

  --Loaded-but-unread-text: #fff;
  --Loaded-but-unread-italic: italic;
  --Loaded-but-unread-bold: normal;
  --Loaded-but-unread-background: transparent;

  --Not-loaded-text: #fff;
  --Not-loaded-italic: italic;
  --Not-loaded-bold: normal;
  --Not-loaded-background: transparent;

  --Loading-text: #0088ff;
  --Loading-italic: normal;
  --Loading-bold: normal;
  --Loading-background: transparent;
}

/* This changes the color of the sidebar panel text */
#bookmarks-view treechildren, #historyTree treechildren {color: #fff !important}


/* v Fix to make the pre-render loading page dark instead of white v */
#tabbrowser-tabpanels, tabbrowser#content, .browserContainer > .browserStack > browser {
        -moz-appearance: none !important;
        background: #222 !important;
    }

}
/* You can also add an image of your choice in the pre-render loading page if you want 
Delete the final /* to use -> *//*
browser[type="content-primary"], tabbrowser tabpanels, #appcontent > #content {
  background-image: url("file:///C:/Users/") !important;
  background-size: cover !important;
  background-position: center !important}


/* END OF GENERAL COLORS */

/* Max, min and close buttons */

/* This prevents any custom windows theme to change the background color
of the minimize, maximize and close buttons */
#titlebar-min:not(:hover), #titlebar-max:not(:hover), 
#main-window[sizemode="maximized"] #titlebar-max:not(:hover),
#titlebar-close:not(:hover) 
{background-color: transparent !important}

/* This changes the color on hover of the minimize and maximize buttons */
#titlebar-min:hover, #titlebar-max:hover, 
#main-window[sizemode="maximized"] #titlebar-max:hover 
{background-color: var(--Min-max-buttons-hover-bg) !important}

/* This changes the close button hover color */
#titlebar-close:hover {background-color: #FF0000 !important}


/* Bookmark toolbar text color */
#PersonalToolbar {background-color: #555 !important; min-height: 26px !important; height: 26px !important;}

/* Nav bar button color */


/* Search bar inside the content area */
findbar {
  background-color: #666 !important; 
  color: #fff !important;
  border-top: 1px solid #333 !important;}

findbar .findbar-textbox {
  background: #444 !important;
  color: #fff !important;
  border: 1px solid #333 !important}

findbar .findbar-textbox[focused="true"], findbar .findbar-textbox:hover {
  border-color: highlight !important}

.findbar-textbox[status="notfound"] {background: #FF8080 !important}

.findbar-textbox[flash="true"] {
  background-color: yellow !important;
  color: #444 !important}

findbar .findbar-find-previous, findbar .findbar-find-next {
  background-color: linear-gradient(#333,#555) !important;
  border-top: 1px solid #333 !important;
  border-right: 1px solid #333 !important;
  border-bottom: 1px solid #333 !important;
  border-left: none !important}

/* Color for most dialogs */
dialog, dialog caption, dialog select, #clientBox  {
  -moz-appearance: none !important;
  background-color: #333 !important;
  color: #fff !important}

#printPageSetupDialog caption {background-color: #444 !important}

dialog #openHandlerBox menulist {
  -moz-appearance: none !important;
  border: 1px solid #111 !important;
  background: linear-gradient(#555,#333) !important;
  color: #ddd !important}

dialog #openHandlerBox menulist:hover {
  background: linear-gradient(#333,#555) !important;
  color: #fff !important}

dialog groupbox {
  -moz-appearance: none !important; 
  border: 1px solid #666 !important}

/* This is the "about this addon..." dialog */
#clientBox {
  background-color: #444 !important}

#clientBox label:not(#extensionName):not(#extensionCreator):not(.contributor):not(#extensionVersion):not(.sectionTitle) {
  color: var(--About-addon-text) !important}

#clientBox label:not(#extensionName):not(#extensionCreator):not(.contributor):not(#extensionVersion):not(.sectionTitle):hover {
  color: var(--About-addon-text-hover) !important}

#extensionName {color: var(--About-addon-extension-name) !important}

#groove {border-color: #222 !important}

/* This is aimed for notification popups */
window:not(#main-window):not(#CookiesDialog):not(#SignonViewerDialog) > * {
  background-color: #444 !important; 
  color: #fff !important}

/* Color for most buttons */
dialog button, toolbar[printpreview="true"] button {
  -moz-appearance: none !important;
  border-radius: 3px !important;
  background: #555 !important;
  color: #ddd !important;
  padding: 2px !important}

dialog button:hover, toolbar[printpreview="true"] button:hover {
  background: #444 !important;
  color: #fff !important}

dialog textbox, toolbar[printpreview="true"] textbox {
  transition: all 0.25s ease-in-out !important;
  -moz-appearance: none !important; 
  border: 1px solid #666 !important;
  background-color: #444 !important;
  color: #aaa !important}

dialog textbox[focused="true"], toolbar[printpreview="true"] textbox[focused="true"],
#bookmarkproperties #editBMPanel_namePicker[focused="true"], #bookmarkproperties #editBMPanel_tagsField[focused="true"] {
  box-shadow: var(--Input-field-focus-shadow) !important;
  
  background-color: #555 !important;
  color: #fff !important}

/* CUSTOMIZATION PAGE */

/* The windows default theme colors will mainly affect the customizing page (when
you aren't using the default dark theme of mozilla, that is) */
:root {
  --toolbar-bgcolor: #444 !important;
  --toolbar-non-lwt-bgcolor: #444 !important;
  --toolbar-non-lwt-textcolor: #fff !important}

/* The customization page button colors */
.customizationmode-button {
  -moz-appearance: none !important;
  border-radius: 3px !important;
  background: #555 !important;
  color: #fff !important;
  border: none !important}

.customizationmode-button:hover {
  background: linear-gradient(rgb(72, 85, 108),rgb(20, 25, 34)) !important;
  color: #00ffff !important}

.customization-lwtheme-menu-footeritem {
 
  color: #fff !important}

.customization-lwtheme-menu-footeritem:hover {
  background: linear-gradient(#555,#333) !important;
  color: #00ffff !important}

#customization-done-button {
  -moz-appearance: none !important;
  border-radius: 3px !important;
  background: #2050AA !important;
  color: #fff !important;
  border: none !important}

#customization-done-button:hover {
  color: #00ffff !important;
  background: linear-gradient(rgb(72, 85, 108),rgb(20, 25, 34)) !important}

#customization-lwtheme-menu-footer {border-top: none !important}

/* This is a fix for systems with a custom OS theme */
.customizationmode-button {padding: 0.5em !important}
#customization-done-button {padding: 0.5em 3em 0.5em 3em !important}

/* CONTEXT MENUS */

/* Main menu colors */
/* Main menu colors */
:root {
  --panel-separator-color: rgba(255, 255, 255, 0.25) !important;
  --arrowpanel-background: #444 !important;
  --arrowpanel-color: #ccc !important;
  --arrowpanel-dimmed: rgba(255, 255, 255, 0.1) !important;
  --arrowpanel-dimmed-further: rgba(255, 255, 255, 0.25) !important;
  --arrowpanel-dimmed-even-further: rgba(255, 255, 255, 0.4) !important}


/* Little fix in case there is some addon popup text that you don't see because 
of the background (delete the /* in the end to use ->) *//*
#customizationui-widget-panel .panel-arrow {fill: #fff !important}
.webextension-popup-browser {background: #fff !important}

/* Zoom reset button on the main menu */
#appMenu-zoom-controls, #appMenu-edit-controls, #appMenu-edit-controls + toolbarseparator, #appMenu-zoom-controls + toolbarseparator, #appMenu-fxa-container, #appMenu-fxa-container + toolbarseparator {display: none !important;}

 
#urlbar-zoom-button:hover {
  background-color: none;
  color: #00ffff !important;
}

#urlbar-zoom-button {
  background-color: none;
  color: #fff !important;
}
/* This one changes the letters color of all context menus */
menu, menuitem {
  color: #fff !important;
  background: #444 !important}

/* Padding for all menu items (do NOT change unless you want an spaced or indented upon 
selection effect). The open in tabs bookmark item is added here since it also needs the 
padding that we remove in the next rule */ 
menuitem, .bookmark-item .openintabs-menuitem,
#history-menu menupopup > menu, #view-menu menupopup > menu {
  padding-top: 3px !important;
  padding-bottom: 2px !important}

/* This removes the unnecesary padding from the bookmark items */
.bookmark-item menuitem {
  padding-top: 0px !important;
  padding-bottom: 0px !important}

/* Context menu separator color override */

/* Context menu navigation tools (back, forward, reload) background color */
#context-navigation {
  -moz-appearance: none !important;
  background-color: #444 !important;
  color: #FFF !important;
  padding-bottom: 0px !important}

/* This removes the borders for the bookmark menu button next to the url bar */
#BMB_bookmarksPopup, #BMB_bookmarksPopup menupopup {border: none !important}


/* Bookmark context menu > icon color and popup allow > icon color */
.bookmark-item .menu-right, menu .menu-right, 
#identity-popup-popup-menulist .menulist-dropmarker {filter: brightness(600%) !important; margin-right: -3px !important; padding-bottom: 1px !important}

/* Drop indicator that appears when moving a bookmark in a bookmark folder color */
.menupopup-drop-indicator {background-color: #fff !important;}

/* Color of default icons on bookmark bar and bookmark popup (folder icons mainly) */
.bookmark-item > .toolbarbutton-icon[type="menu"], 
.bookmark-item[container="true"] .menu-iconic-icon {fill: var(--Bookmark-folder-icon) !important}

/* Color of default icons on bookmark bar and bookmark popup (world icon, aka not-favicon-found icon) */
.bookmark-item[scheme="http"], .bookmark-item[scheme="http"] .menu-iconic-icon {fill: var(--Bookmark-favicon-icon) !important}

/* Fix for the space above the "save as" option after the navigation buttons have been eliminated. Change 
if necessary depending on if you are using a custom OS theme (which may mess up the padding of the separators) */
#context-savepage {padding-top: 3px !important}

/* LIBRARY MENU */

/* These change top bar background color */
#placesToolbar {background-color: #555 !important}

/* These change the lists background color */
#placesView, #placesView .scrollbox-innerbox,
#infoPane, #placesList, #placeContent, 
#editBMPanel_folderTree {
  -moz-appearance: none !important; 
  background: #555 !important; 
  color: #fff !important}


/* These change the list header background and text colors */
#placeContent treecol {
  -moz-appearance: none !important; 
  background: #555 !important;
  padding: 3px !important;
  color: #fff !important;
  border-left: solid transparent !important;
  border-bottom: 0px solid #111 !important}

#placeContent treecol:hover {
  -moz-appearance: none !important; 
  background: linear-gradient(rgb(72, 85, 108),rgb(20, 25, 34)) !important;
  color: #00ffff !important}

/* This changes the right border on the left list panel */
#placesView > splitter {border-inline-end: 1px solid #ccc !important}

/* These change the even rows of the lists */
#placeContent tree {background-color: var(--in-content-box-background) !important}

#placeContent > splitter {border: 1px solid #222 !important}

/* This changes the forward and back buttons opacity when disabled */
#placesToolbar > toolbarbutton[disabled] > .toolbarbutton-icon {
  opacity: .25 !important}

/* This changes the forward and back buttons color */
#back-button > .toolbarbutton-icon,
#forward-button > .toolbarbutton-icon {fill: #aaa !important; opacity: 1 !important}

/* This deletes the leftover border when clicking one of the top buttons */
#placesMenu > menu {border: none !important}


/* This themes the search box */
#searchFilter {
  transition: all 0.25s ease-in-out !important;
  -moz-appearance: none !important; 
  border: 1px solid #ccc !important;
  background-color: #222 !important;
  color: #00ffff !important}

/* This themes the search box on hover */
#searchFilter[focused="true"] {
  box-shadow: var(--input-field-focus-shadow) !important;
  background-color: #222 !important;
  color: #00ffff !important} 

/* This themes the information box on the lower part of the library menu */
#detailsDeck {
  
  border-top: 1px solid #222 !important}

/* This changes the text boxes inside the library bottom information box */
#infoBox textbox, #infoBox listbox, 
/* This changes the text boxes on the popup when bookmarking a page from the url box */
#editBMPanel_namePicker, #editBMPanel_tagsField,
#editBMPanel_tagsSelector {
  transition: all 0.25s ease-in-out !important;
  -moz-appearance: none !important; 
  border: 1px solid #ccc !important;
  background-color: #444 !important;
  color: #fff !important}

/* A fix for bookmark preferences... so that some boxes won't appear brighter than others */
#bookmarkproperties #editBMPanel_namePicker, 
#bookmarkproperties #editBMPanel_tagsField,
#bookmarkproperties #editBMPanel_tagsSelector {
  background-color: #444 !important}

/* This changes the same text boxes on hover */
#infoBox textbox[focused="true"], #infoBox listbox[focused="true"],
/* This changes the same url bookmarking popup text boxes on hover */
#editBMPanel_namePicker[focused="true"], #editBMPanel_tagsField[focused="true"],
#infoBox #bookmarkproperties #editBMPanel_namePicker[focused="true"],
#infoBox #bookmarkproperties #editBMPanel_tagsField[focused="true"] {
  box-shadow: var(--Input-field-focus-shadow) !important;
  background-color: #444 !important;
  color: #fff !important}

/* This changes the buttons inside the bookmarking popup at the url star */
#editBMPanel_newFolderButton, #editBookmarkPanelDoneButton, 
#editBookmarkPanelRemoveButton, #tracking-action-unblock-private, 
#identity-popup-popup-menulist, #tracking-action-block, #tracking-action-unblock {
  -moz-appearance: none !important;
  border-radius: 3px !important;
  background: #444 !important;
  color: #fff !important;
  padding: 0.3em !important;
  margin-top: 0.5em !important;
  margin-bottom: 0.5em !important}

#editBMPanel_newFolderButton:hover,#editBookmarkPanelDoneButton:hover, 
#editBookmarkPanelRemoveButton:hover, #tracking-action-unblock-private:hover, 
#identity-popup-popup-menulist:hover, #tracking-action-block:hover, 
#tracking-action-unblock:hover { 
  background: #444 !important;
  color: #fff !important}

/* These change the expander buttons on the library and bookmarking popup */
#editBMPanel_folderMenuList, #editBMPanel_tagsSelectorExpander,
#editBMPanel_foldersExpander, #detailsDeck button {
  -moz-appearance: none !important;
  border: 1px solid #222 !important;
  background: linear-gradient(#555,#333) !important;
  color: #fff !important}

#editBMPanel_folderMenuList:hover, #editBMPanel_tagsSelectorExpander:hover, 
#editBMPanel_foldersExpander:hover, #detailsDeck button:hover {
  background: linear-gradient(#333,#555) !important;
  color: #fff !important}

#editBMPanel_folderMenuList {padding: 1px !important; color: #ddd !important}

/* PAGE INFORMATION WINDOW */

/* This themes the top bar and it's buttons */
#topBar, #certDetails {
  background: #333 !important; 
  color: #fff !important;
  border-bottom: 1px solid #222 !important}

#viewGroup > radio:hover {
  -moz-appearance: none !important;
  background-color: rgba(255,255,255,0.15) !important; 
  color: #fff !important}

#viewGroup > radio[selected="true"] {
  background-color: rgba(255,255,255,0.25) !important; 
  color: #fff !important}

/* This themes the base of the windows for all page information dialogs */
#mainDeck, #mainDeck caption, #CookiesDialog,
#SignonViewerDialog {
  -moz-appearance: none !important;
  background: #444 !important; 
  color: #fff !important}

#mainDeck textbox, #cookieInfoBox textbox {color: #aaa !important}

#mainDeck groupbox, #cookieInfoBox {
  -moz-appearance: none !important; 
  border: 1px solid #666 !important}

/* This changes the feeds items links */
#mainDeck richlistitem .text-link {-moz-appearance: none !important; color: #00aaff !important}
#mainDeck richlistitem .text-link:hover {-moz-appearance: none !important; color: #0ff !important}
#mainDeck richlistitem .text-link:active {-moz-appearance: none !important; color: #0050aa !important}
#mainDeck richlistitem .text-link:visited {-moz-appearance: none !important; color: #0050dd !important}

/* This changes the feeds items background color */
#mainDeck richlistitem {
  background: blue !important;
  color: #fff !important;
  border-bottom: 1px solid rgba(0,0,0,0.15) !important}

#mainDeck richlistitem:hover {
  background: rgba(255,255,255,0.15) !important}

/* A fix for certificates textboxes */
#certDetails textbox {
  border: none !important;
  box-shadow: none !important;
  background: #444 !important}

/* This changes the lists with a header on all windows related to the page info one */
#mainDeck tree, #imagecontainerbox, #brokenimagecontainer,
#mainDeck richlistbox, #certDetails tree, #removalList,
#certPrettyPrint textbox, #signonsTree {
  -moz-appearance: none !important;
  background: #555 !important;
  color: #fff !important;
  border: 1px solid #222 !important}

#removalList > listitem {color: #fff !important}

#removalList > listitem:hover {
  background: var(--Lists-treechildren-hover-bg) !important;
  border: var(--Lists-treechildren-hover-border) !important}

#removalList > listitem[selected="true"], #removalList > listitem[focused="true"] {
  background: var(--Lists-treechildren-selected-bg) !important;
  border: var(--Lists-treechildren-selected-border) !important}

#mainDeck treechildren::-moz-tree-row(odd), #cookiesList treechildren::-moz-tree-row(odd),
#certDetails treechildren::-moz-tree-row(odd), #signonsTree treechildren::-moz-tree-row(odd) {
  background-image: linear-gradient(rgba(0,0,0,0.25), rgba(0,0,0,0.25)) !important}

#nameCol, #certDetails {border: none !important}

/* These theme the header of the lists on all windows related to the page info one */
#mainDeck treecol, #cookiesList treecol, #signonsTree treecol {
  -moz-appearance: none !important; 
  background: #333 !important;
  padding: 3px !important;
  color: #fff !important;
  border-right: 1px solid #222 !important;
  border-bottom: 1px solid #222 !important}

#mainDeck treecol:hover, #cookiesList treecol:hover, 
#signonsTree treecol:hover {
  -moz-appearance: none !important; 
  background: rgba(255,255,255, 0.15) !important;
  color: #00ffff !important}

#mediaPanel treecols *, #signonsTree treecols * {-moz-appearance: none !important}
#mediaPanel treecols, #signonsTree treecols {background: #333 !important}

/* This themes the buttons on the main information window */
#mainDeck button, #certDetails button {
  -moz-appearance: none !important;
  border-radius: 3px !important;
  background: #555 !important;
  color: #fff !important;
  padding: 0.3em !important}

#mainDeck button:hover {
  background: #333 !important;
  color: #00ffff !important}

#certDetails button:hover {
  background: #555 !important;
  color: #00ffff !important}

/* This themes the permissions list */
#permList {
  -moz-appearance: none !important; 
  border: 1px solid #222 !important;
  background: #505050 !important;
  color: #ddd !important}

#permList vbox:hover {
  -moz-appearance: none !important;
  background: rgba(0,0,0, 0.15) !important;
  color: #fff !important}

/* This themes the cookies and the passwords window search box */
#CookiesDialog #filter, #SignonViewerDialog #filter {
  transition: all 0.25s ease-in-out !important;
  -moz-appearance: none !important; 
  border: 1px solid #666 !important;
  background-color: #555 !important;
  color: #aaa !important}

/* This themes the search box on hover */
#CookiesDialog #filter[focused="true"], #SignonViewerDialog #filter[focused="true"] {
  box-shadow: var(--input-field-focus-shadow) !important;
  background-color: #666 !important;
  color: #fff !important}

/* This themes the buttons on the cookies and passwords window */
#CookiesDialog button, #SignonViewerDialog button {  
  -moz-appearance: none !important;
  border-radius: 3px !important;
  background: #666 !important;
  color: #ddd !important;
  padding: 0.3em !important}

#CookiesDialog button:hover, #SignonViewerDialog button:hover {
  background: #333 !important;
  color: #fff !important}

textbox *|input::-moz-selection {
    color: #fff !important;
    background-color: blue !important;
}

textbox *|input {
    color: #00FFFF !important;
    
}
/* These are the certificates window tabs */
#certDetails tabpanels, #certDetails tab, #printPageSetupDialog tab, 
#printPageSetupDialog tabpanels {
  -moz-appearance: none !important;
  background: #444 !important;
  color: #ddd !important;
  border-left: 1px solid #555 !important;
  border-right: 1px solid #555 !important}

#certDetails tab {border-top: 1px solid #555 !important}
#certDetails tabpanels {border-bottom: 1px solid #555 !important}

/* The certificate window text boxes*/
#certDetails tabpanels textbox {color: #aaa !important}

#verify_info_box textbox {
  -moz-appearance: none !important; 
  background: #555 !important;
  border: 1px solid #666 !important}

/* Sanitizer window */
#itemList, #sanitizeEverythingWarningBox {
  -moz-appearance:none !important;
  background-color: #333 !important;
  border-color: transparent !important}

#itemList listitem {color: #fff !important}
#itemList listitem[selected="true"] {
  background: #555 !important;
  border-color: transparent !important}
  
/* AUTOCOMPLETE COLORS */

/* This changes the autocomplete popup borders */
#PopupAutoCompleteRichResult, #PopupSearchAutoComplete, #PopupAutoComplete
{border: 1px solid highlight; margin-top: -1px !important; cursor: pointer !important;}

/* This changes the autocomplete background color of the URL bar */
.autocomplete-richlistbox,
/* Changes the color of searchbox  old searches (Continues from above) */
.search-panel-tree {background-color: #222 !important}

/* Changes the color of the highlighted item (only the selected one) on the url and searchbar */
.autocomplete-richlistitem[selected="true"], 
.search-panel-tree > .autocomplete-treebody::-moz-tree-cell(fromhistory, selected)
{background-color: blue !important; border: none !important; cursor: pointer !important;}

.autocomplete-richlistitem[selected="true"]:hover
{background: linear-gradient(#FF0, #0000E8, #FF0) !important;}

/* Changes the color of the autocomplete on the URL bar */
#PopupAutoCompleteRichResult .ac-title-text,
#PopupAutoCompleteRichResult .ac-tags-text,
#PopupAutoCompleteRichResult .ac-action-text,

/* Changes the color of the autocomplete on web area inputs (Continues from above) */
.autocomplete-richlistbox .ac-action-text, 
.autocomplete-richlistbox .ac-tags-text,
.autocomplete-richlistbox .ac-title-text,

/* Changes the color of search old searches (Continues from above) */
.search-panel-tree 
{color: #fff !important; cursor: pointer !important;}


/* The search autocomplete "-" lines */
.ac-separator {color: #fff !important}


/* Changes the color of header of the search option */
.search-panel-header, .addengine-item {
  background-color: #222 !important;
  color: #fff !important}



/* SIDEBAR */
#customization-panelWrapper > .panel-arrowcontent .toolbarbutton-1 {
    fill: white !important;
}
#customization-panelWrapper > .panel-arrowcontent {
    color: white !important;
    cursor: pointer !important;
    background-color: #333 !important;
    border: 1px solid #ccc !important; 
    border-radius: 1px !important;
}

#viewButton:hover {
  color: #00ffff !important;
  -moz-appearance: none !important;
  background: linear-gradient(rgb(72, 85, 108),rgb(20, 25, 34)) !important;
}
/* These change the color of the sidebar */
#sidebar-header {
  color: #fff !important;
  background-color: #555 !important;
  -moz-appearance: none !important;
  border-bottom: none !important} 

#sidebar-header:hover {
  color: #00ffff !important;
  background: linear-gradient(rgb(72, 85, 108),rgb(20, 25, 34)) !important;
  -moz-appearance: none !important;
  border-bottom: none !important} 

#sidebar-search-container, #sidebar, .sidebar-placesTree {
  -moz-appearance: none !important;
  cursor: pointer !important;
  background-color: #555 !important;
  color: #fff !important}

.sidebar-splitter {
  border-inline-end: 2px solid blue !important;
  -moz-appearance: none !important}

treechildren::-moz-tree-separator {border-color: var(--arrowpanel-dimmed-further) !important}


/* Items inside the sidebar (treechildren) are located in the general colors section of this file now */

/* This changes the sidebar searchbar */
#sidebar-search-container #search-box {
  -moz-appearance: none !important;
  background-color: #222 !important;
  border: 1px solid #ccc !important}



toolbar .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active) > .toolbarbutton-icon,
toolbar .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active) > .toolbarbutton-text,
toolbar .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active) > .toolbarbutton-badge-stack {

    color: inherit;
    fill: orange !important;
    fill-opacity: 1 !important;
}

toolbar .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-icon,
toolbar .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-text,
toolbar .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-badge-stack {
  
  fill: blue !important;
  fill-opacity: 1 !important;
  color: inherit;                                                    
}

#clearDownloadsButton:not([disabled="true"]) {
  color: white !important;
}
#clearDownloadsButton:not([disabled="true"]):hover {                           
  color: #00ffff !important;
}

#downloadsHistory:not([disabled="true"]):hover {                           
  color: #00ffff !important;
}
#downloadsRichListBox:empty {
  -moz-appearance: none !important;
  
  color: #00fff !important;
  background-color: #555 !important;
}

.downloadButton:not([disabled="true"]):hover,
.downloadButton:not([disabled="true"]):hover:active,
.downloadButton:not([disabled]):hover:active {
  background-color: #444 !important;
  color: #00ffff !important;
}

#downloadsRichListBox > richlistitem[selected] {
    margin-right: 1px !important;
    margin-left: -1px !important;
    border: 1px solid #ccc !important;
    color: yellow !important;
    background-color: #444 !important;
)
)