Temp

/* -------------------------------------------------------------- */
/*   v1.0.10   ||   Firefox v73.0.1   ||   HighValueDayGame       */
/* -------------------------------------------------------------- */

/* -------------------------------------------------------------- */
/* Changes:                                                       */ /* ==================================== v1.0.10 */
/* - improved style of Overflow Button and Overflow Menu          */
/* - customization of Facebook Container add-on                   */
/* - customization of Google Container add-on                     */
/* - customization of Default Bookmark Folder add-on              */
/* - improved style of icons within URL bar                       */
/* - other style improvements                                     */
/* -------------------------------------------------------------- */
/* For questions:   https://highvaluedaygame.com/contact/         */
/* -------------------------------------------------------------- */

@-moz-document url(chrome://browser/content/browser.xul)

/* ============================================================== */
/* >>>>>>>>>>>>>    OPTIONAL USER CUSTOMIZATION      <<<<<<<<<<<< */
/* ============================================================== */

/* >>>> --------------------------------------------------------- */
/* >>>>  STEP 1: move RELOAD BUTTON somewhere else in the nav bar */
/* >>>> --------------------------------------------------------- */

#stop-reload-button .toolbarbutton-icon{
border-radius: 4px !important;
padding: -2px !important;
}
#stop-reload-button{
transform: translateX(20px);  /* <<=== Assign position of the reload button along the nav bar */
border-radius:0px !important;
margin-right: 0px !important;
}

/* >>>> --------------------------------------------------------- */
/* >>>>  STEP 2: centre the BOOKMARKS BAR with the URL BAR        */
/* >>>> --------------------------------------------------------- */
/* If you placed buttons next to the Menu on the right-hand side  */
/* of the URL bar (e.g add-on buttons, overflow menu, etc) and    */
/* you want to keep the bookmarks toolbar aligned with the URL    */
/* bar, remove the 0 below and add 29px for each button you placed*/
/* between the URL bar and the Menu (assuming no buttons were     */
/* on the left-hand side of the URL bar - otherwise do some fine- */
/* tuning)                                                        */

#PlacesToolbar {
padding-right: 0px !important;  /* <<=== Add 29px per each button between URL bar and Menu */
}

/* >>>> --------------------------------------------------------- */
/* >>>>  STEP 3: change min width/height of the Firefox window    */
/* >>>> --------------------------------------------------------- */

#main-window {
min-width: 900px !important;  /* <<=== Assign min width of window (!! may affect fingerprinting resistance) */
*min-height: 1035px !important;  /* <<=== Assign min height of window (!! may affect fingerprinting resistance) */
}

/* ============================================================== */
/* >>>>>>>>>>>    END OF OPTIONAL CUSTOMIZATION      <<<<<<<<<<<< */
/* ============================================================== */

/* -------------------------------------------------------------- */
/* Order URL bar, Bookmarks tab and Nav bar correctly             */
/* -------------------------------------------------------------- */

#nav-bar {
-moz-box-ordinal-group: 1 !important;
}

#PersonalToolbar {
-moz-box-ordinal-group: 2 !important;
}

#titlebar {
-moz-box-ordinal-group: 3 !important;
}

/* ------------------------------------------------------------ */
/* Background colours structure                                 */
/* ------------------------------------------------------------ */

#navigator-toolbox > toolbar:not(#TabsToolbar):not(#toolbar-menubar):not(#PersonalToolbar), 
.browserContainer > findbar, #browser-bottombox {
background-color: rgb(208,208,208) !important;                 /* colour TOP part */
}

/* ------------------------------------------------------------ */
/* NAV bar                                                      */
/* ------------------------------------------------------------ */

/* For the height see "White boxes around all buttons" below */

#nav-bar-customization-target {
-moz-box-pack: center !important;
}

#nav-bar {
-moz-box-ordinal-group: 1 !important;
padding-left: 75px !important;                                 /* leave space for the RED AMBER GREEN buttons */
}

#nav-bar-customization-target {
margin: 4.5px 0px !important;                                  /* vertical position of everything except hamburger menu */
}

#PanelUI-menu-button {
margin: 4.5px 0px !important;                                  /* vertical position of hamburger menu */
margin-left: -3px !important;                                  /* ==================================== v1.0.10 */
}

#nav-bar {
min-height: 37px !important;                                   /* height of the section */
max-height: 37px !important;
}

#nav-bar .toolbarbutton-1:not(:-moz-any([type="menu-button"], 
#nav-bar-overflow-button)) {
max-height: 29px !important;                                   /* height of the buttons */
}

#nav-bar-overflow-button {
margin: 4.5px 0px !important;                                  /* ==================================== v1.0.10 */
}

/* ------------------------------------------------------------ */
/* URL bar                                                      */
/* ------------------------------------------------------------ */

#urlbar {
margin-bottom: -1px !important;
margin-top: -1px !important;
}

#urlbar-container {
-moz-box-pack: center !important;                              /* centre URL bar in Nav bar */
padding-right: 75px !important;
}

#urlbar {                                                      /* status = DEFAULT */
box-shadow: 0 0 3px transparent !important;
border: 0.75px solid rgb(169,169,169) !important;              /* border */
background: rgb(244,244,244) !important;                       /* background colour */
min-width: 500px !important;                                   /* side position */
max-width: 500px !important;                                   /* side position */
border-radius: 5px !important;                  
}

#urlbar {                                                      /* style of text within */
font-size: 12px !important;
color: rgb(64,64,64) !important;
}

#urlbar[focused] {                                             /* status = ACTIVE */
box-shadow: 0 0 3px transparent !important;
border: 2.5px solid rgb(128,128,128) !important;               /* border */
border-radius: 6px !important;
}

#identity-box {
transform: scale(0.8, 0.8) !important;                         /* size of lock symbol on the left */
margin-inline-start: -2px;                                     /* ==================================== v1.0.10 */
}

#identity-box:hover:not(.no-hover):not([open="true"]),         /* ==================================== v1.0.10 */
#tracking-protection-icon-container:hover:not([open="true"]) {
background-color: rgb(244,244,244) !important;
color: rgb(0,0,0) !important;
}

#tracking-protection-icon-container {
transform: scale(0.9, 0.9) !important;
filter: grayscale(100%) !important;
}

#urlbar-input{                                                 /* center URL bar text */
text-align: center !important;
}

:not(.urlbar-icon-wrapper) >                                   /* history dropmaker */
.urlbar-icon:not([disabled]):hover, 
.urlbar-icon-wrapper:not([disabled]):hover {
background-color: rgb(244,244,244) !important;                 /* ==================================== v1.0.10 */
color: rgb(0,0,0) !important;                                  /* ==================================== v1.0.10 */
}

/* ------------------------------------------------------------ */
/* Bookmarks bar                                                */
/* ------------------------------------------------------------ */

#PlacesToolbar {
-moz-box-ordinal-group: 2 !important;                          /* align with URL bar */
padding-left: 52.5px !important;
}

#PersonalToolbar {
height: 26px !important;
background: rgb(208,208,208) !important;                       /* background colour */
border-top: 1px solid rgb(176,176,176) !important;
border-bottom: 1px solid rgb(169,169,169) !important;
padding: 2.5px 0px 2.5px 0px !important;                       /* space ABOVE RIGHT BELOW LEFT */
}

.bookmark-item>.toolbarbutton-icon {
display: none !important;                                      /* hide icons */
}

#PlacesToolbarItems {                                          /* status = DEFAULT */
-moz-box-pack: center;
background: rgb(208,208,208) !important;                       /* background colour */
color: rgb(72,72,72) !important;                               /* text colour */
font-size: 11px !important;
}

toolbarbutton.bookmark-item {
background-color: rgb(208,208,208) !important;
border-radius: 4px !important;                                 
color: rgb(80,80,80) !important;                               
border: 0.5px solid rgb(208,208,208) !important;
}

toolbarbutton.bookmark-item:hover {                            /* status = HOVER */
background-color: rgb(226,226,226) !important;
border-radius: 4px !important;                                 /* radius */
color: rgb(64,64,64) !important;                               /* text colour */
border: 0.5px solid rgb(190,190,190) !important;
}

#personal-bookmarks toolbarbutton {                            /* space items within the bar*/
margin-left: 1.5px !important;
margin-right: 1.5px !important;
}

#PlacesToolbarItems > .bookmark-item[container]:after {        /* space right of the text */
content:'>';
font-weight: 550;
margin-left: 6px;
margin-right: -2px;
display: block;
transform: rotate(90deg) scale(0.7, 1.3);
color: rgb(80,80,80);
}

/* ------------------------------------------------------------ */
/* Dragging bookmarks                                           */
/* ------------------------------------------------------------ */

toolbarbutton.bookmark-item[dragover][open] {
background-color: rgb(236,236,236) !important;                 /* Toolbar, bg colour of bookmark folders */
border: 0.5px solid rgb(190,190,190) !important;
color: rgb(64,64,64) !important;                               /* Toolbar, text colour of bookmark folders */
}

menupopup menu {
background: 0 !important;                                      /* Pop-up menu, dragging folder into folder */
}

#PlacesToolbarDropIndicator {
filter: grayscale(100%) !important;                            /* Bookmarks bar, vertical line between items */
}

image[part="drop-indicator"] {
 filter: grayscale(100%) !important;                           /* Pop-up menu, horizontal line */
}

/* ------------------------------------------------------------ */
/* Tabs - Height                                                */
/* ------------------------------------------------------------ */

#TabsToolbar {
height: 25px !important;
}

#titlebar {
height: 25px !important;
}

#new-tab-button {
max-height: 25px !important;
}

#tabs-newtab-button {
max-height: 25px !important;
}

#TabsToolbar, .tabbrowser-tab {
max-height: 25px !important;
}

.scrollbutton-up, .scrollbutton-down {
display: none !important;
}

.scrollbutton-up, .scrollbutton-down {
max-height: 25px !important;
}

.scrollbutton-up[orient="horizontal"] ~ spacer {
margin-bottom: 10px !important;
}

/* ------------------------------------------------------------ */
/* Tabs - Other                                                 */
/* ------------------------------------------------------------ */

.titlebar-spacer[type="pre-tabs"],
.titlebar-spacer[type="post-tabs"] {
display: none !important;                                      /* hide lateral blank spaces top left and top right of all tabs*/
}

#TabsToolbar-customization-target {
background-color: transparent !important;                      /* default background colour */
}

.tabbrowser-tab:not([pinned="true"]) {                         /* min width of tabs */
min-width:160px !important;
}

.tab-background[selected="true"] {                             /* ACTIVE tabs, background colour */
background-attachment: none !important;
background-color: rgb(208,208,208) !important;
background-image: none !important;
}

#TabsToolbar .tabbrowser-tab[selected] {                       /* ACTIVE tabs, text colour */
color: rgb(32,32,32) !important;
}

#tabbrowser-tabs {
--tab-line-color: transparent !important;                      /* ACTIVE tab, make top border transparent*/
}

.tab-background[selected="true"] {
border-radius: 0px 0px 0px 0px !important;                     /* ACTIVE TAB, radius TOP TOP BOTTOM BOTTOM */
}

.tabbrowser-tab:not([selected]) .tab-background {
background-color: rgb(192,192,192) !important;                 /* INACTIVE tabs, background colour */
}

#TabsToolbar {
color: rgb(0,0,0) !important;                                  /* INACTIVE tabs, text colour */
}

.tabbrowser-tab:not([selected])::after {                       /* INACTIVE tabs, lateral border */
color: rgb(64,64,64) !important;
}

.tabbrowser-tab:hover>.tab-stack>.tab-background:not([selected="true"]):not([multiselected]) {
background-color: rgb(169,169,169) !important;                 /* INACTIVE tabs, hover, background colour */
margin-top: -5px !important;                                   /* INACTIVE tabs, hover, do not show upper margin */
}

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

.tabbrowser-tab[fadein] {
max-width: 100vw !important;                                   /* TABS, max width */
}

.tab-label {
-moz-box-flex: 1 !important;
text-align: center !important;                                 /* TABS, show text in the middle of them */
}

.tab-label-container[textoverflow][labeldirection="ltr"]:not([pinned]) {
mask-image: none !important;                                   /* TABS, remove fade-out effect right end side */
}

.tab-loading-burst {                                           /* TABS, remove swipe animation after page has loaded */
display: none !important;
}

/* ------------------------------------------------------------ */
/* Colour behind / below tabs                                   */
/* ------------------------------------------------------------ */

#TabsToolbar {
background-color: rgb(192,192,192) !important;
-moz-appearance: none !important;
}

#titlebar {
margin-bottom: -1px !important;
}

/* ------------------------------------------------------------ */
/* Tab icons                                                    */
/* ------------------------------------------------------------ */

.tab-icon-image {
display: none !important;                                      /* TABS, hide icons */
}

.tabbrowser-tab .tab-close-button {                            /* TAB CLOSE, move to left & show backbround only on hover */
display:-moz-box! important;
-moz-box-ordinal-group:0!important;
* margin-right:3px!important;
-moz-margin-start:-8.5px !important;
-moz-margin-end:0px !important;
transform: scale(0.85, 0.85) !important;                       /* size */
}

.tabbrowser-tab:not(:hover) .tab-close-button{                 /* TAB CLOSE, X, hide when not hover */
opacity: 0;
}
                                                               /* X sign in selected tab */
.tabbrowser-tab .tab-close-button{
color: rgb(64,64,64) !important;
}

.tabbrowser-tab:not([selected]) .tab-close-button{             /* X sign in not-selected tab */
color: rgb(48,48,48) !important;
}

.tabbrowser-tab .tab-close-button:hover {                      /* X background square in selected tab */ 
background-color: rgb(200,200,200) !important;
color: rgb(32,32,32) !important;
border-radius: 2px !important;
}

.tabbrowser-tab:not([selected]) .tab-close-button:hover {     /* X background square in not-selected tab */ 
background-color: rgb(160,160,160) !important;
color: rgb(32,32,32) !important;
border-radius: 2px !important;
}

.tabbrowser-tab .tab-icon-sound {                              /* SOUND ICON, move to the right to perfectly centre TAB text */
display:-moz-box! important;
-moz-box-ordinal-group:1!important;
* margin-left:3px!important;
-moz-margin-start:2px !important;
-moz-margin-end:-6.5px !important;
transform: scale(0.85, 0.85) !important;                       /* size */
}

.tab-icon-sound[soundplaying] {
color: rgb(64,64,64) !important;
transform: scale(0.85, 0.85) !important;                       /* size */
}

/* ------------------------------------------------------------ */
/* New Tab and Overflow menu                                    */
/* ------------------------------------------------------------ */

#alltabs-button {                                              /* Hide drop down icon */
display: none;
}

.scrollbutton-up[orient="horizontal"] ~ spacer {               /* Hide scroll buttons down icon */
display: none !important;
}

#tabs-newtab-button {                                          /* NEW TAB, + icon, dimensions - normal */
transform: scale(0.8, 1) !important;
margin-left: -6px !important;
margin-right: -3px !important;
padding: 0px 0px 0px 3px !important;
fill: rgb(32,32,32) !important;
}

#new-tab-button {                                              /* NEW TAB, + icon, dimensions - many tabs */
transform: scale(0.8, 1) !important;
margin-left: -6px !important;
margin-right: -3px !important;
padding: 0px 0px 0px 3px !important;
fill: rgb(32,32,32) !important;
}

#tabs-newtab-button .toolbarbutton-icon {                      /* NEW TAB, background of icon - normal */
border-radius: 0px !important;
background-color: rgb(184,184,184) !important;
}
#tabs-newtab-button:hover .toolbarbutton-icon {
border-radius: 0px !important;
background-color: rgb(169,169,169) !important;
}
#tabs-newtab-button:active .toolbarbutton-icon {
border-radius: 0px !important;
background-color: rgb(184,184,184) !important;
}

#new-tab-button .toolbarbutton-icon {                          /* NEW TAB, background of icon - many tabs */
border-radius: 0px !important;
background-color: rgb(184,184,184) !important;
}
#new-tab-button:hover .toolbarbutton-icon {
border-radius: 0px !important;
background-color: rgb(169,169,169) !important;
}
#new-tab-button:active .toolbarbutton-icon {
border-radius: 0px !important;
background-color: rgb(192,192,192) !important;
}

/* ------------------------------------------------------------ */
/* Dropdown menu folders in bookmark bar                        */
/* ------------------------------------------------------------ */

menupopup, popup,
popup > menu > menupopup,
menupopup > menu > menupopup {                                 /* BACKGROUND */
-moz-appearance: none !important;                              /* ==================================== !!! */
background: rgb(226,226,226) !important;                       /* background colour */
border-radius: 5px !important;
padding: 0px 0px 0px 0px !important;                           /* space ABOVE RIGHT BELOW LEFT */
max-width: 400px !important;                                   /* max width of pop-up window */
}

menupopup menuseparator {
-moz-appearance: none !important;                              /* ==================================== !!! */
background: rgb(169,169,169) !important;                       /* colour border above "open all tabs" */
margin: 0px 0px 0px 0px !important;
padding: 0.5px !important;                                     /* height border above "open all tabs" */
}

menupopup menu, menuitem{                                      /* ITEMS, DEFAULT */
-moz-appearance: none !important;                              /* ==================================== !!! */
color: rgb(64,64,64) !important;
padding: 0px 20px 0px 15px !important;                         /* space ABOVE RIGHT BELOW LEFT */
height: 21px !important;                                       /* vertical height of each line */
font-size: 12px !important;
}

menupopup menu:hover, menuitem:hover,                          /* FOLDER ITEMS, HOVER */
menu[open="true"],                                             /* ==================================== v1.0.10 */ /* INACTIVE selected/open folders */
menuitem[_moz-menuactive="true"] {                             /* ==================================== v1.0.10 */
-moz-appearance: none !important;                              /* ==================================== !!! */
background: rgb(200,200,200) !important;                       /* ==================================== v1.0.10 */ /* background colour */
color: rgb(32,32,32) !important;                               /* text colour */
font-size: 12px !important;
}


.menu-right {                                                  /* TRIANGLE SIGN to open sub-folders */
-moz-appearance: none !important;
padding: 8px !important;
margin-right: -10px !important;
color: black !important;
border: solid rgb(32,32,32);
border-width: 0 2.5px 2.5px 0;
transform: rotate(-45deg) scale(.4);
}

/* ------------------------------------------------------------ */
/* Folder icons, colour                                         */
/* ------------------------------------------------------------ */

#PlacesToolbarItems toolbarbutton[container="true"] .toolbarbutton-icon,
:-moz-any(
#PlacesToolbarItems,
#PlacesChevronPopup,
#BMB_bookmarksPopup,
#bookmarksMenu) menu[container="true"] > .menu-iconic-left > .menu-iconic-icon,
/* Standard folder -- in Sidebar, Library, Add/Edit Bookmark dialog */
:-moz-any(
#bookmarks-view, 
#editBMPanel_folderTree, 
#placesList, 
#placeContent) treechildren::-moz-tree-image(container),
#editBMPanel_folderMenuList > .menulist-label-box > .menulist-icon,
#editBMPanel_folderMenuList menupopup menuitem {
fill: rgb(0,130,220) !important;                               /* set colour */
}

.bookmark-item.menuitem-with-favicon:not([container]) {  
fill: rgb(64,64,64) !important;
}

/* ------------------------------------------------------------ */
/* URL bar search results                                       */
/* ------------------------------------------------------------ */

#urlbar .urlbarView {
position: absolute !important;                                 /* Override fixed */
top: 31px !important;                                          /* distance from top of the window */
left: unset !important;                                        /* Override 0 */
right: unset !important;                                       /* Override 0 */
min-width: 500px !important;
max-width: 500px !important;
background: rgb(224,224,224) !important;                       /* background colour */
box-shadow: none !important;
border: 1px solid rgb(200,200,200) !important;                 /* border */
border-radius: 4px !important;                                 /* border radius */
}

#urlbar-input::-moz-selection {                                /* colour autocomplete text URL bar */
background-color: rgb(224,224,224) !important;
border: 0px !important;
opacity: 1 !important;
color: rgb(64,64,64) !important;
}

#urlbar-results {
font-size: 12px !important;
}

.urlbarView-action {
color: rgb(64,64,64) !important;                               /* action colour (visit, search with...) */
}

.urlbarView-favicon {
transform: scale(.9, .9) !important;                           /* favicons in search results */
* filter: grayscale(75%) !important;
}

.urlbarView-row {
padding: 6px 0px !important;                                   /* vertical space between lines */
}

.urlbarView-url {
color: rgb(64,64,64) !important;                               /* drop-down results, URL color */
}

.urlbarView-row[selected], .urlbarView-row:hover {             /* drop-down results, selected/hover colors */
background-color: rgb(200,200,200) !important;
}

.urlbarView-row[selected] .urlbarView-title,
.urlbarView-row:hover .urlbarView-title,
.urlbarView-row[selected] .urlbarView-secondary,
.urlbarView-row:hover .urlbarView-secondary,
.urlbarView-row[selected] .urlbarView-title-separator,
.urlbarView-row:hover .urlbarView-title-separator {            /* drop-down results, selected URL color */
color: rgb(64,64,64) !important;
}

/* ------------------------------------------------------------ */
/* Search results in two lines - HIDDEN */

.urlbarView-row-inner{ 
* flex-wrap: wrap !important; 
}
.urlbarView-title[title]{
* flex-grow: 1;
}
.urlbarView-row > .urlbarView-row-inner > .urlbarView-url{
* margin-inline-start: 24px; min-width: 95%
}
.urlbarView-row[has-url]:not([type="switchtab"]) .urlbarView-title-separator{
* display: none
}

/* ------------------------------------------------------------ */
/* MacOS window buttons RED AMBER GREEN                         */
/* ------------------------------------------------------------ */

.titlebar-buttonbox-container {
position: fixed !important;
display: block !important;
top: 0px !important;
left 2px !important;
}

/* ------------------------------------------------------------ */
/* Toolbar buttons                                              */
/* ------------------------------------------------------------ */

/* ------------------------------------------------------------ */
/* Remove separator menu button */

#PanelUI-button,
#PanelUI-menu-button {
border:none !important;
padding-left:0px !important;
margin-inline-end:1.4px !important;
}

/* ------------------------------------------------------------ */
/* Shape and size of buttons */

.toolbarbutton-1 {
--toolbarbutton-hover-background: none !important;             /* over-write default HOVER colour*/
transform: scale(0.825, 0.825) !important;
}

/* ------------------------------------------------------------ */
/* White boxes around all buttons */

#nav-bar .toolbarbutton-1:not(:-moz-any([type="menu-button"])){/* ==================================== v1.0.10 */
background: rgb(226,226,226) !important;
border: 0.75px solid rgb(169,169,169) !important;              /* ==================================== v1.0.10 */
border-radius: 4.5px !important;                               /* ==================================== v1.0.10 */
padding: unset !important;
}

/* ------------------------------------------------------------ */
/* BACK BUTTON */

#nav-bar #back-button {
width: 30px !important;
max-height: 30px !important;
height: 30px !important;
padding: 0px !important;
-moz-image-region: unset !important;
}

*#nav-bar #back-button:hover .toolbarbutton-icon {
* border-radius: 4px !important;
* background-color: rgb(192,192,192) !important;
}

/* ------------------------------------------------------------ */
/* FWD BUTTON */

#nav-bar #forward-button {
width: 29px !important;                                        /* width consistent with button height set in NAV BAR */
padding: 0px !important;
-moz-box-align: center !important;
-moz-image-region: unset !important;
}

#nav-bar #forward-button:hover .toolbarbutton-icon {
border-radius: 4px !important;
* background-color: rgb(211,211,211) !important;
}


/* ------------------------------------------------------------ */
/* Remove default of BACK/FWD buttons */

#nav-bar #back-button > .toolbarbutton-icon,
#nav-bar #forward-button > .toolbarbutton-icon
{
background: none !important;
border: none !important;
box-shadow: none !important;
padding: unset !important;
}

#back-button[disabled="true"] > .toolbarbutton-icon {
opacity: 1 !important;
-moz-context-properties: none !important;
fill-opacity: unset !important;
}

#back-button[disabled="true"] {
opacity: 0.4 !important;
-moz-context-properties: none !important;
fill-opacity: unset !important;
}

/* ------------------------------------------------------------ */ /* ==================================== v1.0.10 */ /* changed 1.1 to 1.2 */
/* Assign symbol of BACK button */

#nav-bar #back-button {
list-style-image: url('data:image/svg+xml;utf8,\ <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18">\ <path d="M12,5 L8.5,9 L12,13" fill="transparent" stroke="rgb(104,104,104)" stroke-width="1.2" stroke-linecap="round"/>\ </svg>') !important;
}

/* ------------------------------------------------------------ */ /* ==================================== v1.0.10 */ /* changed 1.2 to 1.4 */
/* Assign symbol of FWD button */

#nav-bar #forward-button {
list-style-image: url('data:image/svg+xml;utf8,\ <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18">\ <path d="M7,5 L11,9 L7,13" fill="transparent" stroke="rgb(104,104,104)" stroke-width="1.4" stroke-linecap="round"/>\ </svg>') !important;
}

/* ------------------------------------------------------------ */
/* Position of FWD and BACK buttons */

#forward-button .toolbarbutton-icon {
margin-left: 1px !important;
}

#forward-button {
margin-left: -4px !important;
}

#back-button .toolbarbutton-icon {
margin-left: -5px !important;
}

/* ------------------------------------------------------------ */
/* ARROW PANELS                                                 */
/* ------------------------------------------------------------ */

:root {
--arrowpanel-border-color: none !important;                    /* external border */
--arrowpanel-background: rgb(226,226,226) !important;          /* background colour */
--arrowpanel-color: rgb(64,64,64) !important;                  /* ==================================== v1.0.10 *//* text colour */
--panel-disabled-color: rgb(120,120,120) !important;
--panelui-subview-transition-duration: 1ms !important;         /* ==================================== v1.0.10 */
}

panelview .toolbarbutton-1:not(:-moz-any([disabled], [open], :active)):-moz-any(:hover, :focus), toolbarbutton.subviewbutton:not(:-moz-any([disabled], [open], :active)):-moz-any(:hover, :focus), .navigable.subviewbutton:not(:-moz-any([disabled], [open], :active)):-moz-any(:hover, :focus), menu.subviewbutton:not(:-moz-any([disabled], :active))[_moz-menuactive], menuitem.subviewbutton:not(:-moz-any([disabled], :active))[_moz-menuactive], .widget-overflow-list .toolbarbutton-1: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: rgb(32,32,32) !important;                           /* ==================================== v1.0.10 */
    background-color: rgb(200,200,200) !important;             /* HOVER colour of items and buttons in panels */
}

/* ------------------------------------------------------------ */
/* EDIT BOOKMARK PANEL                                          */
/* ------------------------------------------------------------ */

#editBookmarkPanelInfoArea {                                   /* remove top area with image */
display: none !important;
}

#editBookmarkPanelDoneButton{                                  /* button DONE */
background-color: rgb(192,192,192) !important;
color: rgb(32,32,32) !important;
}
#editBookmarkPanelDoneButton:hover {
background-color: rgb(200,200,200) !important;
color: rgb(48,48,48) !important;
}
#editBookmarkPanelDoneButton:active {
background-color: rgb(178,178,178) !important;
color: rgb(40,40,40) !important;
}

#editBookmarkPanelRemoveButton {                               /* button REMOVE */
background-color: rgb(222,222,222) !important;
}
#editBookmarkPanelRemoveButton:hover {
background-color: rgb(230,230,230) !important;
}
#editBookmarkPanelRemoveButton:active {
background-color: rgb(208,208,208) !important;
}

*#editBookmarkPanelRows {                                      /* entire section between header and buttons */
*color: rgb(0,0,0) !important;
*background-color: rgb(60,60,60) !important;
*}

#editBMPanel_namePicker {                                      /* input fields */
color: rgb(64,64,64) !important;
background-color: rgb(232,232,232) !important;
border: 0.75px solid rgb(169,169,169) !important;
}
#editBMPanel_folderMenuList {
color: rgb(64,64,64) !important;
background-color: rgb(232,232,232) !important;
border: 0.75px solid rgb(169,169,169) !important;
}
#editBMPanel_tagsField {
color: rgb(64,64,64) !important;
background-color: rgb(232,232,232) !important;
border: 0.75px solid rgb(169,169,169) !important;
}

#editBMPanel_foldersExpander {                                 /* side drop down */
color: rgb(64,64,64) !important;
background-color: rgb(232,232,232) !important;
border: 0.75px solid rgb(169,169,169) !important;
}
#editBMPanel_tagselectorExpander {
color: rgb(64,64,64) !important;
background-color: rgb(232,232,232) !important;
border: 0.75px solid rgb(169,169,169) !important;
}

/* ------------------------------------------------------------ */
/* OPTION MENU - TOP MENU                                       */
/* ------------------------------------------------------------ */

.appMenu-tp-separator,                                         /* FIRST SUB-MENU, HORIZONTAL BORDERS */
toolbarseparator {
display: visible !important;
border-color: rgb(192,192,192) !important;
}

#appMenu-zoomReset-button {                                    /* ZOOM CONTROl xx% */
background: transparent !important;
color: rgb(64,64,64) !important;
border: 0px solid rgb(64,64,64) !important;
border-radius: 0px !important;
}

/* ------------------------------------------------------------ */
/* OPTION MENU - FIRST SUB-MENU                                 */
/* ------------------------------------------------------------ */

.panel-header {                                                /* FIRST SUB-MENU, TOP HEADER */
color: rgb(56,56,56) !important;
background: rgb(220,220,220) !important;
border-bottom: 1px solid rgb(128,128,128) !important;
}

/* ------------------------------------------------------------ */
/* OVERFLOW MENU                                                */ /* ==================================== v1.0.10 */
/* ------------------------------------------------------------ */

#overflowMenu-customize-button {                                /* Bottom area "Customise Toolbar..." */
font-weight: 550 !important;
color: rgb(56,56,56) !important;
}

#widget-overflow-mainView {                                     /* Elements in Overflow Menu */
color: rgb(56,56,56) !important;
}

.widget-overflow-list .toolbarbutton-1 {                        /* Overwrite previous "scale" command for toolbarbutton-1 */
transform: scale(1, 1) !important;
}

.widget-overflow-list .toolbarbutton-1  > .toolbarbutton-text {
-moz-box-align: center !important;
padding-top: 4px !important;
padding-bottom: 4px !important;
}

/* ------------------------------------------------------------ */
/* CONTEXT MENU                                                 */
/* ------------------------------------------------------------ */

#contentAreaContextMenu>*>*>image {                            /* Assign colour to icon on the right-hand side */
fill: currentColor !important;
-moz-context-properties: fill, fill-opacity, stroke !important;
}

#context-navigation, #context-sep-navigation {                 /* Remove icons at the top */
display: none !important 
}

/* ------------------------------------------------------------ */
/* MISCELLANEOUS                                                */
/* ------------------------------------------------------------ */

#confirmation-hint {
display: none !important;                                      /* hide "Saved to Library!" bookmark confirmation popup */
}

#appMenu-library-recentHighlights {
display: none !important;
}

#urlbar-zoom-button {                                          /* ==================================== v1.0.10 */
display:none!important                                         /* remove ZOOM info from URL bar */
}

#pageAction-panel-default-bookmark-folder_gustiaux_com,        /* ==================================== v1.0.10 */
#pageAction-panel-builtInSeparator {                           /* remove DEFAULT BOOKMARK FOLDER add-on line from Page Actions */
display:none!important 
}

/* ------------------------------------------------------------ */
/* FACEBOOK CONTAINER / GOOGLE CONTAINER                        */
/* ------------------------------------------------------------ */

#userContext-indicator {                                       /* ==================================== v1.0.10 */
fill: rgb(128,128,128) !important;                             /* URL BAR, change colour of the fence */
}

#userContext-label {                                           /* ==================================== v1.0.10 */
display:none!important                                         /* URL BAR, removel text label */
}

#pageActionSeparator {                                         /* ==================================== v1.0.10 */
display:none!important                                         /* URL BAR, remove vertical separator */
}

.tabbrowser-tab[usercontextid] > .tab-stack >                  /* ==================================== v1.0.10 */
.tab-background > .tab-bottom-line {
height: 0 !important;                                          /* TAB, remove lower line */
}