userChrome.css

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

/* Variables from Firefox Dev Edtion: devedition.inc.css */
/* devedition.css is loaded in browser.xul after browser.css when it is
   preffed on.  The bulk of the styling is here in the shared file, but
   there are overrides for each platform in their devedition.css files. */

:root
{
  --tab-toolbar-navbar-overlap: 0px;
  --navbar-tab-toolbar-highlight-overlap: 0px;
  --space-above-tabbar: 0px;
  --toolbarbutton-text-shadow: none;
  --backbutton-urlbar-overlap: 0px;
}

:root[devtoolstheme="dark"]
{
  /* Chrome */
  /* Use the old Dev Edition background color because it's darker and nicer */
  --chrome-background-color: #1C2126;
  --chrome-color: #F5F7FA;
  --chrome-secondary-background-color: #393F4C;
  --chrome-navigator-toolbox-separator-color: rgba(0,0,0,.2);
  --chrome-nav-bar-separator-color: rgba(0,0,0,.2);
  --chrome-nav-buttons-background: #252C33;
  --chrome-nav-buttons-hover-background: #1B2127;
  --chrome-nav-bar-controls-border-color: #1D2328;
  --chrome-selection-color: #fff;
  --chrome-selection-background-color: #5675B9;

  /* Tabs */
  --tabs-toolbar-color: #F5F7FA;
  --tab-background-color: #272b35;
  --tab-hover-background-color: #07090a;
  --tab-selection-color: #f5f7fa;
  --tab-selection-background-color: #5675B9;
  --tab-selection-box-shadow: none;
  --pinned-tab-glow: radial-gradient(22px at center calc(100% - 2px), rgba(76,158,217,0.9) 13%, rgba(0,0,0,0.4) 16%, transparent 70%);

  /* Toolbar buttons */
  --toolbarbutton-hover-background: rgba(25,33, 38,.6) linear-gradient(rgba(25,33,38,.6), rgba(25,33,38,.6)) padding-box;
  --toolbarbutton-hover-boxshadow: none;
  --toolbarbutton-hover-bordercolor: rgba(25,33,38,.6);
  --toolbarbutton-active-background: rgba(25,33,38,1) linear-gradient(rgba(25,33,38,1), rgba(25,33,38,1)) border-box;
  --toolbarbutton-active-boxshadow: none;
  --toolbarbutton-active-bordercolor: rgba(25,33,38,.8);
  --toolbarbutton-checkedhover-backgroundcolor: #3C5283;

  /* Url and search bars */
  --url-and-searchbar-background-color: #171B1F;
  --urlbar-separator-color: #5F6670;
  --urlbar-dropmarker-url: url("chrome://browser/skin/devedition/urlbar-history-dropmarker.svg");
  --urlbar-dropmarker-region: rect(0px, 11px, 14px, 0px);
  --urlbar-dropmarker-hover-region: rect(0, 22px, 14px, 11px);
  --urlbar-dropmarker-active-region: rect(0px, 33px, 14px, 22px);
  --urlbar-dropmarker-2x-url: url("chrome://browser/skin/devedition/urlbar-history-dropmarker.svg");
  --urlbar-dropmarker-2x-region: rect(0px, 11px, 14px, 0px);
  --urlbar-dropmarker-hover-2x-region: rect(0, 22px, 14px, 11px);
  --urlbar-dropmarker-active-2x-region: rect(0px, 33px, 14px, 22px);
}

:root[devtoolstheme="light"] {
  --url-and-searchbar-background-color: #fff;

  --chrome-background-color: #E3E4E6;
  --chrome-color: #18191a;
  --chrome-secondary-background-color: #f5f6f7;
  --chrome-navigator-toolbox-separator-color: #cccccc;
  --chrome-nav-bar-separator-color: #B6B6B8;
  --chrome-nav-buttons-background: #ffffff; /* --theme-body-background */
  --chrome-nav-buttons-hover-background: #DADBDB;
  --chrome-nav-bar-controls-border-color: #ccc;
  --chrome-selection-color: #f5f7fa;
  --chrome-selection-background-color: #4c9ed9;

  --tab-background-color: #E3E4E6;
  --tab-hover-background-color: #D7D8DA;
  --tab-selection-color: #f5f7fa;
  --tab-selection-background-color: #4c9ed9;
  --tab-selection-box-shadow: none;
  --pinned-tab-glow: radial-gradient(22px at center calc(100% - 2px), rgba(76,158,217,0.9) 13%, transparent 16%);


  /* Toolbar buttons */
  --toolbarbutton-hover-background: #eaeaea;
  --toolbarbutton-hover-boxshadow: none;
  --toolbarbutton-hover-bordercolor: rgba(0,0,0,0.1);
  --toolbarbutton-active-background: #d7d7d8 border-box;
  --toolbarbutton-active-boxshadow: none;
  --toolbarbutton-active-bordercolor: rgba(0,0,0,0.15);
  --toolbarbutton-checkedhover-backgroundcolor: #d7d7d8;
}


/* Re-edit devedtion.css to default theme values */


.tabbrowser-tab::after,
.tabbrowser-tab::before {
  opacity: 0 !important;
}

.tab-background-middle {
  border-left: 15px solid transparent  !important;
  border-right: 15px solid transparent !important;
  margin: 0 -15px !important;
}

.tab-background,
.tabs-newtab-button {
  /* overlap the tab curves */
  -moz-margin-end: -15px !important;
  -moz-margin-start: -15px !important;
}

.tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox {
  -moz-padding-end: 15px !important;
  -moz-padding-start: 15px !important;
}

.tab-background-start[selected=true]::after,
.tab-background-start[selected=true]::before,
.tab-background-start,
.tab-background-end,
.tab-background-end[selected=true]::after,
.tab-background-end[selected=true]::before {
  width: 30px !important;
}


.tab-background-start[selected=true]::after,
.tab-background-end[selected=true]::after {
  margin-inline-start: -30px !important;
}

.tabs-newtab-button {
  width: calc(36px + 30px) !important;
}

.tab-background {
  visibility: visible !important;
}

.tabbrowser-tab {
  color: var(--tab-selection-color) !important; /* Override color: inherit */
  background-color: transparent !important;
  box-shadow: none !important;
}

.tabbrowser-tab {
  pointer-events: none !important;
}

.tabs-newtab-button:hover {
  background-color: transparent !important;
}

/* Nav bar specific stuff */
/* Make sure the tab curve flows properly */
#nav-bar {
  margin-top: -2px !important;
}

/* End re-edit devedtion.css to default theme values */


/* Remove tab separators */
.tabbrowser-tab::after,
.tabbrowser-tab::before {
  background: none !important;
}


/* Begin Tab Background customizations */

/* Remove bright tab strokes (doesn't apply to Win10) */
  .tab-background-start[selected=true]: -moz-locale-dir(ltr)::after,
.tab-background-end[selected=true]:-moz-locale-dir(rtl)::after {
  background-image: none !important;
}

.tab-background-end[selected=true]:-moz-locale-dir(ltr)::after,
.tab-background-start[selected=true]:-moz-locale-dir(rtl)::after
{
  background-image: none !important;
}

/* Middle part of the tab. Only difference here is removing the bright tab stroke and changing the linear-gradient to Firefox Dev Edition values */
.tab-background-middle[selected]
{
  background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)),
                    linear-gradient(transparent 2px, rgba(57,66,77,1) 2px, rgba(57,66,77,1)),
                    none !important;
}

/* Customizing selected tab, start and end. Inline SVG from chrome://browser/skin/tabbrowser/tab-selected-start.svg (and end) */
.tab-background-start[selected]:-moz-locale-dir(ltr)::before,
.tab-background-end[selected]:-moz-locale-dir(rtl)::before
{
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='30px' height='31px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.0625 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.0625 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='30' height='31' clip-path='url(%23tab-curve-clip-path-start)'><div id='tab-background-fill' style='background-color:rgb(57, 66, 77);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>")
                    !important;
}

.tab-background-end[selected]:-moz-locale-dir(ltr)::before,
.tab-background-start[selected]:-moz-locale-dir(rtl)::before
{
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='30px' height='31px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.0625 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.0625 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='30' height='31' clip-path='url(%23tab-curve-clip-path-end)'><div id='tab-background-fill' style='background-color:rgb(57, 66, 77);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>")
                    !important;
}


/* Background hover tab. PNG sourced from: chrome://browser/skin/tabbrowser/tab-background-start.png (middle and end) */
/* png filled with 100% opacity and according to Dev Edition color scheme */
/* Note that the end-tab png may be 1px below and require manipulation */
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected]),
.tabs-newtab-button:hover
{
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAfCAYAAADwbH0HAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuOWwzfk4AAAEISURBVEhL5ZdBDoIwFETdCMJJOIS38xAcyqu4dI8zOiaNfuC3/eDCSV5CpDOTfhqChy3Vdv0ALhZaEieEPsuaUzeCG64nCy2PEQJZek0L5pClXsemPS/t8BPZ6qTSu1Uwh6zlKiklspcJAUPOeFMUkS+Y3QfJQjH5wk5HK9CLYvIEY/GI3ygqTzDy7WMGelFUnmrHTBTlF0zVYyaK8wum6jETxfkF058VRxwsojifYAg5WESRPsEQMmaiSJ9g+E1x1PMlilwXFoc9X6LYdUXulih2WVgYului6GVF75Yoel6l31RrKP5buMnx8qM8vJSo5iX84PoXEMGuZSk8OLuVpXDH5o1t6acHM4JdRO/Kwn4AAAAASUVORK5CYII=),
                    url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAfCAYAAADEFbwbAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuOWwzfk4AAAAcSURBVDhPY2Dn5KrBhkES/7HhUYlRiWEmwfUfAO7pyRndonEuAAAAAElFTkSuQmCC),
                    url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAfCAYAAADwbH0HAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuOWwzfk4AAADqSURBVEhL5ZfBDcIwDEV7oaGdhCHYrkMwFKtw5F5sKYfI/Sn9dkIPRHpqJPD7iZNKMKRpXirchp5DAlbEeJ1ewkPmfRZRhu3wFNqGm4Aq2oHLmO65LD5QSA0JfzcLRwF7NAtH8m9o2+UZO3MrJYhdOCOj0Ncta/iBhEcJtdzKHCxZxQ0gonC3G8kY3O22Iid8u4HEw58Fuy4YErG4LpiVBODaDQRezgmmzxlJPNDnbAURqF0jgRdq17Y4yuFdo+IIEnzsNxkqjqLhunOZ19tui1qiZ54XsP03Un6xJ5tFlB/+Cl3EKcFpmtcPL3xdRDrC44gAAAAASUVORK5CYII=)
                    !important;
}

#tabbrowser-tabs::before
{
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAfCAYAAADwbH0HAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuOWwzfk4AAADqSURBVEhL5ZfBDcIwDEV7oaGdhCHYrkMwFKtw5F5sKYfI/Sn9dkIPRHpqJPD7iZNKMKRpXirchp5DAlbEeJ1ewkPmfRZRhu3wFNqGm4Aq2oHLmO65LD5QSA0JfzcLRwF7NAtH8m9o2+UZO3MrJYhdOCOj0Ncta/iBhEcJtdzKHCxZxQ0gonC3G8kY3O22Iid8u4HEw58Fuy4YErG4LpiVBODaDQRezgmmzxlJPNDnbAURqF0jgRdq17Y4yuFdo+IIEnzsNxkqjqLhunOZ19tui1qiZ54XsP03Un6xJ5tFlB/+Cl3EKcFpmtcPL3xdRDrC44gAAAAASUVORK5CYII=),
    url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAfCAYAAADEFbwbAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuOWwzfk4AAAAcSURBVDhPY2Dn5KrBhkES/7HhUYlRiWEmwfUfAO7pyRndonEuAAAAAElFTkSuQmCC),
    url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAfCAYAAADwbH0HAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuOWwzfk4AAAEISURBVEhL5ZdBDoIwFETdCMJJOIS38xAcyqu4dI8zOiaNfuC3/eDCSV5CpDOTfhqChy3Vdv0ALhZaEieEPsuaUzeCG64nCy2PEQJZek0L5pClXsemPS/t8BPZ6qTSu1Uwh6zlKiklspcJAUPOeFMUkS+Y3QfJQjH5wk5HK9CLYvIEY/GI3ygqTzDy7WMGelFUnmrHTBTlF0zVYyaK8wum6jETxfkF058VRxwsojifYAg5WESRPsEQMmaiSJ9g+E1x1PMlilwXFoc9X6LYdUXulih2WVgYului6GVF75Yoel6l31RrKP5buMnx8qM8vJSo5iX84PoXEMGuZSk8OLuVpXDH5o1t6acHM4JdRO/Kwn4AAAAASUVORK5CYII=)
    !important;
}

/* Background hover tab Retina case */
@media (min-resolution: 1.1dppx)
{
  /* image preloading hack from shared/tabs.inc.css */
  #tabbrowser-tabs::before
  {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA+CAYAAAB3NHh5AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuOWwzfk4AAAGrSURBVGhD7ZpLTsQwEEQTL3IFLsUduErOxjFYgQRIiM8VQkfKAtDTABl3dTvjlp4szcJd5XI8mWSGXr2OV9d/4Mo4TC2/MY7jm42HWQA0eQpbgEcbmzWPpv7BjdGUcTKxh9V4E6ZJ/C5sqz/bmD5tFH8mqdMmwTVIa5rE1iKlaRJak3SmSWRt1oMsTZHAqmx3amlSRpEO3BspTJM4L1JsbRLmgm3tJxvDU0ZxjoSnTKLc2H5phaaMwpwJTZkEeRN6M0KCFISlTGIUdMOqIjHulFI+bAy5jlGQiJCUSYiKblhRJESC3XW92yi/jlGMEHnKJEJJN+xdJELJZRm2g+vVRunBhULESFMmAWq6Yc8iAWqkj3BJQASylKl5BN2wV1FzOcqH9CggCEnK1DiKyzJs2/rFRvdtjc0DcU+ZmkbyYLimTE2jcU2ZGobi/RWFTRPg9sKNmmXBZWtToxR4fU1hsyx4XM/YKBNmuuq/dLFJUqocZDRxZu6Ms9KmSVtgfSy0yzhN1gzbi/XV+FdOLgJO1DLTNN0uyzIZZZ7nYp99q5+rcwSqnOYHqGH4BDwDHCkD/0hmAAAAAElFTkSuQmCC),
      url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAA+CAYAAAAfx/pBAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuOWwzfk4AAACCSURBVEhLzdZBCQAwEAPBE1j/dloDw8L9GpjPKsj8ubM0d4mxMBbGwlgYC2NhLIyFsTAWxsJYGAtjYSyMhbEwFsbCWBgLY2EsjIWxMBbGwlgYC2NhLIyFsTAWxsJYGAtjYSyMhbEwFsbCWBgLY2EsjIWxMBbGwlgYC2NhLDyzZbOZB4+FpJ9VRlJCAAAAAElFTkSuQmCC),
      url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA+CAYAAAB3NHh5AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuOWwzfk4AAAF/SURBVGhD7ZpbTsMwFESTfLCFbIo9sJWsjWXwxQcgISG2EO5Ucgngtnn4zp0QH+nIUqWqHo2TOEmbSqWiSm/ez3C3/AjYtu2HjeMMd8U5pAV8sTEX6Ja7IAV9MHMhligPwpYImpTl1Kot3TcbcxNfqySlW50qh2dYKIV3WCgDIyyUAZed3ARLK0G/YKe01XCwlJ/N3OQ8DIe1lJOhYCm/2pibmJehsNuFYaDdtXc8Wwwjol0YAmuTkTOEqHZhCDUwUTp913WfNuYmw5BOZLuQTg1MlgrzNvCSVKLbhVRq4ACpHCowTljvNuYmwZSGQruQRg0cJAX2o9hrUlBpF1KogQN1J+Jh+zXdUWoXunOowCrbyamuqLUL3cBm48nM/Wikbii2C11QuxRNLU7ki7I5Fkd1KSeLongZ+m0xlI/bqZvBMevxr1cvN6F+gsq5ilOrpuLG4paLSEFVHtes8SIp3NngF9ml/GYYhm4cR3hnPNpHuS/s3Yv8afifeCSa5gv/IxwfKBgH2gAAAABJRU5ErkJggg==)
      !important;
  }

  .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected]),
  .tabs-newtab-button:hover
  {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA+CAYAAAB3NHh5AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuOWwzfk4AAAF/SURBVGhD7ZpbTsMwFESTfLCFbIo9sJWsjWXwxQcgISG2EO5Ucgngtnn4zp0QH+nIUqWqHo2TOEmbSqWiSm/ez3C3/AjYtu2HjeMMd8U5pAV8sTEX6Ja7IAV9MHMhligPwpYImpTl1Kot3TcbcxNfqySlW50qh2dYKIV3WCgDIyyUAZed3ARLK0G/YKe01XCwlJ/N3OQ8DIe1lJOhYCm/2pibmJehsNuFYaDdtXc8Wwwjol0YAmuTkTOEqHZhCDUwUTp913WfNuYmw5BOZLuQTg1MlgrzNvCSVKLbhVRq4ACpHCowTljvNuYmwZSGQruQRg0cJAX2o9hrUlBpF1KogQN1J+Jh+zXdUWoXunOowCrbyamuqLUL3cBm48nM/Wikbii2C11QuxRNLU7ki7I5Fkd1KSeLongZ+m0xlI/bqZvBMevxr1cvN6F+gsq5ilOrpuLG4paLSEFVHtes8SIp3NngF9ml/GYYhm4cR3hnPNpHuS/s3Yv8afifeCSa5gv/IxwfKBgH2gAAAABJRU5ErkJggg==),
                      url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAA+CAYAAAAfx/pBAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuOWwzfk4AAACCSURBVEhLzdZBCQAwEAPBE1j/dloDw8L9GpjPKsj8ubM0d4mxMBbGwlgYC2NhLIyFsTAWxsJYGAtjYSyMhbEwFsbCWBgLY2EsjIWxMBbGwlgYC2NhLIyFsTAWxsJYGAtjYSyMhbEwFsbCWBgLY2EsjIWxMBbGwlgYC2NhLDyzZbOZB4+FpJ9VRlJCAAAAAElFTkSuQmCC),
                      url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA+CAYAAAB3NHh5AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuOWwzfk4AAAGrSURBVGhD7ZpLTsQwEEQTL3IFLsUduErOxjFYgQRIiM8VQkfKAtDTABl3dTvjlp4szcJd5XI8mWSGXr2OV9d/4Mo4TC2/MY7jm42HWQA0eQpbgEcbmzWPpv7BjdGUcTKxh9V4E6ZJ/C5sqz/bmD5tFH8mqdMmwTVIa5rE1iKlaRJak3SmSWRt1oMsTZHAqmx3amlSRpEO3BspTJM4L1JsbRLmgm3tJxvDU0ZxjoSnTKLc2H5phaaMwpwJTZkEeRN6M0KCFISlTGIUdMOqIjHulFI+bAy5jlGQiJCUSYiKblhRJESC3XW92yi/jlGMEHnKJEJJN+xdJELJZRm2g+vVRunBhULESFMmAWq6Yc8iAWqkj3BJQASylKl5BN2wV1FzOcqH9CggCEnK1DiKyzJs2/rFRvdtjc0DcU+ZmkbyYLimTE2jcU2ZGobi/RWFTRPg9sKNmmXBZWtToxR4fU1hsyx4XM/YKBNmuuq/dLFJUqocZDRxZu6Ms9KmSVtgfSy0yzhN1gzbi/XV+FdOLgJO1DLTNN0uyzIZZZ7nYp99q5+rcwSqnOYHqGH4BDwDHCkD/0hmAAAAAElFTkSuQmCC)
                      !important;
  }
}

/* End customizing tab */