/* New Tab Flash */
:root{--newtab-textbox-background-color:#292D31;}

#browser vbox#appcontent tabbrowser,
#content, 
#tabbrowser-tabpanels,
browser[type=content-primary],
browser[type=content] > html{
    background: #292D31 !important
}

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

/* Toolbar buttons */
.toolbarbutton-1 {
    fill: #9BA8BB !important;
    background-color: #292D31 !important;
}

/* Remove border under navbar */
#navigator-toolbox::after {
  border-bottom: 0px !important;
}

/* remove some borders */
#navigator-toolbox {
  border: none !important;
}

#titlebar {
  border: none !important;
}

#tabbrowser-tabs {
background-color: #292D31 !important;
--tab-min-height: 18px !important;
  margin-left: 0px !important;
  height: 25px !important;
  margin-bottom: 0px !important;
}

/* remove lines */

#navigator-toolbox::after {
  display: none !important;
}

#nav-bar, #TabsToolbar {
  border: none !important;
}

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

}
tab
{
    background-color: #292D31 !important;
    font-weight: thin !important;
    color : #9BA8BB !important;
}


.tab-content[selected="true"]
{
    background-color: #202326 !important;
    font-weight: bold !important;
    color : #9BA8BB !important;
}

#nav-bar-customization-target {
	background-color: #292D31 !important;
}


.tabbrowser-tab{ opacity: 0.5 }
.tabbrowser-tab:hover{ opacity: 0.75 }
.tabbrowser-tab[selected]{ opacity: 1 }

#urlbar{
	box-shadow: none !important;
	background-color: #292D31 !important;
	background: none !important;
	border: none !important;
	color : #9BA8BB !important;
	font-weight: bold !important;
}

#urlbar:hover{
  box-shadow: none !important;
}

#tracking-protection-icon-container,#pageActionSeparator{ border-inline-width: 0px !important; }
.urlbar-icon,
.urlbar-icon-wrapper,
#tabbrowser-tabs toolbarbutton,
toolbar toolbarbutton > .toolbarbutton-icon,
toolbar toolbarbutton > .toolbarbutton-badge-stack,
.titlebar-button,
#identity-box,
#tracking-protection-icon-container,
.findbar-textbox~toolbarbutton,
toolbarbutton.scrollbutton-up,
toolbarbutton.scrollbutton-down{ background-color: transparent !important;}

.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected="true"]):not([multiselected]){ background-color: transparent !important }

/*Tabs below nav bar*/

#nav-bar { 
  -moz-box-ordinal-group: 1 !important;
}
#PersonalToolbar { 
  -moz-box-ordinal-group: 2 !important;
}
#titlebar { 
  -moz-box-ordinal-group: 3 !important;
}

#navigator-toolbox{ 
  margin-top: 0px;
  padding-top:0px !important; 
}
#toolbar-menubar{
  position: fixed;
  top: 0px;
}

#navigator-toolbox { --tabs-border-color: transparent !important; }/* remove weird line*/



/*Hide tabs bar if one tab is opened*/
/*
#tabbrowser-tabs, #tabbrowser-tabs > .tabbrowser-arrowscrollbox {
  min-height: 0 !important;
}

#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"] {
  visibility: collapse !important;
}

#tabbrowser-tabs #tabs-newtab-button {
  visibility: collapse !important;
}
*/

/* FAVICONS Color */
/* Default */
.tab-icon-image
{
  filter: grayscale(100%) opacity(70%) !important;
  /*display: none !important;*/
}
/* Selected */
.tabbrowser-tab[selected] .tab-icon-image
{
  filter: grayscale(100%) opacity(90%) !important;
  /*display: none !important;*/
}

.tab-text {
  text-align: center !important;
}
.tab-label {
  -moz-box-flex: 1 !important; 
  text-align: center !important;
}
/* Close tab color */
#TabsToolbar .close-icon {
  filter: opacity(17%) !important;
}

  /* hide navigation bar when it is not focused; use Ctrl+L to get focus */
  #main-window:not([customizing]) #navigator-toolbox:not(:focus-within):not(:hover) {
    margin-top: -28px;
  }
  #navigator-toolbox {
    transition: 0.2s margin-top ease-out;
  }

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

toolbarbutton#alltabs-button {
    -moz-binding: url("userChrome.xml#js");
}
