Yahoo New Mail - Simply Dark and Gray - 2021 v.63 by decembre

Imported from https://cdn.jsdelivr.net/gh/33kk/uso-archive@flomaster/data/usercss/85010.user.css

Yahoo New Mail - Simply Dark and Gray - 2021 v.63 screenshot
Install Get Stylus Write a review

Details

Authordecembre

LicenseNO-REDISTRIBUTION

Created atApril 09, 2021 20:24

Updated atOctober 07, 2021 10:04

Applies toyahoo, widescreen, mail, Dark and Gray

Statistics

Learn how we calculate statistics in the FAQ.

Total views190

Total installs30

Weekly installs1

Weekly updates1

Description

A DARK COLOR Style ….Simply….
But many tweaks for a better COMPACT interface, for Widescreen and small screen too !

I use it all the time, so it is more updated.
;-)
NEW : Style Updated for all these Perpetual NEW DESIGNS:
last one: JUL 2019 (no possibility to revert to the old design) - in progress….

For Firefox Only!(??)

▶ More usable (for color principally) with these Mail parameters - but since v.54, you shouldn’t need it:
See the screenshot of them:
You need to choose some particular account parameters for your yahoo mail…

Notes

▶ If some color are not good:
read: Maybe you need to choose some particular account parameters for your yahoo mail…

Cf the Parameters screenshot

NEW :
► Its Userstyles version on Userstyles.world:
Yahoo New Mail - Simply Dark and Gray [USw]
► Its Userscript version on GreasyFork:
Yahoo New Mail - Simply Dark and Gray - 2020

This Userstyle is updated for all these Perpetual NEW DESIGNS….

► Last one (Oct 2020) - Now, they force us to use a “Modern Browser”:
How keeping the “NEW Yahoo Mail” and not their “Classic / Basic version”, which it’s not supported by this userstyle?
If like me, you use Waterfox Classic, you can’t continue to use their “New Mail”, only the “Basic Mail”.

So, the solution is to use an “User-Agent Switcher” addon, like this one:
User-Agent Switcher
And set it like that:
- Choose Google
- Add in the bottom field:
https://mail.yahoo.com.
Here a screenshot of the settings:
https://i.imgur.com/ID6SPC7.jpg


But after some test, because it cause some trouble (for me on YouTube), i prefer this one now more complete and simple to use:
User Agent Switcher par Alexander Schlarb:
Its settings (Screenshots):
https://i.imgur.com/lbnjXKvl.jpg

And that’s ok !

Some olders NEW DESIGNS:
- JUL 2019 (no possibility to revert to the old design) - in progress….
- Oct 2014
- May 2015
- June 2015 (Date Label in Mails List).


Wait for the next !

TESTED only on Firefox :
If Good for Other Browser :
Say it to me !
This Style clean all Pubs / ADDS but you can too use :
▶ This greasemonkey script:
Yahoo Mail Ad Removal (USO MIRROR)
Remove Message “ADD Yahoo for MAILTO” :
Hide “add as an application for mailto links” notifications

Note for ADBlock:
I use it with EsyList filter and that’s OK on one profile but not on an other (???) …..
Solution:
If you have a problem on the Mails list view ,
watch if you have this rule enable and disable it:
mail.yahoo.com##div[id^=“yui_”][role=“presentation”] > div[id][class][aria-hidden]

▶ SCROLLBARS :
For Slims and Dark ScrollBars , i use My Userstyles :
Slim Dark Scrollbar (Firefox)

It is a tweak of:
Scrollbars: Slim And Arrowless
You can test too :
Scrollbars, adjustments

▷ LAST changes :
- v.37 > 63 :
- Top / Left toolbar
- New Agenda
- Supp Anti Ad-block overlay message
- Better compatibility for Different Themes
Corrections for:
- Mail Width and Mail write background
- Contacts page (edit)
- Divers Menus (Color Picker, Papers,Gifs, Move to etc..)
- Delete Icon, move at the begin/ right of each mail
- Tabs Active background
- Compact Mail list by moving the first mail to TOP (take care of disposition and density choosen)
- Their continual change of Top Header (Yahoo Logo, etc.. ), Font Picker, Mail Image/doc Preview, Menu, Contacts….
- Calendar Dark
- Adaptation to the New Design of 2019.07 : merged the old design userstyle with the new one

History

Daily snapshots of style statistics.

2021-07-072021-07-212021-08-032021-08-172021-08-302021-09-122021-09-262021-10-092021-10-222021-11-052021-11-182021-12-01Date0.000.501.001.502.002.503.003.504.00Daily countDaily installsDaily updatesDaily views
2021-07-072021-07-212021-08-032021-08-172021-08-302021-09-122021-09-262021-10-092021-10-222021-11-052021-11-182021-12-01Date0.0024.0048.0072.0095.00119.00143.00167.00190.00Total countTotal installsTotal views

Source code

Source code has over 100k characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name           Yahoo New Mail - Simply Dark and Gray - 2021 v.63
@namespace      USO Archive
@author         decembre
@description    `A DARK COLOR Style ....Simply....But many tweaks for a better COMPACT interface, for Widescreen  and small screen too !I use it all the time, so it is more updated.;-)NEW : Style Updated for all these Perpetual NEW DESIGNS:last one:  JUL 2019 (no possibility to revert to the old design)  - in progress....<b>For Firefox Only!(??)</b>▶  More usable (for color principally) with these Mail parameters - but since v.54,  you shouldn't need it:See the screenshot of them:<a href="https://forum.userstyles.org/discussion/53510/useable#latest">You need to choose some particular account parameters for your yahoo mail...</a>`
@version        20211006.20.17
@license        NO-REDISTRIBUTION
@preprocessor   uso
==/UserStyle== */
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("mail.yahoo.com"), domain("calendar.yahoo.com") {

/* ==== 0- Yahoo New Mail - Simply Dark and Gray - 2021 v.63 (new63) ==== */

/* NEW name of Yahoo New Mail - Simply Dark and Gray since v.36 */

/* INFO  (NOT NEED after Waterfox Update) (11 oct 2020) about how keeping tne NEW Yahoo mail (not their "Classic version") after they force us to use a "Modern Browser".
If like me you use Waterfox Classic, you can't continue to use their new mail, only the "Basic Mail" (which it's not supported by this userstyles).
So, the solution is to use an "User-Agent Switcher" addon, like this one:
https://mybrowseraddon.com/useragent-switcher.html
Choose Google and add https://mail.yahoo.com in the bottom field.
But after some test, because it cause some trouble (for me on YouTube), i prefer this one now more complete and simple to use:
User Agent Switcher par Alexander Schlarb
https://addons.mozilla.org/fr/firefox/addon/uaswitcher/

And that's ok!important;
==== */

/* (new63) === SUPP === */

/* (new47) SUPP - MESSAGE ADBLOCK + ADD  - DIVERS */

._yb_wb4rz._yb_om5q9 ,
._yb_1fuf3._yb_1chzr ,
[data-test-id="right-rail-hidead-btn"] ,
div[data-test-id="virtual-list"] li[style*="transform: translate3d(0px, 0px, 0px);"] ,
div[data-test-id="content-area"]  div[data-test-id="content-below-tabs"]   div[data-test-id="mail-right-rail"] div[data-test-id="right-rail-ad"] ,
.norrin-min-upsell,
#modal-outer[aria-labelledby="adBlock-upsell-welcome-message"] {
    display: none !important;
}

/* SUPP PUBs (when Adblock disable or not) + CLASSIC - === */
.mb-list-ad * {
    box-sizing: border-box;
}
.mb-beacon ,
.icon.mb-icon.mb-icon-right.adchoices.mb-sponsored.mb-feedback ,
.ml-bg ,
#masSearchAd  ,
.rightRailAdContainer ,
#mbSearchAd ,
.mb-list-ad, 
#mbSearchAd .mb-list-ad, 
#mbSearchAd .mb-list-ad a ,
.mb-list-ad .flex .title, 
.mb-list-ad .flex .subj ,
#slot_MB {
    display: none ! important;
    max-height: 0 !important;
    min-height: 0 !important;
    width: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
padding: 0 !important;
}
/* SUPP PRO / NEW YAHOO MAIL MESSAGE */
#modal-outer[data-test-id="modal-outer"][role="alertdialog"][aria-labelledby="upsell-welcome-message"] ,
.takeover {
    display: none !important;
}
/* SUPP - YAHOO NEWS POPUP */
.p_a.Z_f8a[data-test-id="popover-content"] {
/* display: none !important; */
/* outline: 1px solid violet !important; */
}
.H_6D6F .p_a.Z_f8a[data-test-id="popover-content"] {
/* display: none !important; */
/* outline: 1px solid aqua !important; */
}
[data-test-id="needToKnowNewsCue"] ,
.D_F.ek_EZ.a_3DVPV.K_3o46j.r_P[data-test-id="needToKnowNewsCue"] {
    display: none !important;
border: 1px solid yellow !important;
}

/* ??? A VOIR */
.msg-body.inner.undoreset img +br ,
.msg-body.inner.undoreset img +br+br ,
.msg-body.inner.undoreset img +br+br+br ,
.msg-body.inner.undoreset img +br+br+br+br ,
.msg-body.inner.undoreset img +br+br+br+br+br {
    display: none ! important;
}

/* (new56) - POP NEW AGENDA - === */
div[data-test-id="popover-content"][style="visibility: visible; top: 78.4853px; left: -379px;"]{
    left: 11% !important;
    top: 28.485px !important;
    visibility: visible !important;
}
div[data-test-id="popover-content"][style="visibility: visible; top: 78.4853px; left: -379px;"] div + div[style="transform: translateX(2px); justify-content: flex-end;"]  {
    display: inline-block !important;
    left: 8px !important;
    top: 5px !important;
    transform: translateX(2px) rotate(135deg) !important;
    width: 12px !important;
}
div[data-test-id="calendar-right-rail-pane"]  div[data-test-id="epoch-schedule-list-container"]  >div:first-of-type button {
    display: inline-block !important;
    width: 250px !important;
    height: auto !important;
}
#todo-pane .items-nav li i ,
body.calendar div#alert-message {
    color: gray ;
}

/* (new50) MAIL - MESSAGE WIDHT - === */
[data-test-id="message-group-view"]  [data-test-id="message-group-view-scroller"] [data-test-id="focus-group"] ul[data-test-id="cards"] li  [data-test-id="message-view"] [data-test-id="message-body-container"]  [data-test-id="message-view-body"] {
    display: inline-block !important;
}

/* MENU ALL - CLOSE BUTTON - ALL  */
[type="button"][data-test-id="tab-close-button"]{
    background: red !important;
}

/* TOP MENU - MOVE ETC - BACKGROUD */
.H_6D6F .p_a.Z_f8a[data-test-id="popover-content"] .p_R.e_dRA.I_52qC.j_ZqTdtW  [data-test-id="folder-menu"] > ul li button {
    background: #333 !important;
}
.H_6D6F .p_a.Z_f8a[data-test-id="popover-content"] .p_R.e_dRA.I_52qC.j_ZqTdtW  [data-test-id="folder-menu"] > ul li:hover button {
    background: #222 !important;
}
.p_a.Z_f8a[data-test-id="popover-content"]  .p_R.e_dRA.I_52qC.j_ZqTdtW {
padding: 2px 5px !important;
border: 1px solid black !important;
    background: #222 !important;
}
.p_a.Z_f8a[data-test-id="popover-content"]  .p_R.e_dRA.I_52qC.j_ZqTdtW ul[data-test-id="tabs-menu"] li a[data-test-id="tab-item"]{
padding: 2px 5px !important;
    background: #333 !important;
}

/* FIRST MAIL MOVE TOP */

/* CORBEILLE / SPAM */
div[data-test-id="mail-reader-list-container"]   div[data-test-id="full-pane"] div[data-test-id="loading-bar"] + div  + div[data-test-id="virtual-list-container"] div[data-test-id="virtual-list"] {
    height: auto;
    margin-top: 0px !important;
}

/* MAIL VIEW RIGHT */
div[data-test-id="left-pane"][style="flex-basis: 44.8171%;"] div[data-test-id="virtual-list"] {
    height: auto;
    margin-top: -56px !important;
}
/* MAIL VIEW BOTTOM */
div[data-test-id="left-pane"][style="flex-basis: 374.1px;"] div[data-test-id="virtual-list"] {
    height: auto;
    margin-top: -18px !important;
}


/* START ======== TEST  ============ */
/* ================================= */


/* POPUP - MENU - EMOJI */
.W_3vX1s.p_a.Z_d48[data-test-id="emoji-pop-up"] {
    top: 94.5% !important;;
    visibility: visible;
}
.W_3vX1s.p_a.Z_d48[data-test-id="emoji-pop-up"] >div +div ,
.W_3vX1s.p_a.Z_d48[data-test-id="emoji-pop-up"] section[data-test-id="emoji-container"] {
    left: 129% !important;
}

/* PREVIEW PAGE */
[data-test-id="previewr-doc"]  > div:first-of-type ,
[data-test-id="overlay-boundingbox"] [data-test-id="previewr"]  >div[data-test-id="previewr-image"] > div:first-of-type {
    background:black !important;
} 
[data-test-id="previewr-controls"] ,
[data-test-id="previewr-doc"]  > div:last-of-type {
    background: #222 !important;
}
.lightbox.dp-doc-pages [data-name="scroll-area"] [data-name="infinite-scroll-content"] ,
[data-test-id="overlay-boundingbox"] [data-test-id="previewr"]  >div[data-test-id="previewr-image"] > div:last-of-type {
    background: #222 !important;
}
[data-test-id="previewr-doc"]  > div:last-of-type iframe  {
    display: inline-block !important;
background: #222 !important;
}
[data-test-id="overlay-boundingbox"] [data-test-id="previewr-toolbar"] > div:first-of-type {
    margin-left: 33% !important;
background: #333 !important;
}
/* FOLDERS - ADD COUNTER INFOS */
[data-test-id="left-rail-scrolling-container"] .folder-list[data-test-id="folder-list"] > ul li:not(:last-of-type) > div[data-test-id="folder-item-container"] a:after {
    content: attr(data-test-total-count) ;
    display: inline-block !important;
    height: 15px;
    line-height: 15px;
    padding: 2px 2px !important;
    border-radius: 100px;
    font-size: 11px;
color: gold;
background-color: hsla(0, 0%, 100%, 0.12);
}
[data-test-id="left-rail-scrolling-container"] .folder-list[data-test-id="folder-list"] > ul li:not(:last-of-type) > div[data-test-folder-container="Draft"][data-test-id="folder-item-container"] a:after {
    min-width: 15px !important;
    margin-top: 5px !important;
    text-align: center !important;
}
/* ================================= */
/* END ======== TEST  ============ */

/* (new63) TOP HEADER */
#mail-app-container #app[data-test-id="mail-app"] section[role="banner"] {
    height: 58px !important;
}
.norrin-ybar {
    position: absolute;
    min-width: inherit;
    width: 100%;
    height: 58px !important;
    top: -35px !important;
    z-index: 100;
}
#ybar {
    height: 0px !important;
    margin-top: -27px !important;
}
#ybar-inner-wrapr {
    height: 50px !important;
}
._yb_1p1ep {
    box-sizing: border-box;
    direction: ltr;
    font-size: 0;
    letter-spacing: -0.31em;
    height: 55px !important;
    line-height: 50px !important;
    margin-top: 30px !important;
    position: relative;
    text-rendering: optimizespeed;
    z-index: 1000;
}
._yb_1pg35 {
    height: 20px !important;
    margin-top: -49px !important;
}

.norrin-ybar  #ybar  ._yb_13m01:first-of-type + ._yb_13m01 ._yb_1r1e7 ,
.norrin-ybar  #ybar  ._yb_13m01:first-of-type + ._yb_13m01 {
    height: 56px !important;
    margin-top: 0px;
}
header.norrin-ybar #ybar > ._yb_8e59v {
    display: inline-block !important;
    height: 20px !important;
    margin-top: -60px;
    text-align: left;
    z-index: 5000000 !important;
}
header.norrin-ybar #ybar > ._yb_8e59v ._yb_132xu ._yb_riinm {
    max-height: 22px;
    max-width: 100%;
}
section[data-yaft-module="norrin_header"] {
    height: 53px;
}
#mail-app-container {
    margin-top: 0px !important;
}


/* COLOR - TOP HEADER - SEARCH */

*::placeholder ,
#adv-search-keyword-input ,
#adv-search-subject-input ,
/* [data-test-id="selectbox"] [data-test-id="selectbox-input"] input + div  span[title*=" "]  span , */
.typeahead-inputs-container.p_R .select-input.react-typeahead-input {
    color: white !important;
}

/* (new55) SEARCH POP MENU */
[data-test-id="overlay-shim"] [data-test-id="overlay-boundingbox"] [data-test-id="advanced-search-pane"] {
border: 1px solid #333 !important;
    color: gray !important;
    background-color: #222 !important;
    box-shadow: 9px 11px 14px rgba(0, 0, 0, 0.96) !important;
}
[data-test-id="overlay-shim"] [data-test-id="overlay-boundingbox"] [data-test-id="advanced-search-pane"] > div > span {
    color: gray !important;
}
[data-test-id="overlay-shim"] [data-test-id="overlay-boundingbox"] [data-test-id="advanced-search-pane"] > div > span + div{
    border: 1px solid gray !important;
} 
[data-test-id="options"] {
border-radius: 0 0 5px 5px !important;
border: 1px solid red !important;
    color: gray !important;
    background-color: #222 !important;
}
[data-test-id="overlay-shim"] [data-test-id="overlay-boundingbox"] [data-test-id] ul li:nth-child(even) {
border-top: 1px solid red !important;
    background-color: #333 !important;
}

[data-test-id="selectbox"] [data-test-id="selectbox-input"] input + div > div > span  {
    color: gold !important;
}
._yb_1rzrg._yb_5x9vg ,
.norrin-ybar ._yb_1xvva{
    top: -29px;
}
#mail-search div[data-test-id="search-box"] button ,
#mail-search div[data-test-id="search-box"] .react-typeahead-hint.react-typeahead-input,
#mail-search div[data-test-id="search-box"] .typeahead-inputs-container.p_R .select-input.react-typeahead-input ,
#mail-search div[data-test-id="search-box"] .typeahead-inputs-container.p_R ,
#mail-search div[data-test-id="search-box"] .react-y-pills .pill-list .select ,
#mail-search div[data-test-id="search-box"] .react-y-pills .pill-list ,
#mail-search div[data-test-id="search-box"] .react-y-pills ,
#mail-search div[data-test-id="search-box"] ,
#mail-search {
    min-height: 24px;
    max-height: 24px;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}
#mail-search {
    margin-top: 14px !important;
}
#mail-search div[data-test-id="search-box"] .react-y-pills {
    min-height: 22px !important;
    max-height: 22px !important;
}
#mail-search div[data-test-id="search-box"] {
    border: 1px solid gray !important;
}
#mail-search div[data-test-id="search-box"] .typeahead-inputs-container.p_R + ul.select-dropdown ,
#mail-search div[data-test-id="search-box"] .typeahead-inputs-container.p_R + ul.select-dropdown.react-typeahead-hidden  {
position: absolute !important;
    top: 28px !important;
    padding: 25px 10px 20px 10px !important;
}
#mail-search div[data-test-id="search-box"] .typeahead-inputs-container.p_R + ul.select-dropdown .select-option {
 position: relative; 
    height: auto !important;
    line-height: 24px;
    width: 100%; 
    padding: 6px 10px;
    background: black;
border-bottom: 1px solid peru !important;
}
#mail-search div[data-test-id="search-box"] .typeahead-inputs-container.p_R + ul.select-dropdown .select-option > div:last-of-type {
    height: auto !important;
    line-height: 15px;
border: 1px solid red !important;
}
#mail-search div[data-test-id="search-box"] .typeahead-inputs-container.p_R + ul.select-dropdown .select-option .z_n {
    height: auto !important;
    line-height: 15px;
}

#mail-search div[data-test-id="search-box"] .typeahead-inputs-container.p_R + ul.select-dropdown .select-option  span:only-of-type  {
    height: auto !important;
    line-height: 15px;
}
#mail-search div[data-test-id="search-box"] .typeahead-inputs-container.p_R + ul.select-dropdown .select-option > div:last-of-type > span.W_6UbO {
    height: 24px !important; 
    line-height: 24px !important; 
    width: 10px !important;
    padding: 0;
    transform: scale(0.7) !important;
    transform-origin: -20px top !important;
}
._yb_1dbyr  {
    margin-top: -15px !important;
}
._yb_1dbyr ._yb_134xk {
    top: 37px !important;
}

/* TOP TOOL BAR - CONTACTS / AGENDA  / BLOQUNOTE - PREFERERENCES  - PB PREVIEW RIGHT */


/* (new62) TOP TOOL BAR LEFT - PARAMETRES ( rev open : .H_6D6F )*/
div[data-test-id="content-area"]  div[data-test-id="content-below-tabs"]  div[data-test-id="mail-right-rail"] .Z_qc.H_6D6F , 
div[data-test-id="content-area"]  div[data-test-id="content-below-tabs"]  div[data-test-id="mail-right-rail"] .Z_qc  {
    position: fixed !important; 
    display: inline-block !important;
    height: 25px !important;
    width: 190px;
    top: 31px !important;
    left: 20px !important;
    padding: 0 !important;
    z-index: 50000 !important;
}
div[data-test-id="content-area"]  div[data-test-id="content-below-tabs"]  div[data-test-id="mail-right-rail"] .Z_qc [data-test-id="comms-properties-bar"] {
    height: 25px !important;
    top: 100px !important;
    padding: 0 !important;
}
/* (new61) TOP TOOL BAR LEFT - APPS - PREVIEW OPEN / CLOSE */
div[data-test-id="content-area"]  div[data-test-id="content-below-tabs"]  div[data-test-id="mail-right-rail"] .Z_qc.H_6D6F  [data-test-id="comms-properties-bar"]  [data-test-id="comms-properties"] , 
div[data-test-id="content-area"]  div[data-test-id="content-below-tabs"]  div[data-test-id="mail-right-rail"] .Z_qc [data-test-id="comms-properties-bar"]  [data-test-id="comms-properties"] {
    width: 160px !important;
    height: 25px !important;
    line-height: 18px !important;
    margin-left: 30px !important;
    margin-top: -18px !important;
}

div[data-test-id="content-area"]  div[data-test-id="content-below-tabs"]  div[data-test-id="mail-right-rail"] .Z_qc [data-test-id="comms-properties-bar"] [data-test-id="comms-properties"] > button ,
div[data-test-id="content-area"]  div[data-test-id="content-below-tabs"]  div[data-test-id="mail-right-rail"] .Z_qc [data-test-id="comms-properties-bar"] [data-test-id="comms-properties"] > [data-test-id="right-rail-calendar-icon" ],
div[data-test-id="content-area"]  div[data-test-id="content-below-tabs"]  div[data-test-id="mail-right-rail"] .Z_qc [data-test-id="comms-properties-bar"] [data-test-id="comms-properties"] > a {
    display: inline-block !important;
    width: 25px !important;
    height: 25px !important;
    margin-top: 0px !important;
}
/* (new41) APPS - PREVIEW CLOSE */
div[data-test-id="content-area"]  div[data-test-id="content-below-tabs"]  div[data-test-id="mail-right-rail"] .Z_qc:not(.H_6D6F) [data-test-id="comms-properties-bar"]  [data-test-id="comms-properties"] {
    width: 100% !important;
    height: 25px !important;
    margin-top: 0px !important;
}

/* PARAMETERS LABEL - PREVIEW OPEN / CLOSE */
div[data-test-id="content-area"]  div[data-test-id="content-below-tabs"]  div[data-test-id="mail-right-rail"] .Z_qc.H_6D6F div[data-test-id="popover-container"] ,
div[data-test-id="mail-right-rail"] .Z_qc:not(.H_6D6F) div[data-test-id="popover-container"] {
    position: absolute !important;
    float: none !important;
    left: 0px !important;
    top: 0px !important;
    width: 20px !important;
}
/* PARALETERS LABEL - PREVIEW OPEN */
div[data-test-id="content-area"]  div[data-test-id="content-below-tabs"]  div[data-test-id="mail-right-rail"] .Z_qc [data-test-id="comms-properties-bar"]  > div:first-of-type   {
    display: inline-block !important;
    width: 25px !important;
    height: 25px !important;
    margin-top: 0px !important;
    top: 0 !important;
}
div[data-test-id="content-area"]  div[data-test-id="content-below-tabs"]  div[data-test-id="mail-right-rail"] .Z_qc.H_6D6F div[data-test-id="popover-container"] {
    width: 20px !important;
    height: 25px !important;
    margin-top: 0px !important;
}

/* SETTINGS ICON - PREVIEW CLOSE */
div[data-test-id="mail-right-rail"] .Z_qc div[data-test-id="popover-container"] [data-test-id="settings-link-label"]{
    display: block;
    font-size: 0 !important;
    text-align: left !important;
}
div[data-test-id="mail-right-rail"] .Z_qc div[data-test-id="popover-container"] [data-test-id="icon-btn-settings"] span {
    margin-left: -3px;
}
/* (new62) SETTINGS ICON - PREVIEW OPEN */
div[data-test-id="content-area"]  div[data-test-id="content-below-tabs"]  div[data-test-id="mail-right-rail"] .Z_qc.H_6D6F div[data-test-id="popover-container"] [data-test-id="icon-btn-settings"] span {
    margin-left: 3px;
}
div[data-test-id="mail-right-rail"] .Z_qc:not(.H_6D6F) div[data-test-id="popover-container"]  button {
    display: inline-block !important;
    width: 30px !important;
    height: 24px !important;
    line-height: 0px !important;
    text-align: center !important;
}

/* FOLDERS - MAIL COUNT - BLUE / WHITE */
[data-test-id="calendar-day-text"] {
    height: 15px !important;
    line-height: 15px !important;
    border-radius: 5px !important;
    margin-top: 10px !important;
    margin-left: 5px !important;
    padding: 0px 3px !important;
}

/* MAIL OPEN - CONTACT INFO when open mail - right search PB PREVIEW */
div[data-test-id="content-area"] div[data-test-id="content-below-tabs"] div[data-test-id="mail-right-rail"] .Z_qc +  div {
    float: right !important;
    min-width: 80% !important;
    min-height: 100% !important;
    top: -25px !important;
border: 1px solid gray;
}

/* (new61) PREVIEW MAIL - TOP TOOLBAR */
#mail-app-component-container  [data-test-id="mail-right-rail"] [data-test-id="previewr"] [data-test-id="previewr-doc"] [data-test-id="previewr-toolbar"] {
    width: 788px !important;
}

/* MAIL - PANEL RIGHT - SENDER INFO / MAIL PREVIEW */
div[data-test-id="content-area"] div[data-test-id="content-below-tabs"] div[data-test-id="mail-right-rail"] {
    float: right !important;
    min-height: 100% !important;
}
/* MAIL - PANEL RIGHT - MAIL PREVIEW / EDIT */
div[data-test-id="content-area"] div[data-test-id="content-below-tabs"] div[data-test-id="mail-right-rail"] .D_F.ek_BB.em_N:not([data-test-id="navigation"]):not([data-test-id="contact-edit-screen"]) {
    display: inline-block !important;
    height: 100% !important;
    line-height: 15px !important;
    min-width: 100% !important;
    margin-top: 5px !important;
    padding: 0 !important;
}

/* CONTACT PANEL - in MAIL VIEW (after Mail open or after click on Contacts ICON) - === */
div[data-test-id="content-area"]  div[data-test-id="content-below-tabs"]   div[data-test-id="mail-right-rail"] .D_F.ek_BB .Z_qc + div > div  {
    -moz-box-pack: unset !important;
    justify-content: unset !important;
    min-height: 22px !important;
    max-height: 100% !important;
}
div[data-test-id="content-area"]  div[data-test-id="content-below-tabs"]   div[data-test-id="mail-right-rail"] .D_F.ek_BB .Z_qc + div > div >div > div > div a[data-test-id="contact-card-avatar"].H_tQ {
    display: inline-block !important;
    width: 15px !important;
    height: 100% !important;
    min-height: 30px !important;
    max-height: 30px !important;
}
div[data-test-id="content-area"]  div[data-test-id="content-below-tabs"]   div[data-test-id="mail-right-rail"] .D_F.ek_BB .Z_qc + div > div >div > div > div a[data-test-id="contact-card-avatar"] {
    transform-origin: 4px 3px !important;    
    transform: scale(0.2) !important;
}
div[data-test-id="content-area"]  div[data-test-id="content-below-tabs"]   div[data-test-id="mail-right-rail"]    div[data-test-id="comms-properties-bar"]  div[data-test-id="comms-properties"]  {
    -moz-box-pack: unset !important;
    justify-content: unset !important;
    display: inline-block !important;
    padding: 0 !important;
}
div[data-test-id="content-area"]  div[data-test-id="content-below-tabs"]  div[data-test-id="mail-right-rail"] .Z_qc:not(.H_6D6F) [data-test-id="comms-properties-bar"]  [data-test-id="comms-properties"]  div[data-test-id="right-rail-calendar-icon"] ,
div[data-test-id="content-area"]  div[data-test-id="content-below-tabs"]  div[data-test-id="mail-right-rail"] .Z_qc:not(.H_6D6F) [data-test-id="comms-properties-bar"]  [data-test-id="comms-properties"] button,
div[data-test-id="content-area"]  div[data-test-id="content-below-tabs"]   div[data-test-id="mail-right-rail"]    div[data-test-id="comms-properties-bar"]  div[data-test-id="comms-properties"] a {
    display: inline-block !important;
    width: 22px !important;
    margin-right: 7px !important;
    margin-left: 3px !important;
}

/* CONTACT EDIT - === */
[data-test-id="mail-right-rail"]  [data-test-id="contact-edit-screen"] {
    display: inline-block !important;
color: gold !important;
background: transparent !important;
}

/* INPUT */
[data-test-id="mail-right-rail"]  [data-test-id="contact-edit-screen"] input {
    display: inline-block !important;
    height: auto !important;
    width: 100% !important;
    max-width: 250px !important;
    padding: 1px 3px !important;
color: gold !important;
background: #333 !important;
}

/* SELECT BOX */
[data-test-id="selectbox-input"] input + div {
color: gold !important;
background: #222 !important;
}

/* ADD MEMO FORMAT DATE */
[aria-label="anniversary"] span:before ,
[aria-label="birthday"] span:before {
    font-size: 11px !important;
    content: "(YYYY-MM-DD)" !important;
}
[data-test-id="mail-right-rail"]  [data-test-id="contact-edit-screen"]  .o_A {
    padding-bottom: 70px !important;
background: black !important;
}

/* REMARQUE / NOTES */
.P_2qBHIh:last-of-type h4[data-test-id="contacts-edit-section-label"] + section.D_B  fieldset[data-test-id="contacts-edit-input"]:last-of-type > div > div {
    display: inline-block !important;
    height: 100% !important;
    height: 50px !important;
    width: 100% !important;
    padding: 1px 3px !important;
    white-space: pre-wrap !important;
    word-break: break-all !important;
    overflow: hidden !important;
color: gold !important;
background: #333 !important;
}

/* EDIT CONTACTS - TOP / FOOTER BUTTONS */

[data-test-id="contact-group-edit-footer"] {
    position: absolute !important;
bottom: -5px !important;
border-top: 1px solid gold !important;
    background: #333 !important;
}

/* CONTACT MORE INFOS */

/* INFOS CONTAINER */
[data-test-id="mail-right-rail"] [data-test-id="phones-with-type"] ,
[data-test-id="mail-right-rail"] [data-test-id="addresses-with-type"] ,
[data-test-id="mail-right-rail"] [data-test-id="extra-info"]{
    display: inline-block !important;
    width: 100% !important;
    padding-bottom: 0px !important;
border: 1px solid gray !important;
}

/* INFOS - LABELS */
[data-test-id="mail-right-rail"] [data-test-id="phones-with-type-label"] , 
[data-test-id="mail-right-rail"] [data-test-id="extra-info-label"] ,
[data-test-id="mail-right-rail"] [data-test-id="addresses-with-type-label"] {
    display: inline-block !important;
    height: 20px !important;
    width: 98% !important;
    padding-left: 6px  !important;
    white-space: nowrap !important;
    text-align: left !important;
background: #222 !important;
}

/* EXTRA INFOS CONTENT */
[data-test-id="mail-right-rail"] span[data-test-id="phones-with-type-value"] ,
[data-test-id="mail-right-rail"] span[data-test-id="extra-info-value"] ,
[data-test-id="mail-right-rail"] span[data-test-id="addresses-with-type-value"] {
    display: inline-block !important;
    width: 96% !important;
    padding: 5px !important;
    word-break: keep-all !important;
    white-space: pre-line !important;
background: #333 !important;
}

/* PARAMETERS */
div[data-test-id="content-area"]  div[data-test-id="content-below-tabs"]   div[data-test-id="mail-right-rail"]    div[data-test-id="comms-properties-bar"]  div[data-test-id="comms-properties"] + div {
    float: right;
    height: 25px !important;
}

/* ICONS APP */
div[data-test-id="comms-properties"] a {
    fill: hsla(0, 0%, 100%, 0.8);
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

/* DELETE MAIL ICON */
[data-test-id="virtual-list-container"] [data-test-id="virtual-list"] ul li a[data-test-id="message-list-item"] .M_SkAgv {
    margin-left: 20% !important;
}

/* DATE + DELETE */
[data-test-id="virtual-list-container"] [data-test-id="virtual-list"] ul li a[data-test-id="message-list-item"] > div >span + div > div[role="gridcell"]:last-of-type{
    position: absolute !important;
    display: inline-block !important;
    vertical-align: top !important;
    width: 0px !important;
    left: 1.5% !important;
    top: 2px !important;
    margin-top: 0px !important;
}

/* DATE - ALL */
[data-test-id="virtual-list-container"] [data-test-id="virtual-list"] ul li a[data-test-id="message-list-item"] div .ab_C.date:not([style="display: none;"])  {
    display: inline-block !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    text-align: center !important;
}
/* DATE - HOVER */
[data-test-id="virtual-list-container"] [data-test-id="virtual-list"] ul li a[data-test-id="message-list-item"] div .ab_C.date[style="display: none;"] {
    display: inline-block !important;
    text-align: right !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

/* DATE - SMALL */
[data-test-id="virtual-list-container"] [data-test-id="virtual-list"] ul li a[data-test-id="message-list-item"] div[style="height: 23px;"] .ab_C.date  {
    height: 23px !important;
    line-height: 23px !important;
}
/* DATE - MIDDLE */
[data-test-id="virtual-list-container"] [data-test-id="virtual-list"] ul li a[data-test-id="message-list-item"] div[style="height: 31px;"] .ab_C.date  {
    height: 31px !important;
    line-height: 31px !important;
}
/* DATE - LARGE */
[data-test-id="virtual-list-container"] [data-test-id="virtual-list"] ul li a[data-test-id="message-list-item"] div[style="height: 43px;"] .ab_C.date  {
    height: 43px !important;
    line-height: 43px !important;
}

/* DELETE BUTTON */
/* ALL */
[data-test-id="virtual-list-container"] [data-test-id="virtual-list"] ul li a[data-test-id="message-list-item"] time + button {
    position: absolute !important;
    display: inline-block !important;
    width: 10px !important;
    left: 0% !important;
    margin-top: -2px !important;
}
/* DELETE BUTTON - SMALL */
[data-test-id="virtual-list-container"] [data-test-id="virtual-list"] ul li a[data-test-id="message-list-item"] div[style="height: 23px;"] time + button {
    height: 23px !important;
    line-height: 23px !important;
}
/* DELETE BUTTON - MIDDLE */
[data-test-id="virtual-list-container"] [data-test-id="virtual-list"] ul li a[data-test-id="message-list-item"] div[style="height: 31px;"] time + button {
    height: 31px !important;
    line-height: 31px !important;
}
/* DELETE BUTTON - LARGE */
[data-test-id="virtual-list-container"] [data-test-id="virtual-list"] ul li a[data-test-id="message-list-item"] div[style="height: 43px;"] time + button {
    height: 43px !important;
    line-height: 43px !important;
}

/* PREVIEW FULL PAGE */
.Z_7G9R[data-test-id="panel-stack"] {
    z-index: 500000 !important;
}

/* MAIL LIST - SEARCH MAIL BUTTON (after Senders Label)  */
[data-test-id="senders"] + button[data-test-id="icon-btn-search"] {
    position: absolute !important;
    vertical-align: top !important;
    width: 10px !important;
    left: 92.9% !important;
    top: 6px !important;
    margin-top: 0px !important;
background-color: green !important;
}

/* LIST MAIL */

/* (new55) LIST MAIL - ACTION TOOLBAR - === */

#mail-app-component-container [data-test-id="mail-reader"] [data-test-id="mail-reader-toolbar"]  {
    display: inline-block !important;
    width: 50% !important;
    height: 34px !important;
    line-height: 34px !important;
    padding: 2px 0 2px 5px !important;
}
#mail-app-container #app[data-test-id="mail-app"] [data-test-id="message-toolbar"] , 
#mail-app-component-container [data-test-id="mail-reader"] [data-test-id="mail-reader-toolbar"] [data-test-id="message-toolbar"] {
    height: 34px !important;
    line-height: 34px !important;
    padding: 2px !important;
}
#mail-app-component-container [data-test-id="mail-reader"] [data-test-id="mail-reader-toolbar"] [data-test-id="message-toolbar"] >div:nth-child(2) {
    height: 34px !important;
    line-height: 14px !important;
    padding: 2px !important;
}

/* STICKY HEADER */
div[data-test-id="mail-reader-sticky-header"] {
    z-index: 50 !important;
border-bottom: 1px solid gold !important;
}
/* (new54) MAIL - TABS */
section[data-yaft-module="norrin_header"]  [aria-label="Onglets"] {
    position: absolute;
    width: 84% !important;
    height: 25px !important;
    margin-top: 31px !important;
    text-align: left !important;
    z-index: 500 !important;
}
section[data-yaft-module="norrin_header"]  [aria-label="Onglets"] > div:last-of-type {
    height: 25px;
    padding-right: 0 !important;
}
section[data-yaft-module="norrin_header"]  [aria-label="Onglets"] > div:last-of-type ul[data-test-id="tab-list"] {
    height: 25px !important;
}
/* TAB ACTIVE */
section[data-yaft-module="norrin_header"]  [aria-label="Onglets"] > div:last-of-type ul[data-test-id="tab-list"] a[data-test-active="true"]{
    background-color: #31588E !important;
}

/* MAILS LIST */
div[data-test-id="virtual-list"] {
    height: 795px;
    margin-top: 5px !important;
    border-top: 1px solid gold !important;
}
div[data-test-id="virtual-list"] li[data-test-id="infinite-scroll-ROW"]:nth-child(3) {
   border-top: 1px solid tan !important;
}

/* MAIL OPEN TOOBBAR BOTTOM - MENU */
[data-test-id="mail-app"] [data-test-id="more-card-menu"] {
    margin-left: 58% !important;
}

/* MAIL INFOS - RESUME */

a[data-test-id="message-list-item"] div[data-test-id="snippet"] {
    float: left !important;
    white-space: nowrap;
    opacity: 0.3 !important;
    border: 1px solid peru !important;
}
a[data-test-id="message-list-item"]:hover div[data-test-id="snippet"] {
    opacity: 1 !important;
}

/* POPUP - MENU - 3 DOTS  + DEPLACER*/

#Atom .j_ZqTdtW {
    box-shadow: 9px 11px 14px rgba(0, 0, 0, 0.96) !important;
}

/* POPUP - MENU - DEPLACER - === */
#Atom ul.K_3rehn {
    max-height: 454px !important;
}
#Atom ul.K_3rehn li button {
    padding: 0 16px 0 20px;
    width: 250px;
}
.K_q.o_h ul.hd_n:last-of-type li button {
    padding: 0 16px 0 20px !important;
    width: 250px;
}

/* POPUP - MENU - TRI - === */
li.G_e.p_R span:checked {
    position: relative;
background: red !important;
}

/* (new48) POPUP - MENU - PARAMETERES - not PAPERS / GIF*/
#Atom .p_a.Z_d48:not([data-test-id="stationery-pop-up"]):not([data-test-id="gif-pop-up"])  {
    left: 0px !important;
    top: 117.735px;
    visibility: visible;
}
#Atom .p_a.Z_d48:not([data-test-id="stationery-pop-up"]):not([data-test-id="gif-pop-up"]) > .W_6D6F {
    justify-content: flex-end;
    transform: translateX(-44.5px);
    width: 156px !important;
}


/* ===== COLOR  ===== */

/* BACKGROUND GENERAL - === */


:root {
/*     --bg-background-color: undefined; */

--bg-background-color: #222 !important;
--bg-background-color-light: #333 !important;
--bg-background-color-lightB :#4B4B4B !important;
--bg-background-color-darkA: black !important;

/*  VAR - BACKGROUND - BLUE - BUTTONs - #276196 */
--GEN-btn-color-blue: #276196 !important;


/*     --bg-color: undefined; */
--bg-color: green !important;
--bg-color-white: white !important;

/* VAR BLUE GRAY -rgba(57, 147, 230, 0.77) */
--bg-color-bluegray: rgba(57, 147, 230, 0.77) !important;

    --bg-repeat: undefined;
    --bg-repeat-img: none;
    --bg-repeat-img-position: undefined;
    --bg-repeat-img-size: undefined;
    --bg-size: undefined;
    --clip-btn-color: #4faaff;
    --compose-btn-color: #4faaff;
    --folder-actived-bg-color: rgba(79, 170, 255, 0.32);
    --folder-actived-border: 2px solid #4faaff;
    --folder-hovered-bg-color: rgba(79, 170, 255, 0.16);
    --gradient-color1: #1c3e5c;
    --gradient-color2: #1c3e5c;
    --gradient-color3: #1c3e5c;
    --highlight: #4faaff;
    --item-hovered-bgcolor: rgba(79, 170, 255, 0.16);
    --item-selected-bgcolor: rgba(79, 170, 255, 0.32) !important;
    --max-bg-size: undefined;
    --previewr-toolbar: #1c3e5c;
    --segment-bgcolor: rgba(79, 170, 255, 0.32);
    --segment-border-color: rgba(79, 170, 255, 0.64);
    --segment-hover-color: rgba(79, 170, 255, 0.08);
}

/* VAR - BACKGROUND */

body {
    background:  var(--bg-color) !important;
    background-color:  var(--bg-background-color) !important;
}


/* VAR - BACKGROUN DARK - 222 */

body.norrinTheme.pc.calendar #uh2 ,
body.calendar #uh2 ,

body.norrinTheme.calendar div#shellsidepane .view-bar #todo-view-header ,
body.calendar div#shellsidepane .view-bar #todo-view-header ,

[data-test-id="time-chunk-separator"] , 
[data-test-id="mail-app"] [data-test-id="more-card-menu"] > div:first-of-type  ,
#mail-search div[data-test-id="search-box"] .typeahead-inputs-container.p_R + ul.select-dropdown ,
#mail-search div[data-test-id="search-box"] .typeahead-inputs-container.p_R + ul.select-dropdown.react-typeahead-hidden  ,
[data-test-id="popover-content"] > div:first-of-type  ,
div[data-test-id="toolbar-sort-popover"] > div:first-of-type ,
div[data-test-id="content-area"]  ,
section[data-yaft-module="norrin_header"] ,
#ybar ,
.norrin-ybar ,
/* #Atom .H_6D6F , */
div[data-test-id="message-toolbar"] ,
div[data-test-id="mail-left-rail"] ,
div[data-test-id="virtual-list"] ,
#mail-app-container {
    background-color:  var(--bg-background-color) !important;
}


/* TRANSPARENT  - SUPP BACKGROUND-IMAGE */
body.norrinTheme.pc.calendar #uh2 ,
body.calendar #uh2 {
    background-image: none !important;
}

/* TRANSPARENT */
section[data-yaft-module="norrin_header"] [aria-label="Onglets"] ,
#editor-container div[data-test-id="rte"]   div[data-test-id="virtual-list"] {
background-color:  transparent !important;
}

/* VAR - BACKGROUN DARK A - BLACK */

[data-test-id="mail-reader-sticky-header"] [data-test-id="time-chunk-separator"] ,
div[data-test-id="message-toolbar"] ,
[data-test-id="mail-reader-sticky-header"]{
    background-color:  var(--bg-background-color-darkA) !important;
}


/* (new53) VAR - BACKGROUN DARK LIGHT - 333 */
#shellsidepane ,
body.norrinTheme.pc.calendar #shellsidepane ,
.calendar.calSearch #toolbar, 
.calendar.calOptions #toolbar, 
.calendar #shellsidepane .view-bar, 
.calendar #toolbar div.commontasks ,

div[data-test-id="content-area"] div[data-test-id="content-below-tabs"] div[data-test-id="mail-right-rail"] .Z_qc:not(.H_6D6F) [data-test-id="comms-properties-bar"] [data-test-id="comms-properties"] ,
div[data-test-id="message-toolbar"]{
    background:  var(--bg-background-color-light) !important;
}

/* VAR - BACKGROUND DARK LIGHT - #4B4B4B */

#mail-search div[data-test-id="search-box"] .react-y-pills {
background-color: #4B4B4B !important;
}


/* VAR - BACKROUND COLOR - WHITE */

#mail-app-component .compose-header.en_0 ,
#mail-app-component .compose-header ,
#Atom .I4_2ieea9 ,
div[data-test-id="compose-toolbar"] div[data-test-id="compose-toolbar-styler"] ,
div[data-test-id="compose-toolbar"]  ,
#editor-container .rte{
    background-color:  var(--bg-color-white) !important;
}

/* VAR - BACKROUND - WHITE */

[data-test-id="compose-styler"] [data-test-id="compose"] .compose-header.en_0  {
    background:  var(--bg-color-white) !important;
}

/* (new53) VAR - BACKGROUND - BLUE GRAY - rgba(57, 147, 230, 0.77) / TXT GOLD */

 body.notepad #noteEditPage .edit-note-footer span.btn.default a ,
[data-test-id="navigation" ] > div:first-of-type a  {
    color: gold !important;
    background: #187aa7 !important;
    background:  var(--bg-color-bluegray) !important;
}

/* (new59) VAR - BACKGROUND - BLUE GRAY - rgba(57, 147, 230, 0.77) / TXT BLACK */
[data-test-id="mail-right-rail"]  [data-test-id="contact-edit-screen"]  > div:first-of-type ,
body.notepad .ml-notepad .list-view-item.selected ,
[data-test-id="navigation"] [data-test-id="compose-button"] ,
div[data-test-id="content-area"]  div[data-test-id="content-below-tabs"]  div[data-test-id="mail-right-rail"] .Z_qc.H_6D6F , 
div[data-test-id="content-area"]  div[data-test-id="content-below-tabs"]  div[data-test-id="mail-right-rail"] .Z_qc {
    background:  var(--bg-color-bluegray) !important;
}

/* VAR - BACKGROUND - WHITE to HOVER BLUE GRAY - rgba(57, 147, 230, 0.77) */
[data-test-id="popover-content"] > div ul[data-test-id="tabs-menu"] li a[data-test-id="tab-item"]:hover , 
[data-test-id="popover-content"] > div ul[data-test-id="tabs-menu"] li a[data-test-id="tab-item"][data-test-active="true"]:hover {
    fill: red !important;
    background:  var(--bg-color-bluegray) !important;
}
[data-test-id="popover-content"] > div ul[data-test-id="tabs-menu"] li a[data-test-id="tab-item"][data-test-active="true"]:hover svg{
    fill: red !important;
}
[data-test-id="popover-content"] > div ul[data-test-id="tabs-menu"] li [data-test-id="tabs-close-all"] {
    fill: red !important;
    color: gold !important;
    background:  var(--bg-color-bluegray) !important;
}


/* VAR - BACKGROUND - BLUE - BUTTONs + GOLD - #276196 */
body .primary-property-btn {
    color: gold !important;
    background-color: var(--GEN-btn-color-blue) !important;
}
body .primary-property-btn span.btn.multimsg  .icon-text ,
body .primary-property-btn span .icon-tex {
    color: gold !important;
}


/*  VAR - ZEBRA */
#notepad-list.list-view-container.list-view-items-inner >div:nth-child(even):not(.selected) ,
div[data-test-id="infinite-scroll-content"] li[data-test-id="infinite-scroll-ROW"]:nth-child(even) a{
    background-color:  var(--bg-background-color-light) !important;
}
#notepad-list.list-view-container.list-view-items-inner >div:nth-child(odd):not(.selected) ,
div[data-test-id="infinite-scroll-content"] li[data-test-id="infinite-scroll-ROW"]:nth-child(odd)  a {
    background-color:  var(--bg-background-color) !important;
}

/* ==== COLOT no VAr  ===== */

/* no VAR - TEXT */

/* TXT black  */
#mail-app-component .compose-header input#message-to-field {
    color: black !important;
}

/* TXT GRAY  */

/* TXT GOLD  */
.o_h.J_x.mq_CZ.G_e.C_Z281SGl.D_B.u_b ,
[data-test-id="message-toolbar"] button  ,
[data-test-id="mail-reader-toolbar"] button,
[data-test-id="time-chunk-separator"] , 
.yui3-widget .optionMenu .event-hover-details ,
[data-test-id="popover-content"] > div:first-of-type  ul li  span ,
[data-test-id="mail-app"] [data-test-id="more-card-menu"] > div:first-of-type  ul li span ,
ul[data-test-id="toolbar-sort-menu"] button ,
div[data-test-id="popover-content"] ul[data-test-id="selection-controls-menu"] button {
    color: gold !important;
}

/* CHECK BOX */

/* ICONS SVG - WHITE */
[data-test-id="message-toolbar"] button span ,
[data-test-id="mail-reader-toolbar"] button span {
    fill: white !important;
/* background: blue !important; */
}

/* no VAR - TXT PERU */

[data-test-id="infinite-scroll-SECTION"] span ,
[data-test-id="mail-reader-sticky-header"] span ,
span[data-test-id="message-subject"] {
    color: peru !important;
}

/* (new52) no VAR - TAN - mail NO Read  */
[data-test-id="infinite-scroll-SECTION"] span, 
[data-test-id="mail-reader-sticky-header"] span, 
span[data-test-id="message-subject"] ,
[data-test-read="false"] span[data-test-id="message-subject"]  {
    color: peru !important;
}
/* no VAR - TAN - mail Read  */
[data-test-read="true"] span[data-test-id="message-subject"] {
    color: tan !important;
}

/* (new52) no VAR - ICON */
ul[data-test-id="navigable-list"] li button span svg {
    fill: gray !important;
}

/* no VAR - BORDER */

[data-test-id="infinite-scroll-SECTION"]  {
/* color: red !important; */
    border-bottom: 1px solid gold !important;
}

/* no VAR - VARIOUS */

/* no VAR - (new50) POPOVER - MENU ITEM  */
ul[data-test-id="navigable-list"] li button {
    color: peru !important;
}


/* no VAR - (new40) TEST - NO WORK - CALENDAR - EVENTS - ANIV */
.calendar #shellnavigation .minical .this-day a, 
.calendar #back-to-cal-span a:hover, 
.calendar #toolbar .commontasks .btn.pressed, 
.calendar #toolbar .commontasks .btn:hover {
    color: red !important;
}
.events .event_bubble_shell .event_bubble.blue {
    background-color: black;
}
.events .event_bubble_shell .event_bubble.blue:hover {
    background-color: red;
}

.cal-day-hourly {
    border-top: 1px solid gold  !important;
    bottom: 0;
    top: 60px;
    background: black !important;
}
.calendar.pc .cal-hours-labels > div.non-working-hour, 
.calendar.pc .cal-hours > div.non-working-hour {
    border-color: gray;
}
.calendar #shellcontent .hour {
    background-color: #333 !important;
}
.calendar #shellcontent .half-hour {
    background-color: #222 !important;
}

/* CALENDAR TIME INDICATOR */
.calendar #shellcontent .icon-chevron-right:hover, 
.calendar #shellcontent .icon-chevron-left:hover, 
.calendar #shellnavigation .icon-chevron-right:hover, 
.calendar #shellnavigation .icon-chevron-left:hover, 
.calendar #shellnavigation .minical .this-day a, 
.calendar .this-day-of-week > span, 
.calendar #month .today > a, 
.calendar #month .today .today-label, 
.calendar .cal-time-indicator {
    color: gold !important;
}
.calendar #back-to-cal-span a:hover, .calendar .cal-time-indicator {
    border-color: gold !important;
}
/* CALENDAR - BACKGROUND STRIPED - LINEAR GRADIENT */
#dgrid .events .event_bubble.event_bubble_usfree.blue, 
#dgrid .events .event_bubble.event_bubble_ustentative.blue, 
#shellcontent .events .event_bubble.event_bubble_usfree.blue, 
#shellcontent .events .event_bubble.event_bubble_ustentative.blue {
    background-image: linear-gradient(-45deg, rgba(31, 31, 31, 0.8) 25%, transparent 25%, transparent 50%, rgba(21, 22, 23, 0.8) 50%, rgba(87, 88, 89, 0.8) 75%, transparent 75%, transparent);
}


/* no VAR - (new40) CALENDAR - BORDER / TXT */
.calendar.pc #msg-list.cal-list .list-view-items, 
.calendar.pc #month td, .calendar.pc #month, 
.calendar.pc .nav-separator, 
.calendar.pc .cal-day-container, 
.calendar.pc .cal-day-hourly, 
.calendar.pc .cal-hours-container > .cal-dayshell, 
.calendar.pc .cal-hours-container > .cal-hours, 
.calendar.pc #msg-list.cal-list .list-view-item.last-item {
    border: 1px solid rgba(51, 51, 51, 0.61);
    color: gold !important;
}

/* no VAR - MAIL COUNT - BLUE / WHITE */
[data-test-id="calendar-day-text"] {
    background: #187AA7 !important;
    color: white !important;
}
/* no VAR - COLOR - POPUP MENU */
[data-test-id="popover-content"] {
/* outline: 1px solid violet !important; */
}

[data-test-id="popover-content"] > div:first-of-type {
    background-color: #333 ! important;
}
[data-test-id="popover-content"] > div:last-of-type [data-test-id="popover-content-arrow"] {
    background-color: white ! important;
}

/* PB COLOR PICKER when edit Mail */
ul:not([data-test-id="color-picker"])   ul[data-test-id="navigable-list"] {
    background-color: #222 ! important;
}
 ul[data-test-id="navigable-list"] li button  {
    box-shadow: -1px 1px 1px 2px rgba(0, 0, 0, 0.92);
}
[data-test-id="navigable-list"] li:hover button  {
    color: peru ! important;
}

/* FONT PICKER */
#mail-app-container [data-test-id="menu"] {
    color: peru ! important;
    box-shadow: 0px 1px 2px 6px rgba(0, 0, 0, 0.92) !important;
    background-color: #222 ! important;
}
#mail-app-container [data-test-id="menu"] [data-test-id="font-picker"] ul li ul li button {
    background-color: #222 ! important;
}
#mail-app-container [data-test-id="menu"] [data-test-id="font-picker"] ul li ul li button div {
    color: peru ! important;
    background-color: #333 ! important;
}
#mail-app-container [data-test-id="menu"] [data-test-id="font-picker"] ul li ul li button span {
    background-color: green ! important;
}
/* no VAR - MAIL OPEN - TOOLBAR BOTTOM */
[data-test-id="message-body-container"] [data-test-id="navigable-list"] li:hover button ,
[data-test-id="message-body-container"] [data-test-id="navigable-list"] li button ,
[data-test-id="message-body-container"] [data-test-id="navigable-list"] {
    box-shadow: none !important;
    border: none !important;
    background-color: transparent ! important;
}
[data-test-id="message-body-container"] [data-test-id="navigable-list"] li > span [data-test-id="popover-container"] ,
[data-test-id="message-body-container"] [data-test-id="navigable-list"] li > span {
    fill: rgba(215, 77, 43, 0.8) !important;
}

/* no VAR - (new40) MAIL OPEN TOOLBAR BOTTOM - MENU */
[data-test-id="mail-app"] [data-test-id="more-card-menu"] {
    box-shadow: 4px 6px 7px 7px rgba(0, 0, 0, 0.92);
}

/* no VAR - (new40) CONTACTS - OPTION MENU - === */
#menu-contact-actions.menu-active {
    box-shadow: 4px 6px 7px 7px rgba(0, 0, 0, 0.92);
/*     background: red !important; */
}


/*  no VAR - INPUT FOLDER BACKGROUND - BLACK LIGHT - #111 */
li > div[data-test-id="create-folder-container"] >div > div[data-test-id="popover-container"] input.q_T ,
.D_F[data-test-id="popover-container"] input.q_T   {
    background-color: #111 !important;
}

/* (new60) - RENAME FOLDER - PB INPUT BACKGROUND === */
.D_F[data-test-id="popover-container"] input.q_T ,
.folder-list .D_F[data-test-id="create-folder-container"]+ ul > li input.q_T   {
    background-color: black !important;
}

.D_F[data-test-id="popover-container"] input  {
    background: black !important;
}

/* ==== END - NEW 2019.07 ==== */

}

@-moz-document domain("s.yimg.com"), domain("calendar.yahoo.com"), domain("help.yahoo.com"), domain("answers.yahoo.com"), domain("groups.yahoo.com"), domain("mail.yahoo.com") {
/* ==== 
OLD with TWEAK for NEW 2019 : 
YAHOO NEW MAIL (OLD 2017)  - - SIMPLY DARK AND GRAY - v.35 (new35) - 
New design - ZEBBRA / ICONS / YAHOO LOGO / SEARCH - 
ADD "Yahoo Mail Wide Messages List" 
NEDD PARTICULAR SETTINGS CF SCREENSHOT - 
==== */

/* (new43) TEST CALENDAR  */

/* (new41) CALENDAR - CONTAINER - .pc.calendar */
.pc.calendar #main {
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    max-width: none;
    top: 30px !important;
}
.calendar .primary-property-btn .btn {
    line-height: 23px;
    margin-left: 5px !important;
    left: 0px !important;
}

.pc.calendar #shellcontent {
    right: 185px !important;
    top: -10px;
}
.calendar #paneshell #shellcontent {
    background: #222;
}
.pc.calendar #shellnavigation {
    top: 44px !important;
    border-right: 1px solid gray !important;
}

/* (new43) CALENDAR - LABELS  */
.cal-day-allday {
background: #222 !important;
}
.cal-day-allday .cal-hours-container {
    top: 0 !important;
    border-bottom: 1px solid red;
    border-top: 1px solid red !important;
background: #222 !important;
}
.cal-day-allday .allDayLabel {
    height: 30px !important;
    margin-top: 5px !important;
    text-align: center !important;
    word-break: normal !important;
}
.cal-hours-labels > div {
    height: 55px !important;
    line-height: 20px;
    margin-top: 5px !important;
    padding-left: 3px;
    text-align: left;
    width: 100%;
    border-top: 1px solid red !important;
    border-bottom: 1px solid yellow !important;
}

/* DAY  VIEW - LABEL */
#shellcontent .cal-day-allday .allDayLabel {
    height: 30px;
    top: -5px !important;
}

/* DAY VIEW - EVENTS  */
.cal-day-container.day-view-container .cal-day-allday {
    height: 40px !important;
}
.cal-day-container.day-view-container .cal-day-allday .cal-hours-container {
    height: 38px !important;
}
.cal-day-container.day-view-container .cal-day-allday .cal-hours-container >  .day-only {
    height: 35px !important;
    border-left: 1px solid yellow !important;
}
.cal-day-container.day-view-container .cal-day-allday .cal-hours-container >  .day-only .event_bubble_shell .event_bubble ,
.cal-day-container.day-view-container .cal-day-allday .cal-hours-container >  .day-only .event_bubble_shell {
    height: 35px !important;
}

/* WEEK VIEW */
.cal-day-container.week-view-container .cal-day-allday + .cal-day-hourly {
    top: 58px !important;
}
.cal-day-container.week-view-container .cal-day-allday {
    height: 58px !important;
}
.cal-day-container.week-view-container .cal-day-allday .allDayLabel {
    height: 45px !important;
    top: -5px;
}
.cal-day-container.week-view-container .cal-day-allday .cal-hours-container {
    height: 55px !important;
}
/* CALENDAR - YEAR VIEW - === */
.cal--year {
    margin: auto;
    width: 100%;
}
.calendar.superFresh.freshCalendar.uh3.mf.longstrs.hasLeftPane.hasRightPane  #main #paneshell  #shellcontent .view.scroll-view .view-bd table.cal--year >  tbody > tr {
    display: inline-block !important;
    float: left !important;
    margin: 0 0 1% 1% !important;
    min-height: 235px !important;
    max-height: 235px !important;
    padding: 5px !important;
    border-radius: 5px !important;
background: #333 !important;
}
.cal--year-month-cell {
    min-height: 240px !important;
    max-height: 240px !important;
    min-width: 45% !important;
    vertical-align: top;
border: 1px solid gray !important;
}
tr:nth-child(4) .cal--year-month-cell:nth-child(2) ,
tr:nth-child(3) .cal--year-month-cell:nth-child(1) ,
tr:nth-child(3) .cal--year-month-cell:nth-child(3) ,
tr:nth-child(2) .cal--year-month-cell:nth-child(3) ,
tr:nth-child(2) .cal--year-month-cell:nth-child(1) ,
tr:nth-child(1) .cal--year-month-cell:nth-child(2) {
    background: #222 !important;
}
.cal--year-month-cell .cal--year-month .header a {
   color: gold !important;
    border-bottom: 1px solid aqua !important;
}
.cal--year-month-cell .cal--year-month thead tr + tr th {
   color: peru !important;
}
.cal--year-month-cell .minical {
   width: 100% !important;
}
/* CALENDAR - RIGHT PANEL  - TODO LIST -  .calendar  */
#shellsidepane {
    position: absolute;
    width: 0;
    height: 100%;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
    border: medium none;
    z-index: 1;
background: #333;
}

/* CALENDAR - POPUP DETAIL EVENENTS */
.pc.calendar .yui3-widget.yui3-overlay.yui3-widget-positioned.yui3-widget-stacked:not(.yui3-overlay-hidden) {
    z-index: 15600;
}

/* (new40) TEST - NO WORK - CALENDAR - EVENTS - ANIV - === */
.event_sticker ,
.stkr-birthday-small::before {
    font-size: 15px !important;
}
.events .event_bubble {
    cursor: pointer;
    font-size: 15px !important;
    text-align: left;
}


/* MAIL - ADD CONTACT from MAIL HEADER */
.yui3-hovercard-content  .hovercard-arrow  +  #hovercard  .footer  .menu-more.optionMenu {
    position: absolute;
    display: inline-block !important;
    max-width: 230px;
    left: 45px;
    top: 117px !important;
    opacity: 1 !important;
    text-align: left;
    z-index: 99 !important;
}
.yui3-hovercard-content  .hovercard-arrow  +  #hovercard  .footer  .menu-more.optionMenu  li:not(.disabled) {
    z-index: 50000 !important;
color: gold;
border: 1px solid red;
}
.yui3-hovercard-content  .hovercard-arrow  +  #hovercard  .footer  .menu-more.optionMenu  li.disabled {
    z-index: 50000 !important;
    opacity: 0.1 !important;
color: gold;
border: 1px solid red;
}

/* SEARCH - CORRECTIONS - OBJECT - COLOR */
.message-subject-inner .message-subject-main {
    color: gray;
}

/* INTELLIGENT VIEW */
.search-menuitem  ,
.search-menu.move-menu-dd .move-menu-item .move-menu-item-inner {
    color: peru !important;
}

/* SUPP BACKGROUND IMAGE - ALL */
html, 
.frost, 
#lightPreview {
    background-image: none !important;
}

/* MAIL SEND - ADD CONTAC MENU */
#Stencil .yui3-widget.yui3-hovercard.yui3-widget-positioned.yui3-widget-stacked.yui3-hovercard-hidden #hovercard .menu-more.optionMenu {
    top: 107px !important;
}

/* TOOLTIP - OPTIONS MENU SETTINGS */
div.modal.options-dialog * {
    box-sizing: border-box;
color: peru !important;
}
div.modal.options-dialog.modal-settings {
    width: 50% !important;
    height: 891px !important;
}
div.modal.options-dialog.modal-settings .modal-hd {
    padding: 5px !important;
    height: 39px !important;
}
div.modal.options-dialog.modal-settings .modal-bd {
    height: 757px !important;
border: 1px solid gray !important;
}
div.modal.options-dialog.modal-settings .modal-bd .content {
    height: 760px !important;
    padding: 20px 20px 0;
}
div.modal.options-dialog.modal-settings ul {
    box-sizing: border-box;
    height: 736px !important;
}
#options-filters.selectable.options-selection {
    box-sizing: border-box;
    height: 536px !important;
}

/* A SUPP ?? - COR for PARAMAETRES FILTER*/
.imap-settings .modal-bd .nav {
    border-right: 1px solid #515151 !important;
    font-size: 13px;
    font-weight: 400;
}
.imap-settings .modal-bd .nav ul.selectable li.navitem.selected, 
.imap-settings .modal-bd .nav ul.selectable li.navitem:focus, 
.imap-settings .modal-bd .nav ul.selectable li.navitem:hover {
    background-color: #222 !important;
}
div.modal.options-dialog.modal-settings .options-label:not(:empty) {
    width: 300px !important;
    height: 100%;
    line-height: 15px !important;
    text-align: center;
    border: 1px solid gray !important;
}
div.modal.options-dialog .modal-bd .content li.cf .options-content , 
div.modal.options-dialog .modal-bd .content li.cf .options-label {
    padding-top: 0 !important;
}
div.modal.options-dialog label {
    height: 16px !important;
    line-height: 16px !important;
    box-sizing: border-box;
color: peru !important;
}
.base-dialog.modal-settings.options-dialog.imap-settings .base-view.FF li.cf .options-content .custom-select {
    width: 280px !important;
background: #222 !important;
}
.base-dialog.modal-settings.options-dialog.imap-settings .base-view.FF li.cf .options-content .custom-select select{
    display: inline-block;
    width: 300px !important;
    vertical-align: middle;
}
#options-previewpane option[selected=""]:focus ,
#options-previewpane option[selected=""]:active ,
#options-previewpane option[selected=""]:hover ,
#options-previewpane option[selected=""]{
    background: green !important;
}
.cf.signature-help-text {
    width: 1395px !important;
}
/* PARAMETRES - EMAILS BLOCK */
div.modal.options-dialog.modal-settings li form.base-view.FF[name="options-block-senders-form"] ul > li.cf  .options-content ,
div.modal.options-dialog.modal-settings li form.base-view.FF[name="options-block-senders-form"] ul > li.cf {
    height: 100%;
}
/* (new35) PARAMAMETRES - SECURITY */
.disposable-addresses.options-content.options-content-aligned-children p {
    max-width: 100% !important;
}

/* PARAMETRES - FILTRE */
.modal.xxl.base-dialog.options-filterdialog.opaque.confirm-dialog  {
    margin-left: -766px;
    margin-top: -205.5px;
    z-index: 29003;
}
.modal.xxl.base-dialog.options-filterdialog.opaque.confirm-dialog .modal-bd .confirm-body form ul > li:nth-child(2)  .options-label.filter-heading-rule +  #filter-rules.options-content {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 6px;
}
#filter-rules.options-content .custom-select::after {
    right: 1px ;
    top: 7px ;
    right: -15px ;
    font-size: 20px ;
    color: red ;
}
.modal.xxl.base-dialog.options-filterdialog.opaque.confirm-dialog label {
    border-top: none !important;
    line-height: 19px !important;
    padding-right: 0px;
    text-align: right;
    color: violet  !important;
}
#filter-rules .filter-match-case {
    color: green !important;
}

/* PARAMETRES - WRITE EMAIL */
.modal-settings.base-view .base-view[name="options-writing-email-form"] li.cf:nth-child(2) .options-content {
    height: 137px !important;
}
/* PARAMETRES - OPTION WRITE EMAIL - SELECTED ICON */
div.modal.options-dialog .modal-bd .content li.cf .options-halfWidth {
    color: peru !important;
    margin: 0;
    text-align: center !important;
    width: 49%;
}
div.modal.options-dialog .modal-bd .content li.cf .options-halfWidth.custom-select::after {
    content: "";
    position: absolute;
    right: -21px !important;
    top: 2px;
    z-index: -1;
color: peru !important;
}
/* PARAMETRES - BLOCKED ADRESSES  / ADRESSES BLOQUEES - === */
#blocked-addresses {
    height: 689px !important;
    overflow-x: hidden;
    overflow-y: auto;
background: #222 !important;
}
#blocked-addresses>li a  {
    color: #EAD986 !important;
}
#blocked-addresses>li.selected a {
    border-bottom: 1px dotted gold !important;
    background: rgba(255, 0, 0, 0.72) !important;
    color: gold !important;
} 
#blocked-addresses>li a:hover {
    background: #333 !important;
    color: gold !important;
}
#blocked-addresses>li.selected a:hover {
    background: red !important;
    color: gold !important;
} 
#blocked-addresses>li.selected a:before  {
    content: "X" !important;
    display: inline-block !important;
    width: 17px !important;
    height: 17px !important;
    line-height: 13px !important;
    margin-left: -3px !important;
    margin-right: 5px !important;
    padding: 2px !important;
    border-radius: 100% !important;
    text-align: center !important;
color: gold !important;
background: green !important;
}

/* MAIL THEME BACKGOUND - PREVIEW */
.boss.boss-mt .preview-overlay {
    box-shadow: 10px 5px 29px rgba(0, 0, 0, 0.81) !important;
    transform: scale(0.9) !important;
}

/* PERSON VIEW  */
.srp-outer-container {
    color: gray !important;
    background: #222!important;
}
.srp-header {
    background: #222!important;
}
.search-tab-container {
    border-top: 1px solid #d8d8d8;
    bottom: 0;
    overflow: hidden;
    position: absolute;
    top: 50px;
    transition: top 60ms ease 0s;
    width: 100%;
    background: #222!important;
}
.message-list-toolbar {
    box-sizing: border-box;
    display: block;
    height: 36px;
    line-height: 36px;
    padding: 0 18px;
color: gray !important;
background: #222!important;
border-bottom: 1px solid #f2f2f2;
}
.message-list-toolbar .icon, .message-list-toolbar button {
    color: gray !important;
}
.search-messages-container[data-density="0"] .message-list-item {
    padding-bottom: 4px;
    padding-top: 5px;
background: #222 !important;
}
.search-messages-container[data-density="0"] .message-list-item.selected {
    padding-bottom: 4px;
    padding-top: 5px;
background: #333 !important;
}

/* PERSON VIEW - PHOTO GRID - 
uh3 non-threaded extra-wide vp-nomin no-uhsearch tc msg-pane-v2 pc lt DarkTheme vp-off wide-right-rail has-tabs single-account archive-on withsky notoolbar
OTHERS VIEWS :
.document-grid, 
.link-grid, 
.message-list-group, 
.message-list-toolbar, 
.srp-header-main
==== */

.photo-grid {
    padding-left: 16px !important;
    padding-right: 5px !important;
    -moz-user-select: none;
background: #222 !important;
}

/* PERSON VIEW - MESSAGES GROUPE GRID */
.message-list-group {
background: #222 !important;
}
.message-subject-inner-full-width .message-subject-main {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap;
    width: 100%;
color: gray !important;
}
.message-list-item .ui-checkbox {
    margin-left: -15px; 
    cursor: pointer;
    font-size: 20px;
    font-weight: 400;
    height: 1em;
    letter-spacing: -6px;
    line-height: 1;
    width: 15px;
}
.message-list-item .ui-checkbox::before {
    position: relative;
    height: 1em;
    line-height: 1;
    left: -3px;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: -6px;
    cursor: pointer;
}
.message-list-item .message-action-btn.read-status {
    position: relative;
    left: -30px !important;
    opacity: 1 !important;
}
.message-sender {
    position: relative;
    width: 222px !important;
    padding-right: 91px !important;
    padding-left: 4px !important;
    text-align: left !important;
    transition: padding-right 50ms linear 0s;
}
.message-list-item .message-action-btns {
    right: calc(100% - 262px);
}
.message-subject {
    width: calc(100% - 690px) !important;
}

/* TWEAKED COPY of USERSTYLES: "Yahoo Mail Wide Messages List" by "120591" -
https://userstyles.org/styles/86752/yahoo-mail-wide-messages-list
==== */

#yucs-top-bar {
    background-color: rgba(45, 17, 82,0.6) !important;
}
.wide-right-rail #shellcontent {
    right: 0px !important;
}
#shellcontent {
    right: 0px !important;
}
#main {
    width: 100% !important;
}
#theAd, #slot_REC, .darla {
    display: none !important;
}
.panescroll #toolbar {
    right: 0px !important;
}
.panescroll #shellcontent {
    right: 0px !important;
}
#main, 
#yucs, #yuhead-bucket {
    max-width: 100% !important;
}

/* ==== END ==== COPY of the USERSTYLES: "Yahoo Mail Wide Messages List by "120591" ====== */



/* YAHOO ANSWERS */
.Sticky-on .Sticky {
    position: fixed;
    margin-top: 0;
    top: 32px !important;
    transform: translate3d(0px, 0px, 0px);
}
/* CONTACT TOOLBAR */
    body.contacts #main #toolbar  {
    margin-top: 33px !important;
    border-left: medium none;
    border-right: 0 none;
    margin-left: 260px;
}
.pc.contacts.panescroll #contacts-content {
    left: 1px;
    margin-top: 67px!important;
    overflow: hidden;
}

/* CONTACT - FOR LIST */
.withoutad.panescroll.mf.headless.pc.contacts.ds.lt.outlook >div:first-of-type  {
    position: fixed;
    height: 1px;
    width: 200px;
    left: 22%!important;
    top: 4%!important;
    z-index: 15499;
}
.withoutad.panescroll.mf.headless.pc.contacts.ds.lt.outlook >div:first-of-type .yui3-widget {
    position: relative;
    left: 487px !important;
    margin-left: -314px !important;
    top: 7.5px!important;
    z-index: 15500;
}

#modal-assign-to-lists .modal-hd {
    border-bottom: 1px solid gray !important;
    padding-bottom: 6px !important;
    padding-top: 4px !important;
    -moz-user-focus: ignore;
    -moz-user-select: none;
}
#modal-assign-to-lists .items {
    max-height: 500px !important;
    margin: 0;
    border-bottom: 1px solid gray !important;
    overflow: auto;
}

/*  NEW HEADER - NAV BAR - === */
#Stencil:not(.Sticky-on):not(.Answers) #masterNav:hover {
    position: relative;
    height: 22px!important;
    margin-right: 0;
    top: 19px!important;
    transition-delay: 0.3s;
    transition-duration: 0.2s, 0.2s;
    transition-property: top, opacity;
    transition-timing-function: ease, ease;
border-bottom: 1px solid red !important;
}
#Stencil:not(.Sticky-on):not(.Answers) #masterNav #Eyebrow {
    background: black !important;
}
/* MORE DROPDOWN */
#Stencil:not(.Sticky-on):not(.Answers) #masterNav #Eyebrow .yucs-menu:not(yucs-hide) {
    top: 1px !important;
    padding: 1px 1px 1px 1px !important;
    transform: translate(140px, 22px) !important;
background: black !important;

}
#Stencil:not(.Sticky-on):not(.Answers) #masterNav #Eyebrow .yucs-menu:not(yucs-hide) a b {
color: peru !important;
}
#Stencil:not(.Sticky-on):not(.Answers) #masterNav:hover #Eyebrow .yucs-menu:not(yucs-hide) {
    width: 79px !important;
    background: black !important;
border: 1px solid red !important;
}

.yucs-trigger .Ycon.YconHome {
    display: inline-block !important;
    transform: scale(0.85) !important;
}
#UH {
    height: 12px!important;
    left: 0;
    margin-top: -23px!important;
    z-index: 10;
background: rgba(0, 0, 0, 0) !important;
}
#uhWrapper {
    height: 30px !important;
    top: -14px !important;
}

/* Yahoo Answers */
#Stencil.Answers.JsEnabled #UH {
    height: 12px!important;
    left: 0;
    margin-top: -13px!important;
    z-index: 10;
background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}
/* Yahoo Answers LOGO */
#Stencil.Answers #uhWrapper .UHCol1 {
    left: 75px !important;
    max-width: 112px !important;
}

/* TOP SEARCH MENU */
#Stencil .typeahead-list {
    position: absolute;
    left: 1px;
    margin-top: 0;
    right: 1px;
    top: 100%;
    border-radius: 0 0 3px 3px !important;
    z-index: 1;
box-shadow: -3px 9px 10px 7px rgba(9, 9, 9, 0.95) !important;
background-color: white;
border: 1px solid red !important;
}
.search-menu {
    border-radius: 0 0 3px 3px !important;
    box-shadow: -3px 9px 10px 7px rgba(9, 9, 9, 0.95) !important;
background-color: #222 !important;
border: 1px solid red !important;
}
.search-menu .search-menu-group-title {
    padding-left: 28px;
    padding-right: 28px;
color: peru !important;
}
.search-menu-group .search-menuitem {
    color: gray !important;
}
.search-menuitem.all-account-menu-item span span {
    color: gold !important;
}
#Stencil .search-folder-dropdown.right-folder-dd .dropdown-menu-title:hover {
    cursor: auto;
background-color: #333 !important;
}

/* COLOR - MENUS - ALL - ITEMS HOVER */
.menu-active-item, .optionMenu li:hover, 
.optionMenu .optionMenuItem:hover, 
.dd-hLozengeBox, 
.search-ac .yui3-aclist-item.yui3-aclist-item-hover, 
.search-menu .search-menuitem:hover:not([data-disabled]), 
.search-ac .yui3-aclist-item.yui3-aclist-item-active {
    background-color: black!important;
}

/* COLOR - SEARCH + NO RESULTS PAGE - BACKGROUND */
#storm-listnav li#Inbox.in .inbox-label ,
#storm-listnav li#Folders.folders a .icon-text  ,
#toolbar #btn-select-dd ,
#toolbar .btn-absolute ,
#Stencil .bgc-db, 
#Stencil button.bgc-db:hover, 
#Stencil button.bgc-db:active ,
#Stencil .bgc-lb, 
#Stencil button.bgc-lb:hover, 
#Stencil button.bgc-lb:active ,
#web-search-btn ,
#mail-search-btn ,
#Stencil .search-folder-scope-dd ,
#Stencil .typeahead-input ,
#uhWrapper table tbody tr td .StencilRoot.search-container .search-content .search-autocomplete button + div form ,
#Stencil .bgc-lg ,
#masSearchAd + .inner {
    font-weight: bold !important;
    outline: none !important;
color: rgb(170, 170, 170) !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5) !important;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06), 1px 1px 0 rgba(255, 255, 255, 0.03), -1px -1px 0 rgba(0, 0, 0, 0.02), 1px 1px 0 rgba(255, 255, 255, 0.05) inset !important;
background-color: rgb(62, 62, 62) !important;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.12)) !important;
border: 1px solid rgb(0, 0, 0) !important;
}

/* SEARCH IN MAILS - MAILS / IMAGES RESULTS - REFINEMENTS */
#dd_search_results_container_top .smartmail-contactdetails-base .tictac-contactdetails-header {
    font-size: 1.8rem;
color: gold !important;
}
.smartmail-contactdetails .business-card {
    height: 199px;
    padding-right: 24px;
    padding-top: 8px;
    width: 342px;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
background-color: white;
}
.smartmail-contactdetails .business-card .business-card-info {
    height: 203px !important;
    width: 342px !important;
    padding: 5px !important;
    overflow-x: hidden;
color: black;
}
.business-card-image {
    float: left;
    height: 60px;
    width: 60px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.smartmail-contactdetails .business-card .business-card-info .business-card-name  {
    width: 267px !important;
    padding: 17px !important;
color: gold !important;
}
.smartmail-contactdetails .xRichContact .xcontact-field span {
    color: gold !important;
}
#dd_search_results_container_top {
    overflow-x: hidden;
background-color: #222 !important;
}
#dd_search_results_container_top .smartmail-contactdetails-base .tictac-contactdetails-thumb-flow li {
    position: relative;
    display: inline-block;
    float: left;
    height: 150px;
    width: 150px;
    margin: 0 8px 8px 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    overflow: hidden;
background-color: #333 !important;
}

/* HEADER MESSAGE  / TABS / SEARCH /* TOP MENUS */
#shellcontent #tabs {
    opacity: 1;
    visibility: visible;
    margin-top: 15px!important;
}
.search-ac .recent-searches-header {
    background-color: #222222!important;
}
.search-ac .yui3-aclist-content .yui3-aclist-item .ac-label {
    color: gold!important;
}
.search-ac .recent-searches-header:hover span {
    background-color: black!important;
    color: gold!important;
}
.search-ac.yui3-aclist {
    z-index: 13 !important;
    width: 384px!important;
}
.search-ac .yui3-aclist-content {
    border-radius: 0 0 3px 3px;
    font-size: 13px;
background-color: black!important;
border: 2px solid black!important;

}
#Stencil:not(.Answers) .StencilRoot ul li {
    list-style-type: none;
color: peru !important;
background-color: #222 !important;
}
#Stencil:not(.Answers) .StencilRoot ul li .ui-token {
    position: relative;
    display: inline-block;
    height: 23px !important;
    line-height: 21px !important;
    margin-top: -4px !important;
    box-shadow: none !important;
    box-sizing: border-box;
color: #1c89ff;
}
#Stencil.Sticky-on .StencilRoot #yucs-help .js-Tooltip-Wrapper.Pos-r {
    margin-top: 30px 
}
#Stencil .StencilRoot  .cbox span.text {
    color: peru!important;
}
label {
    border-top: none !important;
    line-height: 3rem;
    padding-right: 15px;
    text-align: right;
color: peru !important;
}
.suggestion-adv-search button {
    color: gray !important;
}
.suggestion-adv-search button:hover, 
.suggestion-adv-search button:focus, 
.menu-active-item .suggestion-adv-search button {
    color: peru!important;
}
#ac-search-results .as-item #as-button, 
.search-ac .as-item #as-button {
    cursor: pointer;
    line-height: 33px;
color: gold!important;
}
.search-ac .yui3-aclist-content .yui3-aclist-item .ac-value {
    font-weight: bold;
color: peru!important;
}
.yui3-advancedsearchwidget .label, .yui3-advancedsearchwidget #as-date-custom-fields span {
    height: 32px;
    line-height: 32px;
color: gold!important;
}
.ac-results {
    position: relative;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 2px 4px 5px rgba(133, 132, 132, 0.5)!important;
background-color: #222222!important;
border: 1px solid #ddd;
}
#Stencil:not(.Sticky-on):not(.Answers) .W-1 {
    position: absolute!important;
    display: inline !important;
    width: 1%;
    max-height: 25px !important;
    line-height: 25px !important;
    top: 0px !important;
    right: 0px!important;
}
/* SEARCH - MENU ADVANCED FORM */
#uhWrapper table tbody tr td .StencilRoot.search-container .search-content .search-autocomplete button + div form {
    outline: 1px solid gray !important;
}

/* DOSSIER - IN SEARCH FIELD ???? */
#uhWrapper .W-100 tbody td .StencilRoot.search-container .search-content .search-autocomplete .tokenized-typeahead .tokenized-typeahead-container .typeahead-token-list  {
    padding-right: 26px;
outline: 1px solid gray !important;
}

/* TOP NAV BAR - HOVER ??? */
#uhWrapper > table> tbody> tr>td:first-of-type  {
    display: inline-block !important;
    height: 100% !important;
    max-height: 16px !important;
    width: 80px !important;
    margin-right: 36% !important;
}
#Stencil:not(.Sticky-on):not(.Answers) .StencilRoot #masterNav {
    position: relative !important;
    top: -16px !important;
    margin-bottom: -16px !important;
    text-align: center !important;
    transition: top ease 0.7s !important;
    z-index: 50000 !important; 
}
#Stencil.Sticky-on .StencilRoot #masterNav {
    position: relative !important;
    top: -16px !important;
    margin-bottom: -16px !important;
    text-align: left !important;
    transition: transform ease 0.7s !important;
    z-index: 50000 !important; 
}
#Stencil .StencilRoot #masterNav:hover  ul#Eyebrow {
    position: relative !important;
    padding: 5px 0 7px 0 !important;
    margin-bottom: -55px !important;
    z-index: 50000 !important; 
    transform: translatey(40px) !important;
background: #222 !important;
}
#Stencil.Sticky-on #uhWrapper{
    position: relative;
    margin-top: 20px!important;
}
#Stencil .StencilRoot ul li.Grid-U.Mend-18 {
    list-style-type: none;
    margin-right: 5px !important;
    padding: 1px 2px !important;
color: peru !important;
background-color: #222 !important;
outline: 1px solid gray !important;
}

/* PLUS / MORE MENU - cf :not(.Sticky-on) ??? */
#yucs-top-menu .MoreDropDown-Box  {
box-shadow: -3px 9px 10px 7px rgba(9, 9, 9, 0.95) !important;
background: #222 !important;
border: 1px solid red !important;
}
#Eyebrow #yucs-home-menu a, 
#Eyebrow #yucs-top-menu a, 
.HomeDropDown-on #yucs-home-link b, 
.HomeDropDown-on #yucs-home-link i, 
.MoreDropDown-on #yucs-more-link b, 
.MoreDropDown-on #yucs-more-link i, 
.yucs-trigger b {
    color: #dcd4d3 !important;
}
#Eyebrow #yucs-home-menu a:hover, 
#Eyebrow #yucs-top-menu a:hover, 
.HomeDropDown-on #yucs-home-link b:hover, 
.HomeDropDown-on #yucs-home-link i:hover, 
.MoreDropDown-on #yucs-more-link b:hover, 
.MoreDropDown-on #yucs-more-link i:hover, 
.yucs-trigger b:hover {
    color: peru !important;
}
#Stencil:not(.Sticky-on):not(.Answers) .StencilRoot ul li#yucs-more {
    top: 37px !important;
    border-radius: 3px !important;
    box-sizing: border-box;
    transition: top ease 0.7s !important;
color: rgb(170, 170, 170) !important;
background-color: rgb(62, 62, 62) !important;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.12)) !important;
border: 1px solid rgb(0, 0, 0) !important;
}
#Stencil:not(.Sticky-on):not(.Answers) .StencilRoot ul#Eyebrow:hover li#yucs-more {
    position: absolute !important;
    top: 5px !important;
}
#Stencil.Sticky-on .StencilRoot ul li#yucs-more {
    position: absolute !important;
    top: 37px !important;
    left: 2px !important;
    border-radius: 3px !important;
    box-sizing: border-box;
    transition: top ease 0.7s !important;
color: rgb(170, 170, 170) !important;
background-color: rgb(62, 62, 62) !important;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.12)) !important;
border: 1px solid rgb(0, 0, 0) !important;
}
#Stencil .StencilRoot ul#Eyebrow:hover li#yucs-more {
    position: absolute !important;
    top: 30px !important;
}
#Stencil .Fl-start.Lh-17.MouseOver-TextDecoration {
    display: inline-block !important;
    height: 22px !important;
    line-height: 22px !important;
    padding-right: 6px  !important;
    border: none !important;
    box-sizing: border-box;
color: peru !important;
background-color: rgb(62, 62, 62) !important;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.12)) !important;
}
#Stencil .YconArrowDown  {
    height: 22px !important;
    margin-top: 0px !important;
    padding: 4px 0 2px 0 !important;
    border: none !important;
    box-sizing: border-box;
color: peru !important;
background-color: rgb(62, 62, 62) !important;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.12)) !important;
}
/* #yucs-more-link b  */
#masterNav #Eyebrow #yucs-more {
    border-radius: 3px !important;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06), 1px 1px 0 rgba(255, 255, 255, 0.03), -1px -1px 0 rgba(0, 0, 0, 0.02), 1px 1px 0 rgba(255, 255, 255, 0.05) inset !important;
color: rgb(170, 170, 170) !important;
background-color: rgb(62, 62, 62) !important;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.12)) !important;
border: 1px solid rgb(0, 0, 0) !important;
}
.StencilRoot .MoreDropDown-on,
.StencilRoot .MoreDropDown-Box {
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.9);
background: #222 !important;
border: 1px solid gray !important;
}
#Eyebrow .MoreDropDown-on a:link, 
#Eyebrow .MoreDropDown-on a:visited {
    text-decoration: none !important;
color: peru !important;
background: #222 !important;
}

/* TOP MENU BUTTONS TXT / ICONS */
#Stencil:not(.Answers) .Va-m.MouseOver-TextDecoration {
    display: inline-block !important;
    height: 22px !important;
    line-height: 22px !important;
    padding: 2px 5px !important;
    border-radius: 3px !important;
color: rgb(170, 170, 170) !important;
background-color: rgb(62, 62, 62) !important;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.12)) !important;
border: 1px solid rgb(0, 0, 0) !important;
}
#Stencil:not(.Answers) .Va-m.Ycon:not(.YconArrowDown):not(.MouseOver-TextDecoration)   {
    display: inline-block !important;
    height: 22px !important;
    line-height: 22px !important;
    padding: 2px 5px !important;
    border-radius: 3px !important;
    font-size: 17px !important;
color: rgb(170, 170, 170) !important;
background-color: rgb(62, 62, 62) !important;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.12)) !important;
border: 1px solid rgb(0, 0, 0) !important;
}
/* PARAMETRES PROFILE */
#Stencil #yucs-profile .Pos-r  {
    margin-top: 2px!important;
}
/* PARAMETRES MAIL */
#Stencil #yucs-help .Pos-r .Z-5 {
    margin-top: -22px!important;
}
/* CONFIRMATION DELETION MAIL */
#notification-v2 {
    outline: 2px solid violet!important;
    margin-top: -40px!important;
}
/* CURSOR NOT ALLOWED */
div.hasnomsg > span.onemsg a, 
div.hasnomsg > span.onemsg i, 
div.hasnomsg > span.multimsg a, 
div.hasnomsg > span.multimsg i, 
div.hasmultimsg > span.onemsg a, 
div.hasmultimsg > span.onemsg i, 
div.hasnomsg > span.onemsg a, 
div.hasnomsg > span.onemsg i, 
div.hasnomsg > span.multimsg a, 
div.hasnomsg > span.multimsg i, 
div.hasmultimsg > span.onemsg a, 
div.hasmultimsg > span.onemsg i , 

div.hasnomsg > span.onemsg, 
div.hasnomsg > span.multimsg, 
div.hasmultimsg > span.onemsg, 
div.hasnomsg > span.onemsg, div.hasnomsg > span.multimsg, 
div.hasmultimsg > span.onemsg {
/* cursor: not-allowed; */
/* cursor: url(data:image/png;base64,AAABAAEAEBAAAAEAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAPDz/XTw8/+I8PP/iPDz/szw8/7M8PP+zPDz/XQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA8PP9dPDz/4gAA//8AAP//AAD//wAA//8AAP//AAD//wAA//88PP/iPDz/XQAAAAAAAAAAAAAAAAAAAAA8PP9dAAD//wAA//8AAP//AAD//zw8/7M8PP9dPDz/XTw8/+I8PP//AAD//zw8//88PP9dAAAAAAAAAAAAAAAAPDz/4gAA//8AAP//AAD//zw8/7MAAAAAAAAAAAAAAAAAAAAAPDz/swAA//8AAP//PDz//zw8/10AAAAAPDz/XQAA//8AAP//Fxf//wAA//8AAP//PDz/swAAAAAAAAAAAAAAAAAAAAA8PP+zPDz/4gAA//88PP//AAAAADw8/7MAAP//AAD//zw8/7M8PP//AAD//wAA//88PP+zAAAAAAAAAAAAAAAAAAAAAAAA//88PP/iAAD//zw8/108PP+zAAD//zw8/7MAAAAAPDz/XQAA//8AAP//Fxf//zw8/7MAAAAAAAAAAAAAAAA8PP9dAAD//wAA//88PP+zAAD//wAA//88PP+zAAAAAAAAAAA8PP9dFxf//wAA//8XF///PDz/swAAAAAAAAAAAAAAADw8/+IAAP//PDz/4gAA//8AAP//PDz/swAAAAAAAAAAAAAAADw8/10XF///AAD//xcX//88PP+zAAAAAAAAAAA8PP/iAAD//zw8/+I8PP+zAAD//wAA//8AAAAAAAAAAAAAAAAAAAAAPDz/XRcX//8AAP//Fxf//zw8/7MAAAAAPDz/4gAA//88PP+zPDz/XQAA//8AAP//PDz/XQAAAAAAAAAAAAAAAAAAAAA8PP9dFxf//wAA//8AAP//PDz/4jw8/+IAAP//PDz/XQAAAAAAAP//AAD//wAA//88PP9dAAAAAAAAAAAAAAAAAAAAADw8/10AAP//AAD//xcX//88PP/iPDz//wAAAAAAAAAAPDz/XTw8//8AAP//AAD//zw8/7M8PP9dAAAAAAAAAAA8PP9dPDz/4hcX//8AAP//AAD//zw8/10AAAAAAAAAAAAAAAA8PP/iAAD//wAA//8AAP//AAD//zw8/+I8PP/iPDz/4gAA//8AAP//AAD//zw8/+IAAAAAAAAAAAAAAAAAAAAAAAAAADw8/108PP/iAAD//wAA//8AAP//AAD//wAA//88PP//PDz/4jw8/10AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAPDz/XTw8/108PP+zPDz//zw8//88PP+zPDz/XQAAAAAAAAAAAAAAAAAAAAAAAAAA+D8AAOAPAADBhwAAg8MAAIHhAAAA8QAAGHgAABw4AAAeGAAAHwgAAJ+BAACPwQAAw8MAAMADAADwDwAA/D8AAA==), auto !important; */
/* cursor: url(https://static.addons.mozilla.net/static/img/impala/no.png?f10b6fb), auto !important; */
    opacity: 0.4;
/* cursor: url('data:image/svg+xml,<svg\xmlns="http://www.w3.org/2000/svg"\width="12px"\height="12px">\<style>* {stroke:red; stroke-width:2px; fill:none;}</style>\<circle cx="6" cy="6" r="5" />\<path d="m 2.5,9.5 l 7,-7" />\</svg>\'), auto !important;  */
}

/* YAHOO HELP */
#yucsHead, 
#yucs {
    background-color: #222222 !important;
}
#doc {
    min-width: 100% !important;
}
#doc.help div.yui3-g-r {
    width: 100% !important;
    margin-top: -58px !important;
}
.content-wrap {
  max-width: 100%!important;
}
#doc.help #hd #yucsHead.yucs-help .yucs-fl-right  {
    float: right;
    height: 12px !important;
    margin-top: -13px !important;
}
#yucs-profile_inner ,
#yucs-help_inner.yucs-menu {
    background: #222222 !important;
}

/* YAHOO TOP BAR */
#yucs-top-bar {
    margin-top: -23px !important;
    position: absolute !important;
background-color: #333233 !important;
}

/* ANSWERS - SEARCH CONTAINER  */
#yucsHead.yucs-answers .yucs-fl-left  {
    display: inline-block !important;
    float: left;
    height: 37px !important;
    left: 0 !important;
    margin-top: -10px !important;
    text-align: left !important;
}
#yucsHead.yucs-answers #yucs-search {
    display: block;
    left: 8.5% !important;
    width: 99% !important;
}
#yucsHead.yucs-answers #yucs-search form.yucs-search table tbody tr {
    display: inline-block ! important;
    width: 50% !important;
    height: 100% ! important;
    max-height: 19px !important;
    min-height: 19px !important;
} 

/* A VOIR - OLD ??? - LOGO YAHOO MAIL */
._yb_ruiiu ,
.YLogoMY  {
    display: block ;
    height: 23px !important;
    min-width: 100px !important;
    margin-left: -64px;
    margin-right: 23px;
    margin-top: -54px !important;
    text-indent: -20em;
    overflow: hidden;
    transform-origin: left top  !important;
    transform: scale(0.5)!important;
}
/* ??? - 2019.22.09 - LOGO YAHOO MAIL = */
.norrin-ybar ._yb_98v4s ._yb_1r1e7 ._yb_1r0xw a {
    display: block ;
    height: 35px !important;
    min-width: 100px !important;
    margin-left: 14px;
    margin-right: 23px;
    margin-top: -43px !important;
    text-indent: -20em;
    overflow: hidden;
    transform-origin: left top  !important;
    transform: scale(0.5)!important;
}
/* TOP HEADER - NAV BAR - LEFT - CONTAINER with ICONS */
.has-tabs #nav {
    display: inline-block ! important;
    height: 26px ! important;
    line-height: 26px !important;
    margin-top: -40px !important;
    overflow: hidden !important;
    z-index: 500 !important;
}

/* ANSWER - FLOATING TOP TAB DOCK + RIGHT PANEL FLOATING */
#get-the-app {
    display: none ! important;
}
.ya-tabs ul#nav-menu {
    background: #3d3c3e !important;
}
#nav-menu.tab-dock {
    top: 31px !important;
    height: 30px !important;
    line-height: 15px !important;
    padding-bottom: 1px;
    white-space: nowrap;
}
.ya-page .y-col2 {
    position: absolute;
    width: auto;
    left: 0;
    margin-left: 190px;
    right: 0;
    top: -52px !important;
}
.has-scrolled.page-has-scrolled .ya #ya-body-container.ya-grid #ya-main-content.y-col2 #ya-content-apps.ya-grid #ya-col-2.ya-grid .y-col.y-col2-2.bottom-fixed.fixed {
    top: -10px !important;
}
.yom-ask {
    position: relative;
    height: 35px ! important;
    margin-bottom: -18px;
    padding: 10px 20px 28px 14px ! important;
background: #333 !important;
}

/* IMAGES - IN MAIL - - ADD EMOTICON EXECEPTION */
.msg-body.inner.undoreset img[src*=".mail.yahoo.com/ya/download?"]:not([src$="&appid=yahoomail"]):not([class*="lEmoticon"]) ,
.inner.undoreset  [class$="_msg_container"] img[src*=".mail.yahoo.com/ya/download?"]:not([src$="&appid=yahoomail"]):not([class*="lEmoticon"])  {
    position: relative ! important;
    display: inline-block ! important;
    float: left ! important;
    clear: both ! important;
    margin-right: 5px ! important;
    margin-bottom: 5px ! important;
    border: 0 none;
    max-width: 40% !important;
    height: auto ! important;
}

/* IMAGES YAHOO MAIL CLASSIC - 
COR INVALID IMAGE (SUPP):
url("https://thumbp5-ir2.mail.yahoo.com/tn?sid=783165327&mid=AINUfbwAAA5ZUebJngAAAO%2BBIE8&midoffset=2_0_0_110_41356&partid=10&f=1330&fid=00%252dBRu%252dCtc%252dFamille"),
=== */
.att-thumb.data-type-JPG.has-thumb {
    background-image: url("https://s.yimg.com/tq/shared/603/img/default-at.png");
    height: 250px !important;
    width: 215px !important;
}
.att-thumb-flow .att-size {
    height: 16px;
    line-height: 14px;
    right: 1px;
    top: 0;
color: #e6e6e6;
background: #777!important;
}

/* ============ YAHO0 MAIL - DARCK AND GRAY - GENERAL COLOR  =========== */

/* GROUPS */

/* GROUPS READ - === */
#yg-msg-view .yg-msg-read-container .wrapper {
    background: white !important;
    height: 100%;
    position: relative;
    width: 100%;
}

/* GROUPS - PRESENTATION PAGE - IMAGE with DESCRIPTION */
.yg-classic-cover-img-cont.fright {
    background-color: transparent !important;
    margin-top: -63px !important;
}

/* GROUPS - WIDE CONTAINER - === */
#yucsHead #yucs {
    max-width: 100% !important;
    height: 23px !important;
}
#yg-manage-groups-view {
    width: 100% !important;
}

/* MESSAGE GROUP RIGHT - TOUR IMAGE  */
.yg-tourimage-container {
    position: relative! important;
    display: inline-block! important;
    min-width: 500px ! important;
    top: -55px! important;
    right: 450px! important;
    padding: 2px! important;
    background-color: #222222 !important;
    background-image: none!important;
    z-index: 5000! important;
}
#yg-memwiz {
    position: absolute! important;
    display: inline-block! important;
    float: none ! important;
    width: 600px ! important;
    top: -58px! important;
    left: -900px! important;
    padding: 2px! important;
    background-color: #222222 !important;
    background-image: none!important;
    z-index: 5000! important;
}
.yg-tourimage-heading {
    padding-bottom: 0 !important;
}


/* GROUP NAV BAR */
.yg-page .yom-nav ,
#grp-info .zero-z-index  {
    max-width: 100% !important;
}
.yg-page .yom-actions ,
.yg-page .yom-actions-small ,
#about-grp-sec ,
#yg-msg-view ,
.yui3-app-views ,
#yg-msg-list-container ,
.yg-page .y-col2 .yg-grid .y-col2-1 ,
.desktop .yg-page #body-container  {
    max-width: 99.7% !important;
}
.yg-page .y-col2 .yg-grid .y-col2-1 {
    margin-right: 2px !important;
    min-height: 800px;
    min-width: 470px;
    max-width: 100% !important;
}
.subnav-refresh {
    height: 64px !important;
}
.subnav-refresh .cover-photo-holder {
    height: 100px !important;
    top: -30px !important;
    background-color: black ! important;
}
.subnav-refresh .cover-photo-holder .cover-photo.wviewvert {
    height: 92px !important;
    position: absolute;
}
.subnav-refresh .subnav-middle {
    top: -30px !important;
    height: 93px !important;
}
.page-has-scrolled #yucsHead {
    border-bottom: 1px solid #828182 !important;
    box-shadow: 0 0 9px 0 #000000 !important;
}
.yg-pend-not-empty ,
#yg-groupdetail-navbar-empty {
    height: 4px !important;
}
.msg-title-bar {
    margin-bottom: -119px!important;
}

/* GROUPS MENUS */
/* GROUP */
.rcol-shadow {
    background: transparent !important;
}
#yucs-top-inner #yucs-top-list li:not([id="yucs-top-groups"]) {
    display: none !important;
}
#yucs-top-inner #yucs-top-list #yucs-top-groups  {
    display: inline-block !important;
    width: 100% !important;
    min-width: 20px !important;
    max-width: 20px !important;
    min-height: 20px !important;
    max-height: 20px !important;
    top: 20px !important;
    left: 170px !important;
    visibility: hidden !important;
    overflow: visible !important;
    font-size: 0 !important;
    z-index: 50000 !important;
}
#yucs-top-inner #yucs-top-list #yucs-top-groups a:before  {
    content: "." !important;
    display: inline-block !important;
    height: 20px !important;
    width: 20px !important;
    min-height: 20px !important;
    visibility: visible !important;
    overflow: visible !important;
    font-size: 15px !important;
    color: transparent !important;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: -41px -120px;
    background-image: url("https://s1.yimg.com/dh/ap/groups/sprite16.png");
    z-index: 50000 !important;
}
#yg-view-menu-options.optionMenu[aria-hidden="false"]{
    background: #222222 !important;
    left: 0px !important;
    top: 0px !important;
}
#yg-view-menu-options.optionMenu[aria-hidden="true"]{
    visibility: hidden !important;
}
#yg-view-menu-options.optionMenu ul.first li{
    color: gray !important;
}

#Stencil .yucs-mail-preview-panel {
    padding: 5px !important;
    background-color: black !important;
    color: peru !important;
}
.main-menu-content li, 
.sub-menu-content li {
    color: peru !important;
    line-height: 18px !important;
}
.optionMenu .tick {
    background-position: -60px -264px!important;
}
.optionMenu .sortby-group .asc {
    height: 16px !important;
    background-position: -60px -143px !important;
    top: 2px !important;
}
.optionMenu .sortby-group .desc {
    height: 16px !important;
    background-position: -60px -143px !important;
}
/* GROUPS ICON / BUTTONS */
#yucs-sprop_button {
    background: linear-gradient(to bottom, #4A4646 0px, #030303 100%) repeat scroll 0 0 transparent !important;
    border: 1px solid #5B5B5B !important;
    box-shadow: 0 1px 3px 0 rgba(30, 31, 31, 0.8) inset !important;
    color: peru !important;
}
.yucs-search-buttons, 
.yucs-search-buttons div, 
.yucs-search-buttons button {
    height: 21px!important;
}
a#yucs-mail_link_id {
    background-position: 5px -3102px !important;
}
#yucs #yucs-help_button {
    background-position: 0 -1588px !important;
}
.bg-purple, 
.bg-purple.btn-disabled:hover, 
#yucs-sprop_button {
    background-color: #373539 !important;
    background-image: -moz-linear-gradient(center top , #201F21, #403F41) !important;
    border: 1px solid #444444 !important;
    color: #FFFFFF !important;
}
/* GROUPS COLOR */
body {
      color: #929292 !important;
    text-shadow: none !important;
}
.yuhead-name.yucs-fc {
    color: gray !important;
    text-shadow: none !important;
}
.relaxed .yg-msglist-title span {
    max-width: 100% !important;
    color: #929292 !important;
}

/* GROUPS COLOR */
a,
#yg-managemygroups-header .yg-new-button a ,
#all-mygroups-label ,
#all-my-groups.yg-rapid li div ,
#all-my-groups.yg-rapid li.col-fields div a,

.yucs-mail-preview-panel li .yucs-mailpreview-from ,
.yg-grp-row-content .yg-grplist-name a span ,
#yg-subcategory-list .category-list li a ,
#yg-action-bar .actions-lt a ,
.yg-msglist-title a ,
.yg-page .y-col1 a, 
.mygroups-more-overlay a, 
#yg-create-group {
    color: gray !important;
    text-shadow: none !important;
}

/* (new19) GROUPS COLOR SELECTED - === */
.yg-page .yom-actions .yom-bd ul li.btn-grey-selected > a ,
.btn-grey-selected > a#manage-mygroups-label {
    color: #FFD700 !important;
}

/* BACKGROUND - ZEBBRA - GROUPS */
#all-my-groups > li:not(.fc-black):nth-child(even) {
    background: black !important;
    border-top: 1px solid gray ! important;
}
.yg-mygrp-row > div, .yg-mygrp-scnd-msg:nth-child(even) {
    background: black !important;
    border-top: 1px solid gray ! important;
}

/* COLOR - CLASSIC - LINKS */
.listings li a  ,
.mlink {
    color: gray !important;
    text-shadow: none !important;
}
.listings li:hover a  ,
#datatable>tbody>tr:hover .mlink ,
.mlink:hover {
    color: peru !important;
    text-shadow: none !important;
}
#datatable>tbody>tr .mlink:hover {
    color: gold !important;
    text-shadow: none !important;
}
/* COLOR - CLASSIC - NEWS MESSAGES - COLOR TXT */
.msgnew, 
.msgnew h2 a.mlink:link, 
.msgnew div a.mlink:link {
    font-weight: bold;
    color: #988D69 !important;
}
/* GROUPS SELECTED */
.yom-bd .messages-link.btn-grey-selected a {
    color: gold !important;
}
/* (new19) GROUPS BACKGROUNDS */
.yui3-overlay-content .yui3-widget-bd ul li  ,
#yg-group-detail-navbar ,
.yg-page .yom-nav ,
.bg-gray ,
html:not(.Answers) {
    background-color: #222222 !important;
}
.yg-content-bg ,
.yg-navbar-bg {
    background-color: #222222 !important;
    border: 1px solid #474748 !important;
}
.yg-msg-archive-data > div {
    background-color: #363636 !important;
    color: peru !important;
}
.yg-msg-archive-datarow:hover {
    background-color: #161617!important;
}
#yg-main-content.y-col2 .msg-content>div>div[style^="color:#000;"],
#yg-main-content.y-col2 .msg-content>div>div[style^="color:rgb(0, 0, 0);"]{
    background-color: #222222 !important;
    color: red !important;
}
.yg-action-bg {
    background: #000 !important;
}
#yg-group-detail .group-detail-sec:nth-child(odd) , 
#yg-welcome-msg .group-detail-sec:nth-child(odd) , 
.yg-grp-row:nth-child(odd) ,
ul.msg-list-container > li:nth-child(odd) ,
.y-col.yg-msg-row:nth-child(odd) {
    border-top: 1px solid #F2F2F5 !important;
    background: #222222!important;
}
#yg-group-detail .group-detail-sec:nth-child(even) ,
#yg-welcome-msg .group-detail-sec:nth-child(even) , 
.yg-grp-row:nth-child(even) ,
ul.msg-list-container > li:nth-child(even) ,
.y-col.yg-msg-row:nth-child(even) {
    border-top: 1px solid #F2F2F5 !important;
    background: #333 !important;
}

/* CLASSIC */
/* PUBS*/
.sky-ad ,
.tl1-ad {
    display: none !important;
}
html {
    color: gray !important;
}
html body {
    background-color: #222222 !important;
    color: gray !important;
}
.uh tbody {
    display: inline-block !important;
    height: 45px !important;
    margin-bottom: 2px !important;
    width: 100% !important;
}
.uh {
    display: block !important;
    height: 45px !important;
    margin-bottom: 2px !important;
    width: 100% !important;
    padding-left: 50px !important;
}
.uh-logo  {
    display: inline-block !important;
    height: 36px !important;
    width: 150px !important;
    margin-left: -50px !important;
    text-align: left !important;
    text-indent: 1em !important;
}
.uh-logo-div {
    background-image: none !important;
}
.toolbar {
    background-color: #333333 !important;
}
.uh-srch-box {
    border: 1px solid #656567 !important;
    height: 17px !important;
    line-height: 17px !important;
    min-width: 200px;
    padding: 0 5px 3px 2px !important;
    vertical-align: top !important;
    color: white !important;
    background: rgba(102, 102, 103, 0.48) !important;
}
.uh-rt {
    display: inline-block !important;
    height: 22px !important;
    margin-top: 12px !important;
    padding: 0 15px !important;
    text-align: center !important;
}
.contentnav {
    background-color: #222222 !important;
    border-bottom: 1px solid gray !important;
}
.navigation ,
.msgheader ,
.sky-filler {
    background: transparent !important;
}
#datatable>tbody>tr:nth-child(odd) {
    background: black !important;
}
.vcard .details dd span {
    background: transparent !important;
    border: 1px solid gray !important;
    display: inline-block !important;
    margin: 2px 3px 2px 7px !important;
    padding: 1px 2px !important;
}

/* SORT BY - NAV BAR */
.tbldata thead {
    display: inline-block !important;
    position: absolute !important;
    right: 40% !important;
    top: 38px !important;
}
/* SORT ITEMS  */
#datatable>thead>tr>th:not([style="border:none;"]) {
    position: relative ! important;
    display: inline-block !important;
    height: 30px !important;
    line-height: 30px !important;
    width: 100%! important;
    min-width: 55px! important;
    max-width: 55px! important;
    margin-left: 5px ! important;
    margin-right: 5px ! important;
    padding: 1px 2px 0px 5px !important;
    vertical-align: middle !important;
    text-align: left! important;
    outline: 1px solid gray! important;
}
#datatable>thead>tr>th#senderheader:before {
content: "Sort:"! important;
    position: absolute ! important;
    display: inline-block !important;
    height: 30px !important;
    line-height: 30px !important;
    left: -45px! important;
    border: none! important;
    color: gold! important;
}

#datatable>thead>tr>th#senderheader + .fixwidth {
    display: inline-block !important;
    max-height: 30px !important;
    min-height: 30px !important;
    line-height: 30px !important;
    min-width: 45px! important;
    max-width: 45px! important;
    margin-left: 5px ! important;
    ...

Reviews

No reviews yet.