/* ==UserStyle==
//TO GET FULL CUSTOMIZATION OF THIS STYLE, PLEASE ADD IT FROM THE GITHUB PAGE AS USERCSS
@name           New Gmail Dark Theme Tweaks - Gmail 2018
@namespace      Jack Buehner
@homepageURL    https://github.com/jackbuehner/gmail-dark-modifications
@supportURL     https://github.com/jackbuehner/gmail-dark-modifications/issues/
@updateURL      https://raw.githubusercontent.com/jackbuehner/gmail-dark-modifications/master/gmail-dark.less.user.css
@version        2.5.2
@description    This style adds a dark theme to additional UI elements on the Gmail webpage. It also makes slight modifications to the appearance of certain elements, including restoring the red compose button.
@author         Jack Buehner
@license        CC BY-NC-SA 4.0
@preprocessor   less

@var    checkbox    email-body              'Dark theme in email body'          1

@var    color       button-bg               'Accent color'                      #ff7c68
@var    color       fab-bg                  'FAB background color'              #ff7c68
@var    color       bg-color-1              'Main background color'             #111111
@var    color       bg-color-context        'Context menu background color'     #242424
@var    color       bg-color-2              'Secondary background color'        #212121
@var    color       bg-color-3              'Tertiary background color'         #363636
@var    color       bg-color-4              'Quaternary background color'       #424242
@var    color       message-select          'Selected message color'            #ff7c68

@var    select      appbar-color            'App bar background color' {
    "Transparent": "transparent",
    "Gmail red": "#d44b3d",
    "Accent color": "@button-bg"
}

@var    select      unread-mail-text-color  'Unread mail text color' {
    "Default (White)": "#ffffff",
    "Light blue": "@text-color-blue",
    "Accent color": "@button-bg"
}

@var    color       text-color-de           'Text color DE'                     #dedede
@var    color       text-color-c            'Text color C'                      #cccccc
@var    color       text-color-b            'Text color B'                      #bbbbbb
@var    color       text-color-9            'Text color 9'                      #999999
@var    color       text-color-6            'Text color 6'                      #666666
@var    color       fab-text                'FAB text color'                    #000000

@var    text        fab-border-rad          'FAB border radius'                 24px
@var    text        side-tab-border-rad     'Side navigation border radius'     16px
@var    text        doc-preview-border-rad  'Email list buttons border radius'  16px
@var    text        button-border-rad       'Button, window, and card border radius'    4px
@var    text        label-border-rad        'Label border radius'               0px

@var    color       hover-color-dark        Dark_Items_Hover_color              rgba(0, 0, 0, .05)
@var    color       active-color-dark       Dark_Items_Active_color             rgba(0, 0, 0, .1)
@var    color       hover-color-light       Light_Items_Hover_color             rgba(255,255,255,.05)
@var    color       active-color-light      Light_Items_Active_color            rgba(255,255,255,.1)
@var    color       hover                   hover                               rgba(255,255,255,0.1)
@var    color       active                  active                              rgba(255,255,255,0.2)
@var    color       selectedhover           selectedhover                       rgba(255,255,255,0.3)
==/UserStyle== */
@-moz-document url-prefix("https://mail.google.com/mail") {
  .md-button {
    font-family: Roboto;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.25px;
    font-size: 0.875rem;
    border-radius: 4px;
    background-color: #ff7c68;
    color: #000;
    height: 35px;
    border: none;
  }
  .md-button:hover {
    background-color: #ff8572;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 1px rgba(0, 0, 0, 0.12);
    color: #000;
  }
  .md-button:active,
  .md-button:focus:hover {
    background-color: #ff8d7c;
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
    color: #000;
    border: none;
  }
  .md-button:focus {
    background-color: #ff8d7c;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 1px rgba(0, 0, 0, 0.12);
  }
  .md-button-transparent {
    font-family: Roboto;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.25px;
    font-size: 0.875rem;
    border-radius: 4px;
    background-color: #ff7c68;
    color: #000;
    height: 35px;
    border: none;
    border: 1px solid #666666;
    color: #999999;
    background: none;
  }
  .md-button-transparent:hover {
    background-color: #ff8572;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 1px rgba(0, 0, 0, 0.12);
    color: #000;
  }
  .md-button-transparent:active,
  .md-button-transparent:focus:hover {
    background-color: #ff8d7c;
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
    color: #000;
    border: none;
  }
  .md-button-transparent:focus {
    background-color: #ff8d7c;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 1px rgba(0, 0, 0, 0.12);
  }
  .md-button-transparent:hover,
  .md-button-transparent:active,
  .md-button-transparent:focus:hover,
  .md-button-transparent:focus {
    background-color: transparent;
    border: 1px solid #666666;
  }
  .md-button-transparent:hover,
  .md-button-transparent:active,
  .md-button-transparent:focus:hover {
    color: #aaaaaa;
  }
  .md-button-transparent:hover {
    box-shadow: inset 10000px 0px 0px rgba(255, 255, 255, 0.05);
  }
  .md-button-transparent:active,
  .md-button-transparent:focus:hover {
    box-shadow: inset 10000px 0px 0px rgba(255, 255, 255, 0.07);
  }
  .qp {
    background-color: transparent;
  }
  .z0 .L3 {
    background-color: #ff7c68;
    color: #000;
    border-radius: 24px;
  }
  .z0 .L3:hover,
  .z0 .L3:focus {
    background-color: #ff7c68;
    box-shadow: inset 10000px 0px 0px rgba(0, 0, 0, 0.05);
  }
  .z0 .L3:active {
    background-color: #ff7c68;
    box-shadow: inset 10000px 0px 0px rgba(0, 0, 0, 0.1);
  }
  .z0 .L3::before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTkgMTNoLTZ2NmgtMnYtNkg1di0yaDZWNWgydjZoNnYyeiIvPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=);
    filter: invert(0%);
  }
  .wT .TO,
  .wT .ah9,
  .wT .CL {
    border-radius: 0 16px 16px 0;
  }
  .wT .TO:hover,
  .wT .ah9:hover,
  .wT .CL:hover {
    background: rgba(255, 255, 255, 0.1);
  }
  .wT .TO:active,
  .wT .ah9:active,
  .wT .CL:active {
    background: rgba(255, 255, 255, 0.2);
  }
  .wT .TO.nZ,
  .wT .n3 .byl:first-child .aim:first-child .nZ {
    background-color: rgba(255, 255, 255, 0.2);
  }
  .wT .TO.nZ:hover,
  .wT .n3 .byl:first-child .aim:first-child .nZ:hover {
    background: rgba(255, 255, 255, 0.3);
  }
  .wT .TO .aHS-bnt .qj,
  .wT .TO .aHS-bnt .qj::before,
  .wT .TO .aHS-bnt .qj {
    opacity: 1 !important;
    background-image: none;
    -webkit-mask: url('https://www.gstatic.com/images/icons/material/system/1x/inbox_white_20dp.png') no-repeat center;
    mask: url('https://www.gstatic.com/images/icons/material/system/1x/inbox_white_20dp.png') no-repeat center;
    width: 20px;
    height: 20px;
    background-color: #ff7c68;
  }
  .wT .TO .aHS-bnw .qj {
    background-image: url('https://www.gstatic.com/images/icons/material/system/1x/star_googyellow500_20dp.png');
    opacity: 1;
  }
  .wT .TO .aHS-bu1 .qj {
    background-image: url('https://ssl.gstatic.com/bt/C3341AA7A1A076756462EE2E5CD71C11/1x/ic_upcoming_clr_24dp_r5.png');
    filter: brightness(1.5);
    opacity: 1 !important;
  }
  .bhZ.bym,
  .bhZ.bjB {
    background: #111 !important;
  }
  .bhZ.bym .aj5 {
    background-color: #212121;
  }
  .aj5.J-KU-Jg {
    border-top-color: #212121;
  }
  .aic {
    background: none;
  }
  .gb_Te,
  #aso_search_form_anchor,
  .SK.ZF-zT {
    border-radius: 4px;
  }
  .SK.ZF-zT,
  #aso_search_form_anchor.gb_Ce {
    filter: invert(90%) hue-rotate(180deg);
  }
  .gb_dc .gb_Be {
    background: rgba(255, 255, 255, 0.1);
  }
  .gb_dc .gb_Be:hover {
    background: rgba(255, 255, 255, 0.2);
  }
  .gb_Xe.gb_ff {
    background: #fff !important;
  }
  .gb_Te.gb_bf button svg,
  .gb_Xe button svg {
    fill: #000000;
  }
  .gb_cf::placeholder,
  .gb_gf::placeholder,
  .gb_Te.gb_bf .gb_cf {
    color: #dedede !important;
  }
  #\:ht {
    background-color: #eee;
    color: #111;
  }
  .bAp.b8.UC .vh {
    border-radius: 4px;
    box-shadow: none;
    background-color: #242424;
  }
  /*snackbar buttons*/
  div.b8 .a8k::before,
  .bAo > .ad::before {
    border-radius: 4px;
    background: #5e5e5e;
  }
  div.b8 .a8k,
  .bAo > .ad {
    font-family: Roboto;
    text-transform: uppercase;
    color: #ff7c68;
  }
  .zA:hover {
    box-shadow: inset 10000px 0px 0px rgba(255, 255, 255, 0.05) !important;
  }
  .zA:hover:active,
  .btb {
    box-shadow: inset 10000px 0px 0px rgba(255, 255, 255, 0.1) !important;
  }
  .zE {
    color: #ffffff;
  }
  .aeJ {
    overflow-y: auto;
  }
  .brc {
    border-radius: 16px;
  }
  .ar,
  .aOd.T-I {
    border-radius: 0px;
  }
  .Bn {
    font-family: Roboto;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.25px;
    font-size: 0.875rem;
    border-radius: 4px;
    background-color: #ff7c68;
    color: #000;
    height: 35px;
    border: none;
    border: 1px solid #666666;
    color: #999999;
    background: none;
    color: rgba(255, 255, 255, 0.7);
    border-color: transparent !important;
  }
  .Bn:hover {
    background-color: #ff8572;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 1px rgba(0, 0, 0, 0.12);
    color: #000;
  }
  .Bn:active,
  .Bn:focus:hover {
    background-color: #ff8d7c;
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
    color: #000;
    border: none;
  }
  .Bn:focus {
    background-color: #ff8d7c;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 1px rgba(0, 0, 0, 0.12);
  }
  .Bn:hover,
  .Bn:active,
  .Bn:focus:hover,
  .Bn:focus {
    background-color: transparent;
    border: 1px solid #666666;
  }
  .Bn:hover,
  .Bn:active,
  .Bn:focus:hover {
    color: #aaaaaa;
  }
  .Bn:hover {
    box-shadow: inset 10000px 0px 0px rgba(255, 255, 255, 0.05);
  }
  .Bn:active,
  .Bn:focus:hover {
    box-shadow: inset 10000px 0px 0px rgba(255, 255, 255, 0.07);
  }
  .Bn:hover {
    color: rgba(255, 255, 255, 0.9);
  }
  .apM-z6,
  .apM-zT {
    background-color: #212121;
    color: #dedede;
  }
  .J-KU-KO.aIf-aLe::before {
    background-color: #ffb0a4;
  }
  .J-KU-KO.aIf-aLe .aKz {
    color: #ffb0a4;
  }
  .J-KU-KO > .aIf-aLf {
    /*background-image: url('https://www.gstatic.com/images/icons/material/system/1x/inbox_gm_googlered600_20dp.png');
            filter: brightness(200%);*/
    background-image: none;
    -webkit-mask: url('https://www.gstatic.com/images/icons/material/system/1x/inbox_white_20dp.png') no-repeat center;
    mask: url('https://www.gstatic.com/images/icons/material/system/1x/inbox_white_20dp.png') no-repeat center;
    width: 20px;
    height: 20px;
    background-color: #ffb0a4;
  }
  .J-KU-KO.aKe-aLe::before {
    background-color: #70A6FF;
    color: #fff;
  }
  .J-KU-KO.aKe-aLe .aKz {
    color: #70A6FF;
  }
  .J-KU-KO > .aKe-aLf {
    background-image: url('https://www.gstatic.com/images/icons/material/system/1x/people_gm_blue600_20dp.png');
    filter: brightness(170%) hue-rotate(30deg);
  }
  .J-KU-KO.aJi-aLe::before,
  .aAA .aJi-aLe .aDG {
    background-color: #5EC570;
    color: #fff;
  }
  .J-KU-KO.aJi-aLe .aKz {
    color: #5EC570;
  }
  .J-KU-KO > .aJi-aLf {
    background-image: url('https://www.gstatic.com/images/icons/material/system/1x/local_offer_gm_green600_20dp.png');
    filter: brightness(130%) hue-rotate(10deg);
  }
  .J-KU-KO.aH2-aLe::before,
  .aAA .aH2-aLe .aDG {
    background-color: #fa7b17;
    color: #fff;
  }
  .J-KU-KO.aH2-aLe .aKz {
    color: #fa7b17;
  }
  .J-KU-KO > .aH2-aLf {
    background-image: url('https://www.gstatic.com/images/icons/material/system/1x/info_gm_orange500_20dp.png');
  }
  .J-KU-KO.aHE-aLe::before,
  .aAA .aHE-aLe .aDG {
    background-color: #C38BF4;
    color: #fff;
  }
  .J-KU-KO.aHE-aLe .aKz {
    color: #C38BF4;
  }
  .J-KU-KO > .aHE-aLf {
    background-image: url('https://www.gstatic.com/images/icons/material/system/1x/forum_gm_purple500_20dp.png');
  }
  .x7 {
    background: rgba(255, 124, 104, 0.2);
  }
  td.PF.xY.PE {
    visibility: hidden;
  }
  .iY {
    background: transparent !important;
  }
  .bAn,
  .bAt,
  .bAt > tbody,
  .bAt > tbody > tr,
  .Bu,
  .Su .nH.aBz,
  .iC {
    background: #111 !important;
  }
  .nH.byY .hP {
    color: #dedede;
    font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  }
  .nH.byY .hk > .L3,
  .nH.byY .xE .G-atb .T-I-ax7 {
    filter: invert(100%);
  }
  .hU.hM {
    border-radius: 0px 0 0 0px;
  }
  .hV.hM {
    border-radius: 0 0px 0px 0;
  }
  .hx .gD {
    color: #dedede;
  }
  img.ajz {
    filter: invert(100%);
  }
  .go,
  .hx .hb,
  .iv .g3,
  .hI .g3,
  .ac2,
  .g2 {
    color: #999999;
  }
  .aju {
    height: 40px;
    padding-top: 20px;
    background-color: #111;
  }
  /*reply*/
  .ams.bkH::before,
  .hB,
  .mL {
    background-image: url('https://www.gstatic.com/images/icons/material/system/1x/reply_white_20dp.png');
  }
  /*reply all*/
  .ams.bkI::before,
  .mK {
    background-image: url('https://www.gstatic.com/images/icons/material/system/1x/reply_all_white_20dp.png');
  }
  /*forward*/
  .ams.bkG::before,
  .mI {
    background-image: url('https://www.gstatic.com/images/icons/material/system/1x/forward_white_20dp.png');
  }
  /*more*/
  .hA {
    background-image: url('https://www.gstatic.com/images/icons/material/system/1x/more_vert_white_20dp.png');
  }
  /*star*/
  .bi4 > .T-KT:not(.T-KT-Jp):not(.byM)::before {
    background-image: url('https://www.gstatic.com/images/icons/material/system/1x/star_border_white_20dp.png');
  }
  .T-KT-Jp::before {
    filter: brightness(120%);
  }
  /*important*/
  .ha .pH-A7 {
    background-image: url('https://www.gstatic.com/images/icons/material/system/1x/label_important_outline_white_20dp.png');
  }
  .ha .a9q {
    opacity: 0.8;
  }
  .gW {
    background-image: url('https://www.gstatic.com/images/icons/material/system/1x/attachment_white_20dp.png');
    opacity: 0.6;
  }
  .g6 {
    color: #bbbbbb;
  }
  .adI {
    background-color: #212121;
  }
  .adI .B9 {
    color: #78b4f8;
  }
  .adI .J-JN-M-I {
    color: #999999;
  }
  .adI .J-JN-M-I:hover {
    background-color: #303030;
  }
  .adI .J-JN-M-I-JG {
    background-image: url('https://www.gstatic.com/images/icons/material/system/1x/arrow_drop_down_white_20dp.png');
    opacity: 0.54;
  }
  .adI .adJ > .hc {
    background-image: url('https://www.gstatic.com/images/icons/material/system/1x/translate_white_20dp.png');
  }
  .adI .ob > .adG {
    background-image: url('https://www.gstatic.com/images/icons/material/system/1x/chevron_right_white_20dp.png');
  }
  .bzx {
    background-color: #212121;
    color: #dedede;
    border-radius: 2px;
  }
  .bzx .bzx,
  .bzx .bzq {
    font-family: Roboto;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.25px;
    font-size: 0.875rem;
    border-radius: 4px;
    background-color: #ff7c68;
    color: #000;
    height: 35px;
    border: none;
    box-shadow: none;
  }
  .bzx .bzx:hover,
  .bzx .bzq:hover {
    background-color: #ff8572;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 1px rgba(0, 0, 0, 0.12);
    color: #000;
  }
  .bzx .bzx:active,
  .bzx .bzq:active,
  .bzx .bzx:focus:hover,
  .bzx .bzq:focus:hover {
    background-color: #ff8d7c;
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
    color: #000;
    border: none;
  }
  .bzx .bzx:focus,
  .bzx .bzq:focus {
    background-color: #ff8d7c;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 1px rgba(0, 0, 0, 0.12);
  }
  .gs > div:not(.gE):not(.wj) {
    filter: invert(93.2%) hue-rotate(180deg);
    background-color: #fff;
  }
  .gs > div:not(.gE):not(.wj) img {
    filter: invert(100%) hue-rotate(180deg) contrast(120%) saturate(120%);
  }
  .gs > div:not(.gE):not(.wj) ::selection {
    color: #78b4f8 !important;
    background: #000;
  }
  div.ajR {
    background-color: #313131;
  }
  div.ajR .ajT {
    background-image: url('https://www.gstatic.com/images/icons/material/system/1x/more_horiz_white_20dp.png');
  }
  div.ajR:hover,
  div.ajR:focus {
    background-color: #414141;
  }
  /*buttons container*/
  .hx .h7 .gA,
  .wR > .amn {
    background-color: #111;
  }
  /*quick reply buttons*/
  .bra {
    color: #78b4f8;
    border-radius: 4px;
    box-shadow: inset 0 0 0 1px #555;
    font-family: Roboto;
  }
  .bra:active {
    background-color: #212121;
    box-shadow: inset 0 0 0 1px #555;
  }
  .brb {
    box-shadow: inset 0 -1px 0 0 rgba(172, 172, 172, 0.122);
  }
  /*actions buttons*/
  .amn > .ams {
    color: #999999;
    border-radius: 4px;
    box-shadow: inset 0 0 0 1px #555;
    font-family: Roboto;
    text-transform: uppercase;
  }
  .bra:focus {
    background-color: rgba(95, 99, 104, 0.122);
  }
  .ams:active {
    background-color: #212121;
    box-shadow: inset 0 0 0 1px #555;
  }
  .SI .G-atb {
    filter: invert(94%);
    border-bottom: 1px solid #e0e0e0;
    box-shadow: 0px 4px 12px 2px #fff;
  }
  /*//CONTEXT MENU//*/
  /*background*/
  .J-M,
  .t9,
  .d-Na-JG-M {
    background-color: #242424;
    border-radius: 4px;
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
  }
  /*item*/
  .J-N,
  .J-N,
  .J-LC,
  .J-JK,
  .ua,
  .d-Na-N {
    color: #dedede;
  }
  .J-N:hover,
  .J-N-JT,
  .J-N .J-N-JT,
  .J-LC-JT,
  .J-JK-JT,
  .bk5,
  .d-Na-N-JW {
    color: #e9e9e9 !important;
    background-color: #333333 !important;
    border-color: transparent;
  }
  .J-Ks-KO .J-N-Jz {
    color: #e9e9e9 !important;
  }
  /*item icon*/
  .J-Ph-hFsbo,
  .J-Ks-KO .J-N-Jo,
  .asi .J-Ks-KO::before,
  .J-LC-Jo,
  .J-N-JX.aDE,
  .d-Na-N .d-Na-J3 {
    filter: invert(1);
  }
  /*hover text*/
  .J-N-JT .J-N-Jz,
  .J-N-JW .J-N-Jz {
    color: var(--text-color-1);
  }
  /*section head*/
  .J-awr,
  .asd,
  .asc {
    color: #999999;
  }
  /*section divider*/
  .J-Kh,
  .d-Na-axR {
    border-top: 1px solid #333333;
  }
  .afQ {
    color: #dedede;
  }
  .e {
    color: #ff7c68;
  }
  .bqf:focus {
    box-shadow: inset 0 -2px 0 0 #ff7c68;
  }
  .agd .J-M-JJ input {
    background: #242424;
    color: #dedede;
  }
  .A0 {
    background-image: url('https://www.gstatic.com/images/icons/material/system/1x/search_white_20dp.png');
  }
  div.Kj-JD,
  .bug {
    background-color: #212121;
    border-radius: 4px;
  }
  span.Kj-JD-K7-K0,
  .bul {
    font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
    color: #dedede;
  }
  div.Kj-JD-Jz {
    color: #999999;
  }
  .a3d,
  .a4P,
  .pK {
    color: #7f7f7f;
  }
  span.Kj-JD-K7-Jq {
    background-image: url('https://www.gstatic.com/images/icons/material/system/1x/close_white_20dp.png');
  }
  .bug-Jl > .J-at1-auR,
  .T-I-atl,
  div.Kj-JD-Jl > button.J-at1-auR,
  .bvs > .Kj-JD-Jl > button.J-at1-auR {
    font-family: Roboto;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.25px;
    font-size: 0.875rem;
    border-radius: 4px;
    background-color: #ff7c68;
    color: #000;
    height: 35px;
    border: none;
  }
  .bug-Jl > .J-at1-auR:hover,
  .T-I-atl:hover,
  div.Kj-JD-Jl > button.J-at1-auR:hover,
  .bvs > .Kj-JD-Jl > button.J-at1-auR:hover {
    background-color: #ff8572;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 1px rgba(0, 0, 0, 0.12);
    color: #000;
  }
  .bug-Jl > .J-at1-auR:active,
  .T-I-atl:active,
  div.Kj-JD-Jl > button.J-at1-auR:active,
  .bvs > .Kj-JD-Jl > button.J-at1-auR:active,
  .bug-Jl > .J-at1-auR:focus:hover,
  .T-I-atl:focus:hover,
  div.Kj-JD-Jl > button.J-at1-auR:focus:hover,
  .bvs > .Kj-JD-Jl > button.J-at1-auR:focus:hover {
    background-color: #ff8d7c;
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
    color: #000;
    border: none;
  }
  .bug-Jl > .J-at1-auR:focus,
  .T-I-atl:focus,
  div.Kj-JD-Jl > button.J-at1-auR:focus,
  .bvs > .Kj-JD-Jl > button.J-at1-auR:focus {
    background-color: #ff8d7c;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 1px rgba(0, 0, 0, 0.12);
  }
  .bum .T-bfE,
  .a8Y > .T-I-ax7,
  .bcY > .a7W > .T-I.T-I-ax7,
  .aJ7 .Kj-JD-Jl button,
  .pD .Kj-JD-Jl button,
  .Kj-JD .Kj-JD-Jl button {
    font-family: Roboto;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.25px;
    font-size: 0.875rem;
    border-radius: 4px;
    background-color: #ff7c68;
    color: #000;
    height: 35px;
    border: none;
    border: 1px solid #666666;
    color: #999999;
    background: none;
  }
  .bum .T-bfE:hover,
  .a8Y > .T-I-ax7:hover,
  .bcY > .a7W > .T-I.T-I-ax7:hover,
  .aJ7 .Kj-JD-Jl button:hover,
  .pD .Kj-JD-Jl button:hover,
  .Kj-JD .Kj-JD-Jl button:hover {
    background-color: #ff8572;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 1px rgba(0, 0, 0, 0.12);
    color: #000;
  }
  .bum .T-bfE:active,
  .a8Y > .T-I-ax7:active,
  .bcY > .a7W > .T-I.T-I-ax7:active,
  .aJ7 .Kj-JD-Jl button:active,
  .pD .Kj-JD-Jl button:active,
  .Kj-JD .Kj-JD-Jl button:active,
  .bum .T-bfE:focus:hover,
  .a8Y > .T-I-ax7:focus:hover,
  .bcY > .a7W > .T-I.T-I-ax7:focus:hover,
  .aJ7 .Kj-JD-Jl button:focus:hover,
  .pD .Kj-JD-Jl button:focus:hover,
  .Kj-JD .Kj-JD-Jl button:focus:hover {
    background-color: #ff8d7c;
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
    color: #000;
    border: none;
  }
  .bum .T-bfE:focus,
  .a8Y > .T-I-ax7:focus,
  .bcY > .a7W > .T-I.T-I-ax7:focus,
  .aJ7 .Kj-JD-Jl button:focus,
  .pD .Kj-JD-Jl button:focus,
  .Kj-JD .Kj-JD-Jl button:focus {
    background-color: #ff8d7c;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 1px rgba(0, 0, 0, 0.12);
  }
  .bum .T-bfE:hover,
  .a8Y > .T-I-ax7:hover,
  .bcY > .a7W > .T-I.T-I-ax7:hover,
  .aJ7 .Kj-JD-Jl button:hover,
  .pD .Kj-JD-Jl button:hover,
  .Kj-JD .Kj-JD-Jl button:hover,
  .bum .T-bfE:active,
  .a8Y > .T-I-ax7:active,
  .bcY > .a7W > .T-I.T-I-ax7:active,
  .aJ7 .Kj-JD-Jl button:active,
  .pD .Kj-JD-Jl button:active,
  .Kj-JD .Kj-JD-Jl button:active,
  .bum .T-bfE:focus:hover,
  .a8Y > .T-I-ax7:focus:hover,
  .bcY > .a7W > .T-I.T-I-ax7:focus:hover,
  .aJ7 .Kj-JD-Jl button:focus:hover,
  .pD .Kj-JD-Jl button:focus:hover,
  .Kj-JD .Kj-JD-Jl button:focus:hover,
  .bum .T-bfE:focus,
  .a8Y > .T-I-ax7:focus,
  .bcY > .a7W > .T-I.T-I-ax7:focus,
  .aJ7 .Kj-JD-Jl button:focus,
  .pD .Kj-JD-Jl button:focus,
  .Kj-JD .Kj-JD-Jl button:focus {
    background-color: transparent;
    border: 1px solid #666666;
  }
  .bum .T-bfE:hover,
  .a8Y > .T-I-ax7:hover,
  .bcY > .a7W > .T-I.T-I-ax7:hover,
  .aJ7 .Kj-JD-Jl button:hover,
  .pD .Kj-JD-Jl button:hover,
  .Kj-JD .Kj-JD-Jl button:hover,
  .bum .T-bfE:active,
  .a8Y > .T-I-ax7:active,
  .bcY > .a7W > .T-I.T-I-ax7:active,
  .aJ7 .Kj-JD-Jl button:active,
  .pD .Kj-JD-Jl button:active,
  .Kj-JD .Kj-JD-Jl button:active,
  .bum .T-bfE:focus:hover,
  .a8Y > .T-I-ax7:focus:hover,
  .bcY > .a7W > .T-I.T-I-ax7:focus:hover,
  .aJ7 .Kj-JD-Jl button:focus:hover,
  .pD .Kj-JD-Jl button:focus:hover,
  .Kj-JD .Kj-JD-Jl button:focus:hover {
    color: #aaaaaa;
  }
  .bum .T-bfE:hover,
  .a8Y > .T-I-ax7:hover,
  .bcY > .a7W > .T-I.T-I-ax7:hover,
  .aJ7 .Kj-JD-Jl button:hover,
  .pD .Kj-JD-Jl button:hover,
  .Kj-JD .Kj-JD-Jl button:hover {
    box-shadow: inset 10000px 0px 0px rgba(255, 255, 255, 0.05);
  }
  .bum .T-bfE:active,
  .a8Y > .T-I-ax7:active,
  .bcY > .a7W > .T-I.T-I-ax7:active,
  .aJ7 .Kj-JD-Jl button:active,
  .pD .Kj-JD-Jl button:active,
  .Kj-JD .Kj-JD-Jl button:active,
  .bum .T-bfE:focus:hover,
  .a8Y > .T-I-ax7:focus:hover,
  .bcY > .a7W > .T-I.T-I-ax7:focus:hover,
  .aJ7 .Kj-JD-Jl button:focus:hover,
  .pD .Kj-JD-Jl button:focus:hover,
  .Kj-JD .Kj-JD-Jl button:focus:hover {
    box-shadow: inset 10000px 0px 0px rgba(255, 255, 255, 0.07);
  }
  .bum {
    color: #999999;
  }
  .bum .T-bfE:first-child {
    border-radius: 4px 0 0 4px;
  }
  .bum .T-bfE {
    border-radius: 0;
    border-color: #333333;
  }
  .bum .T-bfE:last-child {
    border-radius: 0 4px 4px 0;
  }
  .bum .T-bfE-Jp {
    background-color: #ff7c68 !important;
    color: #ffffff !important;
    border: 1px solid transparent !important;
  }
  .buh {
    filter: invert(95%) hue-rotate(180deg) sepia(26%);
  }
  .a90.T-I-ax7 {
    opacity: 0.8;
  }
  .a90.T-I-ax7:hover {
    opacity: 1;
  }
  .a8Y > .a95 {
    border-color: #666666;
    border-right: none;
  }
  .T-P {
    background-color: #111;
    border-color: #111;
  }
  .T-P .a7V {
    color: #dedede;
  }
  .T-P .a7V .T-I.T-I-ax7.T-I-Jp {
    font-family: Roboto;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.25px;
    font-size: 0.875rem;
    border-radius: 4px;
    background-color: #ff7c68;
    color: #000;
    height: 35px;
    border: none;
    color: #ffffff;
  }
  .T-P .a7V .T-I.T-I-ax7.T-I-Jp:hover {
    background-color: #ff8572;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 1px rgba(0, 0, 0, 0.12);
    color: #000;
  }
  .T-P .a7V .T-I.T-I-ax7.T-I-Jp:active,
  .T-P .a7V .T-I.T-I-ax7.T-I-Jp:focus:hover {
    background-color: #ff8d7c;
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
    color: #000;
    border: none;
  }
  .T-P .a7V .T-I.T-I-ax7.T-I-Jp:focus {
    background-color: #ff8d7c;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 1px rgba(0, 0, 0, 0.12);
  }
  .T-P .a7V .T-I.T-I-ax7.T-I-Jp:hover {
    border: none;
  }
  .T-P .a7V .T-I.T-I-ax7.by6 {
    border-radius: 4px 0 0 4px;
  }
  .T-P .a7V .T-I.T-I-ax7.by5 {
    border-radius: 0 4px 4px 0;
  }
  .a8Y.Kj-JD-Jl,
  .a80.Kj-JD-K7 {
    border-color: #111111;
  }
  .a80.Kj-JD-K7 {
    box-shadow: 0 5px 10px -5px #111111;
  }
  .aJ7 .aI0 {
    border-color: transparent;
  }
  .T-Jo-Jp {
    background-image: url('https://www.gstatic.com/images/icons/material/system/1x/check_box_white_20dp.png');
  }
  .pJ {
    border-color: #333333;
  }
  .Kj-JD-Jz .e,
  .Kj-JD-Jz a {
    color: #ff7c68 !important;
  }
  .byh {
    color: #ff7c68;
  }
  .aFe,
  .byf,
  .bvs .bve.J-JN-M-I > .J-JN-M-I-Jm {
    color: #999999;
  }
  .byd {
    background-image: url('https://www.gstatic.com/images/icons/material/system/1x/help_outline_white_20dp.png');
  }
  .byf::before {
    background-image: url('https://www.gstatic.com/images/icons/material/system/1x/radio_button_unchecked_white_24dp.png');
  }
  .bye:checked + .byf::before {
    background-image: url('https://www.gstatic.com/images/icons/material/system/1x/radio_button_checked_white_24dp.png');
  }
  .J-JN-M-I-JG {
    background-image: url('https://www.gstatic.com/images/icons/material/system/1x/arrow_drop_down_white_20dp.png');
  }
  /*titlebar*/
  .Ht {
    background: #0b0b0b;
  }
  .Hp {
    color: #dedede;
  }
  /*background*/
  .M9,
  .aoP .Ar {
    background: #111;
  }
  /*subject*/
  .aoT {
    background: #111;
    color: #999999;
  }
  /*to*/
  .wO.nr,
  .eV > .oj .vO {
    background: #111;
    color: #dedede;
  }
  .gO,
  .vN > .vT,
  .J-JN-M-I,
  .gQ,
  .az9 {
    color: #999999;
  }
  .vR > .vN {
    background-color: #212121;
    border-color: #212121;
  }
  .vR > .vN:hover {
    background-color: #303030;
    border-color: #303030;
  }
  /*body*/
  .Am:not(.aO9) {
    background: #111;
    color: #dedede;
  }
  /*tools*/
  .aDg > .aDj {
    background: #111;
  }
  .dv,
  .Xv.T-I.J-JN-M-I > .J-JN-M-I-JG,
  .og.T-I-J3,
  .J-Z-M-I-J6-H > .J-Z-M-I-JG,
  .aaA {
    filter: invert(100%);
  }
  .oG {
    color: #dedede;
  }
  /*extra tools*/
  #\:1dv,
  .bA3 > div {
    background: #111;
  }
  #\:1f2,
  .aZ > .J-Z {
    background: #111;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.24), 0 1px 10px 0 rgba(0, 0, 0, 0.22), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
  }
  .aZ .J-Z-axO .J-Z-M-I-Jm {
    color: #999999;
  }
  /*email autofill*/
  .aiv {
    background: #242424;
  }
  .ah .Jd-Je {
    background: #363636;
  }
  .aiv .am > .ao5,
  .aiv .aq,
  .uR .aq {
    color: #dedede;
  }
  .aiv .am > .Sr {
    color: #999999;
  }
  .ah.aiv {
    box-shadow: none;
    border-radius: 2px;
  }
  /*close*/
  .vN > .vM {
    background-image: url('https://www.gstatic.com/images/icons/material/system/1x/close_white_16dp.png');
  }
  .dC {
    border-radius: 4px;
  }
  .dC:hover {
    box-shadow: none;
  }
  .dC .v7.T-I-atl {
    border-radius: 4px 0 0 4px;
  }
  .dC .hG.T-I {
    border-radius: 0 4px 4px 0;
    border-left: none;
    background: #ff7c68;
  }
  .dC .hG.T-I .G-asx {
    filter: invert(100%);
  }
  .Am.aO9 {
    filter: invert(93.2%) hue-rotate(180deg);
    background-color: #fff;
  }
  .HM .et,
  .HM .btC,
  .IG,
  .aC3,
  .GP {
    background: #111;
  }
  .HM .I5 {
    border-radius: 4px;
    border-color: #363636;
  }
  .HM .I5:hover {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 2px 6px 2px rgba(0, 0, 0, 0.149);
    border-color: #424242;
  }
  .aDi::before {
    border-color: #363636 !important;
  }
  .aDi::before:hover {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 2px 6px 2px rgba(0, 0, 0, 0.149) !important;
    border-color: #424242 !important;
  }
  .J-JN-M-I {
    color: #999999 !important;
  }
  .az2 > .J-JN-M-I-JG,
  .Un::after {
    background-image: url('https://www.gstatic.com/images/icons/material/system/1x/arrow_drop_down_white_20dp.png');
  }
  #loading {
    background-color: #111 !important;
  }
  .msgb {
    color: white;
  }
  .submit_as_link {
    color: #78b4f8;
  }
  .brC-brG-avC {
    background-color: #111;
    border-color: rgba(255, 255, 255, 0.12);
  }
  .brC-brG-a1P-K0 {
    color: #dedede;
  }
  .brC-brG-K7-K0.brC-brG-K7-axY {
    color: #cccccc;
  }
  .brC-brG {
    background-color: transparent;
    border-left: 0px;
  }
  .bq9 {
    box-shadow: 0 4px 5px 0 #000, 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
  }
  .brC-brG-Jz-bBA,
  .brC-brG-bBB-JC,
  .brC-brG-bBB-K7,
  .brC-brG-a1R-JC,
  .brC-brG-a1R-K7,
  .brC-brG-Jz-bBA > svg {
    background-color: #111 !important;
    color: #999999;
    fill: #999999;
  }
  .brC-brG-bBC-a1r-aws,
  .brC-brG-bBF-a5b-aws::before {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAAAllBMVEX////8whv8whv8whv8whv8whv8whv8whv8whv8whv8whv8whv8whv8whv8whv8whv8whvVph9vXSmVeCWviyMvLy+8lCE7OC5VSivJnSBiUyqigSSIbybvuRzisB5IQS17Zij5sh/4rCD7vRz0lybyhynxgSvtbDDvdi33pyL2oiPzjCj0kSf6tx7wfCz1nCTucS8AAABcKO/hAAAAEHRSTlMAIEBwgJDAYBBQ8DDQ4LCgptWG6wAABK5JREFUeAG80Eu2xCAIhGGMDwhqrP2v9s7uqE+fmCL9beCHEko6cqntXy16mPyInaU5PvBWziQv63Xgq1nPN+sTd1xqEs904DZfh8RK1bFnZgvMLzzgK0kIq3gq5ITsICwTTh/geCHX541Ovs8r8kxGlGayzy7EmZ2bn+d9t+8IprJDEU/JPu+PFjPaTR6GobD44UcwiclpOE2bNk3f/ymnCeiamAWneN8VF1FjbJ9jK/IqHKgezT4ojh7T2O1akKmx7H5XYHsEnwr1bwFHm9kr9F8HtH/YiGf6hd43tx8DMNKKMPQ1plzlP48vT+0YAUy3LgT8+owDBjU3OF2S+5Fy/+NJAAYAQo0Wi0pI/X9GiucZCBHoepXZzAUYkHLvfrvuAQvEUGlHJ2kD9sihbzxgljMR6NXWk90Hs5yMe2Ga5cgERBIgS8GRUiwyutulJknSqDYW2QQakDFTjl182firfEt97gDcepDBr2jhzKNcbqq2Q67AogpcIEa73A90Yjn8F64ADdYUhmAPVEVwea0AXoPS5yM7Ul0DtoKzFDhDDKbX2G+0gn/0lNBJ7k/inIN8JrIO5IRR8l2scVYSgnwJmaz3zVBSGJOrE3hT9oJzoUoEM6PMniVAMwAveLdQTAAPoJF3oUYCyHDLfo0gAXIcs+zX7AR7sJiZW3aNDI70LlO2NUg4/0wBeh+LBelUPvBFVKcInamdBjovIYMT+DALQPUporXWtkH+gsrnsD4SJzpRLV/F229yqzoMBfDwJ7xgSNAWwMYiECfe/+pePty5M7edIpkD6W8DnNbCVWXcD3aXAOkrMLjR8x+Td3eLB9CvgJ1H/macLRxAtwL9wj9YejCAZgV6zyv8QCvEzrwjiX2wYAzAAN2QoJ9Y5jYHaEgws8qz3xigoHUP1npRolrzEi6sN1pKkitKYOYUz0ApGrkEBk4Te0og7wI28oEJjNyLeGY8gbARVkIB4AmEjTB9ASTRkk4h1aDjbZ6kk0v/EEy80YNULsLJ0J03u+uHRB2wB4JlcJNegom3W0hWCBtxYETQTsnAEgB+BUZqBhxDrK4EcqAGweagkOYCniGTbjpRAgEEQTUqLrEaANbgLA4GZsaMYj8o7EOBMVE1IaugdhR4EVtFgBAZMgi7gBAAr4K7Zjoj9OSRAU4TgNaF5fgAAjs4517D0BNRPy8xOYBQA5TIztM+AVohwAoXWWfQDKppg+D1AcQioE1erKH6Y0QCYGbiVdMJ2sg+4Y7EZEIAwQK3pRUWgBzcmBdiAGB4FQO9yYvQ4gmAgVWFnhX1UVoAQQ4GoOCh51MnB5C8In8TZ1K64gHIuq8RlkBquxyX2dnzX3EJlED/5arcNXg/uldPSVr8yBbT4SeGmFo+rTjUFT81xr/zxssQPjRr6ZeYbOUDrk/I8VsEaAH8ZgLzzxeV2cfrwDT7XyUCL9zUhj7GFPh9KsTtp8tvWUUfUK3dgswPj9BKt2ya7vifXnAprnQIc85OSk1n9q+8+pSk7q60G9NtugLcFNUuZXdGLv/m5c0gRVfWlxMsq8sqeT1Mdf6vOe0pr8tOk8NUt2Mv4efvJOU7yxe3snw/N89Oif4HA38rnAF+mUQAAAAASUVORK5CYII=);
    display: block;
    padding-bottom: 30px;
  }
  .brC-brG-bBF-a5b-pj {
    font-family: Roboto;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.25px;
    font-size: 0.875rem;
    border-radius: 4px;
    background-color: #ff7c68;
    color: #000;
    height: 35px;
    border: none;
    line-height: 35px;
    padding: 0 20px;
    margin-top: 10px;
  }
  .brC-brG-bBF-a5b-pj:hover {
    background-color: #ff8572;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 1px rgba(0, 0, 0, 0.12);
    color: #000;
  }
  .brC-brG-bBF-a5b-pj:active,
  .brC-brG-bBF-a5b-pj:focus:hover {
    background-color: #ff8d7c;
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
    color: #000;
    border: none;
  }
  .brC-brG-bBF-a5b-pj:focus {
    background-color: #ff8d7c;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 1px rgba(0, 0, 0, 0.12);
  }
  .aT5-aOt-M {
    background: #242424;
    border-radius: 2px;
    border: none;
    box-shadow: none;
  }
  .brC-by0-P6-M-J8-JT {
    background: #333333;
  }
  .brC-by0-P6-M-avC,
  .brC-by0-P6-M-K0 {
    color: #dedede;
  }
  .brC-by0-P6-M-axR {
    border: none;
  }
  .brC-by0-P6-M-J8-JX-Jw {
    filter: invert(100%);
  }
}
@-moz-document url-prefix("https://tasks.google.com/embed/"), url-prefix("https://tasks.google.com/u/0/embed/"), url-prefix("https://tasks.google.com/u/1/embed/"), url-prefix("https://tasks.google.com/u/2/embed/"), url-prefix("https://tasks.google.com/u/3/embed/"), url-prefix("https://tasks.google.com/u/4/embed/") {
  /*TASKS*/
  /*header*/
  .B9yICe {
    background-color: #111;
    border-color: rgba(255, 255, 255, 0.12);
  }
  .B6U1Oc {
    color: #dedede;
  }
  .JbNP1e {
    color: #cccccc;
  }
  /*snackbar*/
  .Mh0NNb {
    background: #242424;
  }
  .x95qze {
    font-family: Roboto;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.25px;
    font-size: 0.875rem;
  }
  /*//intro//*/
  /*image*/
  /*title*/
  .CEzH6 {
    color: #e0e0e0;
  }
  /*description*/
  .I1Hdjf {
    color: #9e9e9e;
  }
  /*//----------//*/
  body {
    background-color: #111;
    color: white;
  }
  /*list item background*/
  .kpuJe {
    background-color: #111;
  }
  .kpuJe.OOHrV,
  .PYj7ue {
    background-color: #111;
  }
  /*no list border*/
  .kpuJe::before,
  PYj7ue::before {
    border-color: #212121;
  }
  .kpuJe:hover::before,
  .oxAbDf::before {
    border: none;
  }
  .Wde9Bc:not(.CWc3Zb) .BjZULd::after {
    background-color: #212121;
  }
  /*list item title*/
  .wYwLFe,
  .RwybPd {
    color: white;
  }
  /*list item text*/
  .bTI5jf,
  .qpGJsd,
  .rhGwLe {
    color: white;
  }
  .rPTMxb {
    color: #999;
  }
  /*list item hover*/
  .kpuJe:hover:not(.OOHrV),
  .kpuJe:focus:not(.OOHrV),
  .kpuJe.u3bW4e:not(.OOHrV),
  .oxAbDf:hover:not(.OOHrV),
  .oxAbDf:focus:not(.OOHrV),
  .oxAbDf.u3bW4e:not(.OOHrV) {
    box-shadow: 0 1px 2px 0 #0000004d, 0 2px 6px 2px #0000004d;
  }
  /*list item date or source*/
  .lq5Efd,
  .XKxdVe.QGRmIf,
  .zqDAFf.QGRmIf {
    background-color: #212121;
    border-color: #212121;
  }
  .lq5Efd:hover,
  .XKxdVe.QGRmIf:hover,
  .zqDAFf.QGRmIf:hover {
    background-color: #242424;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 1px 3px 1px rgba(0, 0, 0, 0.149);
  }
  lq5Efd.XEiI1b:focus {
    background-color: #212121;
  }
  .QHt4Fc .fzaxze {
    color: #78b4f8;
  }
  .cHxrOd {
    color: #dedede;
  }
  /*list item link*/
  .KGNaf.MXZCbf.rhGwLe a {
    color: #78b4f8;
  }
  /*sort by date headers*/
  .nnsg6 {
    background: none;
  }
  .nnsg6 .V9NiMc {
    color: #ccc;
  }
  .nnsg6 .u2tuDe {
    color: #ff786f;
  }
  /*white icons*/
  .EfSjgb,
  .UXfMHb,
  .EeFUTc {
    color: white;
    fill: #ffffffc2;
  }
  /*add task button*/
  .UhNUGe {
    background-color: #212121;
    border-radius: 2px;
  }
  .UhNUGe:hover,
  .UhNUGe:focus {
    background-color: #333;
  }
  /*//context menu//*/
  /*background*/
  .XvhY1d,
  .JPdR6b {
    background-color: #242424;
  }
  /*title*/
  .blBtle {
    color: #b8b8b8;
  }
  /*item*/
  .z80M1,
  .WBaDKd .uyYuVb {
    color: #dedede;
    font-family: Roboto;
  }
  .z80M1.FwR7Pc {
    color: #fff;
    background-color: #383838 !important;
  }
  .EgJP7b,
  .ASswV {
    -moz-border-radius: 2px;
    border-radius: 2px;
  }
  /*----------*/
  /*date header*/
  .PZqXCe {
    background-color: #111;
  }
  .pRU5He {
    color: #fff;
  }
  /*dialogue*/
  .g3VIld,
  .g3VIld .rFrNMe .aXBtI {
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #111;
  }
  .tL9Q4c,
  .zHQkBf {
    color: white;
  }
  .AxOyFc {
    color: #fff9;
  }
  /* keyboard shortcuts*/
  .ZwS3pf,
  .hbgYmd {
    color: white;
  }
  .oQh2ud,
  .bNIZpe {
    color: #BDBDBD;
  }
  /*edit task*/
  .AkiGxc .Wic03c .tL9Q4c,
  .AkiGxc .oJeWuf,
  .U1lyme .oJeWuf,
  .Nm5pwe .lzIjk .LMgvRb,
  .Nm5pwe {
    background-color: #212121;
  }
  .Nm5pwe .lzIjk .oJeWuf {
    color: white;
  }
  .RaWQkc {
    color: #fff;
    opacity: 0.54;
  }
  /*calendar*/
  .FmNPqf {
    background-color: #242424;
    color: #fff;
  }
  /*completed*/
  .cbcjjb,
  .oXBvod.MdU9l .Sze5Fc {
    border-top: 1px solid #212121;
    background-color: #111;
    color: rgba(255, 255, 255, 0.8);
  }
  .AY4Dce:not(.sMVRZe),
  .oXBvod.MdU9l:not(.sMVRZe) {
    border-bottom: 1px solid #1c1c1c;
  }
  .DPvwYc {
    color: hsla(0, 0%, 100%, 0.9);
  }
  /*list dropdown text color*/
  .brC-brG-au1-aAI-a3v-K0 {
    color: #e0e0e0;
  }
  /*phone prompt*/
  .YWzfQ {
    background: #212121;
    border-radius: 0;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
  }
  .Rj2Mlf:not(:disabled),
  .Rj2Mlf:hover:not(:disabled),
  .Rj2Mlf:focus:not(:disabled) {
    border-color: transparent;
  }
  .WmMI6,
  .Rj2Mlf {
    font-family: Roboto;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.25px;
    font-size: 0.875rem;
    height: 35px;
  }
  /*what's new*/
  .ICClvb {
    background-color: #212121;
  }
}
@-moz-document url-prefix("https://keep.google.com/companion?"), url-prefix("https://keep.google.com/u/0/companion?"), url-prefix("https://keep.google.com/u/1/companion?"), url-prefix("https://keep.google.com/u/2/companion?"), url-prefix("https://keep.google.com/u/3/companion?"), url-prefix("https://keep.google.com/u/4/companion?") {
  /*//GOOGLE KEEP//*/
  /*header*/
  .Kk7lMc-ae3xF-tJHJj {
    background-color: #111;
    border-color: rgba(255, 255, 255, 0.12);
  }
  .Kk7lMc-ae3xF-VdSJob-fmcmS {
    color: #dedede;
  }
  .Kk7lMc-ae3xF-r4nke-fmcmS {
    color: #cccccc;
  }
  .Kk7lMc-ae3xF-tJHJj-LgbsSe:hover {
    background-color: #333;
  }
  .Kk7lMc-ae3xF-tJHJj-LgbsSe svg {
    fill: #fff !important;
  }
  /*header searchbar*/
  .Kk7lMc-ae3xF-G0jgYd-haAclf {
    background-color: #111;
  }
  .Kk7lMc-ae3xF-G0jgYd-YPqjbf {
    color: #9e9e9e;
  }
  .Kk7lMc-ae3xF-tJHJj-OAU7Vd-Bz112c {
    fill: #fff !important;
  }
  /*//intro//*/
  /*image*/
  /*title*/
  .Q0hgme-Q7GJAc-xFQqWe-MJoBVe .xFQqWe-MJoBVe-r4nke {
    color: #e0e0e0;
  }
  /*description*/
  .Q0hgme-Q7GJAc-xFQqWe-MJoBVe .xFQqWe-MJoBVe-Ne3sFf {
    color: #9e9e9e;
  }
  /*//----------//*/
  /*background*/
  .Q0hgme-Q7GJAc-NkyfNe-RFnRab-LYNcwc {
    background-color: #111;
  }
  /*plain cards*/
  .Q0hgme-Q7GJAc-NkyfNe-RFnRab-LYNcwc .Q0hgme-Q7GJAc-h1U9Be.YuD1xf-BiRFMb,
  .Q0hgme-Q7GJAc-NkyfNe-RFnRab-LYNcwc .Q0hgme-Q7GJAc-h1U9Be.zTETae-hxXJme {
    border: 0;
    background-color: #303030 !important;
    border-radius: 2px;
  }
  /*colored cards*/
  .Q0hgme-Q7GJAc-NkyfNe-RFnRab-LYNcwc .Q0hgme-Q7GJAc-h1U9Be {
    border-radius: 2px;
  }
  /*card hover*/
  .Q0hgme-Q7GJAc-NkyfNe-RFnRab-LYNcwc .Q0hgme-Q7GJAc-h1U9Be:hover {
    box-shadow: 0 1px 2px 0 #0000004d, 0 2px 6px 2px #0000004d;
  }
  /*card title*/
  .Q0hgme-Q7GJAc-h1U9Be .h1U9Be-r4nke.nUpftc-DyVDA-YPqjbf {
    color: white;
  }
  .Q0hgme-Q7GJAc-h1U9Be > .nUpftc-DyVDA-YPqjbf.h1U9Be-r4nke.QQhtn {
    color: white;
  }
  /*card text*/
  .Q0hgme-Q7GJAc-h1U9Be .fmcmS-h1U9Be-bN97Pc.nUpftc-DyVDA-YPqjbf,
  .Q0hgme-Q7GJAc-h1U9Be .rymPhb-ibnC6b-bN97Pc.nUpftc-DyVDA-YPqjbf {
    color: #e7e7e7;
  }
  /*card text strikethrough*/
  .Q0hgme-Q7GJAc-h1U9Be .rymPhb-ibnC6b.barxie .rymPhb-ibnC6b-bN97Pc,
  .Q0hgme-Q7GJAc-h1U9Be .NYTeh-tJHJj .NYTeh-tJHJj-r4nke,
  .Q0hgme-Q7GJAc-h1U9Be .NYTeh-tJHJj .NYTeh-tJHJj-r4nke:hover {
    color: #aaaaaa;
  }
  /*list icons*/
  .Q0hgme-MPu53c.VIpgJd-MPu53c-barxie,
  .Q0hgme-MPu53c,
  .Q0hgme-Q7GJAc-h1U9Be .NYTeh-tJHJj .Q8Kwad,
  .Q0hgme-Q7GJAc-h1U9Be .rymPhb-ibnC6b .htvI8d-ibnC6b {
    filter: invert(100%);
  }
  /*card button*/
  .Q0hgme-fmcmS-LgbsSe {
    border-radius: 2px;
    color: white;
  }
  .Q0hgme-fmcmS-LgbsSe:not(.VIpgJd-LgbsSe-OWB6Me):not(.fmcmS-LgbsSe-di8rgd-i5vt6e):hover {
    background-color: rgba(255, 255, 255, 0.1);
    color: white;
  }
  .Q0hgme-fmcmS-LgbsSe:not(.VIpgJd-LgbsSe-OWB6Me):not(.fmcmS-LgbsSe-di8rgd-i5vt6e):hover:active {
    background-color: rgba(255, 255, 255, 0.2);
  }
  .Q0hgme-fmcmS-LgbsSe:not(.VIpgJd-LgbsSe-OWB6Me):not(.JbbQac-AHmuwe-i5vt6e):not(.fmcmS-LgbsSe-di8rgd-i5vt6e):focus,
  .Q0hgme-fmcmS-LgbsSe:not(.VIpgJd-LgbsSe-OWB6Me):not(.fmcmS-LgbsSe-di8rgd-i5vt6e):hover {
    background-color: rgba(255, 255, 255, 0.1);
    color: white;
  }
  /*card options*/
  /*subbar*/
  .Q0hgme-Q7GJAc-NkyfNe-RFnRab-LYNcwc .Q0hgme-Q7GJAc-h1U9Be-xhiy4 {
    background-color: #111;
  }
  /*add task button*/
  .Q0hgme-Q7GJAc-NkyfNe-RFnRab-LYNcwc .RmniWd-fmcmS-h1U9Be {
    background-color: #212121;
    border-radius: 2px;
  }
  .Q0hgme-Q7GJAc-NkyfNe-RFnRab-LYNcwc .Q0hgme-Q7GJAc-h1U9Be-xhiy4 .Q0hgme-LgbsSe:hover,
  .Q0hgme-Q7GJAc-NkyfNe-RFnRab-LYNcwc .Q0hgme-Q7GJAc-h1U9Be-xhiy4 .Q0hgme-LgbsSe:focus {
    background-color: #333;
  }
  .Q0hgme-Q7GJAc-NkyfNe-RFnRab-LYNcwc .RmniWd-fmcmS-h1U9Be {
    color: #c3c3c3;
  }
  /*new list button*/
  /*source text*/
  .Q0hgme-XPtOyb .XPtOyb-fmcmS {
    color: #e7e7e7;
  }
  .XPtOyb-Bz112c,
  .XPtOyb-VkLyEc {
    filter: invert(100%);
  }
  /*snackbar*/
  .Q0hgme-vDaB1c {
    border-radius: 0;
  }
  /*image*/
  .Q0hgme-Q7GJAc-xFQqWe-MJoBVe.xFQqWe-RFnRab .xFQqWe-MJoBVe-HiaYvf {
    filter: invert(97.1%) hue-rotate(190deg) brightness(236%);
  }
  .Q0hgme-Q7GJAc-xFQqWe-MJoBVe.xFQqWe-G0jgYd .xFQqWe-MJoBVe-HiaYvf {
    filter: invert(100%) brightness(200%);
  }
}
@-moz-document url-prefix("https://calendar.google.com/calendar/companion?"), url-prefix("https://calendar.google.com/u/0/calendar/companion?"), url-prefix("https://calendar.google.com/u/1/calendar/companion?"), url-prefix("https://calendar.google.com/u/2/calendar/companion?"), url-prefix("https://calendar.google.com/u/3/calendar/companion?"), url-prefix("https://calendar.google.com/u/4/calendar/companion?"), url-prefix("https://calendar.google.com/calendar/b/0/companion?"), url-prefix("https://calendar.google.com/calendar/b/1/companion?"), url-prefix("https://calendar.google.com/calendar/b/2/companion?"), url-prefix("https://calendar.google.com/calendar/b/3/companion?"), url-prefix("https://calendar.google.com/calendar/b/4/companion?") {
  /*//GOOGLE CALENDAR//*/
  /*header*/
  .cOoA8d {
    background-color: #111;
    border-color: rgba(255, 255, 255, 0.12);
  }
  .NNmvKe {
    color: #dedede;
  }
  .KPC9Wd {
    color: #cccccc;
  }
  /*snackbar*/
  .WBVT0b {
    font-family: Roboto;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.25px;
    font-size: 0.875rem;
  }
  /*//intro//*/
  /*image*/
  /*background*/
  .NmajGc {
    background-color: #111;
  }
  /*title*/
  .ujFWBd {
    color: #e0e0e0;
  }
  /*description*/
  .cApBzf {
    color: #9e9e9e;
  }
  /*//----------//*/
  /*//main view//*/
  /*background color*/
  .v83gc,
  .GENA3c,
  .w61Ns,
  .Gk2izd,
  .cBs4Te,
  .IKYMIb,
  .erzbAb {
    background-color: #111;
  }
  /*white text*/
  .pCoqfc,
  .MANBAf {
    color: #ffffff;
  }
  /*borders*/
  .cBs4Te {
    border-bottom: #28272a 1px solid;
  }
  /*day arrows*/
  .rF3YF {
    color: rgba(255, 255, 255, 0.5);
    fill: rgba(255, 255, 255, 0.5);
  }
  /*calendar event shared*/
  .EfQccc.LKeQwe {
    background-color: #212121;
  }
  /*dropdown*/
  .JPdR6b {
    background-color: #242424;
  }
  .z80M1.FwR7Pc {
    background-color: #363636;
  }
  .z80M1 {
    color: #e0e0e0;
  }
  .z80M1.qs41qe > .aBBjbd {
    animation: none;
  }
  .Tp2TSd,
  .g3dbUc,
  .EfQccc::before,
  .EfQccc {
    border-radius: 2px;
  }
  /*schedule date header*/
  .NzFAQe {
    color: #dedede;
    font-family: Roboto;
  }
  /*----------*/
  /*//edit event view//*/
  /*background color*/
  .jm1znd,
  .Mz3isd {
    background-color: #111;
  }
  /*title*/
  .xQ6AJ {
    font-family: Roboto;
  }
  .ojG9lb {
    border-radius: 2px;
  }
  /*icons*/
  .DPvwYc {
    color: #fff9;
  }
  /*info text*/
  .NI2kfb {
    color: #fff;
  }
  /*edit in calendar*/
  .zIq8Wc.JhZbF {
    border: 1px solid #464646;
  }
  .zIq8Wc.JhZbF .snByac {
    color: #808080;
  }
  /*shared event going?*/
  .YWILgc {
    background-color: #242424;
  }
  .YTCBlf {
    color: #fff;
  }
  .zIq8Wc.DpNtP.CAOh2c,
  .zIq8Wc.JhZbF.CAOh2c {
    color: #b9b9b9;
  }
  /*----------*/
  /*//new event view//*/
  /*background color*/
  .JdqpXc {
    background-color: #111;
  }
  /*box text entry, people dropdown*/
  .Kb2sf,
  .dKHeGf,
  .IIB0tc .ULpymb,
  .VOEIyf .jBmls,
  .Mfdus,
  .gHQcAb,
  .RWvJ9d,
  .W0m3G::before,
  .e3odF {
    background-color: #242424;
  }
  .WpDZC,
  .n1rxgc,
  .whsOnd.zHQkBf {
    color: #ffffff;
  }
  /*calendar circles*/
  .W0m3G .r4nke,
  .W0m3G .r4nke:hover {
    background-color: #303030;
  }
  .TUH0Sd .r4nke {
    background: #4285f4;
  }
  .iMprOe {
    color: #dedede;
  }
  /*dropdown hover*/
  .oKubKe[aria-selected="true"],
  .VKy0Ic[aria-selected="true"] {
    background-color: #303030;
  }
  /*text styles*/
  .Erb9le:not(.RDPZE) .qmMNRc.y7OZL {
    background-color: #363636;
    border-radius: 0px;
  }
  /*----------*/
  /*buttons*/
  .ksBjEc,
  .lqhisf.JhZbF,
  .lqhisf .snByac {
    font-family: Roboto;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.25px;
    font-size: 0.875rem;
    background-color: #ff7c68;
    height: 35px;
    border-radius: 2px;
    border: 1px solid #666666;
    background: none;
  }
  .lqhisf .snByac {
    border: none;
  }
  .lqhisf {
    padding: 0px 20px;
  }
  /*//select calendars//*/
  /*background*/
  .g3VIld {
    background-color: #111;
  }
}
@-moz-document url-prefix("https://mail.google.com/mail") {
  /*//GOOGLE DRAWER//*/
  /*borders*/
  .gb_z,
  .gb_h:hover a {
    border: 1px solid #333;
  }
  /*background*/
  .gb_C,
  .gb_z {
    background: #111 !important;
  }
  /*google app hover*/
  .gb_h:hover .gb_m,
  .gb_T:hover .gb_X,
  .gb_T:hover .gb_O {
    background: #212121;
  }
  .gb_Z:hover a,
  .gb_T:hover a {
    border: 1px solid #212121;
  }
  /*text color*/
  .gb_m,
  #gb a.gb_D,
  .gb_z,
  #gb a.gb_E {
    color: #ffffff;
  }
  /*more*/
  .gb_D,
  .gb_E {
    background: #212121;
  }
  /*separator*/
  .gb_E {
    border-bottom: 1px solid #212121;
    left: 0;
    width: auto;
  }
  /*marketplace apps notice*/
  .gb_I div.gb_K {
    background: #212121;
  }
  /*account name*/
  .gb_Eb,
  .gb_9a.gb_ab {
    color: #e0e0e0;
  }
  /*account email*/
  .gb_bb,
  .gb_Fb {
    color: #bbbbbb;
  }
  /*hyperlinks*/
  #gb .gb_Za.gb_Za a {
    color: #ff7c68;
  }
  /*account select subaccounts*/
  .gb_qb {
    background: #161616;
    border-top-color: #333;
  }
  .gb_ub:hover {
    background: unset;
    box-shadow: inset 200px 200px rgba(255, 255, 255, 0.06);
  }
  .gb_ub:active {
    background: unset;
    box-shadow: inset 200px 200px rgba(255, 255, 255, 0.12);
  }
  /*account menu buttons*/
  #gb a.gb_0.gb_0 {
    border: 0;
    font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    background: transparent;
    border: 1px solid #666666;
    color: #e0e0e0 !important;
    cursor: pointer;
    border-radius: 4px;
  }
  #gb a.gb_0.gb_0:hover {
    box-shadow: inset 200px 200px rgba(255, 255, 255, 0.08);
    background-image: none;
  }
  #gb a.gb_0.gb_0:active {
    box-shadow: inset 200px 200px rgba(255, 255, 255, 0.16);
    background-image: none;
  }
  /*bottom bar*/
  .gb_ib {
    background-color: #161616;
    border-top-color: #333;
  }
}