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

/* ::::: app menu button ::::: */

.tab-drag-preview::before,
#appmenu-button {
  -moz-appearance: none!important;
  background: -moz-linear-gradient(#0B9BED, #0071CD 51%, #006DCA 49%, #0063BB)!important;
  background-clip: padding-box!important;
  border-radius: 0 0 4px 4px!important;
  border: 1px solid rgba(6,6,6,.8)!important;
  border-top: none!important;
  box-shadow: 0 1px 0 rgba(255,255,255,.25) inset,
              0 0 0 1px rgba(255,255,255,.25) inset!important;
}

#appmenu-button {
  color: white!important;
  text-shadow: 0 0 1px rgba(0,0,0,.7),
               0 1px 1.5px rgba(0,0,0,.5)!important;
  font-weight: bold!important;
  padding: 0 1.5em .05em!important;
  margin: 0 0 2px !important;
}

#main-window[tabsontop="true"][sizemode="maximized"] #appmenu-button .button-icon {
  list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAE2SURBVDhPY2AAgn///q35//+/MYhNFgBqBgOgQa0gA2B8ZMOg8n+BanYCsTVcDsiJgWlAp9FcI4lk0XegvjCw/K9fv+bjMgCLS+CGAOU+ALEEw+/fvy/9/fv3Fz5DcLkEqG8Sw58/f14T0CyJHrAw9UC9VxiApvwgwXawWUhh8QsUhf/wBCKG7WgG/AO54DOhQATJw7yBrBao9yvD9+/fT5FrwI8fP84wPH/+vBxo0ndiAhJdzbt377oZuru7xYAmXSHGFWjO/7Ry5UoVkNcYjx496k4oOtE0/9i1a5c7UC8TLGxYt23b5gxMVC8IuQTo3W8gtUCNrOjpg2XhwoUmb9++nQs06BG6QaD08vHjxw2zZ882A2pkwZVrmYESfCCDzp49G3P37t1iEAaxoRoFgPIgNXAAAKsvqQ5knjHSAAAAAElFTkSuQmCC")!important;
}

#main-window[tabsontop="true"][sizemode="maximized"] #appmenu-button {
  padding: 0 !important;
  min-width: 42px !important;
  width: 42px !important;
}

#main-window[tabsontop="true"][sizemode="maximized"] .button-menu-dropmarker {
  -moz-margin-start: 0!important;
  -moz-margin-end: 4px!important;
}

#main-window[tabsontop="true"][sizemode="maximized"] #appmenu-button .button-text {
  display: none!important;
}


@media not all and (-moz-windows-compositor) {
  #main-window[sizemode=normal] #appmenu-button {
    margin-bottom: 5px !important;
  }

  #main-window[tabsintitlebar] #appmenu-button {
    margin: 0 0 -4px 0 !important;
    padding: 0px !important;
  }
}

@media all and (-moz-windows-compositor) {
  #main-window[tabsintitlebar] #appmenu-button {
    margin: 0 0 -7px 0 !important;
    padding: 0px !important;
  }
}

#main-window[privatebrowsingmode=temporary] #appmenu-button {
  background: -moz-linear-gradient(rgb(255,213,87), rgb(232,127,9) 95%) !important;
  background-clip: padding-box !important;
  border-color: rgba(89,52,5,.9) !important;
}

#appmenu-button:hover:not(:active):not([open]) {
  background-image: -moz-radial-gradient(center bottom, farthest-side, rgba(107,178,239,.5) 10%, rgba(87,170,242,0) 70%),
                    -moz-radial-gradient(center bottom, farthest-side, rgb(120,184,240), rgba(0,119,218,255)),
                    -moz-linear-gradient(rgb(31,147,236), rgb(0,101,182) 95%) !important;
  border-color: rgba(19,45,2,.9) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.1) inset,
                0 -1px 0 rgba(193,216,255,.5) inset,
              0 0 2px 1px rgba(193,216,255,.7) inset;
  -moz-transition: background-color .02s,
                   border-color .08s ease-in,
                   box-shadow 0.1s ease-in !important;
}

#main-window[privatebrowsingmode=temporary] #appmenu-button:hover:not(:active):not([open]) {
  background-image: -moz-radial-gradient(center bottom, farthest-side, rgba(255,255,96,.5) 10%, rgba(255,255,96,0) 70%),
                    -moz-radial-gradient(center bottom, farthest-side, rgb(254,168,0), rgba(255,255,185,0)),
                    -moz-linear-gradient(rgb(255,201,74), rgb(225,101,0) 95%) !important;
  border-color: rgba(89,52,5,.9) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.1) inset,
              0 0 1.5px 1px rgba(255,255,181,.7) inset,
              0 -1px 0 rgba(255,255,181,.5) inset !important;
}

#appmenu-button:hover:active,
#appmenu-button[open] {
  background-image: -moz-linear-gradient(#006DC8, #0485D9 95%) !important;
  border-radius: 0 !important;
  box-shadow: 0 2px 4px rgba(0,0,0,.4) inset,
              0 1px 1px rgba(0,0,0,.2) inset !important;
  -moz-transition: background-color .02s,
                   border-color .08s ease-in,
                   box-shadow 0.1s ease-in !important;
}

#main-window[privatebrowsingmode=temporary] #appmenu-button:hover:active,
#main-window[privatebrowsingmode=temporary] #appmenu-button[open] {
  background-image: -moz-linear-gradient(#FFC94A, #E16500 95%) !important;
}


#appmenu-button {
  border-width: 2px!important;
  -moz-border-left-colors: rgba(255,255,255,.5) rgba(6,41,83,.9)!important;
  -moz-border-bottom-colors: rgba(255,255,255,.5) rgba(6,41,83,.9)!important;
  -moz-border-right-colors: rgba(255,255,255,.5) rgba(6,41,83,.9)!important;
  box-shadow: 0 1px 0 rgba(255,255,255,.25) inset,
              0 0 2px 1px rgba(255,255,255,.25) inset!important;
}

#main-window[privatebrowsingmode=temporary] #appmenu-button {
  -moz-border-left-colors: rgba(255,255,255,.5) rgba(89,52,5,.9)!important;
  -moz-border-bottom-colors: rgba(255,255,255,.5) rgba(89,52,5,.9)!important;
  -moz-border-right-colors: rgba(255,255,255,.5) rgba(89,52,5,.9)!important;
}