Passerine

passerine.css

/*

What?     This is Passerine: A hacked together Gmail style
      that blatantly rips off Sparrow, the Mac OS X email client.

By:     Neil Lee
Contact:    @neilio on Twitter

Version:    1.8.2

Note:     Works best with Gmail using the Vertical Split preview layout

      This style is a heavily altered version of "Cleanimal",
      a style by "tytyzimmy" - http://neil.io/SjAK - all of the
      horrendously shitty code is mine.

      Gmail is a fragile beast, so expect this to break
      at some point in the future when they push out an update.

      Changelog:
1.8.2: Header & search fixes
  1.8.1:  More width issue fixes & improved line-height for email text.
  1.8.0: Fixed a ton of preview width pane issues
  1.6.8: Removed a stubborn dangling chad
  1.6.7: (versions 1.6.4-1.6.6 were burned in a fire)
  Fixed the header, search, and tweaked the top of the Google Chat box.
  1.6.3: Really, really fixed hidden labels not actually being hidden
  1.6.2:  Increased Google Chat font-size
  1.6.1:  More search field fixes, added padding to new category tabs "no messages"
  1.6:  Fixed search field bouncing around, I think.
  1.5.1 Made Google Chat background white, switched to lucida grande for sidebar, font sizing tweaks
  1.4:  Fixed missing fields in message area (caused by hiding
                ads column)
  1.3:  updated collapsed conversation view.
  1.2:  Added Inbox Zero graphic
  1.1:  Moved search bar above labels - it was in a wonky place
        when the layout was in compose mode.
  1.0:  Everything! It's all new.
*/

/*--------------------------------
  GLOBAL ELEMENTS & VARIABLES
----------------------------------
*/

* {
font-family: helvetica !important;
}

/* SCREEN'S RIGHT PADDING */

.aeJ,
.age {
  padding-right: 0 !important;
}

/* SPACING RESETS */

#gbqlw, #gbq1, #gbu, .akh, .pp, .aki {
  margin: 0 !important;
  padding: 0 !important;
}

/* HIDING ELEMENTS */

/* Chat box */

.aj5.J-KU-Jg {
  display: none !important;
}

/* Google links in footer */

.aeU {
  display: none !important;
}

.aeV, .ae3 {
  width: 50% !important;
}

/* Compose button in sidebar */

.aic {
  display: none !important;
}

/* Hide logo */

#gbqld, #gbqlw {
  display: none !important;
}

/* Hide search button */

#gbqfbw {
  display: none !important;
}

/* SHARE & LIGHT BUTTONS */

/* Light buttons */

.T-I {
  height: 25px !important;
  line-height: 25px !important;
  margin-right: 12px !important;
  border-radius: 8px;
  border: 0 !important;
  padding: 0 5px;
  font-size: 10px !important;
  background-color: transparent;
}

.T-I-awG {
  padding: 0 !important;
  min-width: 26px !important;
}

.T-I-KE {
  padding-right: 6px !important;
  padding-left: 6px !important;
}

.T-I-Js-IF {
  margin-right: 0 !important;
}

.ash.T-I {
  margin-left: 12px !important;
}

/* Share buttons */

.gbt, #gbi1a {
  height: 18px !important;
  line-height: 18px !important;
}

/* Share btn tail */

#gbgsa {
  margin-top: -4px !important;
}

/* Share btn plus icon */

#gbgsi {
  top: 4px !important;
}

/* Share photo */

#gbi4i, #gbgs4 {
  height: 19px !important;
  width: 19px !important;
}

#gbgs4 .gbmai {
  left: 30px !important;
}

/*--------------------------------
  TOP HEADER (BLACK GOOGLE BAR & SEARCH BAR)
--------------------------------*/

/* HEADER CONTAINER */

/* Header container heights */

.aiw,
#gb,
#gbw {
  height: 1px !important;
  margin: 0 !important;
}

.aiw .qp {
  height: 1px !important;
  margin: 0 0 -18px 0 !important;
}

/* Hide header backgrounds to style separately */

#gbx1, #gbx3 {
  left: -9999px !important;
}

/* BLACK GOOGLE BAR */

/* Google bar heights */

#gbz, #gbzw, #gbx3, #gbzc {
  height: 24px !important;
}

#gbzw {
  margin-left: 0 !important;
  width: 100% !important;
}

#gbzw .gbt {
  height: 24px !important;
  line-height: 21px !important;
}

#gbz {
  margin-left: 12px !important;
}

/* SEARCH BAR CONTAINER */

#gbq {
  height: 32px !important;
  padding-top: 8px !important;
  top: 0 !important;
  /* left: -25px !important; */
  width: auto !important;
  position: absolute !important;
}

/* LOGO */

#gbqld, #gbqlw {
  height: 28px !important;
  margin-left: 22px !important;
  margin-top: -2px !important;
  width: auto !important;
}

#gbq1 {
  margin-top: 0 !important;
}

#gbq2 {
  margin-left: 0 !important;
  padding-top: 0 !important;
}

/* search field */

#gbqfq {
  font-size: 14px !important;
  line-height: 18px !important;
}

.gbqfqw:focus, #gbqfqw:focus {
  width: 250px !important;
}

.gbqfqw {
  height: 23px !important;
  margin-top: 0;
  margin-left: 0 !important;
  width: 170px !important;
}

/* Search results */

.ah {
  z-index: 15 !important;
}

/* arrow icon */

.aiw .aoq {
  padding: 9px 6px !important;
}

/* search button */

.gbqfb, .gbqfba, .gbqfbb {
  height: 25px !important;
  line-height: 25px !important;
}

/* search button icon */

.gbqfi {
  margin: 5px 19px !important;
}

/* LOGIN DROP DOWN */

/* Login container */

#gbu {
  margin-right: 15px !important;
  top: 2px !important;
}

/* Login drop down box */

#gbu .gbm, #gbu #gbs {
  top: 36px !important;
}

#gbs {
  background: transparent !important;
}

/* Login drop down tails */

.gbmac {
  margin-top: 27px !important;
}

.gbmab {
  margin-top: 26px !important;
}

/* NOTIFICATIONS */

.w-asV .b8 .vh, .w-asV .cc .vh, .w-asV .cd .vh {
  padding: 2px 10px !important;
  top: 0 !important;
  z-index: 1000 !important;
}

/* LINKS DROP DOWN */

#gbd {
  top: 23px !important;
}

/*--------------------------------
  BUTTON BAR
--------------------------------*/

/* BUTTON BAR CONTAINER */

.G-atb, .G-as7-atb, .G-MI {
  border-bottom: 0 none !important;
  height: 33px !important;
  margin-left: 0 !important;
  margin-top: 0 !important;
  padding: 7px 18px 0 0 !important;
}

.agf .G-atb, .aeI .G-atb {
  -webkit-box-shadow: 0 0 0 rgba(0,0,0,0) !important;
  -moz-box-shadow: 0 0 0 rgba(0,0,0,0) !important;
  box-shadow: 0 0 0 rgba(0,0,0,0) !important;
}

/* BUTTONS */

/* Archive button */

.iH .J-J5-Ji:nth-child(2) .T-I:first-child {
  display: none !important;
}

.iH .J-J5-Ji:nth-child(2) .T-I:nth-child(2) {
  -webkit-border-radius: 2px 0px 0px 2px !important;
  border-radius: 2px 0px 0px 2px !important;
}

/*--------------------------------
  SIDEBAR / LABELS
--------------------------------*/

/* LABEL CONTAINERS SPACING */

/* Outer label container */

.aj9 .r9gPwb {
  margin-top: 0 !important;
}

.aj9.pp .r9gPwb {
  margin-top: 6px !important;
}

/* Spacing to right of scrollbar */

.aeN .akc, .aeM, .oo {
  margin-right: 0 !important;
}

/* Spacing to left of scrollbar */

.bQ {
  padding-right: 0 !important;
}

.r9gPwb { margin-top: 0; }

/* Remove box shadow on label scroll */

.ajj.ajl:before {
  display: none !important;
}

/* RESET DIVIDER BORDERS */

.aeN .CM {
  border: 0 none !important;
  height: 0 !important;
}

/* LABEL BLOCKS */

/* Default spacing for label blocks */

.r9gPwb > .n3:first-child,
.n6 + div > .n3 .LrBjie,
.n6 + div > .n3 .zw {
  padding: 8px 0 !important;
}

/* Padding at bottom of labels */

.n6 + div > .n3 .zw {
  margin-bottom: 40px !important;
}

/* MAIL DROP DOWN */

.aki {
  height: 30px !important;
  margin-top: 8px !important;
  padding: 0 0 0 22px !important;
}

/* COMPOSE BUTTON */

.z0, .AM {
  padding: 0 !important;
}

/* INDIVIDUAL LABELS */

.aim {
  margin-right: 10px !important;
  padding-left: 5px !important;
  font-family: "lucida grande" !important;
  font-size: 1.2em !important;
  font-weight: bold;
}

.aio {
  margin-left: 17px !important;
}

/* Label square */

.aig {
  right: 4px !important;
}

.p6 {
  border: 1px solid rgba(0,0,0,.3) !important;
}

/* NON LABEL LINKS (COMPOSE, MORE/LESS, MANAGE LABELS */

/* Defaults */

.aic, .n6, .CL {
  padding-left: 0 !important;
  margin-left: 14px !important;
}

.n6, .CL {
  margin-left: 20px !important;
  margin-top: 8px !important;
}

.CL .CK, .Wj { display:none !important; }

/* Compose button */

.aic {
  padding-top: 10px !important;
}

/* More/less link */

.n6 {
  margin-left: 0 !important;
  padding-bottom: 0 !important;
}

.n6 > .n4 {
  margin-left: 0 !important;
  padding-left: 22px !important;
  padding-right: 0 !important;
}

/* Create new label link */

.CL.Wj {
  margin-top: 0 !important;
  margin-bottom: 40px !important;
}

/* SCROLLBAR */

.aj9 .Tm::-webkit-scrollbar,
.aj9 .lKgBkb::-webkit-scrollbar,
.aj9 .aXjCH::-webkit-scrollbar,
.aj9 .J-M::-webkit-scrollbar {
  width: 5px !important;
}

/*--------------------------------
  FOOTER
--------------------------------*/

/* footer container */

.l2 {
  padding-bottom: 80px !important;
}

/* left column */

.aeV .md {
  margin-left: 8px !important;
}

/* right column */

.ae3 .l6 {
  margin-right: 8px !important;
}

/*--------------------------------
  CONVERSATIONS LIST SCREEN
--------------------------------*/

/* INBOX HEADINGS */

.Wg {
  padding-top: 14px !important;
}

/* MESSAGE LIST LABELS */

.au, .at {
  border: 0 !important;
  padding: 1px 2px !important;
  border-radius: 5px;
  background-color: #e1f1ff;
}

.ar {
  margin: 0 !important;
}

.av {
  border: 0 none !important;
  color: #666 !important;
  font-size: 10px !important;
}

/* ACTIVE CONVERSATION INDICTATOR */

.PF {
  width: 4px !important;
}

/* REPLY BOX */

.hx .h7 .ac5 .gB, .hx .h7 .acO {
  padding-left: 15px !important;
}

.nH.hx {
   padding: 0 !important;
}

/* PEOPLE SEARCH */

.bX {
  padding: 14px !important;
}

/*--------------------------------
  CONTACTS SCREEN
--------------------------------*/

/* NEW CONTACT BUTTON */

.z0, .MX, .AM {
  margin-left: 22px !important;
  padding: 10px 0 !important;
}

/* NON LABEL LINKS */

.RM {
  margin-left: 22px !important;
}

.CM + .RM {
  margin-top: 16px !important;
}

/* CONTACT LIST LABELS */

.cM + .nH .Mj {
  border: 1px solid rgba(0,0,0,.2) !important;
}

/* Padding at top of message list

apP {
  padding-top: 30px !important;
}*/

/*
  FUNCTIONALITY TWEAKS
----------------------------------------------------------------*/

/*--------------------------------
  ADAPTIVE SEARCH FIELD
--------------------------------*/

/*
.cS + .nH = CONVERSATIONS LIST
.cN + .nH = OPEN CONVERSATION
.cL + .nH = COMPOSE
.cR + .nH = SETTINGS
.cM + .nH = CONTACTS
*/

/* DEFAULT SEARCH BAR */

#gbq {
  left: 10px !important;
  display: block !important;
  position: absolute;
}

/* SEARCH BAR ON CONVERSATION LIST SCREEN */

@media only screen and (min-width: 0) {

.cS + .nH #gbq {
  left: auto !important;
  right: 266px !important;
  width: 20% !important;
}

.cS + .nH #gbqf {
  text-align: right !important;
  min-width: 165px !important;
  max-width: 500px !important;
  width: 100% !important;
  position: absolute !important;
  right: 0 !important;
  left: -810px !important;
  top: 60px !important;
}

.cS + .nH .aki {
  margin-top: 8px !important;
}

}

@media only screen and (min-width: 840px) {

.cS + .nH #gbq {
  width: 26% !important;
}

}

@media only screen and (min-width: 960px) {

.cS + .nH #gbq {
  width: 35% !important;
}

}

/* SEARCH BAR ON OPEN CONVERSATION SCREEN */

@media only screen and (min-width: 960px) {

.cN + .nH #gbq {
  left: auto !important;
  right: 266px !important;
  width: 15% !important;
}

.cN + .nH #gbqf {
  text-align: right !important;
  min-width: 160px !important;
  max-width: 500px !important;
  width: 100% !important;
  position: absolute !important;
  right: 0 !important;
  left: -810px !important;
  top: 60px !important;
}

.cN + .nH .aki {
  margin-top: 8px !important;
}

}

@media only screen and (min-width: 1100px) {

.cN + .nH #gbq {
  width: 24% !important;
}

}

@media only screen and (min-width: 1260px) {

.cN + .nH #gbq {
  width: 32% !important;
}

}

/* SEARCH BAR ON COMPOSE SCREEN */

@media only screen and (min-width: 0) {

.cL + .nH #gbq {
  left: auto !important;
  right: 266px !important;
  width: 10% !important;
}

.cL + .nH #gbqf {
  text-align: right !important;
  min-width: 175px !important;
  max-width: 500px !important;
  width: 100% !important;
  position: absolute !important;
  right: 0 !important;
  left: -810px !important;
  top: 60px !important;
}

.cL + .nH .aki {
  margin-top: 8px !important;
}

}

@media only screen and (min-width: 860px) {

.cL + .nH #gbq {
  width: 29% !important;
}

}

@media only screen and (min-width: 960px) {

.cL + .nH #gbq {
  width: 35% !important;
}

}

/* SEARCH BAR ON SETTINGS SCREEN */

@media only screen and (min-width: 0) {

.cR + .nH #gbq {
  left: auto !important;
  right: 103px !important;
  width: 55% !important;
}

.cR + .nH #gbqf {
  text-align: right !important;
  min-width: 300px !important;
  max-width: 500px !important;
  width: 100% !important;
  position: absolute !important;
  right: 0 !important;
  left: -810px !important;
  top: 60px !important;
}

.cR + .nH .aki {
  margin-top: 8px !important;
}

}

/* SEARCH BAR ON CONTACTS SCREEN */

@media only screen and (min-width: 0) {

.cM + .nH #gbq {
  left: 435px !important;
  width: 230px !important;
}

.cM + .nH #gbqf {
  text-align: right !important;
  min-width: 175px !important;
  max-width: 500px !important;
  width: 100% !important;
  position: absolute !important;
  right: 0 !important;
  left: -810px !important;
  top: 60px !important;
}

.cM + .nH .aki {
  margin-top: 8px !important;
}

}

@media only screen and (min-width: 945px) {

.cM + .nH #gbq {
  left: auto !important;
  right: 280px !important;
  width: 25% !important;
  position: absolute !important;
}

}

@media only screen and (min-width: 1020px) {

.cM + .nH #gbq {
  width: 30% !important;
}

}

@media only screen and (min-width: 1160px) {

.cM + .nH #gbq {
  width: 35% !important;
}

}

#gbq2 {
  padding-top: 0 !important;
  margin-left: 0 !important;
}

#gbqf {
  width: 175px !important;
  min-width: 100px !important;
}

#gbqf.gbem {
  width: 183px !important;
}

#gbqf.gbes {
  width: 156px !important;
}

/* Bump labels down */

.aki {
  margin-top: 40px !important;
}

/*--------------------------------
  SHOW ALL LABELS & MOVE MANAGE LABELS TO TOP
--------------------------------*/

/* SHOW ALL LABELS */

.n6 + div {
  display: block !important;
}

/* HIDE MORE / LESS LINK */

.n6 {
  display: none !important;
}

/* Hide hidden labels */
#:iq { display: none !important; }

/* Outer label container */

.aj9.pp {
  color: 000 !important;
}

/* Move links up */

.CL {
  color: #15C !important;
  margin-left: 0 !important;
  position: absolute !important;
  top: -65px !important;
  left: 22px !important;
  padding: 0 !important;
  margin: 0 !important;
}

.CL.Wj {
  cursor: pointer !important;
  display: block !important;

  /* hides create new label link */
  text-indent: -9999px !important;
  margin-left: 100px !important;
  margin-top: 2px !important;
  height: 11px !important;
  width: 11px !important;
  color: rgba(255,255,255,.8) !important;
  background-color: rgba(17,85,204,.6) !important;
  border: 1px solid rgba(0,0,0,.2) !important;
  -webkit-transition: all .3s ease-in-out !important;
  -moz-transition: all .3s ease-in-out !important;
  -ms-transition: all .3s ease-in-out !important;
  -o-transition: all .3s ease-in-out !important;
  transition: all .3s ease-in-out !important;
}

.CL.Wj:after {
  content: '+' !important;
  display: block !important;
  text-indent: 0 !important;
  line-height: 12px !important;
  opacity: 1 !important;
  overflow: hidden !important;
  padding: 0 1px !important;
  position: absolute !important;
  top: -1px !important;
}

.CL.Wj:hover {
  background-color: rgba(17,85,204,1) !important;
  border: 1px solid rgba(0,0,0,.6) !important;
  color: rgba(255,255,255,1) !important;
}

/*
  THEME / SKIN
----------------------------------------------------------------*/

/*--------------------------------
  GLOBAL ELEMENTS
--------------------------------*/

/* BACKGROUND & BORDER RESETS */

.G-atb, .G-as7-atb, .G-MI,
#gbq {
  border: 0 none !important;
}

/* PRIMARY BACKGROUND COLORS */

/* Primary color */

#gbzw,
.w-asV.aiw + .nH,
.G-as7-atb, .G-MI,
.aeN,
.nM,
.v .f2 {
  background: #efefef;
  font-family: "lucida grande", helvetica !important;
}

.G-atb {
  background-color: #eee !important;
  padding-top: 15px !important;
}

/* Secondary color */

.qK, .Vb,
.kv .Bk .G2, .kQ .Bk .G2,
.si,
.fN,
.ej .eh .dW,
.gA .mC,
.ej .fN,
.ej .aay .dW,
.ej .eJ .cf,
.eJ .cf,
.J-Z,
.Vf {
  background: #f6f6f6 !important;
}

/* White bg color */
.AO {
  background: #fff !important;
}

/* GOOGLE LINKS BAR */

#gbzw {
  background: #2d2d2d !important;
}

/* links */

#gbu #gbzc, #gbi4t, .manage_menu,
#gbgs4dn {
  color: #bbbbbb !important;
}

#gbu #gbzc:hover, #gbi4t:hover, .manage_menu:hover,
#gbgs4dn:hover {
  color: #fff !important;
}

/* SHARE / LOGIN AREA */

#gbu #gbg1 span, #gbu #gbg3 span {
  color: #666666 !important;
}

/* SEARCH FIELD */

.gbqfqw {
  background: #fafafa !important;
  border: 1px solid #ccc !important;
  -webkit-transition: all .3s ease-in-out !important;
  -moz-transition: all .3s ease-in-out !important;
  -ms-transition: all .3s ease-in-out !important;
  -o-transition: all .3s ease-in-out !important;
  transition: all .3s ease-in-out !important;
}

.gbqfqw-hvr {
  background: #ffffff !important;
  border-color: #999999 !important;
  -webkit-box-shadow: 0 0 8px rgba(0,0,0,.4) !important;
  -moz-box-shadow: 0 0 8px rgba(0,0,0,.4) !important;
  box-shadow: 0 0 8px rgba(0,0,0,.4) !important;
}

.gbqfqwf, .gbqfqwf:active {
  background: #ffffff !important;
  border-color: #4d90fe !important;
  -webkit-box-shadow: 0 0 8px rgba(0,0,0,.4) !important;
  -moz-box-shadow: 0 0 8px rgba(0,0,0,.4) !important;
  box-shadow: 0 0 8px rgba(0,0,0,.4) !important;
}

/* SIDEBAR / LABEL AREA */

/* Sidebar borders */

.r9gPwb > .n3:first-child {
  border-bottom: 1px solid rgba(255,255,255,.4) !important;
}

.cM + .nH .r9gPwb > .n3:first-child {
  border-bottom: 0 none !important;
}

.n6 + div > .n3 .LrBjie {
  border-top: 1px solid #aaaaaa !important;
  border-bottom: 1px solid rgba(255,255,255,.4) !important;
}

.n6 + div > .n3 .zw {
  border-top: 1px solid #aaaaaa !important;
}

/* Default label hover */

/*.TO {
  -webkit-transition: all .25s ease-in-out !important;
  -moz-transition: all .25s ease-in-out !important;
  -ms-transition: all .25s ease-in-out !important;
  -o-transition: all .25s ease-in-out !important;
  transition: all .25s ease-in-out !important;
}
*/
.TO.NQ {
  background-color: transparent !important;
}

 /*Active label*/

.aiq {
  /*background-color: rgba(255,255,255,1) !important;*/
  cursor: default !important;
  border-left: none !important;
  margin-left: -5px !important;
}

.ain {
  background-color: #2EC0FE;
  background-image: -o-linear-gradient(90deg , rgb(55,99,169) 0%, rgb(80,139,190) 100%);
  background-image: -moz-linear-gradient(90deg , rgb(55,99,169) 0%, rgb(80,139,190) 100%);
  background-image: -webkit-linear-gradient(90deg , rgb(55,99,169) 0%, rgb(80,139,190) 100%);
  background-image: -ms-linear-gradient(90deg , rgb(55,99,169) 0%, rgb(80,139,190) 100%);
  background-image: linear-gradient(90deg , rgb(55,99,169) 0%, rgb(80,139,190) 100%);
  border-top: 1px solid #669dc8;
  padding-top: 4px;
  padding-bottom: 4px;
}

.n0:link {
  color: #fff !important;
}

/* SETTINGS SCREEN */

.si {
  border-color: #f0f0f0 !important;
}

.sl {
  border-color: #d5d5d5 !important;
}

/* MAIN CONTENT BLOCK */

/*--------------------------------
  MAIN CONTENT AREA
--------------------------------*/

/* CONVERSATIONS LIST */

/* Inbox hovers */

/*table.zt tr.yO,
table.zt tr.zE,
table.zt tr.x7 {
  -webkit-transition: all .25s ease-in-out !important;
  -moz-transition: all .25s ease-in-out !important;
  -ms-transition: all .25s ease-in-out !important;
  -o-transition: all .25s ease-in-out !important;
  transition: all .25s ease-in-out !important;
}

table.zt tr.yO:hover,
table.zt tr.zE:hover {
  background-color: #FDFFD9 !important;
} */

 /*Selected messages*/

table.zt tr.x7 {
  background-color: #ebebeb !important;
}

tr.aps.zA { background-color: #ebebeb !important; }

/* table.zt, table.zt tr {
  width: 90%;
} */

/* Selected message hover

table.zt tr.x7:hover {
  background-color: transparent !important;
}
 */

/* CONVERSATION LIST ITEMS */

/* Message borders */

.xY, .Wg {
  /*border-bottom: 1px solid #e6e6e6 !important;*/
  height: 1.8ex !important;
}

/*.xY:last-child, .Wg:last-child {
  border-right: 1px solid #e6e6e6 !important;
}*/

.zA.zE {
  background-color: #fff !important;
}

/* Read Message List */

/* OPEN CONVERSATION */

/* Active message indicator */

.ads.adt {
  border-width: 4px !important;
  padding-left: 5px !important;
}

/* label outline */

.hR {
  border: 1px solid rgba(0,0,0,.3) !important;
}

/* COMPOSE WINDOW */

/* SETTINGS SCREEN */

/* Settings main block bg */

.v .r4, .v .alO {
  background: #ffffff !important;
  padding: 10px !important;
}

/* top tabs */

.v .fY {
  border: 1px solid #999999 !important;
  display: inline-block !important;
  margin-right: 0 !important;
}

/* tabs */

.v .fY .f1,
.v .fY .fZ {
  padding: 3px 14px !important;
}

/* tab hover */

.v .fY .f1:hover,
.v .fY .f1:focus {
  background-color: #f6f6f6 !important;
}

/* active tab */

.v .fY .fZ {
  background-color: #eeeeee !important;
}

/* Labels tab content */

.To {
  border: 1px solid transparent !important;
}

.To.Ze td {
  border-top: 1px solid #dddddd !important;
  border-bottom: 1px solid #dddddd !important;
  background: #eeeeee !important;
}

.To.Ze td:first-child {
  border-left: 1px solid #dddddd !important;
}

.To.Ze td:last-child {
  border-right: 1px solid #dddddd !important;
}

/* CONTACTS SCREEN */

/* Contacts list labels */

.MT {
  -webkit-transition: all .2s !important;
  -moz-transition: all .2s ease-in-out !important;
  -ms-transition: all .2s ease-in-out !important;
  -o-transition: all .2s ease-in-out !important;
  transition: all .2s !important;
}

.MT:hover {
  background-color: #f8f8f8 !important;
}

/* Main window */

.cM + .nH .AO {
  border: none !important;
}

.akh {
  color: #000;
}

#gbzw, #gbu {
  display: none !important;
}

.w-asV {
  height: 1px !important;
}

.no {
  margin-top: -12px !important;
   width: 100% !important; 
}

.gbqfwa {
  width: 75% !important;
  /*margin-right: 200px !important;*/
}

/* tweak sidebar */

.Ls77Lb .lKgBkb, .aeN {
  background-color: #262b30 !important;
  /*z-index: 500;*/
  font-family: "helvetica" !important;
  font-size: 11px;
}

.aeN {
  box-shadow: inset 3px 0px 5px rgba(0, 0, 0, 0.75);
}

.nU a {
  color: #fff !important;
}

.r9gPwb > .n3:first-child, .n6 + div > .n3 .LrBjie {
  border: 0 !important;
}

hr.aeS {
  border-top: 1px dotted #aaa !important;
}

h2.pw {
  color: #e0e2e4 !important;
}

.ain {
  margin-right: 0 !important;
  border: 0 !important;
}

.aim {
margin-bottom: 8px !important;
}

.akh, .CL a {
  color: #fff !important;
  font-weight: bold;
}

.n1 a {
  color: #fff !important;
}

.NQ, .nU a { color #fff !important; }

/* footer tweaks */
.ag, .apO { display: none !important; }

.zA {
  font-weight: normal !important;
}

.apm {
  font-weight: normal !important;
  font-size: 12px !important;
  color: #4880bd !important;
}

.G-atb {
  padding-left: 10px !important;
}

.aia {
  margin-top: 2px !important;
  padding-top: 10px !important;
}

.apd {
  display: none !important;
}

.aps .xY {
  background-color: #fdfdfd !important;
  border-left: 0 !important;
}

.aps .apU {
  background-color: #fdfdfd !important;
}

.Ap {
  display: block !important;
}

.apj {
  border: 0 !important;
/*  margin-left: -16px !important; */
  width: 2px !important;
  z-index: 1;
}

.apt {
  margin-top: 4px !important;
}

/* Message font */
.adP {
  font-size: 13px !important;
  color: #44494f !important;
  line-height: 1.3  !important;
  padding-left: 0 !important;
}

.ae4 {
font-size: .9em;
}

.apD {
  font-weight: bold !important;
  font-size: 0.75em;
  color: #999 !important;
}

.y6 {
  padding-bottom: 6px !important;
  font-size: 1.30em;
  font-weight: normal;
  color: #000 !important;
}

/ * .y6 span {
  color: #44494f !important;
}
*/

.yP { font-weight: bold !important;
color: #999 !important;  }

.yW {
  font-size: 1.2em !important;
  padding-top: 2px;
  margin-bottom: -3px !important;
  color: #44494f !important;
  font-weight: normal !important;
}

/* Unread message */
/* .zE .yW, .zE .y6 span { color: #2185B0 !important; } */
.zE .yW {
  padding-left: 18px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowOTgwMTE3NDA3MjA2ODExODA4M0QxQzEwODk4NjI5NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGOEIxNTlDMEI2RUUxMUUxQjhBNzk4MEEwNTc4OEVCOCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGOEIxNTlCRkI2RUUxMUUxQjhBNzk4MEEwNTc4OEVCOCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RkI3RjExNzQwNzIwNjgxMThDMTRFQzVEQkFERUUwN0UiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDk4MDExNzQwNzIwNjgxMTgwODNEMUMxMDg5ODYyOTQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6FlcR6AAABKUlEQVR42tRTvU7DMBA+p0kDSEQgOjYT4iUyIph4AxADKyMD6oCUhgVYGFkZEOIh2JmZQZ2qLlWrlKQ9J05ic2ZAIqVeOiBO+nR/9um+O5sppWAZsWBJ+fsCdj0QRRFMds5WyewQjgg+oU94JFxvvN/yMAy/z7P6EE/vR2uknre8lWDTc8FpWFBUEuIkh3GSvVBu/+6khQsp5Jx3HIsFYDkQTyUMP8ovrX0dp/y5kQLneAiuBzgp5/gqaev8MZndxQUQ/byprerXoUnEtrEDnGFfAG4rarkuTBbQnOHATAHxSZWDC+m25neej6AS+GAskCFeAeKucpJA2et0q0F9V8DKFFiR6i3cGB/Sgf+KWcb38nR4KeJeT4zfhNba13Gd/0Hr/3+mTwEGAFAMi445uX3cAAAAAElFTkSuQmCC) no-repeat 0 2px;
  overflow: visible;
}
.zE .xS { padding-left: 18px;}

.zA span b { font-weight: normal; }

.xY { border: 0 !important; }

.y2 { color: #888 !important; }

.nh.nn { width: 0 !important; }

.ha .pG { display: none !important; }

.apg .aeJ, .apg .age {
margin-left: -2px !important;
}

.cP { margin-top: 20px !important; }

h1.ha {
  font-size: .76em !important;
  font-weight: bold !important;
  margin: 10px 0 8px 0 !important;
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 7px;
  padding-left: 10px !important;
}

.hX {
  margin: 0 !important;
  padding: 0 !important;
}

.aju { display: none !important; }

.gs { margin-left: 0 !important; }

/* Hide labels in message header */
.hR { display: none !important; }

/* Hide message side tools */
.hj { display: none !important; }

/* Checked message */
table.zt tr.x7 {
  background-color: #eee !important;
}

.h9 {
  border: 0 !important;
  margin-left: -5px;
}

#gbw {
  width: 300px !important;
  position: absolute;
  overflow: visible !important;
  left: -350px;
}

.cS + .nH #gbq {
position: absolute !important;
top: 37px !important;
right: 0 !important;
}

/* remove margins on message preview */
.if { margin-right: 0 !important; }

/* hide middle border */
.apP + .nH.nn { display: none !important; }

.apg .aeJ, .apg .age {
border-left: 1px solid #eee;
margin-left: 0 !important;
}

/* tweaking conversation bars */
.hI, .ig, .iv, .hF {
/*  padding: 8px 0 3px 8px !important; */
  color: #333 !important;
}

/* conversation bar border */
.G3 {
  border: 0 !important;
}

.gE.iv.gt { background-color: #fff !important; }

.cf.gJ .iw .gD, .cf.gJ .iw .go, .gD { color: #3f8b47 !important; }

/* Conversation thread - name */
.gD {
  font-size: 0.9em;
}

#:i0 { border-top: 1px solid #eee !important; }

.aps.zA.yO.apv.apw {
  background-color: #f3f3f3 !important;
}

.xY.apA { border: 0 !important; }

.aps .xY, .aps .apU {
  background-color: #efefef !important;
}

.gE.iv.gt { padding-bottom: 6px !important;  }

/*.hx .adn, .hx .adu, .hx .adf { padding-left: 8px; }*/

.apb { display: none; }

.zA { background-color: #fff !important; }

.utdU2e .ado { visibility: hidden; }
.utdU2e:hover .ado { visibility: visible; }

.nH.hh { background-color: #fff; !important; }
.hi .nH.hh:first-of-type { display: none; !important; }

.aj9.pp { margin-top: 40px !important; }
.aki.pp { padding-top: 10px !important; }

td.apy { padding-top: 8px !important; }
.apB { padding-bottom: 4px !important; }

/* Fix headers when using custom inbox styles */
.nH.Wg  { border: 0; }

/* shrine height of global bar */
#gb { height: 1px !important; }

#gbqfw {
  position: absolute;
  top: 5;
  left: 160px;
  z-index: 10000 !important;
}

/* Hide cricles, because, really, who cares? */
.aat { display: none; }


/* Maked collapsed conversation match Sparrow */
.kv .Bk .G2 { background-color: #fff !important; }

.Bk {
  border-bottom: 1px solid #d6d6d6 !important;
  padding: 0 !important;
}

td.gH {
   width: 100%;
   text-align: right !important;
   color: #aaa !important;
   font-size: 0.85em;
   text-transform: uppercase;
}

/* Move conversation star */
.zd {
  position: absolute;
  top: 10px;
  left: 10px;
}

.gs.gt {margin-left: 0 !important}

/* Inbox Zero! */
table.TB { border-bottom: 0 !important; }

.TC { text-indent: -9999px;
height: 500px !important;
background: url(data:image/png;base64,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) 55% 65% no-repeat;
}

.gK, .ii, .iw.ajw, .hq.gt, .utdU2e { padding-left: 30px !important; }

.ii p span { font-size: 14px !important; }

.eC { display: block !important; }

.ao9 .Bu + .Bu {display: none !important; }

.akc {
  background-color: #fff !important;
  border-right:  1px solid #aaa;
  font-size: 120% !important;
}

.r9gPwb { font-size: 110% !important; }

div.p6 { background-color: rgb(38, 43, 48) !important; }
div.p8 { color: #fff !important; }

.gscs_a {
  left: -5px !important;
  top: -5px !important;
}

/* New Inbox tabs */
/* no messages */
.aRu {
  padding-left: 15px !important;
}

/* Tweak padding to Google chat iframe, fix font size */
body.mf .jr {
  padding: 4px 0 !important;
}

.vB { font-size: 95% !important; }

/* Fix visible hidden
.r9gPwb > div >  {
  display: none !important;
}*/

.GQ { height: 480px; }
.aXjCH { height: 100%; }

.gb_xb, .gb_cb {top: -60px}

#gba { visibility: hidden;}

.aJZ, #\:55 { display: none !important; }

/* .n6 {display: block !important; } */

div#:dg.ii.gt.m14280a722c14a367.adP.adO {margin-top: 25px !important; }

.aib { background-color: #000 !important; }

.gb_qb {
top: -58px !important;
background-color: #000;
}

.gb_qb:hover {
  top: 0 !important;
  background-color: #fff;
}

.ae0 {
  background-color: #fff !important;
  margin-left: 0;
  margin-right: 1px;
}

.gb_zb { margin-top: -100px;}

.aeO {
background-color: #fff !important;
margin-left: 0 !important;
margin-right: 1px !important;
}

.n6 + div > .n3 .zw {
  border-top: 0 !important;
}

.n6 + div > .n3 .zw .TK .aip { display: none !important; }

div.gb_yb.gb_3b { margin-top: -60px;}

.ZF-Av { left: 35% !important; top: 25px !important; }

div.nH.age.apP.aZ6.apk.nn { width: 420px !important; } 

div.ae4.nH.oy8Mbf { width: 410px !important; }

div.nH.aNW.apk.nn {
  width: auto !important;
  max-width: 100% !important;
}

.aNW {
  position: absolute !important;
  margin-left: 420px;
}

.a3s, .ao9 {
  overflow: visible !important;
  font-size: 1.1em;
}

.apO { display: block !important; }
.wIFnie { display: none !important; }

.ao8 { padding-right: 0 !important; }

span.adx { color: #ccc; }
.Bk { border-color: #eee !important;}

.a3s { line-height: 1.4; }

div.gb_Hb.gb_fc { margin-top: -60px; } 

#gbqf { margin: 130px 0 0 -355px; }

div.nH.apf { padding-left: 155px; }