/*
ver.0.4

Based on:
-"Firefox 4 Tabs in Titlebar/App Button as Tab-WinXP" by rob64rock. http://userstyles.org/styles/39893
-"Firefox 4 - Move Tabs into Title Bar (Win XP)" by lOtR. http://userstyles.org/styles/36044
-"Maximized Appmenu Button As Tab" by foxxyn8. http://userstyles.org/styles/39724
-"Firefox 4 menu button in Vista/7 style ANIMATED!" by wojtekmaj. http://userstyles.org/styles/35240

WindowsXP or Windows7 recommended.
I have tested it myself on XP with different skins (Luna,Classic,a Vista-like skin) and a buddy
of mine says it looks alright on 7. Ergo, Vista should be alright, too. I haven't tested it under
any other OS, but I would like it, if some of you would do and give me your opinions.

This style has been tested on Firefox 4.0b7 and 4.0b8pre.

issues:
-The tabbars padding has been set for the use in XP. If you use Vista or 7, you might want to set
 another value. Edit the line "-moz-padding-end: 7.5em !important;". It's a little bit beneath
 the @namespace declaration. A value of 10em or 12em should be fine, but I'm just guessing.
-Dragging the window around is quite difficult, as there is nearly no "grabing" area in
 the titlebar left. In the code below, there is a line "height: 36px !important;" in comment tags.
 If you uncomment it, the titlebar gains a few pixel height, you may use for dragging, but it might
 also create ugly looking graphic errors.

Changes in 0.4:
-Now all new: Firefox Button ANIMATED!

Changes in 0.3:
-Icon in Firefox Menu Button has been replaced.
-Removed "Personas applies to titlebar for Firefox 4" by Style Thing. http://userstyles.org/styles/37940
 I thought about it. If you want it, wouldn't it be better to install it directly from the source?
 Yah, it would.

Changes in 0.2:
-minor graphical fixes in glow effect of the Firefox Menu Button
-changed #appmenu-button-container position from fixed to relative. This comes at cost of less
 control about the FFButton position, but also places it at the right positions at the edge of
 the window. May lead to FFButton overlaping with a AppTab.

*/

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

/* Modifies Firefox button into an icon'n'dropmarker only form. */
/* 
Explanation for the background. background-image consists of five images.
 1. url("data:ima... for the icon
 2. another url("data/ima..., but this time for a fake dropmarker
 3. -moz-radial-gradient(15px... for the background glow effect of the icon
 4. -moz-radial-gradient(center... for glow effect of the button
 5. -moz-linear-gradient(rgb(... for the orange (or violett) color of the button
Each image will be rendered into the previous in backward order. (from 5 to 1)

The animated glow effect is based on a style of wojtekmaj. The trick is, to acctually hide the
appmenu-button, when not hovered above it, and paint a background image into the
appmenu-button-container, that looks like the button. The button itself is painted with the glow
effect and faded in and out, when needed. Because it would conflict with the container image,
the borders and box-shados of the button have to be deactiveded.  
*/

#main-window #appmenu-button-container  {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA25JREFUeNosU1toHFUY/s6ZM7szuzs72e4t1zVGrZEoRBOQUo1W0QpSKIKXBymKmPrgQ9EKaV4EH4w+CH2Qgn0Q8fbSSrFQ8RJtaQm1thVrSwJtitnGbDbJZm+zO/eZ48zggZ/znfNfz3++n3DOceu1/EkAc/d9sXV18uDxycGVP9/sS3WmLuemCsE9XMddcW2nDI5TUkr+Kry78tl0uIH8H4CHhyN3nv9QU4uvfKp+PnLthgbt5HZkVK21ceG3RSzfXMPkP9//fED54QPHNBdCHf1IEl4NQWbEx1zpzGzoHGLb9rDVdVHrOLDAkOwrIG63MHtAe9aW0vPqUPalKEBCEZ6kqhBlyj+sInUvi7Bp+ci9sAPfjWehcwKiSAAT4Q7fhfGXxyTdpMfzY4VemkyTCTFFfaZm4No+PJ3Cs4DHd+2I5BEV2NBcOIIIW5Dw43UVudEiMgOyamnOEZrKkP644tMordEGNzlss4jcc2/gwsU61r/dRKvtYbtiwA8qWFy20Wq5GJjIwtWMPSye9NOgXuRvWwTCWCnCTFyEGAe2VuvgnSY6lQo8X8DVJQo5sKcZCZbujTImO3H4gOA38Nd5HbVvrsCNR5+Cw4PvQz53HowJIKYG2xMw3KOjJ11H0zDg2S6jgarTWHPgBNkffExGXvGhKMA7hRlQScbRzhzmkl/D6nThGl08MXgHaNRhlzfAYkRn1MKv1WV7f2GAIaVS5EoxFAnB2cQxJCUXbV/G3/Nn4d39NMR2GQfHl2BVbWxfqwcM868zFzhhNqy96zeZ3LczhtKEgtYax2a1i3LZQ72pYyY7g9ftE9i3T0dWsNC81UT5Ng0qLP5CTu9FAjpZSLD4+OijEmKSAMsIxBRx+VIL6FWQIF2UCg6Gh+MwAlKt39YCksntnmz+/pA1uhnjb7UN6zT+4IXSAxIU1UfQXOx+Kg5GTDgmgRsE1DY86NRBXXPNpZr29j31ZjWi3Yvz/NKhh8j0Tss+Ztxw+9UYQyYdtJcScJGAMgLPc1AzOBoG9DMr/qH9JR4NVfiEaDWsIcmudvbobutoKo3BbJonaIyDhEpOYYPamxVsi7TnPTErn8rEV/UowEgiMsHC/E/o3fUM3h1i/UGfdkscUyLQF85LwOx/LUp+92P83CerbmX5y48xfXgWawFr/xNgANPvgmYH0Mg8AAAAAElFTkSuQmCC"),
                    url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAJCAYAAADpeqZqAAAAB3RJTUUH2gsXEh4QEzuTewAAAAlwSFlzAAAcIAAAHCABzQ+bngAAAItJREFUeNpjYKAXYARiHiDmxaPmOxB/QBfk+/79+9G/f//+Qce/f/++D5QXwmaSKDc3t+ufP38+/UcCP3/+vA2UcwZiCWyamIBYTVBQMBJo+g+QBpABQLFQIFaCymMFzECsISkpGf3r169nIANABkHFsQYEskZFIJYG4qdADPLPX2JCE6SRE5cNMAAABylHOf9PHgkAAAAASUVORK5CYII="), 
                    -moz-linear-gradient(rgb(255,240,200), rgb(247,182,82)5px, rgb(215,98,10) 95%) !important;

  background-repeat: no-repeat !important;
  background-position: 4px center, right center, 0px !important;
  margin-left: 2px !important;
  border: solid 1px;
  border-color: #000;
  border-bottom-left-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
  border-top: none;
  box-shadow: 0px 0px 2px #fff inset;
}

#main-window[privatebrowsingmode=temporary] #appmenu-button-container {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA25JREFUeNosU1toHFUY/s6ZM7szuzs72e4t1zVGrZEoRBOQUo1W0QpSKIKXBymKmPrgQ9EKaV4EH4w+CH2Qgn0Q8fbSSrFQ8RJtaQm1thVrSwJtitnGbDbJZm+zO/eZ48zggZ/znfNfz3++n3DOceu1/EkAc/d9sXV18uDxycGVP9/sS3WmLuemCsE9XMddcW2nDI5TUkr+Kry78tl0uIH8H4CHhyN3nv9QU4uvfKp+PnLthgbt5HZkVK21ceG3RSzfXMPkP9//fED54QPHNBdCHf1IEl4NQWbEx1zpzGzoHGLb9rDVdVHrOLDAkOwrIG63MHtAe9aW0vPqUPalKEBCEZ6kqhBlyj+sInUvi7Bp+ci9sAPfjWehcwKiSAAT4Q7fhfGXxyTdpMfzY4VemkyTCTFFfaZm4No+PJ3Cs4DHd+2I5BEV2NBcOIIIW5Dw43UVudEiMgOyamnOEZrKkP644tMordEGNzlss4jcc2/gwsU61r/dRKvtYbtiwA8qWFy20Wq5GJjIwtWMPSye9NOgXuRvWwTCWCnCTFyEGAe2VuvgnSY6lQo8X8DVJQo5sKcZCZbujTImO3H4gOA38Nd5HbVvrsCNR5+Cw4PvQz53HowJIKYG2xMw3KOjJ11H0zDg2S6jgarTWHPgBNkffExGXvGhKMA7hRlQScbRzhzmkl/D6nThGl08MXgHaNRhlzfAYkRn1MKv1WV7f2GAIaVS5EoxFAnB2cQxJCUXbV/G3/Nn4d39NMR2GQfHl2BVbWxfqwcM868zFzhhNqy96zeZ3LczhtKEgtYax2a1i3LZQ72pYyY7g9ftE9i3T0dWsNC81UT5Ng0qLP5CTu9FAjpZSLD4+OijEmKSAMsIxBRx+VIL6FWQIF2UCg6Gh+MwAlKt39YCksntnmz+/pA1uhnjb7UN6zT+4IXSAxIU1UfQXOx+Kg5GTDgmgRsE1DY86NRBXXPNpZr29j31ZjWi3Yvz/NKhh8j0Tss+Ztxw+9UYQyYdtJcScJGAMgLPc1AzOBoG9DMr/qH9JR4NVfiEaDWsIcmudvbobutoKo3BbJonaIyDhEpOYYPamxVsi7TnPTErn8rEV/UowEgiMsHC/E/o3fUM3h1i/UGfdkscUyLQF85LwOx/LUp+92P83CerbmX5y48xfXgWawFr/xNgANPvgmYH0Mg8AAAAAElFTkSuQmCC"),
                    url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAJCAYAAADpeqZqAAAAB3RJTUUH2gsXEh4QEzuTewAAAAlwSFlzAAAcIAAAHCABzQ+bngAAAItJREFUeNpjYKAXYARiHiDmxaPmOxB/QBfk+/79+9G/f//+Qce/f/++D5QXwmaSKDc3t+ufP38+/UcCP3/+vA2UcwZiCWyamIBYTVBQMBJo+g+QBpABQLFQIFaCymMFzECsISkpGf3r169nIANABkHFsQYEskZFIJYG4qdADPLPX2JCE6SRE5cNMAAABylHOf9PHgkAAAAASUVORK5CYII="),
                    -moz-linear-gradient(rgb(210,180,250), rgb(153,38,211)5px, rgb(105,19,163)) !important;
}

#main-window #appmenu-button-container:-moz-window-inactive {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA25JREFUeNosU1toHFUY/s6ZM7szuzs72e4t1zVGrZEoRBOQUo1W0QpSKIKXBymKmPrgQ9EKaV4EH4w+CH2Qgn0Q8fbSSrFQ8RJtaQm1thVrSwJtitnGbDbJZm+zO/eZ48zggZ/znfNfz3++n3DOceu1/EkAc/d9sXV18uDxycGVP9/sS3WmLuemCsE9XMddcW2nDI5TUkr+Kry78tl0uIH8H4CHhyN3nv9QU4uvfKp+PnLthgbt5HZkVK21ceG3RSzfXMPkP9//fED54QPHNBdCHf1IEl4NQWbEx1zpzGzoHGLb9rDVdVHrOLDAkOwrIG63MHtAe9aW0vPqUPalKEBCEZ6kqhBlyj+sInUvi7Bp+ci9sAPfjWehcwKiSAAT4Q7fhfGXxyTdpMfzY4VemkyTCTFFfaZm4No+PJ3Cs4DHd+2I5BEV2NBcOIIIW5Dw43UVudEiMgOyamnOEZrKkP644tMordEGNzlss4jcc2/gwsU61r/dRKvtYbtiwA8qWFy20Wq5GJjIwtWMPSye9NOgXuRvWwTCWCnCTFyEGAe2VuvgnSY6lQo8X8DVJQo5sKcZCZbujTImO3H4gOA38Nd5HbVvrsCNR5+Cw4PvQz53HowJIKYG2xMw3KOjJ11H0zDg2S6jgarTWHPgBNkffExGXvGhKMA7hRlQScbRzhzmkl/D6nThGl08MXgHaNRhlzfAYkRn1MKv1WV7f2GAIaVS5EoxFAnB2cQxJCUXbV/G3/Nn4d39NMR2GQfHl2BVbWxfqwcM868zFzhhNqy96zeZ3LczhtKEgtYax2a1i3LZQ72pYyY7g9ftE9i3T0dWsNC81UT5Ng0qLP5CTu9FAjpZSLD4+OijEmKSAMsIxBRx+VIL6FWQIF2UCg6Gh+MwAlKt39YCksntnmz+/pA1uhnjb7UN6zT+4IXSAxIU1UfQXOx+Kg5GTDgmgRsE1DY86NRBXXPNpZr29j31ZjWi3Yvz/NKhh8j0Tss+Ztxw+9UYQyYdtJcScJGAMgLPc1AzOBoG9DMr/qH9JR4NVfiEaDWsIcmudvbobutoKo3BbJonaIyDhEpOYYPamxVsi7TnPTErn8rEV/UowEgiMsHC/E/o3fUM3h1i/UGfdkscUyLQF85LwOx/LUp+92P83CerbmX5y48xfXgWawFr/xNgANPvgmYH0Mg8AAAAAElFTkSuQmCC"),
                    url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAJCAYAAADpeqZqAAAAB3RJTUUH2gsXEh4QEzuTewAAAAlwSFlzAAAcIAAAHCABzQ+bngAAAItJREFUeNpjYKAXYARiHiDmxaPmOxB/QBfk+/79+9G/f//+Qce/f/++D5QXwmaSKDc3t+ufP38+/UcCP3/+vA2UcwZiCWyamIBYTVBQMBJo+g+QBpABQLFQIFaCymMFzECsISkpGf3r169nIANABkHFsQYEskZFIJYG4qdADPLPX2JCE6SRE5cNMAAABylHOf9PHgkAAAAASUVORK5CYII="),
                    -moz-linear-gradient(hsla(0,0%,90%,.8), hsla(0,0%,80%,.6)7px, hsla(0,0%,75%,.4) 50%, hsla(0,0%,70%,.4) 51%) !important;
}

#main-window #appmenu-button {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA25JREFUeNosU1toHFUY/s6ZM7szuzs72e4t1zVGrZEoRBOQUo1W0QpSKIKXBymKmPrgQ9EKaV4EH4w+CH2Qgn0Q8fbSSrFQ8RJtaQm1thVrSwJtitnGbDbJZm+zO/eZ48zggZ/znfNfz3++n3DOceu1/EkAc/d9sXV18uDxycGVP9/sS3WmLuemCsE9XMddcW2nDI5TUkr+Kry78tl0uIH8H4CHhyN3nv9QU4uvfKp+PnLthgbt5HZkVK21ceG3RSzfXMPkP9//fED54QPHNBdCHf1IEl4NQWbEx1zpzGzoHGLb9rDVdVHrOLDAkOwrIG63MHtAe9aW0vPqUPalKEBCEZ6kqhBlyj+sInUvi7Bp+ci9sAPfjWehcwKiSAAT4Q7fhfGXxyTdpMfzY4VemkyTCTFFfaZm4No+PJ3Cs4DHd+2I5BEV2NBcOIIIW5Dw43UVudEiMgOyamnOEZrKkP644tMordEGNzlss4jcc2/gwsU61r/dRKvtYbtiwA8qWFy20Wq5GJjIwtWMPSye9NOgXuRvWwTCWCnCTFyEGAe2VuvgnSY6lQo8X8DVJQo5sKcZCZbujTImO3H4gOA38Nd5HbVvrsCNR5+Cw4PvQz53HowJIKYG2xMw3KOjJ11H0zDg2S6jgarTWHPgBNkffExGXvGhKMA7hRlQScbRzhzmkl/D6nThGl08MXgHaNRhlzfAYkRn1MKv1WV7f2GAIaVS5EoxFAnB2cQxJCUXbV/G3/Nn4d39NMR2GQfHl2BVbWxfqwcM868zFzhhNqy96zeZ3LczhtKEgtYax2a1i3LZQ72pYyY7g9ftE9i3T0dWsNC81UT5Ng0qLP5CTu9FAjpZSLD4+OijEmKSAMsIxBRx+VIL6FWQIF2UCg6Gh+MwAlKt39YCksntnmz+/pA1uhnjb7UN6zT+4IXSAxIU1UfQXOx+Kg5GTDgmgRsE1DY86NRBXXPNpZr29j31ZjWi3Yvz/NKhh8j0Tss+Ztxw+9UYQyYdtJcScJGAMgLPc1AzOBoG9DMr/qH9JR4NVfiEaDWsIcmudvbobutoKo3BbJonaIyDhEpOYYPamxVsi7TnPTErn8rEV/UowEgiMsHC/E/o3fUM3h1i/UGfdkscUyLQF85LwOx/LUp+92P83CerbmX5y48xfXgWawFr/xNgANPvgmYH0Mg8AAAAAElFTkSuQmCC"),
                    url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAJCAYAAADpeqZqAAAAB3RJTUUH2gsXEh4QEzuTewAAAAlwSFlzAAAcIAAAHCABzQ+bngAAAItJREFUeNpjYKAXYARiHiDmxaPmOxB/QBfk+/79+9G/f//+Qce/f/++D5QXwmaSKDc3t+ufP38+/UcCP3/+vA2UcwZiCWyamIBYTVBQMBJo+g+QBpABQLFQIFaCymMFzECsISkpGf3r169nIANABkHFsQYEskZFIJYG4qdADPLPX2JCE6SRE5cNMAAABylHOf9PHgkAAAAASUVORK5CYII="),
                    -moz-radial-gradient(15px,circle cover,rgba(248,233,164,0.5)10px,rgba(248,233,164,0.2)20%,rgba(248,233,164,0)50%),
                    -moz-radial-gradient(center 24px,ellipse cover,rgba(255,255,100,0.7)15%,rgba(150,0,0,0.1)100%,rgba(248,233,164,0)50%),
                    -moz-linear-gradient(rgb(255,230,100), rgb(247,182,82)7px, rgb(215,98,10) 95%) !important;

  background-repeat: no-repeat !important;
  background-position: 4px center, right center, -3px -1px, 0, 0, 0!important;
  padding: 5px 0 0 0 !important;
  margin-left: 0px !important;
  margin-bottom: 0px !important;
  min-height: 21px !important;
  height: auto !important;
  min-width: 36px !important;
  width: auto !important;
  -moz-transition: opacity 0.3s ease-in-out !important;
  opacity: 1.0;
  border: none !important;
  box-shadow: -0px -0px 2px #ff9 inset;
}

#main-window[privatebrowsingmode=temporary] #appmenu-button {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA25JREFUeNosU1toHFUY/s6ZM7szuzs72e4t1zVGrZEoRBOQUo1W0QpSKIKXBymKmPrgQ9EKaV4EH4w+CH2Qgn0Q8fbSSrFQ8RJtaQm1thVrSwJtitnGbDbJZm+zO/eZ48zggZ/znfNfz3++n3DOceu1/EkAc/d9sXV18uDxycGVP9/sS3WmLuemCsE9XMddcW2nDI5TUkr+Kry78tl0uIH8H4CHhyN3nv9QU4uvfKp+PnLthgbt5HZkVK21ceG3RSzfXMPkP9//fED54QPHNBdCHf1IEl4NQWbEx1zpzGzoHGLb9rDVdVHrOLDAkOwrIG63MHtAe9aW0vPqUPalKEBCEZ6kqhBlyj+sInUvi7Bp+ci9sAPfjWehcwKiSAAT4Q7fhfGXxyTdpMfzY4VemkyTCTFFfaZm4No+PJ3Cs4DHd+2I5BEV2NBcOIIIW5Dw43UVudEiMgOyamnOEZrKkP644tMordEGNzlss4jcc2/gwsU61r/dRKvtYbtiwA8qWFy20Wq5GJjIwtWMPSye9NOgXuRvWwTCWCnCTFyEGAe2VuvgnSY6lQo8X8DVJQo5sKcZCZbujTImO3H4gOA38Nd5HbVvrsCNR5+Cw4PvQz53HowJIKYG2xMw3KOjJ11H0zDg2S6jgarTWHPgBNkffExGXvGhKMA7hRlQScbRzhzmkl/D6nThGl08MXgHaNRhlzfAYkRn1MKv1WV7f2GAIaVS5EoxFAnB2cQxJCUXbV/G3/Nn4d39NMR2GQfHl2BVbWxfqwcM868zFzhhNqy96zeZ3LczhtKEgtYax2a1i3LZQ72pYyY7g9ftE9i3T0dWsNC81UT5Ng0qLP5CTu9FAjpZSLD4+OijEmKSAMsIxBRx+VIL6FWQIF2UCg6Gh+MwAlKt39YCksntnmz+/pA1uhnjb7UN6zT+4IXSAxIU1UfQXOx+Kg5GTDgmgRsE1DY86NRBXXPNpZr29j31ZjWi3Yvz/NKhh8j0Tss+Ztxw+9UYQyYdtJcScJGAMgLPc1AzOBoG9DMr/qH9JR4NVfiEaDWsIcmudvbobutoKo3BbJonaIyDhEpOYYPamxVsi7TnPTErn8rEV/UowEgiMsHC/E/o3fUM3h1i/UGfdkscUyLQF85LwOx/LUp+92P83CerbmX5y48xfXgWawFr/xNgANPvgmYH0Mg8AAAAAElFTkSuQmCC"),
                    url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAJCAYAAADpeqZqAAAAB3RJTUUH2gsXEh4QEzuTewAAAAlwSFlzAAAcIAAAHCABzQ+bngAAAItJREFUeNpjYKAXYARiHiDmxaPmOxB/QBfk+/79+9G/f//+Qce/f/++D5QXwmaSKDc3t+ufP38+/UcCP3/+vA2UcwZiCWyamIBYTVBQMBJo+g+QBpABQLFQIFaCymMFzECsISkpGf3r169nIANABkHFsQYEskZFIJYG4qdADPLPX2JCE6SRE5cNMAAABylHOf9PHgkAAAAASUVORK5CYII="),
                    -moz-radial-gradient(15px,circle cover,rgba(230,170,255,0.5)10px,rgba(248,233,164,0.2)20%,rgba(248,233,164,0)50%),
                    -moz-radial-gradient(center 24px,ellipse cover,rgba(230,170,255,0.7)15%,rgba(70,0,100,0.2)100%,rgba(153,38,211,0)50%),
                    -moz-linear-gradient(rgb(230,100,255), rgb(153,38,211)7px, rgb(105,19,163)95%) !important;

  box-shadow: -0px -0px 2px #d9f inset;
}

#main-window #appmenu-button:not(:hover) {
  opacity: 0;
}

#main-window #appmenu-button .button-text { 
  display:none !important;
}

#main-window #appmenu-button .button-menu-dropmarker {
  /*margin-left: -17px !important;
  margin-top: -2px !important;*/
  display: none !important;
}

#main-window:not([inFullscreen]) #appmenu-button-container { 
  position: relative !important;
  z-index: 1;
}