#TabsToolbar, #PersonalToolbar, #nav-bar, #navigator-toolbox
{-moz-appearance: none !important;
box-shadow: none!important;
border: none!important;
}

.tabbrowser-tab .tab-icon-sound {
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='fill'><feComposite in='FillPaint' in2='SourceGraphic' operator='in'/></filter></svg>#fill") !important;
    fill: Orange !important;
}

.tabbrowser-tab[selected="true"] .tab-icon-sound {
    fill: DarkOrange !important;
}

.tabbrowser-tab .tab-icon-sound:hover {
    fill: Gold !important;
}

.tabbrowser-tab .tab-icon-sound[muted="true"] {
    fill: Red !important;
}

/* AGENT_SHEET */
/* by makondo, 08.09 */
@namespace html url(http://www.w3.org/1999/xhtml);
@namespace xul url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

/* hides til hovered */
/* scrollbar:not(:hover) 
{ opacity: 0 !important; } */

/* =========== */
scrollcorner
{ -moz-appearance: none !important;
background: transparent !important; 
height: 0 !important;
width: 0 !important; }

gripper
{ -moz-appearance: none ! important;
background: none !important;
border: none !important;
width: 0 !important; }

/* =========== */

/* makes bg transparent - uncomment if you know what you're doing */
/* #content, #appcontent:not(:-moz-lwtheme) 
{ background-color: transparent !important;
-moz-appearance: none !important; } */

scrollbar *, scrollbar, * scrollbar
{ -moz-appearance: -moz-win-borderless-glass !important;
background: transparent !important; }

scrollbar[orient="vertical"],
scrollbar[orient="horizontal"] 
{ -moz-appearance: none !important;
background: none !important; }

scrollbar[orient="vertical"] 
{ margin-right: -4px !important; }

scrollbar[orient="horizontal"] 
{ margin-right: -6px!important; }

/* === IMAGES */

scrollbar thumb[orient="vertical"]
{ -moz-appearance: none !important;
height: 50px !important;
min-height: 20px !important;
border: none !important;
padding: 0 !important;
background: transparent url(data:image/gif;base64,R0lGODlhBgCQAbMPAAAAABAQECAgIDAwMEBAQFBQUGBgYHBwcICAgJCQkKCgoLCwsMDAwNDQ0ODg4PDw8CwAAAAABgCQAUAEsBDIiVJTBNSbN9bW53UhyYHniIrlarJpq85yHd9w/u5uT+O8n85nGwqDRSSQGHMYk8zn8hhVSq/WbHVL7UK90684TMYyE5kEomAocMdmcByuldfp7/Jdn5/z7X17foOChYGHgIl4in+Ljo2QLAkJBgAGA5gDIAtoiI+EnpGGjKCko5+noqGlqKuprKqmrrOyta22sbe6ubywvq/AtLu/wr3BuMTIx8PLxm+cHQjSCAARADs=) center 0px no-repeat !important; }

scrollbar thumb[orient="horizontal"]
{ -moz-appearance: none !important; 
border: none !important; 
background: transparent  url(data:image/gif;base64,R0lGODlh0QEFALMPAAAAABAQECAgIDAwMEBAQFBQUGBgYHBwcICAgJCQkKCgoLCwsMDAwNDQ0ODg4PDw8CwAAAAA0QEFAEAEmhClhKq9OOvNu/9gKI5kaZ5oqq5s676wOhVAbd94ru987//AoHBILBqPyKRyyWw6n9AoAKFYMBrYrHbL7Xq/4LB4TC6bz+i0es1uu9/wuHzORhgE00R1we/7/4CBgoOEhYaHiImKi4yNjo+QkZKTlJWWl5AKBwMAFAcGoKGio6SlpqeoqaqrrK2ur7CxsrO0tba3uLm6u7YFnBEAOw==) 0px center no-repeat !important; }

scrollbarbutton
{ -moz-appearance: none !important;
border: none !important;
background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAACXBIWXMAAC4jAAAuIwF4pT92AAAA4klEQVR42jXPPaqDQBAH8CWdJ3hd6kD6QO4gYuEBBMEP0EIFP0BEz+CKjZ0nSKGlvPeQgIWVHsQixGiKzYyQ4rf8dxh2Zkkcx4ckSQhyXfcHfe9oP8IwPJVleZum6TGO46MoilsQBKe9QdO0KzT8DsPA5nl+o77vGdTugCM8z1Pf95emaV5d163gVdf10/M8pqrqkYiiSBVFWSilK9jyPN+yLFtkWWa6rh+J4zhXaPqDeaxt2w280zRlgiDcoyji9iUtyzobhvFfVdWKMJumed6XhG9yGGzbvkiSRBFmrMELhw9B4Yc3YgC0lAAAAABJRU5ErkJggg==) center no-repeat !important; }

/* === Arrows (works for me, you might need to adjust or delete the following) */

/* top */ scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] 
{ margin-bottom: -2px !important; }

/* bottom */ scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] 
{ margin-left: 0px !important;
margin-top: -4px !important;
margin-bottom: -2px !important; }

/* left */ scrollbar[orient="horizontal"] > scrollbarbutton[type="decrement"]
{ margin-left: 0px !important;
margin-right: -4px !important; }

/* right */ scrollbar[orient="horizontal"] > scrollbarbutton[type="increment"] 
{ margin-top: 0px !important;
margin-left: -2px !important; }

/* AGENT_SHEET */
/** auto-hidden minimal scrollbars for Firefox 
/*  http://userstyles.org/styles/96257
/*  by freecyber
/*  update 2014-0116
*/


@-moz-document regexp("(?!(chrome:)).*")
{
html scrollbar:not(#foo) {
  z-index: 2147483647 !important;
  position: relative !important;
  transition: all .4s !important; 
}
html scrollbar:not(#foo),html scrollbar:not(#foo) * {
  -moz-appearance: none !important;
  background: none !important;
  margin: 0px !important;
  padding: 0px !important;
  border: 0px !important;
  box-shadow: none !important;
}
html :not(select)>scrollbar[orient="vertical"]:not(#foo),html>scrollbar[orient="vertical"]:not(#foo) {
  margin-left: -12px !important;
  margin-right: 1px !important;
  max-width: 12px !important;
  min-width: 12px !important;
}
html scrollbar[orient="horizontal"]:not(#foo) {
  margin-top: -12px !important;
  max-height: 12px !important;
  min-height: 12px !important;
}
html:not(#foo) scrollbar:not(#foo) thumb[orient="vertical"]:not(#foo) {
  min-height: 18px !important;
  width: 12px !important;
  min-height: 12px !important;
  max-height: 12px !important;
}
html scrollbar:not(#foo) thumb[orient="horizontal"] {
  min-width: 18px !important;
  height: 12px !important;
  min-height: 12px !important;
  max-height: 12px !important;
}
html scrollbar:not(#foo) thumb {
  border-radius: 4px !important;
  background: rgba(211,211,211,0.5) !important;
  border: 1px solid rgba(128,128,128,0.6) !important;
  transition: all .4s !important; 
  opacity: 1 !important; 
}
html scrollbar:hover:not(#foo) thumb {
  box-shadow: 0 0 3px 1px rgba(138,140,165,0.6) !important;
  transition: all .5s !important;
}
html scrollbar:not(#foo) thumb:active {
  box-shadow: 0 0 3px 1px rgba(128,128,128,.80) inset !important;
  transition: all .5s !important; 
}

/* no buttons */
html scrollbar:not(#foo) scrollbarbutton {
  min-width: 0px !important;
  max-width: 12px !important;
  min-height: 0px !important;
  max-height: 12px !important;
  width: 0px !important;
  height: 0px !important;
}

/* autohide */
html:not(#foo) :not(select):not(:hover)>scrollbar:not(:hover),html:not(#foo) > scrollbar:not(#foo):not(:hover) {
  opacity: 0 !important; 
  transition: all .5s !important; 
}
  
}