gmail/style.css
/*
urls on the domain: mail.google.com
*/
.adp {
background: none !important;
}
#account-chooser-add-account, .aJ6 {
color: #000 !important;
}
#gb>div {
background: #222 !important;
height: 0px !important;
}
#gbd .gbmt-hvr {
background-attachment: scroll !important;
background-color: transparent !important;
background-image: none !important;
background-position: top left !important;
background-repeat: repeat !important;
}
#gbmpal a {
color: #444 !important;
}
#gbqlw img, #gbql, #gbu {
/*display: none !important;*/
}
#gbx1, #gbx2 {
border-bottom-color: -moz-initial !important;
border-bottom-style: none !important;
border-bottom-width: 0 !important;
}
#gbx3 {
background-attachment: scroll !important;
background-color: #222 !important;
background-image: none !important;
background-position: top left !important;
background-repeat: repeat !important;
border-bottom-color: #222 !important;
border-bottom-style: solid !important;
border-bottom-width: 1px !important;
height: 24px !important;
}
#gbz .gbto .gbts, #gbd .gbmt {
color: #efefef !important;
}
#lga div {
padding-top: 55px !important;
}
#loading, #stb, .aOd {
background-color: #222 !important;
color: #efefef !important;
}
.Am1.Al {
background-color: #dfdfdf !important;
}
.Ap .Au, .aaz .fN {
border-bottom-color: -moz-initial !important;
border-bottom-style: none !important;
border-bottom-width: medium !important;
border-left-color: -moz-initial !important;
border-left-style: none !important;
border-left-width: medium !important;
border-right-color: -moz-initial !important;
border-right-style: none !important;
border-right-width: medium !important;
border-top-color: -moz-initial !important;
border-top-style: none !important;
border-top-width: medium !important;
}
.Ar, .eJ, .fw {
padding-bottom: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
padding-top: 0 !important;
}
.Ar.Au {
margin-bottom: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
margin-top: 0 !important;
}
.Bk .G2 {
border-top-color: -moz-initial !important;
border-top-style: none !important;
border-top-width: medium !important;
}
.Bk .T-I-ax7 {
background-attachment: scroll !important;
background-color: #555 !important;
background-image: none !important;
background-position: top left !important;
background-repeat: repeat !important;
color: #efefef !important;
}
.DJ {
background-attachment: scroll !important;
background-color: #222 !important;
background-image: none !important;
background-position: top left !important;
background-repeat: repeat !important;
border-top-color: -moz-initial !important;
border-top-style: none !important;
border-top-width: 0px !important;
}
.DT, .gbqfif, .gssb_m, .am, .Sr, .EY, .Ep, .gb_t, .gb_t * {
color: #fff !important;
}
.Di .amH, #topabar div {
border-bottom-color: -moz-initial !important;
border-bottom-style: none !important;
border-bottom-width: 0px !important;
border-left-color: -moz-initial !important;
border-left-style: none !important;
border-left-width: 0px !important;
border-right-color: -moz-initial !important;
border-right-style: none !important;
border-right-width: 0px !important;
border-top-color: -moz-initial !important;
border-top-style: none !important;
border-top-width: 0px !important;
}
.ER:hover, .Em {
background-attachment: scroll !important;
background-color: #444 !important;
background-image: none !important;
background-position: top left !important;
background-repeat: repeat !important;
}
.Ed, .DE {
background-attachment: scroll !important;
background-color: #222 !important;
background-image: none !important;
background-position: top left !important;
background-repeat: repeat !important;
}
.Eg, .EV, .Ek, .DD, .Eb, .EX, .Em {
border-bottom-color: -moz-initial !important;
border-bottom-style: none !important;
border-bottom-width: 0px !important;
border-left-color: -moz-initial !important;
border-left-style: none !important;
border-left-width: 0px !important;
border-right-color: -moz-initial !important;
border-right-style: none !important;
border-right-width: 0px !important;
border-top-color: -moz-initial !important;
border-top-style: none !important;
border-top-width: 0px !important;
}
.Eu .J-N {
border-bottom-color: transparent !important;
border-bottom-style: solid !important;
border-bottom-width: 1px !important;
border-left-color: transparent !important;
border-left-style: solid !important;
border-left-width: 1px !important;
border-right-color: transparent !important;
border-right-style: solid !important;
border-right-width: 1px !important;
border-top-color: transparent !important;
border-top-style: solid !important;
border-top-width: 1px !important;
}
.G-atb {
border-bottom-color: #444 !important;
border-bottom-style: solid !important;
border-bottom-width: 1px !important;
}
.G-atb, .G-as7-atb, .iI, .G-MI, .iE {
margin-top: 0 !important;
}
.Hd {
-webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.5) !important;
box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.5) !important;
}
.Hm {
height: 40px !important;
}
.Hy .n {
margin-bottom: 5px !important;
margin-left: 5px !important;
margin-right: 5px !important;
margin-top: 5px !important;
}
.J-J5-Ji.J-Z-M-I-Jm, .PJ {
color: #000 !important;
}
.J-Kh {
border-top-color: #222 !important;
border-top-style: solid !important;
border-top-width: 1px !important;
}
.J-M, .ZF-z6, .ZF-zT, .ZF-Av .lJ, .ZF-Av .lN, .ajA {
-webkit-border-radius: 3px !important;
-webkit-box-shadow: 0px 0px 0px 10px rgba(0,0,0, 0.2) !important;
background-attachment: scroll !important;
background-color: #222 !important;
background-image: none !important;
background-position: top left !important;
background-repeat: repeat !important;
border-radius: 3px !important;
box-shadow: 0px 0px 0px 10px rgba(0,0,0, 0.2) !important;
}
.J-N-JW, .J-N-JT, .J-LC, .J-JK {
background-attachment: scroll !important;
background-color: #2f2f2f !important;
background-image: none !important;
background-position: top left !important;
background-repeat: repeat !important;
border-bottom-color: #3f3f3f !important;
border-bottom-style: solid !important;
border-bottom-width: 1px !important;
border-top-color: #3f3f3f !important;
border-top-style: solid !important;
border-top-width: 1px !important;
}
.J-N-Jz, .J-awr, .J-N, .J-LC, .J-JK {
color: #efefef !important;
}
.Kj-JD * {
color: #efefef !important;
}
.Kj-JD, .Kj-JD * {
background: #222 !important;
}
.Kj-JD-Jh {
background: #000 !important;
}
.LW-KX, .LW-KX .J-KU-Jz, .LW-KX .J-KU-Jg, .Kj-JD, .Kj-JD *, .LW-KX .J-KU {
background: #222 !important;
color: #efefef !important;
}
.N92wfe, .UJ {
border-top-color: -moz-initial !important;
border-top-style: none !important;
border-top-width: 0 !important;
}
.NJ {
border-left-width: 0px !important;
}
.NQ, .aij {
background-attachment: scroll !important;
background-color: #3f3f3f !important;
background-image: none !important;
background-position: top left !important;
background-repeat: repeat !important;
}
.RV {
background-attachment: scroll !important;
background-color: #2f2f2f !important;
background-image: none !important;
background-position: top left !important;
background-repeat: repeat !important;
}
.Rd {
padding-bottom: 10px !important;
padding-left: 10px !important;
padding-right: 10px !important;
padding-top: 10px !important;
}
.T-I-KE, .T-I-KE:focus {
background-color: #444 !important;
background-image: none !important;
border-bottom-color: transparent !important;
border-bottom-style: solid !important;
border-bottom-width: 1px !important;
border-left-color: transparent !important;
border-left-style: solid !important;
border-left-width: 1px !important;
border-right-color: transparent !important;
border-right-style: solid !important;
border-right-width: 1px !important;
border-top-color: transparent !important;
border-top-style: solid !important;
border-top-width: 1px !important;
}
.T-I-KE.T-I-JW {
background-color: #444 !important;
background-image: none !important;
border-bottom-color: #666 !important;
border-bottom-style: solid !important;
border-bottom-width: 1px !important;
border-left-color: #666 !important;
border-left-style: solid !important;
border-left-width: 1px !important;
border-right-color: #666 !important;
border-right-style: solid !important;
border-right-width: 1px !important;
border-top-color: #666 !important;
border-top-style: solid !important;
border-top-width: 1px !important;
}
.T-Jo, .T-Jo-Jp {
background-color: inherit !important;
}
.Tw, .Tt {
background-image: none !important;
border-left-width: 0px !important;
}
.UI .TB, .ya {
border-bottom-color: -moz-initial !important;
border-bottom-style: none !important;
border-bottom-width: medium !important;
}
.Wz, .xG {
border-bottom: none !important;
}
.a1, .e, .sA, .r4 .e, .alP, .ri, .rd, .x2, .amt, a:link, a:visited, .w, .q:active, .q:visited, .tbotu, a.fl:link, .fl a, .flt, a.flt, .gl a:link, a.mblink, .mblink b, #fll a, #bfl a, .Rd {
color: #fff !important;
}
.aOP, .aOI.aOH {
background: #222 !important;
}
.abh .abl, .abg.abl {
border-top-color: #555 !important;
border-top-style: dashed !important;
border-top-width: 1px !important;
}
.abp .abo {
border-bottom-color: #555 !important;
border-bottom-style: dashed !important;
border-bottom-width: 1px !important;
}
.adx {
background-attachment: scroll !important;
background-color: transparent !important;
background-image: none !important;
background-position: top left !important;
background-repeat: repeat !important;
color: #999 !important;
}
.aeG {
padding-bottom: 10px !important;
padding-left: 10px !important;
padding-right: 10px !important;
padding-top: 10px !important;
}
.ah .Jd-Je, .U5 .Jd-Je.Je {
background-attachment: scroll !important;
background-color: #4f4f4f !important;
background-image: none !important;
background-position: top left !important;
background-repeat: repeat !important;
color: #efefef !important;
}
.ain {
border-left-color: #efefef !important;
border-left-style: solid !important;
border-left-width: 2px !important;
}
.aiv, .U5 {
background-attachment: scroll !important;
background-color: #444 !important;
background-image: none !important;
background-position: top left !important;
background-repeat: repeat !important;
}
.aj5 .J-KU, .aj5.J-KU-Jg {
background-attachment: scroll !important;
background-color: #292929 !important;
background-image: none !important;
background-position: top left !important;
background-repeat: repeat !important;
}
.aj5.J-KU-Jg {
border-top-color: #222 !important;
border-top-style: solid !important;
border-top-width: 1px !important;
margin-bottom: 0px !important;
margin-left: 0px !important;
margin-right: 0px !important;
margin-top: 0px !important;
width: 100% !important;
}
.aj5.J-KU-Jg-Zc .J-KU {
height: 16px !important;
}
.ajT {
opacity: 1 !important;
}
.am6 {
border-top-color: #555 !important;
border-top-style: solid !important;
border-top-width: 1px !important;
}
.amH * {
color: #ccc !important;
}
.amH *, #gbg6 #gbi4t, #gbg4 #gbgs4d, #gbz .gbts {
font-size: 10px !important;
}
.ar.as * {
background-color: #3f3f3f !important;
border: none !important;
}
.av {
/*color: #666 !important;*/
}
.azg {
border-bottom-color: #555 !important;
border-bottom-style: solid !important;
border-bottom-width: 1px !important;
}
.b2, .hr a, .hr .e, .adI .B9, .adc .add .adb, .ac8, .ac6, .gR, .adD, .acT, .acW, .h8, .secondary a, a, .s em {
color: #999 !important;
}
.b8 .vh, .cc .vh, .vX .vh {
background-color: #222 !important;
opacity: 0.5 !important;
}
.eh, .ej .eh .dW, .ej .fN, .ej .aay .dW {
background-attachment: scroll !important;
background-color: transparent !important;
background-image: none !important;
background-position: top left !important;
background-repeat: repeat !important;
}
.ej .eJ .cf {
background-attachment: scroll !important;
background-color: #efefef !important;
background-image: none !important;
background-position: top left !important;
background-repeat: repeat !important;
}
.g6, .go {
color: #ccc !important;
}
.gD {
color: #efefef !important;
}
.gb_S .gb_D {
background: #fff !important;
}
.gb_a:hover .gb_h {
background: #555 !important;
}
.gb_o.gb_p, .gb_q1, .gb_r {
/*background: #222 !important;*/
}
.gb_s, .gb_0, .gb_u, .gb_v.gb_xb, .gb_F {
background: #222 !important;
}
.gbmc {
background-color: #444 !important;
background-image: none !important;
border-bottom-color: #444 !important;
border-bottom-style: solid !important;
border-bottom-width: 1px !important;
border-left-color: #444 !important;
border-left-style: solid !important;
border-left-width: 1px !important;
border-right-color: #444 !important;
border-right-style: solid !important;
border-right-width: 1px !important;
border-top-color: #444 !important;
border-top-style: solid !important;
border-top-width: 1px !important;
color: #efefef !important;
}
.gbqfb, .T-I-atl {
border-bottom-color: transparent !important;
border-bottom-style: solid !important;
border-bottom-width: 1px !important;
border-left-color: transparent !important;
border-left-style: solid !important;
border-left-width: 1px !important;
border-right-color: transparent !important;
border-right-style: solid !important;
border-right-width: 1px !important;
border-top-color: transparent !important;
border-top-style: solid !important;
border-top-width: 1px !important;
}
.gbqfqw, .gbqfqw:active, .gbqfqw-hvr, .nr, .ZH, .ZH:focus, .dI, .Ar, .X-LD-Q-Kv, .p0, .aco .R5, .RU .R5, .RT .R5, .R1, .kEL8Ee {
background-color: #3f3f3f !important;
border-bottom-color: #555 !important;
border-bottom-style: solid !important;
border-bottom-width: 1px !important;
border-left-color: #555 !important;
border-left-style: solid !important;
border-left-width: 1px !important;
border-right-color: #555 !important;
border-right-style: solid !important;
border-right-width: 1px !important;
border-top-color: #555 !important;
border-top-style: solid !important;
border-top-width: 1px !important;
color: #efefef !important;
margin-bottom: 1px !important;
margin-left: 1px !important;
margin-right: 1px !important;
margin-top: 1px !important;
}
.gbto .gbts, .gbm {
background-attachment: scroll !important;
background-color: #3f3f3f !important;
background-image: none !important;
background-position: top left !important;
background-repeat: repeat !important;
border-bottom-color: #3f3f3f !important;
border-left-color: #3f3f3f !important;
border-right-color: #3f3f3f !important;
border-top-color: #3f3f3f !important;
}
.hN, .hO {
/*color: #000 !important;*/
}
.hR .hM {
background-attachment: scroll !important;
background-color: #444 !important;
background-image: none !important;
background-position: top left !important;
background-repeat: repeat !important;
}
.hx .adB {
border-bottom-color: -moz-initial !important;
border-bottom-style: none !important;
border-bottom-width: medium !important;
border-left-color: -moz-initial !important;
border-left-style: none !important;
border-left-width: medium !important;
border-right-color: -moz-initial !important;
border-right-style: none !important;
border-right-width: medium !important;
border-top-color: -moz-initial !important;
border-top-style: none !important;
border-top-width: medium !important;
}
.hx .adn, .hx .adu, .hx .adf, .hx .h7 .ac5 .gB, .hx .h7 .acO {
-webkit-border-radius: 3px !important;
background-attachment: scroll !important;
background-color: #444 !important;
background-image: none !important;
background-position: top left !important;
background-repeat: repeat !important;
border-radius: 3px !important;
margin-bottom: 10px !important;
padding-bottom: 10px !important;
padding-left: 10px !important;
padding-right: 10px !important;
padding-top: 10px !important;
}
.hx .h7 .ac5 .gB, .hx .h7 .acO {
border-top-color: -moz-initial !important;
border-top-style: none !important;
border-top-width: medium !important;
}
.hx .h7 .mC, .fN {
background-attachment: scroll !important;
background-color: transparent !important;
background-image: none !important;
background-position: top left !important;
background-repeat: repeat !important;
border-bottom-color: -moz-initial !important;
border-bottom-style: none !important;
border-bottom-width: medium !important;
border-left-color: -moz-initial !important;
border-left-style: none !important;
border-left-width: medium !important;
border-right-color: -moz-initial !important;
border-right-style: none !important;
border-right-width: medium !important;
border-top-color: -moz-initial !important;
border-top-style: none !important;
border-top-width: medium !important;
}
.hx .ii * {
/*color: #efefef !important;*/
/*background: #222 !important;*/
}
.ii.gt {
padding: 5px !important;
}
.ii.gt .ajR {
background-color: #f1f1f1 !important;
}
.ii.gt .ajT {
background: url(https://ssl.gstatic.com/ui/v1/icons/mail/ellipsis.png) no-repeat !important;
}
.ii.gt a {
color: #39f !important;
text-decoration: underline !important;
}
.ii.gt, .ii.gt * {
background: #222 !important;
color: #efefef !important;
}
.kv .Bk .G2, .kQ .Bk .G2 {
background-attachment: scroll !important;
background-color: transparent !important;
background-image: none !important;
background-position: top left !important;
background-repeat: repeat !important;
}
.mE .mG, .hx .h7 .mG {
color: #efefef !important;
}
.mq {
display: none !important;
}
.mq, .aje, .u5, .AT {
/*display: none !important;*/
}
.nH.aOB, .aQp, .aOO, .aVO {
background: #222 !important;
}
.nH.w-asV.aiw * {
background-color: #222 !important;
}
.nZ.TO .n0, .TO .n0 {
color: #efefef !important;
}
.nn *, .AO * {
color: #efefef !important;
}
.no {
float: right !important;
}
.pi {
/*display: none !important;*/
}
.submit_as_link {
color: #87CEEB !important;
}
.ul {
background-color: #3f3f3f !important;
border-bottom: none !important;
border-top: none !important;
}
.v .f1 {
background-color: #bbb !important;
}
.v .fY *, .v .AO *, .qt a.e {
color: #0f0f0f !important;
}
.w-asV {
margin-bottom: 0 !important;
}
.w-asV .nn {
height: 17px !important;
}
.xY, .TD {
border-bottom-color: -moz-initial !important;
border-bottom-style: none !important;
border-bottom-width: 0 !important;
}
.yO, .gssb_i {
background-color: #222 !important;
background-image: none !important;
}
.yO, .xY, .MT, .abN, .ML, #topabar {
background-color: #222 !important;
border-bottom-color: #666 !important;
border-bottom-style: dashed !important;
border-bottom-width: 1px !important;
}
.yP, .yW, .y6, .xS, .as, .d2, .el {
color: #efefef !important;
}
.ya span.x2 {
font-weight: bold !important;
}
.z0 .T-I-ax7, .G-atb .T-I-ax7, .acX .aaq, .T-I-ax7.T-I-JW, .T-I-ax7.T-I-Zf-aw2.T-I-JW, .T-I-ax7, .gbqfb, .T-I-atl, .am7.T-I-Js-Gs, .kd-button {
color: #efefef !important;
}
.z0 .T-I-ax7, .G-atb .T-I-ax7, .acX .aaq, .T-I-ax7.T-I-JW, .T-I-ax7.T-I-Zf-aw2.T-I-JW, .T-I-ax7, .gbqfb, .T-I-atl, .am7.T-I-Js-Gs, .kd-button, .gbqfba, .aC2 {
background-color: #444 !important;
background-image: none !important;
}
.z0 .T-I-ax7.T-I-JW, .G-atb .T-I-ax7.T-I-JW, .G-atb .T-I-ax7.J-JN-M-I-JW, .T-I-ax7.T-I-JW, .adw, .adw.T-I-JW, .ej .Bq, .T-I-ax7.J-JN-M-I-JW, .gbqfb-hvr, .T-I-atl.T-I-JW, .am7.T-I-Js-Gs.T-I-JW {
background-color: #444 !important;
background-image: none !important;
border-bottom-color: #666 !important;
border-bottom-style: solid !important;
border-bottom-width: 1px !important;
border-left-color: #666 !important;
border-left-style: solid !important;
border-left-width: 1px !important;
border-right-color: #666 !important;
border-right-style: solid !important;
border-right-width: 1px !important;
border-top-color: #666 !important;
border-top-style: solid !important;
border-top-width: 1px !important;
color: #efefef !important;
}
.z0 .T-I-ax7:focus, .G-atb .T-I-ax7:focus, .T-I-JN:focus, .T-I-ax7:focus, .gbqfba-hvr {
border-bottom-color: #666 !important;
border-bottom-style: solid !important;
border-bottom-width: 1px !important;
border-left-color: #666 !important;
border-left-style: solid !important;
border-left-width: 1px !important;
border-right-color: #666 !important;
border-right-style: solid !important;
border-right-width: 1px !important;
border-top-color: #666 !important;
border-top-style: solid !important;
border-top-width: 1px !important;
}
.zE, td.yX, .age, .Rd, #leftnav .msel:hover {
background-attachment: scroll !important;
background-color: #222 !important;
background-image: none !important;
background-position: top left !important;
background-repeat: repeat !important;
}
.zF, .y6 b {
color: #87CEEB !important;
}
a.gb_D {
color: #666 !important;
}
body *, #leftnav * {
}
body, .wl {
background-attachment: scroll !important;
background-color: #222 !important;
background-image: none !important;
background-position: top left !important;
background-repeat: repeat !important;
}
/* NOTIFICATIONS */
/*.Hp {
width: 50px !important;
}*/
disable.hx .ii {
-webkit-border-radius: 3px !important;
background-attachment: scroll !important;
background-color: #efefef !important;
background-image: none !important;
background-position: top left !important;
background-repeat: repeat !important;
border-radius: 3px !important;
padding-bottom: 10px !important;
padding-left: 10px !important;
padding-right: 10px !important;
padding-top: 10px !important;
}
div.Am.Al.editable.Xp0HJf-LW-avf {
background-color: #fff !important;
}
iframe.EM {
border-bottom-width: 0px !important;
border-left-width: 0px !important;
border-right-width: 0px !important;
border-top-width: 0px !important;
width: 240px !important;
}
pre {
background-color: #999 !important;
}
zzz, #gbx1, #gbx2, .G-atb, .G-as7-atb, .iI, .G-MI, .iE, .aeN, .aeJ, .iY .Bu, .TC, .gssb_m, #leftnav, .aKm, .J-KU-Jg-K9.aAA .J-KU-KO.aAy, .J-KU-Jg-K9.aAA .aAy, .aKj, .SI .aBz, .iC, #gbgs3, .gbmt:hover, .gbmt:focus, .mq, .Zsm, .gb_E, .jT, .ad3, .aNU, .Un.J-JN-M-I-JW, .Un.J-JN-M-I-Kq, .gb_t, .gb_ba, .gb_7, .a3P .Lo, .gb_z, .gb_B, .gb_C, .gb_la, .gb_ha, .gb_T {
background-color: #222 !important;
/*background-image: none !important;*/
}
zzz, .KA-UT-N-JO .KA-UT-N-axO, .KA-UT-l0LZMd-JO, .KA-UT-I2aEFf-JO .KA-UT-I2aEFf-aUn, .aJ, .gb_ma:hover, .Ee .Eg, .Ee .EV, .Ee .Ek, .Ee .DD, .Ea {
background-color: #3f3f3f !important;
}
zzz, .ZZ {
color: grey !important;
}
zzz, .aMZ, .Y1, .og, .JkeJgf, .hc, .aeu, .J-KU .aj2, .TI .UH, .TI .Ss, .aDD, .aDF, .AI, .NL, .NH, .gW, .T-Jo-Jp .T-Jo-auh, .aKp, .aKj .aRw, #gbgsi, .gbmai, .lvVCbf.aYw {
-webkit-filter: invert() !important;
}
zzz, .aQy *, .T-P {
background-color: #222 !important;
}
zzz, .acq *, .abX .abY, #gbi4t, #gbmpdv *, #gbmps *, .vh *, .gb_qa *, .gb_ca * {
color: #efefef !important;
}
zzz, .aeq, .aaZ, .wA, .vO, .aoT, .qz, .Am, .Am *, .IG, .vN, .Ap, .aDh, .gU, .azX, .aC3, .iS, .Mj, .ya, .h9, .adI, .ko, .aeh, .jp, .NJ, .NC, .vD, .GM .dL, .bX, .acS, #gbmpdv, .Wz, .xI, .ac7, .acS, .gS, .xE .aoD, .xE .fX, .J-KU-Jg-K9.aAA .J-KU-KO.aAy, .aRs {
background-color: #3f3f3f !important;
}
zzz, .fX.aXjCH *, .aoD.hl *, .aoD.az6 * {
color: #ffffff !important;
}
zzz, .gb_l {
border-color: #666 !important;
}
zzz, .gbqldr, .gb_fa, .gb_ha, .gb_ca {
-webkit-filter: grayscale() !important;
}