{"sections":[{"urls":[],"urlPrefixes":[],"domains":["mail.yahoo.com","calendar.yahoo.com"],"regexps":[],"code":"/* ==== 0- Yahoo New Mail - Simply Dark and Gray - 2023 v.70 (new70) ==== */\r\n\r\n/* NEW name of Yahoo New Mail - Simply Dark and Gray since v.36 */\r\n\r\n/* LAST UPDATE to USERSTYLES.ORG \u003e v.70 - 2.8k installs */\r\n\r\n/* 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\".\r\nIf 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).\r\nSo, the solution is to use an \"User-Agent Switcher\" addon, like this one:\r\nhttps://mybrowseraddon.com/useragent-switcher.html\r\nChoose Google and add https://mail.yahoo.com in the bottom field.\r\nBut after some test, because it cause some trouble (for me on YouTube), i prefer this one now more complete and simple to use:\r\nUser Agent Switcher par Alexander Schlarb\r\nhttps://addons.mozilla.org/fr/firefox/addon/uaswitcher/\r\n\r\nAnd that's ok!\r\n==== */\r\n\r\n/* (new63) === SUPP === */\r\n\r\n/* (new67) SUPP - MESSAGE ADBLOCK + ADD - DIVERS */\r\n\r\narticle[aria-labelledby=\"bottom-sticky-pencil-ad-brand-name bottom-sticky-pencil-ad-title\"] ,\r\n.Z_7G9R[data-test-id=\"overlay-boundingbox\"] ,\r\n._yb_wb4rz._yb_om5q9 ,\r\n._yb_1fuf3._yb_1chzr ,\r\n[data-test-id=\"right-rail-hidead-btn\"] ,\r\ndiv[data-test-id=\"virtual-list\"] li[style*=\"transform: translate3d(0px, 0px, 0px);\"] ,\r\ndiv[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\"] ,\r\n.norrin-min-upsell,\r\n#modal-outer[aria-labelledby=\"adBlock-upsell-welcome-message\"] {\r\n display: none !important;\r\n}\r\n\r\n/* SUPP PUBs (when Adblock disable or not) + CLASSIC - === */\r\n.mb-list-ad * {\r\n box-sizing: border-box;\r\n}\r\n.mb-beacon ,\r\n.icon.mb-icon.mb-icon-right.adchoices.mb-sponsored.mb-feedback ,\r\n.ml-bg ,\r\n#masSearchAd ,\r\n.rightRailAdContainer ,\r\n#mbSearchAd ,\r\n.mb-list-ad, \r\n#mbSearchAd .mb-list-ad, \r\n#mbSearchAd .mb-list-ad a ,\r\n.mb-list-ad .flex .title, \r\n.mb-list-ad .flex .subj ,\r\n#slot_MB {\r\n display: none ! important;\r\n max-height: 0 !important;\r\n min-height: 0 !important;\r\n width: 0 !important;\r\n opacity: 0 !important;\r\n visibility: hidden !important;\r\npadding: 0 !important;\r\n}\r\n/* SUPP PRO / NEW YAHOO MAIL MESSAGE */\r\n#modal-outer[data-test-id=\"modal-outer\"][role=\"alertdialog\"][aria-labelledby=\"upsell-welcome-message\"] ,\r\n.takeover {\r\n display: none !important;\r\n}\r\n/* SUPP - YAHOO NEWS POPUP */\r\n.p_a.Z_f8a[data-test-id=\"popover-content\"] {\r\n/* display: none !important; */\r\n/* outline: 1px solid violet !important; */\r\n}\r\n.H_6D6F .p_a.Z_f8a[data-test-id=\"popover-content\"] {\r\n/* display: none !important; */\r\n/* outline: 1px solid aqua !important; */\r\n}\r\n[data-test-id=\"needToKnowNewsCue\"] ,\r\n.D_F.ek_EZ.a_3DVPV.K_3o46j.r_P[data-test-id=\"needToKnowNewsCue\"] {\r\n display: none !important;\r\nborder: 1px solid yellow !important;\r\n}\r\n\r\n/* ??? A VOIR */\r\n.msg-body.inner.undoreset img +br ,\r\n.msg-body.inner.undoreset img +br+br ,\r\n.msg-body.inner.undoreset img +br+br+br ,\r\n.msg-body.inner.undoreset img +br+br+br+br ,\r\n.msg-body.inner.undoreset img +br+br+br+br+br {\r\n display: none ! important;\r\n}\r\n\r\n\r\n/* (new68) TEST - MAIL - SETTINGS - FULL VIEW */\r\n[data-test-id=\"personalize-inbox-tab\"]{\r\n background: #111 !important;\r\n}\r\n\r\n/* (new68) TEST - MAIL - SETTINGS - FULL VIEW - CENTER PANEL - SCROLL */\r\n[data-test-id=\"personalize-inbox-tab\"] \u003e div \u003e div {\r\n color: silver !important;\r\n background: #111 !important;\r\n}\r\n\r\n[data-test-id=\"personalize-inbox-tab\"] \u003e div \u003e div \u003e header {\r\n margin: -3vh 0 0 0 !important;\r\ncolor: gold !important;\r\n}\r\n[data-test-id=\"personalize-inbox-tab\"] \u003e div \u003e div \u003e header h4 {\r\n color: gold !important;\r\n}\r\n[data-test-id=\"personalize-inbox-tab\"] form \u003e ul{\r\n display: inline-block !important;\r\n height: 100% !important;\r\n min-height: 85.5vh !important;\r\n max-height: 85.5vh !important;\r\npadding-bottom: 0vh !important;\r\n overflow: hidden !important;\r\noverflow-y: hidden !important;\r\noverflow-y: auto !important;\r\ncolor: silver !important;\r\nbackground-color: #111 !important;\r\n/* border-bottom: 1px solid yellow !important; */\r\n}\r\n[data-test-id=\"personalize-inbox-tab\"] form \u003e ul p {\r\n color: gold !important;\r\n}\r\n[data-test-id=\"personalize-inbox-tab\"] form \u003e ul label[for] + div {\r\n display: flex;\r\n height: 18px !important;\r\n line-height: 18px !important;\r\n margin: 0 0 0 0 !important;\r\n}\r\n[data-test-id=\"personalize-inbox-tab\"] form [data-test-id=\"msgListDensity-mode-chooser\"] ul li label[for] + div ,\r\n[data-test-id=\"personalize-inbox-tab\"] form [data-test-id=\"previewPane-mode-chooser\"] ul li label[for] + div {\r\n display: flex;\r\n height: 18px !important;\r\n line-height: 18px !important;\r\n margin: -5vh 0 0 0 !important;\r\n/* border: 1px solid aqua !important; */\r\n}\r\n\r\n[data-test-id=\"personalize-inbox-tab\"] ul li label[for^=\"themeOption-\"] {\r\n display: inline-block !important;\r\n height: 100% !important;\r\n width: 18px !important;\r\n margin: 0 0 0 0 !important;\r\n border-radius: 100% !important;\r\n background-position: center center !important;\r\n background-size: contain !important;\r\n}\r\n/* (new68) TEST - MAIL - SETTINGS - FULL VIEW - WRITING / VIEWING / AVCATION / FILTERS / SECURITY / CONTACT EMAIL */\r\n[data-test-id=\"security-and-privacy-tab\"] \u003e div:first-of-type ,\r\n[data-test-id=\"settings-message-filters\"] \u003e div:first-of-type ,\r\n[data-test-id=\"vacation-response\"] \u003e div:first-of-type ,\r\n[data-test-id=\"viewing-email\"] \u003e div:first-of-type ,\r\n[data-test-id=\"writing-email\"] \u003e div:first-of-type {\r\nbackground: #111 !important;\r\n border-right: 1px solid #e0e4e9;\r\n}\r\n[data-test-id=\"security-and-privacy-tab\"] \u003e div:first-of-type \u003e div ,\r\n[data-test-id=\"settings-message-filters\"] \u003e div:first-of-type \u003e div ,\r\n[data-test-id=\"vacation-response\"] \u003e div:first-of-type \u003e div ,\r\n[data-test-id=\"viewing-email\"] \u003e div:first-of-type \u003e div ,\r\n[data-test-id=\"writing-email\"] \u003e div:first-of-type \u003e div {\r\n padding: 5px 16px 0 !important;\r\n}\r\n\r\n\r\n/* (new68) TEST - MAIL - SETTINGS - LEFT MODAL */\r\nbody.bold-focus.pointer-mode [data-test-id=\"popover-content\"][style^=\"visibility: visible;\"] {\r\n/* width: 18% !important; */\r\n/* width: 100% !important; */\r\n/* left: 0px !important; */\r\n/* top: 7.6vh !important; */\r\n visibility: visible;\r\nbackground: transparent !important;\r\n}\r\n/* (new70) */\r\nbody.bold-focus.pointer-mode [data-test-id=\"popover-content\"][style^=\"visibility: visible;\"] [data-test-id=\"settings-menu\"] {\r\n/* width: 100% !important; */\r\nwidth: 100% !important;\r\n/* left: 0% !important; */\r\nmargin: 0 0 0 81% !important;\r\n/* padding: 5px 10px 5px 10px !important; */\r\nbackground: olive !important;\r\n}\r\nbody.bold-focus.pointer-mode [data-test-id=\"popover-content\"][style^=\"visibility: visible;\"] [data-test-id=\"settings-menu\"] ul li form {\r\n padding: 5px 5px 0 5px !important;\r\nbackground: #111 !important;\r\nborder-bottom: 4px solid red !important;\r\n}\r\nbody.bold-focus.pointer-mode [data-test-id=\"popover-content\"][style^=\"visibility: visible;\"] [data-test-id=\"settings-menu\"] ul li form p{\r\n color: gold !important;\r\n}\r\nbody.bold-focus.pointer-mode [data-test-id=\"popover-content\"][style^=\"visibility: visible;\"] [data-test-id=\"settings-menu\"] ul li form [data-test-id=\"message-list-density-options\"] ul ,\r\nbody.bold-focus.pointer-mode [data-test-id=\"popover-content\"][style^=\"visibility: visible;\"] [data-test-id=\"settings-menu\"] ul li form [data-test-id=\"preview-pane-options\"] ul ,\r\nbody.bold-focus.pointer-mode [data-test-id=\"popover-content\"][style^=\"visibility: visible;\"] [data-test-id=\"settings-menu\"] ul li form [data-test-id=\"theme-mode-chooser\"] ul ,\r\nbody.bold-focus.pointer-mode [data-test-id=\"popover-content\"][style^=\"visibility: visible;\"] [data-test-id=\"settings-menu\"] ul li form [data-test-id=\"theme-chooser\"] ul {\r\n margin: 12px 0 0 0px !important;\r\n padding: 5px 5px 0 5px !important;\r\n}\r\n\r\nbody.bold-focus.pointer-mode [data-test-id=\"popover-content\"][style^=\"visibility: visible;\"] [data-test-id=\"settings-menu\"] ul li form label[for^=\"themeOption-\"] {\r\n display: inline-block !important;\r\n height: 100% !important;\r\n width: 18px !important;\r\n margin: 0 0 0 0 !important;\r\n border-radius: 100% !important;\r\n background-position: center center !important;\r\n background-size: contain !important;\r\n}\r\n\r\nbody.bold-focus.pointer-mode [data-test-id=\"popover-content\"][style^=\"visibility: visible;\"] [data-test-id=\"settings-menu\"] [data-test-id=\"msgListDensity-mode-chooser\"] ul li label[for] + div ,\r\nbody.bold-focus.pointer-mode [data-test-id=\"popover-content\"][style^=\"visibility: visible;\"] [data-test-id=\"settings-menu\"] [data-test-id=\"previewPane-mode-chooser\"] ul li label[for] + div ,\r\nbody.bold-focus.pointer-mode [data-test-id=\"popover-content\"][style^=\"visibility: visible;\"] [data-test-id=\"settings-menu\"] [data-test-id=\"theme-mode-chooser\"] ul li label[for] + div {\r\n display: flex;\r\n height: 18px !important;\r\n line-height: 18px !important;\r\n margin: 0 0 0 0 !important;\r\n}\r\nbody.bold-focus.pointer-mode [data-test-id=\"popover-content\"][style^=\"visibility: visible;\"] [data-test-id=\"settings-menu\"] [data-test-id=\"msgListDensity-mode-chooser\"] ul li label[for] + div ,\r\nbody.bold-focus.pointer-mode [data-test-id=\"popover-content\"][style^=\"visibility: visible;\"] [data-test-id=\"settings-menu\"] [data-test-id=\"previewPane-mode-chooser\"] ul li label[for] + div {\r\n display: flex;\r\n height: 18px !important;\r\n line-height: 18px !important;\r\n margin: -5vh 0 0 0 !important;\r\n/* border: 1px solid aqua !important; */\r\n}\r\n\r\n/* (new70) SETTINGS - MODAL - ARROW - A VOIR ? */\r\n/* body.bold-focus.pointer-mode [data-test-id=\"popover-content\"][style^=\"visibility: visible;\"] \u003e div + div {\r\n justify-content: flex-start !important;\r\n height: 12px;\r\n transform: translateX(0px) !important;\r\nbackground: red !important;\r\n}\r\n\r\nbody.bold-focus.pointer-mode [data-test-id=\"popover-content\"][style^=\"visibility: visible;\"] \u003e div + div [data-test-id=\"popover-content-arrow\"] {\r\n margin: 6px 0 0 26px !important;\r\n background-color: green !important;\r\n} */\r\n\r\n/* (new70) TEST - MODAL - FOLDER MENU */\r\nbody.bold-focus.pointer-mode [data-test-id=\"popover-content\"][style^=\"visibility: visible;\"] [data-test-id=\"folder-menu\"] {\r\n/* width: 100% !important; */\r\nwidth: 100% !important;\r\n/* left: 20% !important; */\r\nmargin: 0 0 0 0% !important;\r\n/* padding: 5px 10px 5px 10px !important; */\r\n}\r\n\r\n\r\n/* (new68) TEST - MAIL LIST - LEFT PANEL - SCROLL */\r\n/* [data-test-id=\"personalize-inbox-tab\"] [data-test-id=\"settings-navigation\"] [data-test-id=\"settings-back-button\"] + div \u003e div \u003e ul , */\r\n[data-test-id=\"content-area\"] [data-test-id=\"content-below-tabs\"] [data-test-id=\"mail-left-rail\"] [data-test-id=\"navigation\"] [data-test-id=\"left-rail-scrolling-container\"]{\r\n display: inline-block !important;\r\n height: 100% !important;\r\n min-height: 85.5vh !important;\r\n max-height: 85.5vh !important;\r\npadding-bottom: 0vh !important;\r\n overflow: hidden !important;\r\noverflow-y: hidden !important;\r\noverflow-y: auto !important;\r\n/* background-color: olive !important; */\r\n/* border-bottom: 1px solid yellow !important; */\r\n}\r\n\r\n/* (new69) TEST - MAIL LIST - CONTAINER - SCROLL */\r\ndiv[data-test-id=\"mail-app-main-content\"] div[data-test-id=\"mail-reader-container\"] div[data-test-id=\"full-pane\"] {\r\n display: inline-block !important;\r\n height: 100% !important;\r\n min-height: 89.2vh !important;\r\n max-height: 89.2vh !important;\r\npadding-bottom: 0vh !important;\r\n overflow: hidden !important;\r\noverflow-y: hidden !important;\r\n/* overflow-y: auto !important; */\r\n/* background-color: olive !important; */\r\n/* border-bottom: 1px solid yellow !important; */\r\n}\r\n\r\n/* (new67) TEST - MAIL LIST - EMAIL VIEW - SCROLL */\r\n[data-test-id=\"content-below-tabs\"] [data-test-id=\"mail-app-main-content\"] [data-test-id=\"message-group-view-scroller\"] {\r\n display: inline-block !important;\r\n height: 100% !important;\r\n min-height: 81vh !important;\r\n max-height: 81vh !important;\r\npadding-bottom: 8vh !important;\r\n overflow: hidden !important;\r\noverflow-y: hidden !important;\r\noverflow-y: auto !important;\r\nbackground-color: #333 !important;\r\n/* border-bottom: 1px solid yellow !important; */\r\n}\r\n\r\n\r\n\r\n/* (new66) TEST - EDIT Transfert MESSAGE for SUPP ELEMENET inside */\r\n.bold-focus.pointer-mode {\r\n background-color: red !important;\r\n color: gray;\r\n}\r\n\r\n\r\n\r\n/* (new56) - POP NEW AGENDA - === */\r\ndiv[data-test-id=\"popover-content\"][style=\"visibility: visible; top: 78.4853px; left: -379px;\"]{\r\n left: 11% !important;\r\n top: 28.485px !important;\r\n visibility: visible !important;\r\n}\r\ndiv[data-test-id=\"popover-content\"][style=\"visibility: visible; top: 78.4853px; left: -379px;\"] div + div[style=\"transform: translateX(2px); justify-content: flex-end;\"] {\r\n display: inline-block !important;\r\n left: 8px !important;\r\n top: 5px !important;\r\n transform: translateX(2px) rotate(135deg) !important;\r\n width: 12px !important;\r\n}\r\ndiv[data-test-id=\"calendar-right-rail-pane\"] div[data-test-id=\"epoch-schedule-list-container\"] \u003ediv:first-of-type button {\r\n display: inline-block !important;\r\n width: 250px !important;\r\n height: auto !important;\r\n}\r\n#todo-pane .items-nav li i ,\r\nbody.calendar div#alert-message {\r\n color: gray ;\r\n}\r\n\r\n/* (new50) MAIL - MESSAGE WIDHT - === */\r\n[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\"] {\r\n display: inline-block !important;\r\n/* background: olive !important; */\r\n}\r\n\r\n/* MENU ALL - CLOSE BUTTON - ALL */\r\n[type=\"button\"][data-test-id=\"tab-close-button\"]{\r\n background: red !important;\r\n}\r\n\r\n/* TOP MENU - MOVE ETC - BACKGROUD */\r\n.H_6D6F .p_a.Z_f8a[data-test-id=\"popover-content\"] .p_R.e_dRA.I_52qC.j_ZqTdtW [data-test-id=\"folder-menu\"] \u003e ul li button {\r\n background: #333 !important;\r\n}\r\n.H_6D6F .p_a.Z_f8a[data-test-id=\"popover-content\"] .p_R.e_dRA.I_52qC.j_ZqTdtW [data-test-id=\"folder-menu\"] \u003e ul li:hover button {\r\n background: #222 !important;\r\n}\r\n.p_a.Z_f8a[data-test-id=\"popover-content\"] .p_R.e_dRA.I_52qC.j_ZqTdtW {\r\npadding: 2px 5px !important;\r\nborder: 1px solid black !important;\r\n background: #222 !important;\r\n}\r\n.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\"]{\r\npadding: 2px 5px !important;\r\n background: #333 !important;\r\n}\r\n\r\n/* FIRST MAIL MOVE TOP */\r\n\r\n/* CORBEILLE / SPAM */\r\ndiv[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\"] {\r\n height: auto;\r\n margin-top: 0px !important;\r\n}\r\n\r\n/* MAIL VIEW RIGHT */\r\ndiv[data-test-id=\"left-pane\"][style=\"flex-basis: 44.8171%;\"] div[data-test-id=\"virtual-list\"] {\r\n height: auto;\r\n margin-top: -56px !important;\r\n}\r\n/* MAIL VIEW BOTTOM */\r\ndiv[data-test-id=\"left-pane\"][style=\"flex-basis: 374.1px;\"] div[data-test-id=\"virtual-list\"] {\r\n height: auto;\r\n margin-top: -18px !important;\r\n}\r\n\r\n\r\n/* START ======== TEST ============ */\r\n/* ================================= */\r\n\r\n\r\n/* POPUP - MENU - EMOJI */\r\n.W_3vX1s.p_a.Z_d48[data-test-id=\"emoji-pop-up\"] {\r\n top: 94.5% !important;;\r\n visibility: visible;\r\n}\r\n.W_3vX1s.p_a.Z_d48[data-test-id=\"emoji-pop-up\"] \u003ediv +div ,\r\n.W_3vX1s.p_a.Z_d48[data-test-id=\"emoji-pop-up\"] section[data-test-id=\"emoji-container\"] {\r\n left: 129% !important;\r\n}\r\n\r\n/* PREVIEW PAGE */\r\n[data-test-id=\"previewr-doc\"] \u003e div:first-of-type ,\r\n[data-test-id=\"overlay-boundingbox\"] [data-test-id=\"previewr\"] \u003ediv[data-test-id=\"previewr-image\"] \u003e div:first-of-type {\r\n background:black !important;\r\n} \r\n[data-test-id=\"previewr-controls\"] ,\r\n[data-test-id=\"previewr-doc\"] \u003e div:last-of-type {\r\n background: #222 !important;\r\n}\r\n.lightbox.dp-doc-pages [data-name=\"scroll-area\"] [data-name=\"infinite-scroll-content\"] ,\r\n[data-test-id=\"overlay-boundingbox\"] [data-test-id=\"previewr\"] \u003ediv[data-test-id=\"previewr-image\"] \u003e div:last-of-type {\r\n background: #222 !important;\r\n}\r\n[data-test-id=\"previewr-doc\"] \u003e div:last-of-type iframe {\r\n display: inline-block !important;\r\nbackground: #222 !important;\r\n}\r\n[data-test-id=\"overlay-boundingbox\"] [data-test-id=\"previewr-toolbar\"] \u003e div:first-of-type {\r\n margin-left: 33% !important;\r\nbackground: #333 !important;\r\n}\r\n\r\n\r\n/* (new65) FOLDERS - ADD COUNTER INFOS */\r\n[data-test-id=\"left-rail-scrolling-container\"] .folder-list[data-test-id=\"folder-list\"] \u003e ul li:not(:last-of-type) \u003e div[data-test-id=\"folder-item-container\"] {\r\n height: 25px !important;\r\n margin: 5px 0 5px 0 !important;\r\n}\r\n/* (new65) INBOX */\r\n[data-test-id=\"left-rail-scrolling-container\"] .folder-list[data-test-id=\"folder-list\"] \u003e ul li:not(:last-of-type) \u003e div[data-test-id=\"folder-item-container\"][data-test-folder-container=\"Inbox\"] {\r\n height: 45px !important;\r\n margin: 5px 0 5px 0 !important;\r\n}\r\n\r\n[data-test-id=\"left-rail-scrolling-container\"] .folder-list[data-test-id=\"folder-list\"] \u003e ul li:not(:last-of-type) \u003e div[data-test-id=\"folder-item-container\"] a:not([data-test-is-active=\"true\"]):after {\r\n content: attr(aria-label) ;\r\n position: absolute ;\r\n display: inline-block !important;\r\nvertical-align: bottom !important;\r\n width: auto !important;\r\n height: auto !important;\r\nmin-height: 25px !important;\r\n line-height: 20px;\r\n top: -1px !important;\r\n padding: 2px 4px !important;\r\n border-radius: 3px;\r\n font-size: 12px;\r\ncolor: white !important;\r\n/* background-color: hsla(0, 0%, 100%, 0.12); */\r\nbackground-color: #111 !important;\r\n}\r\n/* [data-test-id=\"left-rail-scrolling-container\"] .folder-list[data-test-id=\"folder-list\"] \u003e ul li:not(:last-of-type) \u003e div[data-test-folder-container=\"Draft\"][data-test-id=\"folder-item-container\"] a:after {\r\n min-width: 15px !important;\r\n margin-top: 5px !important;\r\n text-align: center !important;\r\n} */\r\n[data-test-id=\"left-rail-scrolling-container\"] .folder-list[data-test-id=\"folder-list\"] \u003e ul li:not(:last-of-type) \u003e div[data-test-id=\"folder-item-container\"] a[data-test-folder-name=\"Inbox\"]:after {\r\n display: none !important;\r\n}\r\n/* ================================= */\r\n/* END ======== TEST ============ */\r\n\r\n/* (new63) TOP HEADER */\r\n#mail-app-container #app[data-test-id=\"mail-app\"] section[role=\"banner\"] {\r\n height: 58px !important;\r\n}\r\n.norrin-ybar {\r\n position: absolute;\r\n min-width: inherit;\r\n width: 100%;\r\n height: 58px !important;\r\n top: -35px !important;\r\n z-index: 100;\r\n}\r\n#ybar {\r\n height: 0px !important;\r\n margin-top: -27px !important;\r\n}\r\n#ybar-inner-wrapr {\r\n height: 50px !important;\r\n}\r\n._yb_1p1ep {\r\n box-sizing: border-box;\r\n direction: ltr;\r\n font-size: 0;\r\n letter-spacing: -0.31em;\r\n height: 55px !important;\r\n line-height: 50px !important;\r\n margin-top: 30px !important;\r\n position: relative;\r\n text-rendering: optimizespeed;\r\n z-index: 1000;\r\n}\r\n._yb_1pg35 {\r\n height: 20px !important;\r\n margin-top: -49px !important;\r\n}\r\n\r\n.norrin-ybar #ybar ._yb_13m01:first-of-type + ._yb_13m01 ._yb_1r1e7 ,\r\n.norrin-ybar #ybar ._yb_13m01:first-of-type + ._yb_13m01 {\r\n height: 56px !important;\r\n margin-top: 0px;\r\n}\r\nheader.norrin-ybar #ybar \u003e ._yb_8e59v {\r\n display: inline-block !important;\r\n height: 20px !important;\r\n margin-top: -60px;\r\n text-align: left;\r\n z-index: 5000000 !important;\r\n}\r\nheader.norrin-ybar #ybar \u003e ._yb_8e59v ._yb_132xu ._yb_riinm {\r\n max-height: 22px;\r\n max-width: 100%;\r\n}\r\nsection[data-yaft-module=\"norrin_header\"] {\r\n height: 53px;\r\n}\r\n#mail-app-container {\r\n margin-top: 0px !important;\r\n}\r\n\r\n\r\n/* COLOR - TOP HEADER - SEARCH */\r\n\r\n*::placeholder ,\r\n#adv-search-keyword-input ,\r\n#adv-search-subject-input ,\r\n/* [data-test-id=\"selectbox\"] [data-test-id=\"selectbox-input\"] input + div span[title*=\" \"] span , */\r\n.typeahead-inputs-container.p_R .select-input.react-typeahead-input {\r\n color: white !important;\r\n}\r\n/* (new64) - MENU FOLDER */\r\n.p_a.Z_f8a[data-test-id=\"popover-content\"] ul[data-test-id=\"navigable-list\"] li button,\r\n.p_a.Z_f8a[data-test-id=\"popover-content\"] li {\r\n/* color: white !important; */\r\n background-color: #222 !important;\r\n}\r\n\r\n/* (new55) SEARCH POP MENU */\r\n[data-test-id=\"overlay-shim\"] [data-test-id=\"overlay-boundingbox\"] [data-test-id=\"advanced-search-pane\"] {\r\nborder: 1px solid #333 !important;\r\n color: gray !important;\r\n background-color: #222 !important;\r\n box-shadow: 9px 11px 14px rgba(0, 0, 0, 0.96) !important;\r\n}\r\n[data-test-id=\"overlay-shim\"] [data-test-id=\"overlay-boundingbox\"] [data-test-id=\"advanced-search-pane\"] \u003e div \u003e span {\r\n color: gray !important;\r\n}\r\n[data-test-id=\"overlay-shim\"] [data-test-id=\"overlay-boundingbox\"] [data-test-id=\"advanced-search-pane\"] \u003e div \u003e span + div{\r\n border: 1px solid gray !important;\r\n} \r\n[data-test-id=\"options\"] {\r\nborder-radius: 0 0 5px 5px !important;\r\nborder: 1px solid red !important;\r\n color: gray !important;\r\n background-color: #222 !important;\r\n}\r\n[data-test-id=\"overlay-shim\"] [data-test-id=\"overlay-boundingbox\"] [data-test-id] ul li:nth-child(even) {\r\nborder-top: 1px solid red !important;\r\n background-color: #333 !important;\r\n}\r\n\r\n[data-test-id=\"selectbox\"] [data-test-id=\"selectbox-input\"] input + div \u003e div \u003e span {\r\n color: gold !important;\r\n}\r\n._yb_1rzrg._yb_5x9vg ,\r\n.norrin-ybar ._yb_1xvva{\r\n top: -29px;\r\n}\r\n#mail-search div[data-test-id=\"search-box\"] button ,\r\n#mail-search div[data-test-id=\"search-box\"] .react-typeahead-hint.react-typeahead-input,\r\n#mail-search div[data-test-id=\"search-box\"] .typeahead-inputs-container.p_R .select-input.react-typeahead-input ,\r\n#mail-search div[data-test-id=\"search-box\"] .typeahead-inputs-container.p_R ,\r\n#mail-search div[data-test-id=\"search-box\"] .react-y-pills .pill-list .select ,\r\n#mail-search div[data-test-id=\"search-box\"] .react-y-pills .pill-list ,\r\n#mail-search div[data-test-id=\"search-box\"] .react-y-pills ,\r\n#mail-search div[data-test-id=\"search-box\"] ,\r\n#mail-search {\r\n min-height: 24px;\r\n max-height: 24px;\r\n padding-bottom: 0 !important;\r\n padding-top: 0 !important;\r\n}\r\n#mail-search {\r\n margin-top: 14px !important;\r\n}\r\n#mail-search div[data-test-id=\"search-box\"] .react-y-pills {\r\n min-height: 22px !important;\r\n max-height: 22px !important;\r\n}\r\n#mail-search div[data-test-id=\"search-box\"] {\r\n border: 1px solid gray !important;\r\n}\r\n#mail-search div[data-test-id=\"search-box\"] .typeahead-inputs-container.p_R + ul.select-dropdown ,\r\n#mail-search div[data-test-id=\"search-box\"] .typeahead-inputs-container.p_R + ul.select-dropdown.react-typeahead-hidden {\r\nposition: absolute !important;\r\n top: 28px !important;\r\n padding: 25px 10px 20px 10px !important;\r\n}\r\n#mail-search div[data-test-id=\"search-box\"] .typeahead-inputs-container.p_R + ul.select-dropdown .select-option {\r\n position: relative; \r\n height: auto !important;\r\n line-height: 24px;\r\n width: 100%; \r\n padding: 6px 10px;\r\n background: black;\r\nborder-bottom: 1px solid peru !important;\r\n}\r\n#mail-search div[data-test-id=\"search-box\"] .typeahead-inputs-container.p_R + ul.select-dropdown .select-option \u003e div:last-of-type {\r\n height: auto !important;\r\n line-height: 15px;\r\nborder: 1px solid red !important;\r\n}\r\n#mail-search div[data-test-id=\"search-box\"] .typeahead-inputs-container.p_R + ul.select-dropdown .select-option .z_n {\r\n height: auto !important;\r\n line-height: 15px;\r\n}\r\n\r\n#mail-search div[data-test-id=\"search-box\"] .typeahead-inputs-container.p_R + ul.select-dropdown .select-option span:only-of-type {\r\n height: auto !important;\r\n line-height: 15px;\r\n}\r\n#mail-search div[data-test-id=\"search-box\"] .typeahead-inputs-container.p_R + ul.select-dropdown .select-option \u003e div:last-of-type \u003e span.W_6UbO {\r\n height: 24px !important; \r\n line-height: 24px !important; \r\n width: 10px !important;\r\n padding: 0;\r\n transform: scale(0.7) !important;\r\n transform-origin: -20px top !important;\r\n}\r\n._yb_1dbyr {\r\n margin-top: -15px !important;\r\n}\r\n._yb_1dbyr ._yb_134xk {\r\n top: 37px !important;\r\n}\r\n\r\n/* TOP TOOL BAR - CONTACTS / AGENDA / BLOQUNOTE - PREFERERENCES - PB PREVIEW RIGHT */\r\n\r\n\r\n/* (new62) TOP TOOL BAR LEFT - PARAMETRES ( rev open : .H_6D6F )*/\r\ndiv[data-test-id=\"content-area\"] div[data-test-id=\"content-below-tabs\"] div[data-test-id=\"mail-right-rail\"] .Z_qc.H_6D6F , \r\ndiv[data-test-id=\"content-area\"] div[data-test-id=\"content-below-tabs\"] div[data-test-id=\"mail-right-rail\"] .Z_qc {\r\n position: fixed !important; \r\n display: inline-block !important;\r\n height: 25px !important;\r\n width: 190px;\r\n top: 31px !important;\r\n left: 20px !important;\r\n padding: 0 !important;\r\n z-index: 50000 !important;\r\n}\r\ndiv[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\"] {\r\n height: 25px !important;\r\n top: 100px !important;\r\n padding: 0 !important;\r\n}\r\n/* (new61) TOP TOOL BAR LEFT - APPS - PREVIEW OPEN / CLOSE */\r\ndiv[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\"] , \r\ndiv[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\"] {\r\n width: 160px !important;\r\n height: 25px !important;\r\n line-height: 18px !important;\r\n margin-left: 30px !important;\r\n margin-top: -18px !important;\r\n}\r\n\r\ndiv[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\"] \u003e button ,\r\ndiv[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\"] \u003e [data-test-id=\"right-rail-calendar-icon\" ],\r\ndiv[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\"] \u003e a {\r\n display: inline-block !important;\r\n width: 25px !important;\r\n height: 25px !important;\r\n margin-top: 0px !important;\r\n}\r\n/* (new41) APPS - PREVIEW CLOSE */\r\ndiv[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\"] {\r\n width: 100% !important;\r\n height: 25px !important;\r\n margin-top: 0px !important;\r\n}\r\n\r\n/* PARAMETERS LABEL - PREVIEW OPEN / CLOSE */\r\ndiv[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\"] ,\r\ndiv[data-test-id=\"mail-right-rail\"] .Z_qc:not(.H_6D6F) div[data-test-id=\"popover-container\"] {\r\n position: absolute !important;\r\n float: none !important;\r\n left: 0px !important;\r\n top: 0px !important;\r\n width: 20px !important;\r\n}\r\n/* PARALETERS LABEL - PREVIEW OPEN */\r\ndiv[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\"] \u003e div:first-of-type {\r\n display: inline-block !important;\r\n width: 25px !important;\r\n height: 25px !important;\r\n margin-top: 0px !important;\r\n top: 0 !important;\r\n}\r\ndiv[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\"] {\r\n width: 20px !important;\r\n height: 25px !important;\r\n margin-top: 0px !important;\r\n}\r\n\r\n/* SETTINGS ICON - PREVIEW CLOSE */\r\ndiv[data-test-id=\"mail-right-rail\"] .Z_qc div[data-test-id=\"popover-container\"] [data-test-id=\"settings-link-label\"]{\r\n display: block;\r\n font-size: 0 !important;\r\n text-align: left !important;\r\n}\r\ndiv[data-test-id=\"mail-right-rail\"] .Z_qc div[data-test-id=\"popover-container\"] [data-test-id=\"icon-btn-settings\"] span {\r\n margin-left: -3px;\r\n}\r\n/* (new62) SETTINGS ICON - PREVIEW OPEN */\r\ndiv[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 {\r\n margin-left: 3px;\r\n}\r\ndiv[data-test-id=\"mail-right-rail\"] .Z_qc:not(.H_6D6F) div[data-test-id=\"popover-container\"] button {\r\n display: inline-block !important;\r\n width: 30px !important;\r\n height: 24px !important;\r\n line-height: 0px !important;\r\n text-align: center !important;\r\n}\r\n\r\n/* FOLDERS - MAIL COUNT - BLUE / WHITE */\r\n[data-test-id=\"calendar-day-text\"] {\r\n height: 15px !important;\r\n line-height: 15px !important;\r\n border-radius: 5px !important;\r\n margin-top: 10px !important;\r\n margin-left: 5px !important;\r\n padding: 0px 3px !important;\r\n}\r\n\r\n/* MAIL OPEN - CONTACT INFO when open mail - right search PB PREVIEW */\r\ndiv[data-test-id=\"content-area\"] div[data-test-id=\"content-below-tabs\"] div[data-test-id=\"mail-right-rail\"] .Z_qc + div {\r\n float: right !important;\r\n min-width: 80% !important;\r\n min-height: 100% !important;\r\n top: -25px !important;\r\nborder: 1px solid gray;\r\n}\r\n\r\n/* (new61) PREVIEW MAIL - TOP TOOLBAR */\r\n#mail-app-component-container [data-test-id=\"mail-right-rail\"] [data-test-id=\"previewr\"] [data-test-id=\"previewr-doc\"] [data-test-id=\"previewr-toolbar\"] {\r\n width: 788px !important;\r\n}\r\n\r\n/* MAIL - PANEL RIGHT - SENDER INFO / MAIL PREVIEW */\r\ndiv[data-test-id=\"content-area\"] div[data-test-id=\"content-below-tabs\"] div[data-test-id=\"mail-right-rail\"] {\r\n float: right !important;\r\n min-height: 100% !important;\r\n}\r\n/* MAIL - PANEL RIGHT - MAIL PREVIEW / EDIT */\r\ndiv[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\"]) {\r\n display: inline-block !important;\r\n height: 100% !important;\r\n line-height: 15px !important;\r\n min-width: 100% !important;\r\n margin-top: 5px !important;\r\n padding: 0 !important;\r\n}\r\n\r\n/* CONTACT PANEL - in MAIL VIEW (after Mail open or after click on Contacts ICON) - === */\r\ndiv[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 \u003e div {\r\n -moz-box-pack: unset !important;\r\n justify-content: unset !important;\r\n min-height: 22px !important;\r\n max-height: 100% !important;\r\n}\r\ndiv[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 \u003e div \u003ediv \u003e div \u003e div a[data-test-id=\"contact-card-avatar\"].H_tQ {\r\n display: inline-block !important;\r\n width: 15px !important;\r\n height: 100% !important;\r\n min-height: 30px !important;\r\n max-height: 30px !important;\r\n}\r\ndiv[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 \u003e div \u003ediv \u003e div \u003e div a[data-test-id=\"contact-card-avatar\"] {\r\n transform-origin: 4px 3px !important; \r\n transform: scale(0.2) !important;\r\n}\r\ndiv[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\"] {\r\n -moz-box-pack: unset !important;\r\n justify-content: unset !important;\r\n display: inline-block !important;\r\n padding: 0 !important;\r\n}\r\ndiv[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\"] ,\r\ndiv[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,\r\ndiv[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 {\r\n display: inline-block !important;\r\n width: 22px !important;\r\n margin-right: 7px !important;\r\n margin-left: 3px !important;\r\n}\r\n\r\n/* CONTACT EDIT - === */\r\n[data-test-id=\"mail-right-rail\"] [data-test-id=\"contact-edit-screen\"] {\r\n display: inline-block !important;\r\ncolor: gold !important;\r\nbackground: transparent !important;\r\n}\r\n\r\n/* INPUT */\r\n[data-test-id=\"mail-right-rail\"] [data-test-id=\"contact-edit-screen\"] input {\r\n display: inline-block !important;\r\n height: auto !important;\r\n width: 100% !important;\r\n max-width: 250px !important;\r\n padding: 1px 3px !important;\r\ncolor: gold !important;\r\nbackground: #333 !important;\r\n}\r\n\r\n/* SELECT BOX */\r\n[data-test-id=\"selectbox-input\"] input + div {\r\ncolor: gold !important;\r\nbackground: #222 !important;\r\n}\r\n\r\n/* ADD MEMO FORMAT DATE */\r\n[aria-label=\"anniversary\"] span:before ,\r\n[aria-label=\"birthday\"] span:before {\r\n font-size: 11px !important;\r\n content: \"(YYYY-MM-DD)\" !important;\r\n}\r\n[data-test-id=\"mail-right-rail\"] [data-test-id=\"contact-edit-screen\"] .o_A {\r\n padding-bottom: 70px !important;\r\nbackground: black !important;\r\n}\r\n\r\n/* REMARQUE / NOTES */\r\n.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 \u003e div \u003e div {\r\n display: inline-block !important;\r\n height: 100% !important;\r\n height: 50px !important;\r\n width: 100% !important;\r\n padding: 1px 3px !important;\r\n white-space: pre-wrap !important;\r\n word-break: break-all !important;\r\n overflow: hidden !important;\r\ncolor: gold !important;\r\nbackground: #333 !important;\r\n}\r\n\r\n/* EDIT CONTACTS - TOP / FOOTER BUTTONS */\r\n\r\n[data-test-id=\"contact-group-edit-footer\"] {\r\n position: absolute !important;\r\nbottom: -5px !important;\r\nborder-top: 1px solid gold !important;\r\n background: #333 !important;\r\n}\r\n\r\n/* CONTACT MORE INFOS */\r\n\r\n/* INFOS CONTAINER */\r\n[data-test-id=\"mail-right-rail\"] [data-test-id=\"phones-with-type\"] ,\r\n[data-test-id=\"mail-right-rail\"] [data-test-id=\"addresses-with-type\"] ,\r\n[data-test-id=\"mail-right-rail\"] [data-test-id=\"extra-info\"]{\r\n display: inline-block !important;\r\n width: 100% !important;\r\n padding-bottom: 0px !important;\r\nborder: 1px solid gray !important;\r\n}\r\n\r\n/* INFOS - LABELS */\r\n[data-test-id=\"mail-right-rail\"] [data-test-id=\"phones-with-type-label\"] , \r\n[data-test-id=\"mail-right-rail\"] [data-test-id=\"extra-info-label\"] ,\r\n[data-test-id=\"mail-right-rail\"] [data-test-id=\"addresses-with-type-label\"] {\r\n display: inline-block !important;\r\n height: 20px !important;\r\n width: 98% !important;\r\n padding-left: 6px !important;\r\n white-space: nowrap !important;\r\n text-align: left !important;\r\nbackground: #222 !important;\r\n}\r\n\r\n/* EXTRA INFOS CONTENT */\r\n[data-test-id=\"mail-right-rail\"] span[data-test-id=\"phones-with-type-value\"] ,\r\n[data-test-id=\"mail-right-rail\"] span[data-test-id=\"extra-info-value\"] ,\r\n[data-test-id=\"mail-right-rail\"] span[data-test-id=\"addresses-with-type-value\"] {\r\n display: inline-block !important;\r\n width: 96% !important;\r\n padding: 5px !important;\r\n word-break: keep-all !important;\r\n white-space: pre-line !important;\r\nbackground: #333 !important;\r\n}\r\n\r\n/* PARAMETERS */\r\ndiv[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 {\r\n float: right;\r\n height: 25px !important;\r\n}\r\n\r\n/* ICONS APP */\r\ndiv[data-test-id=\"comms-properties\"] a {\r\n fill: hsla(0, 0%, 100%, 0.8);\r\n background: rgba(0, 0, 0, 0) none repeat scroll 0 0;\r\n}\r\n\r\n/* DELETE MAIL ICON */\r\n[data-test-id=\"virtual-list-container\"] [data-test-id=\"virtual-list\"] ul li a[data-test-id=\"message-list-item\"] .M_SkAgv {\r\n margin-left: 20% !important;\r\n}\r\n\r\n/* DATE + DELETE */\r\n[data-test-id=\"virtual-list-container\"] [data-test-id=\"virtual-list\"] ul li a[data-test-id=\"message-list-item\"] \u003e div \u003espan + div \u003e div[role=\"gridcell\"]:last-of-type{\r\n position: absolute !important;\r\n display: inline-block !important;\r\n vertical-align: top !important;\r\n width: 0px !important;\r\n left: 1.5% !important;\r\n top: 2px !important;\r\n margin-top: 0px !important;\r\n}\r\n\r\n/* DATE - ALL */\r\n[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;\"]) {\r\n display: inline-block !important;\r\n padding-left: 0px !important;\r\n padding-right: 0px !important;\r\n text-align: center !important;\r\n}\r\n/* (new66) DATE - HOVER */\r\n[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;\"] {\r\n display: inline-block !important;\r\n text-align: center !important;\r\n padding-left: 0px !important;\r\n padding-right: 0px !important;\r\nmargin: 0 -10px 0 0 !important;\r\n/* border: 1px solid violet !important; */\r\n}\r\n\r\n/* DATE - SMALL */\r\n[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 {\r\n height: 23px !important;\r\n line-height: 23px !important;\r\n}\r\n/* DATE - MIDDLE */\r\n[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 {\r\n height: 31px !important;\r\n line-height: 31px !important;\r\n}\r\n/* DATE - LARGE */\r\n[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 {\r\n height: 43px !important;\r\n line-height: 43px !important;\r\n}\r\n\r\n/* (new66) for DELETE BUTTON */\r\n.message-list-item{\r\n/* position: static; */\r\n/* display: block !important; */\r\n/* overflow: visible !important; */\r\n\r\n/* border: 1px solid yellow !important; */\r\n}\r\n[data-test-id=\"virtual-list-container\"] [data-test-id=\"virtual-list\"] ul {\r\n display: inline-block !important;\r\n width: 90vw !important;\r\n/* border: 1px solid red !important; */\r\n}\r\n\r\n\r\n\r\n[data-test-id=\"virtual-list-container\"] [data-test-id=\"virtual-list\"] ul li a[data-test-id=\"message-list-item\"] {\r\n/* position: static; */\r\ndisplay: inline-block !important;\r\noverflow: visible !important;\r\nwidth: 95% !important;\r\n/* border: 1px solid yellow !important; */\r\n}\r\n[data-test-id=\"virtual-list-container\"] [data-test-id=\"virtual-list\"] ul li a[data-test-id=\"message-list-item\"] .message-list-item \u003e div:nth-child(3) {\r\n flex-basis: 20px !important;\r\n flex-grow: 72 !important;\r\nmargin: 0 0 0 0px !important;\r\npadding: 0 0px 0 0 !important;\r\n overflow: hidden !important;\r\n/* border: 1px solid yellow !important */\r\n}\r\n[data-test-id=\"virtual-list-container\"] [data-test-id=\"virtual-list\"] ul li a[data-test-id=\"message-list-item\"] .message-list-item \u003e div:nth-child(3) \u003e div:nth-child(1) {\r\npadding: 0 0 0 100px !important;\r\n overflow: hidden;\r\n/* border: 1px solid red !important */\r\n}\r\n\r\n\r\n[data-test-id=\"virtual-list-container\"] [data-test-id=\"virtual-list\"] ul li a[data-test-id=\"message-list-item\"] .message-list-item \u003e div:nth-child(3) \u003e div:nth-child(3) {\r\nposition: absolute !important;\r\n/* position: relative !important; */\r\n/* float: left !important; */\r\n/* display: inline-block !important; */\r\n/* left: -62.9vw !important; */\r\n/* left: 26% !important; */\r\n/* right: 59vw !important; */\r\n/* transform: translate(-62.9vw, 0) !important; */\r\n/* z-index: 50000000000 !important; */\r\n/* background: tan !important; */\r\n/* border: 1px solid violet !important; */\r\n}\r\n\r\n[data-test-id=\"virtual-list-container\"] [data-test-id=\"virtual-list\"] ul li a[data-test-id=\"message-list-item\"] .message-list-item \u003e div:nth-child(1) \u003e button ,\r\n[data-test-id=\"virtual-list-container\"] [data-test-id=\"virtual-list\"] ul li a[data-test-id=\"message-list-item\"] .message-list-item \u003e div:nth-child(1) \u003e div:nth-child(2) {\r\n\r\nmargin: 0 5px 0 0 !important;\r\npadding: 0 0 0 0px !important;\r\n/* border: 1px solid yellow !important; */\r\n}\r\n\r\n\r\n/* (new66) ALL */\r\n[data-test-id=\"virtual-list-container\"] [data-test-id=\"virtual-list\"] ul li a[data-test-id=\"message-list-item\"] time + button {\r\n/* position: absolute !important; */\r\nposition: relative !important;\r\n display: inline-block !important;\r\n width: 10px !important;\r\n/* left: -62.9vw !important; */\r\n margin-top: -2px !important;\r\n/* transform: translate(-62.9vw, 0) !important; */\r\nz-index: 50000000000 !important;\r\n/* border: 1px solid aqua !important; */\r\n}\r\n/* DELETE BUTTON - SMALL */\r\n[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 {\r\n height: 23px !important;\r\n line-height: 23px !important;\r\n}\r\n/* DELETE BUTTON - MIDDLE */\r\n[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 {\r\n height: 31px !important;\r\n line-height: 31px !important;\r\n}\r\n/* DELETE BUTTON - LARGE */\r\n[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 {\r\n height: 43px !important;\r\n line-height: 43px !important;\r\n}\r\n\r\n/* PREVIEW FULL PAGE */\r\n.Z_7G9R[data-test-id=\"panel-stack\"] {\r\n z-index: 500000 !important;\r\n}\r\n\r\n/* MAIL LIST - SEARCH MAIL BUTTON (after Senders Label) */\r\n[data-test-id=\"senders\"] + button[data-test-id=\"icon-btn-search\"] {\r\n position: absolute !important;\r\n vertical-align: top !important;\r\n width: 10px !important;\r\n left: 92.9% !important;\r\n top: 6px !important;\r\n margin-top: 0px !important;\r\nbackground-color: green !important;\r\n}\r\n\r\n/* LIST MAIL */\r\n\r\n/* (new55) LIST MAIL - ACTION TOOLBAR - === */\r\n\r\n#mail-app-component-container [data-test-id=\"mail-reader\"] [data-test-id=\"mail-reader-toolbar\"] {\r\n display: inline-block !important;\r\n width: 50% !important;\r\n height: 34px !important;\r\n line-height: 34px !important;\r\n padding: 2px 0 2px 5px !important;\r\n}\r\n#mail-app-container #app[data-test-id=\"mail-app\"] [data-test-id=\"message-toolbar\"] , \r\n#mail-app-component-container [data-test-id=\"mail-reader\"] [data-test-id=\"mail-reader-toolbar\"] [data-test-id=\"message-toolbar\"] {\r\n height: 34px !important;\r\n line-height: 34px !important;\r\n padding: 2px !important;\r\n}\r\n#mail-app-component-container [data-test-id=\"mail-reader\"] [data-test-id=\"mail-reader-toolbar\"] [data-test-id=\"message-toolbar\"] \u003ediv:nth-child(2) {\r\n height: 34px !important;\r\n line-height: 14px !important;\r\n padding: 2px !important;\r\n}\r\n\r\n/* STICKY HEADER */\r\ndiv[data-test-id=\"mail-reader-sticky-header\"] {\r\n z-index: 50 !important;\r\nborder-bottom: 1px solid gold !important;\r\n}\r\n/* (new54) MAIL - TABS */\r\nsection[data-yaft-module=\"norrin_header\"] [aria-label=\"Onglets\"] {\r\n position: absolute;\r\n width: 84% !important;\r\n height: 25px !important;\r\n margin-top: 31px !important;\r\n text-align: left !important;\r\n z-index: 500 !important;\r\n}\r\nsection[data-yaft-module=\"norrin_header\"] [aria-label=\"Onglets\"] \u003e div:last-of-type {\r\n height: 25px;\r\n padding-right: 0 !important;\r\n}\r\nsection[data-yaft-module=\"norrin_header\"] [aria-label=\"Onglets\"] \u003e div:last-of-type ul[data-test-id=\"tab-list\"] {\r\n height: 25px !important;\r\n}\r\n/* TAB ACTIVE */\r\nsection[data-yaft-module=\"norrin_header\"] [aria-label=\"Onglets\"] \u003e div:last-of-type ul[data-test-id=\"tab-list\"] a[data-test-active=\"true\"]{\r\n background-color: #31588E !important;\r\n}\r\n\r\n/* MAILS LIST */\r\ndiv[data-test-id=\"virtual-list\"] {\r\n height: 795px;\r\n margin-top: 5px !important;\r\n border-top: 1px solid gold !important;\r\n}\r\ndiv[data-test-id=\"virtual-list\"] li[data-test-id=\"infinite-scroll-ROW\"]:nth-child(3) {\r\n border-top: 1px solid tan !important;\r\n}\r\n\r\n/* MAIL OPEN TOOBBAR BOTTOM - MENU */\r\n[data-test-id=\"mail-app\"] [data-test-id=\"more-card-menu\"] {\r\n margin-left: 58% !important;\r\n}\r\n\r\n/* MAIL INFOS - RESUME */\r\n\r\na[data-test-id=\"message-list-item\"] div[data-test-id=\"snippet\"] {\r\n float: left !important;\r\n white-space: nowrap;\r\n opacity: 0.3 !important;\r\n border: 1px solid peru !important;\r\n}\r\na[data-test-id=\"message-list-item\"]:hover div[data-test-id=\"snippet\"] {\r\n opacity: 1 !important;\r\n}\r\n\r\n/* POPUP - MENU - 3 DOTS + DEPLACER*/\r\n\r\n#Atom .j_ZqTdtW {\r\n box-shadow: 9px 11px 14px rgba(0, 0, 0, 0.96) !important;\r\n}\r\n\r\n/* POPUP - MENU - DEPLACER - === */\r\n#Atom ul.K_3rehn {\r\n max-height: 454px !important;\r\n}\r\n#Atom ul.K_3rehn li button {\r\n padding: 0 16px 0 20px;\r\n width: 250px;\r\n}\r\n.K_q.o_h ul.hd_n:last-of-type li button {\r\n padding: 0 16px 0 20px !important;\r\n width: 250px;\r\n}\r\n\r\n/* POPUP - MENU - TRI - === */\r\nli.G_e.p_R span:checked {\r\n position: relative;\r\nbackground: red !important;\r\n}\r\n\r\n/* (new48) POPUP - MENU - PARAMETERES - not PAPERS / GIF*/\r\n#Atom .p_a.Z_d48:not([data-test-id=\"stationery-pop-up\"]):not([data-test-id=\"gif-pop-up\"]) {\r\n left: 0px !important;\r\n top: 117.735px;\r\n visibility: visible;\r\n}\r\n#Atom .p_a.Z_d48:not([data-test-id=\"stationery-pop-up\"]):not([data-test-id=\"gif-pop-up\"]) \u003e .W_6D6F {\r\n justify-content: flex-end;\r\n transform: translateX(-44.5px);\r\n width: 156px !important;\r\n}\r\n\r\n\r\n/* ===== COLOR ===== */\r\n\r\n/* BACKGROUND GENERAL - === */\r\n\r\n\r\n:root {\r\n/* --bg-background-color: undefined; */\r\n\r\n--bg-background-color: #222 !important;\r\n--bg-background-color-light: #333 !important;\r\n--bg-background-color-lightB :#4B4B4B !important;\r\n--bg-background-color-darkA: black !important;\r\n\r\n/* VAR - BACKGROUND - BLUE - BUTTONs - #276196 */\r\n--GEN-btn-color-blue: #276196 !important;\r\n\r\n\r\n/* --bg-color: undefined; */\r\n--bg-color: green !important;\r\n--bg-color-white: white !important;\r\n\r\n/* VAR BLUE GRAY -rgba(57, 147, 230, 0.77) */\r\n--bg-color-bluegray: rgba(57, 147, 230, 0.77) !important;\r\n\r\n --bg-repeat: undefined;\r\n --bg-repeat-img: none;\r\n --bg-repeat-img-position: undefined;\r\n --bg-repeat-img-size: undefined;\r\n --bg-size: undefined;\r\n --clip-btn-color: #4faaff;\r\n --compose-btn-color: #4faaff;\r\n --folder-actived-bg-color: rgba(79, 170, 255, 0.32);\r\n --folder-actived-border: 2px solid #4faaff;\r\n --folder-hovered-bg-color: rgba(79, 170, 255, 0.16);\r\n --gradient-color1: #1c3e5c;\r\n --gradient-color2: #1c3e5c;\r\n --gradient-color3: #1c3e5c;\r\n --highlight: #4faaff;\r\n --item-hovered-bgcolor: rgba(79, 170, 255, 0.16);\r\n --item-selected-bgcolor: rgba(79, 170, 255, 0.32) !important;\r\n --max-bg-size: undefined;\r\n --previewr-toolbar: #1c3e5c;\r\n --segment-bgcolor: rgba(79, 170, 255, 0.32);\r\n --segment-border-color: rgba(79, 170, 255, 0.64);\r\n --segment-hover-color: rgba(79, 170, 255, 0.08);\r\n}\r\n\r\n/* VAR - BACKGROUND */\r\n\r\nbody {\r\n background: var(--bg-color) !important;\r\n background-color: var(--bg-background-color) !important;\r\n}\r\n\r\n\r\n/* VAR - BACKGROUN DARK - 222 */\r\n\r\nbody.norrinTheme.pc.calendar #uh2 ,\r\nbody.calendar #uh2 ,\r\n\r\nbody.norrinTheme.calendar div#shellsidepane .view-bar #todo-view-header ,\r\nbody.calendar div#shellsidepane .view-bar #todo-view-header ,\r\n\r\n[data-test-id=\"time-chunk-separator\"] , \r\n[data-test-id=\"mail-app\"] [data-test-id=\"more-card-menu\"] \u003e div:first-of-type ,\r\n#mail-search div[data-test-id=\"search-box\"] .typeahead-inputs-container.p_R + ul.select-dropdown ,\r\n#mail-search div[data-test-id=\"search-box\"] .typeahead-inputs-container.p_R + ul.select-dropdown.react-typeahead-hidden ,\r\n[data-test-id=\"popover-content\"] \u003e div:first-of-type ,\r\ndiv[data-test-id=\"toolbar-sort-popover\"] \u003e div:first-of-type ,\r\ndiv[data-test-id=\"content-area\"] ,\r\nsection[data-yaft-module=\"norrin_header\"] ,\r\n#ybar ,\r\n.norrin-ybar ,\r\n/* #Atom .H_6D6F , */\r\ndiv[data-test-id=\"message-toolbar\"] ,\r\ndiv[data-test-id=\"mail-left-rail\"] ,\r\ndiv[data-test-id=\"virtual-list\"] ,\r\n#mail-app-container {\r\n background-color: var(--bg-background-color) !important;\r\n}\r\n\r\n\r\n/* TRANSPARENT - SUPP BACKGROUND-IMAGE */\r\nbody.norrinTheme.pc.calendar #uh2 ,\r\nbody.calendar #uh2 {\r\n background-image: none !important;\r\n}\r\n\r\n/* TRANSPARENT */\r\nsection[data-yaft-module=\"norrin_header\"] [aria-label=\"Onglets\"] ,\r\n#editor-container div[data-test-id=\"rte\"] div[data-test-id=\"virtual-list\"] {\r\nbackground-color: transparent !important;\r\n}\r\n\r\n/* VAR - BACKGROUN DARK A - BLACK */\r\n\r\n[data-test-id=\"mail-reader-sticky-header\"] [data-test-id=\"time-chunk-separator\"] ,\r\ndiv[data-test-id=\"message-toolbar\"] ,\r\n[data-test-id=\"mail-reader-sticky-header\"]{\r\n background-color: var(--bg-background-color-darkA) !important;\r\n}\r\n\r\n\r\n/* (new53) VAR - BACKGROUN DARK LIGHT - 333 */\r\n#shellsidepane ,\r\nbody.norrinTheme.pc.calendar #shellsidepane ,\r\n.calendar.calSearch #toolbar, \r\n.calendar.calOptions #toolbar, \r\n.calendar #shellsidepane .view-bar, \r\n.calendar #toolbar div.commontasks ,\r\n\r\ndiv[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\"] ,\r\ndiv[data-test-id=\"message-toolbar\"]{\r\n background: var(--bg-background-color-light) !important;\r\n}\r\n\r\n/* VAR - BACKGROUND DARK LIGHT - #4B4B4B */\r\n\r\n#mail-search div[data-test-id=\"search-box\"] .react-y-pills {\r\nbackground-color: #4B4B4B !important;\r\n}\r\n\r\n\r\n/* VAR - BACKROUND COLOR - WHITE */\r\n\r\n#mail-app-component .compose-header.en_0 ,\r\n#mail-app-component .compose-header ,\r\n#Atom .I4_2ieea9 ,\r\ndiv[data-test-id=\"compose-toolbar\"] div[data-test-id=\"compose-toolbar-styler\"] ,\r\ndiv[data-test-id=\"compose-toolbar\"] ,\r\n#editor-container .rte{\r\n background-color: var(--bg-color-white) !important;\r\n}\r\n\r\n/* VAR - BACKROUND - WHITE */\r\n\r\n[data-test-id=\"compose-styler\"] [data-test-id=\"compose\"] .compose-header.en_0 {\r\n background: var(--bg-color-white) !important;\r\n}\r\n\r\n/* (new53) VAR - BACKGROUND - BLUE GRAY - rgba(57, 147, 230, 0.77) / TXT GOLD */\r\n\r\n body.notepad #noteEditPage .edit-note-footer span.btn.default a ,\r\n[data-test-id=\"navigation\" ] \u003e div:first-of-type a {\r\n color: gold !important;\r\n background: #187aa7 !important;\r\n background: var(--bg-color-bluegray) !important;\r\n}\r\n\r\n/* (new59) VAR - BACKGROUND - BLUE GRAY - rgba(57, 147, 230, 0.77) / TXT BLACK */\r\n[data-test-id=\"mail-right-rail\"] [data-test-id=\"contact-edit-screen\"] \u003e div:first-of-type ,\r\nbody.notepad .ml-notepad .list-view-item.selected ,\r\n[data-test-id=\"navigation\"] [data-test-id=\"compose-button\"] ,\r\ndiv[data-test-id=\"content-area\"] div[data-test-id=\"content-below-tabs\"] div[data-test-id=\"mail-right-rail\"] .Z_qc.H_6D6F , \r\ndiv[data-test-id=\"content-area\"] div[data-test-id=\"content-below-tabs\"] div[data-test-id=\"mail-right-rail\"] .Z_qc {\r\n background: var(--bg-color-bluegray) !important;\r\n}\r\n\r\n/* VAR - BACKGROUND - WHITE to HOVER BLUE GRAY - rgba(57, 147, 230, 0.77) */\r\n[data-test-id=\"popover-content\"] \u003e div ul[data-test-id=\"tabs-menu\"] li a[data-test-id=\"tab-item\"]:hover , \r\n[data-test-id=\"popover-content\"] \u003e div ul[data-test-id=\"tabs-menu\"] li a[data-test-id=\"tab-item\"][data-test-active=\"true\"]:hover {\r\n fill: red !important;\r\n background: var(--bg-color-bluegray) !important;\r\n}\r\n[data-test-id=\"popover-content\"] \u003e div ul[data-test-id=\"tabs-menu\"] li a[data-test-id=\"tab-item\"][data-test-active=\"true\"]:hover svg{\r\n fill: red !important;\r\n}\r\n[data-test-id=\"popover-content\"] \u003e div ul[data-test-id=\"tabs-menu\"] li [data-test-id=\"tabs-close-all\"] {\r\n fill: red !important;\r\n color: gold !important;\r\n background: var(--bg-color-bluegray) !important;\r\n}\r\n\r\n\r\n/* VAR - BACKGROUND - BLUE - BUTTONs + GOLD - #276196 */\r\nbody .primary-property-btn {\r\n color: gold !important;\r\n background-color: var(--GEN-btn-color-blue) !important;\r\n}\r\nbody .primary-property-btn span.btn.multimsg .icon-text ,\r\nbody .primary-property-btn span .icon-tex {\r\n color: gold !important;\r\n}\r\n\r\n\r\n/* VAR - ZEBRA */\r\n#notepad-list.list-view-container.list-view-items-inner \u003ediv:nth-child(even):not(.selected) ,\r\ndiv[data-test-id=\"infinite-scroll-content\"] li[data-test-id=\"infinite-scroll-ROW\"]:nth-child(even) a{\r\n background-color: var(--bg-background-color-light) !important;\r\n}\r\n#notepad-list.list-view-container.list-view-items-inner \u003ediv:nth-child(odd):not(.selected) ,\r\ndiv[data-test-id=\"infinite-scroll-content\"] li[data-test-id=\"infinite-scroll-ROW\"]:nth-child(odd) a {\r\n background-color: var(--bg-background-color) !important;\r\n}\r\n\r\n/* ==== COLOT no VAr ===== */\r\n\r\n/* no VAR - TEXT */\r\n\r\n/* TXT black */\r\n#mail-app-component .compose-header input#message-to-field {\r\n color: black !important;\r\n}\r\n\r\n/* TXT GRAY */\r\n\r\n/* TXT GOLD */\r\n.o_h.J_x.mq_CZ.G_e.C_Z281SGl.D_B.u_b ,\r\n[data-test-id=\"message-toolbar\"] button ,\r\n[data-test-id=\"mail-reader-toolbar\"] button,\r\n[data-test-id=\"time-chunk-separator\"] , \r\n.yui3-widget .optionMenu .event-hover-details ,\r\n[data-test-id=\"popover-content\"] \u003e div:first-of-type ul li span ,\r\n[data-test-id=\"mail-app\"] [data-test-id=\"more-card-menu\"] \u003e div:first-of-type ul li span ,\r\nul[data-test-id=\"toolbar-sort-menu\"] button ,\r\ndiv[data-test-id=\"popover-content\"] ul[data-test-id=\"selection-controls-menu\"] button {\r\n color: gold !important;\r\n}\r\n\r\n/* CHECK BOX */\r\n\r\n/* ICONS SVG - WHITE */\r\n[data-test-id=\"message-toolbar\"] button span ,\r\n[data-test-id=\"mail-reader-toolbar\"] button span {\r\n fill: white !important;\r\n/* background: blue !important; */\r\n}\r\n\r\n/* no VAR - TXT PERU */\r\n\r\n[data-test-id=\"infinite-scroll-SECTION\"] span ,\r\n[data-test-id=\"mail-reader-sticky-header\"] span ,\r\nspan[data-test-id=\"message-subject\"] {\r\n color: peru !important;\r\n}\r\n\r\n/* (new52) no VAR - TAN - mail NO Read */\r\n[data-test-id=\"infinite-scroll-SECTION\"] span, \r\n[data-test-id=\"mail-reader-sticky-header\"] span, \r\nspan[data-test-id=\"message-subject\"] ,\r\n[data-test-read=\"false\"] span[data-test-id=\"message-subject\"] {\r\n color: peru !important;\r\n}\r\n/* no VAR - TAN - mail Read */\r\n[data-test-read=\"true\"] span[data-test-id=\"message-subject\"] {\r\n color: tan !important;\r\n}\r\n\r\n/* (new52) no VAR - ICON */\r\nul[data-test-id=\"navigable-list\"] li button span svg {\r\n fill: gray !important;\r\n}\r\n\r\n/* no VAR - BORDER */\r\n\r\n[data-test-id=\"infinite-scroll-SECTION\"] {\r\n/* color: red !important; */\r\n border-bottom: 1px solid gold !important;\r\n}\r\n\r\n/* no VAR - VARIOUS */\r\n\r\n/* no VAR - (new50) POPOVER - MENU ITEM */\r\nul[data-test-id=\"navigable-list\"] li button {\r\n color: peru !important;\r\n}\r\n\r\n\r\n/* no VAR - (new40) TEST - NO WORK - CALENDAR - EVENTS - ANIV */\r\n.calendar #shellnavigation .minical .this-day a, \r\n.calendar #back-to-cal-span a:hover, \r\n.calendar #toolbar .commontasks .btn.pressed, \r\n.calendar #toolbar .commontasks .btn:hover {\r\n color: red !important;\r\n}\r\n.events .event_bubble_shell .event_bubble.blue {\r\n background-color: black;\r\n}\r\n.events .event_bubble_shell .event_bubble.blue:hover {\r\n background-color: red;\r\n}\r\n\r\n.cal-day-hourly {\r\n border-top: 1px solid gold !important;\r\n bottom: 0;\r\n top: 60px;\r\n background: black !important;\r\n}\r\n.calendar.pc .cal-hours-labels \u003e div.non-working-hour, \r\n.calendar.pc .cal-hours \u003e div.non-working-hour {\r\n border-color: gray;\r\n}\r\n.calendar #shellcontent .hour {\r\n background-color: #333 !important;\r\n}\r\n.calendar #shellcontent .half-hour {\r\n background-color: #222 !important;\r\n}\r\n\r\n/* CALENDAR TIME INDICATOR */\r\n.calendar #shellcontent .icon-chevron-right:hover, \r\n.calendar #shellcontent .icon-chevron-left:hover, \r\n.calendar #shellnavigation .icon-chevron-right:hover, \r\n.calendar #shellnavigation .icon-chevron-left:hover, \r\n.calendar #shellnavigation .minical .this-day a, \r\n.calendar .this-day-of-week \u003e span, \r\n.calendar #month .today \u003e a, \r\n.calendar #month .today .today-label, \r\n.calendar .cal-time-indicator {\r\n color: gold !important;\r\n}\r\n.calendar #back-to-cal-span a:hover, .calendar .cal-time-indicator {\r\n border-color: gold !important;\r\n}\r\n/* CALENDAR - BACKGROUND STRIPED - LINEAR GRADIENT */\r\n#dgrid .events .event_bubble.event_bubble_usfree.blue, \r\n#dgrid .events .event_bubble.event_bubble_ustentative.blue, \r\n#shellcontent .events .event_bubble.event_bubble_usfree.blue, \r\n#shellcontent .events .event_bubble.event_bubble_ustentative.blue {\r\n 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);\r\n}\r\n\r\n\r\n/* no VAR - (new40) CALENDAR - BORDER / TXT */\r\n.calendar.pc #msg-list.cal-list .list-view-items, \r\n.calendar.pc #month td, .calendar.pc #month, \r\n.calendar.pc .nav-separator, \r\n.calendar.pc .cal-day-container, \r\n.calendar.pc .cal-day-hourly, \r\n.calendar.pc .cal-hours-container \u003e .cal-dayshell, \r\n.calendar.pc .cal-hours-container \u003e .cal-hours, \r\n.calendar.pc #msg-list.cal-list .list-view-item.last-item {\r\n border: 1px solid rgba(51, 51, 51, 0.61);\r\n color: gold !important;\r\n}\r\n\r\n/* no VAR - MAIL COUNT - BLUE / WHITE */\r\n[data-test-id=\"calendar-day-text\"] {\r\n background: #187AA7 !important;\r\n color: white !important;\r\n}\r\n/* no VAR - COLOR - POPUP MENU */\r\n[data-test-id=\"popover-content\"] {\r\n/* outline: 1px solid violet !important; */\r\n}\r\n\r\n[data-test-id=\"popover-content\"] \u003e div:first-of-type {\r\n background-color: #333 ! important;\r\n}\r\n[data-test-id=\"popover-content\"] \u003e div:last-of-type [data-test-id=\"popover-content-arrow\"] {\r\n background-color: white ! important;\r\n}\r\n\r\n/* PB COLOR PICKER when edit Mail */\r\nul:not([data-test-id=\"color-picker\"]) ul[data-test-id=\"navigable-list\"] {\r\n background-color: #222 ! important;\r\n}\r\n ul[data-test-id=\"navigable-list\"] li button {\r\n box-shadow: -1px 1px 1px 2px rgba(0, 0, 0, 0.92);\r\n}\r\n[data-test-id=\"navigable-list\"] li:hover button {\r\n color: peru ! important;\r\n}\r\n\r\n/* FONT PICKER */\r\n#mail-app-container [data-test-id=\"menu\"] {\r\n color: peru ! important;\r\n box-shadow: 0px 1px 2px 6px rgba(0, 0, 0, 0.92) !important;\r\n background-color: #222 ! important;\r\n}\r\n#mail-app-container [data-test-id=\"menu\"] [data-test-id=\"font-picker\"] ul li ul li button {\r\n background-color: #222 ! important;\r\n}\r\n#mail-app-container [data-test-id=\"menu\"] [data-test-id=\"font-picker\"] ul li ul li button div {\r\n color: peru ! important;\r\n background-color: #333 ! important;\r\n}\r\n#mail-app-container [data-test-id=\"menu\"] [data-test-id=\"font-picker\"] ul li ul li button span {\r\n background-color: green ! important;\r\n}\r\n/* no VAR - MAIL OPEN - TOOLBAR BOTTOM */\r\n[data-test-id=\"message-body-container\"] [data-test-id=\"navigable-list\"] li:hover button ,\r\n[data-test-id=\"message-body-container\"] [data-test-id=\"navigable-list\"] li button ,\r\n[data-test-id=\"message-body-container\"] [data-test-id=\"navigable-list\"] {\r\n box-shadow: none !important;\r\n border: none !important;\r\n background-color: transparent ! important;\r\n}\r\n[data-test-id=\"message-body-container\"] [data-test-id=\"navigable-list\"] li \u003e span [data-test-id=\"popover-container\"] ,\r\n[data-test-id=\"message-body-container\"] [data-test-id=\"navigable-list\"] li \u003e span {\r\n fill: rgba(215, 77, 43, 0.8) !important;\r\n}\r\n\r\n/* no VAR - (new40) MAIL OPEN TOOLBAR BOTTOM - MENU */\r\n[data-test-id=\"mail-app\"] [data-test-id=\"more-card-menu\"] {\r\n box-shadow: 4px 6px 7px 7px rgba(0, 0, 0, 0.92);\r\n}\r\n\r\n/* no VAR - (new40) CONTACTS - OPTION MENU - === */\r\n#menu-contact-actions.menu-active {\r\n box-shadow: 4px 6px 7px 7px rgba(0, 0, 0, 0.92);\r\n/* background: red !important; */\r\n}\r\n\r\n\r\n/* no VAR - INPUT FOLDER BACKGROUND - BLACK LIGHT - #111 */\r\nli \u003e div[data-test-id=\"create-folder-container\"] \u003ediv \u003e div[data-test-id=\"popover-container\"] input.q_T ,\r\n.D_F[data-test-id=\"popover-container\"] input.q_T {\r\n background-color: #111 !important;\r\n}\r\n\r\n/* (new60) - RENAME FOLDER - PB INPUT BACKGROUND === */\r\n.D_F[data-test-id=\"popover-container\"] input.q_T ,\r\n.folder-list .D_F[data-test-id=\"create-folder-container\"]+ ul \u003e li input.q_T {\r\n background-color: black !important;\r\n}\r\n\r\n.D_F[data-test-id=\"popover-container\"] input {\r\n background: black !important;\r\n}\r\n\r\n/* ==== END - NEW 2019.07 ==== */"},{"urls":[],"urlPrefixes":[],"domains":["s.yimg.com","calendar.yahoo.com","help.yahoo.com","answers.yahoo.com","groups.yahoo.com","mail.yahoo.com"],"regexps":[],"code":"/* ==== \r\nOLD with TWEAK for NEW 2019 : \r\nYAHOO NEW MAIL (OLD 2017) - - SIMPLY DARK AND GRAY - v.35 (new35) - \r\nNew design - ZEBBRA / ICONS / YAHOO LOGO / SEARCH - \r\nADD \"Yahoo Mail Wide Messages List\" \r\nNEDD PARTICULAR SETTINGS CF SCREENSHOT - \r\n==== */\r\n\r\n/* (new43) TEST CALENDAR */\r\n\r\n/* (new41) CALENDAR - CONTAINER - .pc.calendar */\r\n.pc.calendar #main {\r\n background-attachment: fixed;\r\n background-position: center center;\r\n background-size: cover;\r\n max-width: none;\r\n top: 30px !important;\r\n}\r\n.calendar .primary-property-btn .btn {\r\n line-height: 23px;\r\n margin-left: 5px !important;\r\n left: 0px !important;\r\n}\r\n\r\n.pc.calendar #shellcontent {\r\n right: 185px !important;\r\n top: -10px;\r\n}\r\n.calendar #paneshell #shellcontent {\r\n background: #222;\r\n}\r\n.pc.calendar #shellnavigation {\r\n top: 44px !important;\r\n border-right: 1px solid gray !important;\r\n}\r\n\r\n/* (new43) CALENDAR - LABELS */\r\n.cal-day-allday {\r\nbackground: #222 !important;\r\n}\r\n.cal-day-allday .cal-hours-container {\r\n top: 0 !important;\r\n border-bottom: 1px solid red;\r\n border-top: 1px solid red !important;\r\nbackground: #222 !important;\r\n}\r\n.cal-day-allday .allDayLabel {\r\n height: 30px !important;\r\n margin-top: 5px !important;\r\n text-align: center !important;\r\n word-break: normal !important;\r\n}\r\n.cal-hours-labels \u003e div {\r\n height: 55px !important;\r\n line-height: 20px;\r\n margin-top: 5px !important;\r\n padding-left: 3px;\r\n text-align: left;\r\n width: 100%;\r\n border-top: 1px solid red !important;\r\n border-bottom: 1px solid yellow !important;\r\n}\r\n\r\n/* DAY VIEW - LABEL */\r\n#shellcontent .cal-day-allday .allDayLabel {\r\n height: 30px;\r\n top: -5px !important;\r\n}\r\n\r\n/* DAY VIEW - EVENTS */\r\n.cal-day-container.day-view-container .cal-day-allday {\r\n height: 40px !important;\r\n}\r\n.cal-day-container.day-view-container .cal-day-allday .cal-hours-container {\r\n height: 38px !important;\r\n}\r\n.cal-day-container.day-view-container .cal-day-allday .cal-hours-container \u003e .day-only {\r\n height: 35px !important;\r\n border-left: 1px solid yellow !important;\r\n}\r\n.cal-day-container.day-view-container .cal-day-allday .cal-hours-container \u003e .day-only .event_bubble_shell .event_bubble ,\r\n.cal-day-container.day-view-container .cal-day-allday .cal-hours-container \u003e .day-only .event_bubble_shell {\r\n height: 35px !important;\r\n}\r\n\r\n/* WEEK VIEW */\r\n.cal-day-container.week-view-container .cal-day-allday + .cal-day-hourly {\r\n top: 58px !important;\r\n}\r\n.cal-day-container.week-view-container .cal-day-allday {\r\n height: 58px !important;\r\n}\r\n.cal-day-container.week-view-container .cal-day-allday .allDayLabel {\r\n height: 45px !important;\r\n top: -5px;\r\n}\r\n.cal-day-container.week-view-container .cal-day-allday .cal-hours-container {\r\n height: 55px !important;\r\n}\r\n/* CALENDAR - YEAR VIEW - === */\r\n.cal--year {\r\n margin: auto;\r\n width: 100%;\r\n}\r\n.calendar.superFresh.freshCalendar.uh3.mf.longstrs.hasLeftPane.hasRightPane #main #paneshell #shellcontent .view.scroll-view .view-bd table.cal--year \u003e tbody \u003e tr {\r\n display: inline-block !important;\r\n float: left !important;\r\n margin: 0 0 1% 1% !important;\r\n min-height: 235px !important;\r\n max-height: 235px !important;\r\n padding: 5px !important;\r\n border-radius: 5px !important;\r\nbackground: #333 !important;\r\n}\r\n.cal--year-month-cell {\r\n min-height: 240px !important;\r\n max-height: 240px !important;\r\n min-width: 45% !important;\r\n vertical-align: top;\r\nborder: 1px solid gray !important;\r\n}\r\ntr:nth-child(4) .cal--year-month-cell:nth-child(2) ,\r\ntr:nth-child(3) .cal--year-month-cell:nth-child(1) ,\r\ntr:nth-child(3) .cal--year-month-cell:nth-child(3) ,\r\ntr:nth-child(2) .cal--year-month-cell:nth-child(3) ,\r\ntr:nth-child(2) .cal--year-month-cell:nth-child(1) ,\r\ntr:nth-child(1) .cal--year-month-cell:nth-child(2) {\r\n background: #222 !important;\r\n}\r\n.cal--year-month-cell .cal--year-month .header a {\r\n color: gold !important;\r\n border-bottom: 1px solid aqua !important;\r\n}\r\n.cal--year-month-cell .cal--year-month thead tr + tr th {\r\n color: peru !important;\r\n}\r\n.cal--year-month-cell .minical {\r\n width: 100% !important;\r\n}\r\n/* CALENDAR - RIGHT PANEL - TODO LIST - .calendar */\r\n#shellsidepane {\r\n position: absolute;\r\n width: 0;\r\n height: 100%;\r\n right: 0;\r\n top: 0;\r\n bottom: 0;\r\n overflow: hidden;\r\n border: medium none;\r\n z-index: 1;\r\nbackground: #333;\r\n}\r\n\r\n/* CALENDAR - POPUP DETAIL EVENENTS */\r\n.pc.calendar .yui3-widget.yui3-overlay.yui3-widget-positioned.yui3-widget-stacked:not(.yui3-overlay-hidden) {\r\n z-index: 15600;\r\n}\r\n\r\n/* (new40) TEST - NO WORK - CALENDAR - EVENTS - ANIV - === */\r\n.event_sticker ,\r\n.stkr-birthday-small::before {\r\n font-size: 15px !important;\r\n}\r\n.events .event_bubble {\r\n cursor: pointer;\r\n font-size: 15px !important;\r\n text-align: left;\r\n}\r\n\r\n\r\n/* MAIL - ADD CONTACT from MAIL HEADER */\r\n.yui3-hovercard-content .hovercard-arrow + #hovercard .footer .menu-more.optionMenu {\r\n position: absolute;\r\n display: inline-block !important;\r\n max-width: 230px;\r\n left: 45px;\r\n top: 117px !important;\r\n opacity: 1 !important;\r\n text-align: left;\r\n z-index: 99 !important;\r\n}\r\n.yui3-hovercard-content .hovercard-arrow + #hovercard .footer .menu-more.optionMenu li:not(.disabled) {\r\n z-index: 50000 !important;\r\ncolor: gold;\r\nborder: 1px solid red;\r\n}\r\n.yui3-hovercard-content .hovercard-arrow + #hovercard .footer .menu-more.optionMenu li.disabled {\r\n z-index: 50000 !important;\r\n opacity: 0.1 !important;\r\ncolor: gold;\r\nborder: 1px solid red;\r\n}\r\n\r\n/* SEARCH - CORRECTIONS - OBJECT - COLOR */\r\n.message-subject-inner .message-subject-main {\r\n color: gray;\r\n}\r\n\r\n/* INTELLIGENT VIEW */\r\n.search-menuitem ,\r\n.search-menu.move-menu-dd .move-menu-item .move-menu-item-inner {\r\n color: peru !important;\r\n}\r\n\r\n/* SUPP BACKGROUND IMAGE - ALL */\r\nhtml, \r\n.frost, \r\n#lightPreview {\r\n background-image: none !important;\r\n}\r\n\r\n/* MAIL SEND - ADD CONTAC MENU */\r\n#Stencil .yui3-widget.yui3-hovercard.yui3-widget-positioned.yui3-widget-stacked.yui3-hovercard-hidden #hovercard .menu-more.optionMenu {\r\n top: 107px !important;\r\n}\r\n\r\n/* TOOLTIP - OPTIONS MENU SETTINGS */\r\ndiv.modal.options-dialog * {\r\n box-sizing: border-box;\r\ncolor: peru !important;\r\n}\r\ndiv.modal.options-dialog.modal-settings {\r\n width: 50% !important;\r\n height: 891px !important;\r\n}\r\ndiv.modal.options-dialog.modal-settings .modal-hd {\r\n padding: 5px !important;\r\n height: 39px !important;\r\n}\r\ndiv.modal.options-dialog.modal-settings .modal-bd {\r\n height: 757px !important;\r\nborder: 1px solid gray !important;\r\n}\r\ndiv.modal.options-dialog.modal-settings .modal-bd .content {\r\n height: 760px !important;\r\n padding: 20px 20px 0;\r\n}\r\ndiv.modal.options-dialog.modal-settings ul {\r\n box-sizing: border-box;\r\n height: 736px !important;\r\n}\r\n#options-filters.selectable.options-selection {\r\n box-sizing: border-box;\r\n height: 536px !important;\r\n}\r\n\r\n/* A SUPP ?? - COR for PARAMAETRES FILTER*/\r\n.imap-settings .modal-bd .nav {\r\n border-right: 1px solid #515151 !important;\r\n font-size: 13px;\r\n font-weight: 400;\r\n}\r\n.imap-settings .modal-bd .nav ul.selectable li.navitem.selected, \r\n.imap-settings .modal-bd .nav ul.selectable li.navitem:focus, \r\n.imap-settings .modal-bd .nav ul.selectable li.navitem:hover {\r\n background-color: #222 !important;\r\n}\r\ndiv.modal.options-dialog.modal-settings .options-label:not(:empty) {\r\n width: 300px !important;\r\n height: 100%;\r\n line-height: 15px !important;\r\n text-align: center;\r\n border: 1px solid gray !important;\r\n}\r\ndiv.modal.options-dialog .modal-bd .content li.cf .options-content , \r\ndiv.modal.options-dialog .modal-bd .content li.cf .options-label {\r\n padding-top: 0 !important;\r\n}\r\ndiv.modal.options-dialog label {\r\n height: 16px !important;\r\n line-height: 16px !important;\r\n box-sizing: border-box;\r\ncolor: peru !important;\r\n}\r\n.base-dialog.modal-settings.options-dialog.imap-settings .base-view.FF li.cf .options-content .custom-select {\r\n width: 280px !important;\r\nbackground: #222 !important;\r\n}\r\n.base-dialog.modal-settings.options-dialog.imap-settings .base-view.FF li.cf .options-content .custom-select select{\r\n display: inline-block;\r\n width: 300px !important;\r\n vertical-align: middle;\r\n}\r\n#options-previewpane option[selected=\"\"]:focus ,\r\n#options-previewpane option[selected=\"\"]:active ,\r\n#options-previewpane option[selected=\"\"]:hover ,\r\n#options-previewpane option[selected=\"\"]{\r\n background: green !important;\r\n}\r\n.cf.signature-help-text {\r\n width: 1395px !important;\r\n}\r\n/* PARAMETRES - EMAILS BLOCK */\r\ndiv.modal.options-dialog.modal-settings li form.base-view.FF[name=\"options-block-senders-form\"] ul \u003e li.cf .options-content ,\r\ndiv.modal.options-dialog.modal-settings li form.base-view.FF[name=\"options-block-senders-form\"] ul \u003e li.cf {\r\n height: 100%;\r\n}\r\n/* (new35) PARAMAMETRES - SECURITY */\r\n.disposable-addresses.options-content.options-content-aligned-children p {\r\n max-width: 100% !important;\r\n}\r\n\r\n/* PARAMETRES - FILTRE */\r\n.modal.xxl.base-dialog.options-filterdialog.opaque.confirm-dialog {\r\n margin-left: -766px;\r\n margin-top: -205.5px;\r\n z-index: 29003;\r\n}\r\n.modal.xxl.base-dialog.options-filterdialog.opaque.confirm-dialog .modal-bd .confirm-body form ul \u003e li:nth-child(2) .options-label.filter-heading-rule + #filter-rules.options-content {\r\n width: 100% !important;\r\n max-width: 100% !important;\r\n margin-left: 6px;\r\n}\r\n#filter-rules.options-content .custom-select::after {\r\n right: 1px ;\r\n top: 7px ;\r\n right: -15px ;\r\n font-size: 20px ;\r\n color: red ;\r\n}\r\n.modal.xxl.base-dialog.options-filterdialog.opaque.confirm-dialog label {\r\n border-top: none !important;\r\n line-height: 19px !important;\r\n padding-right: 0px;\r\n text-align: right;\r\n color: violet !important;\r\n}\r\n#filter-rules .filter-match-case {\r\n color: green !important;\r\n}\r\n\r\n/* PARAMETRES - WRITE EMAIL */\r\n.modal-settings.base-view .base-view[name=\"options-writing-email-form\"] li.cf:nth-child(2) .options-content {\r\n height: 137px !important;\r\n}\r\n/* PARAMETRES - OPTION WRITE EMAIL - SELECTED ICON */\r\ndiv.modal.options-dialog .modal-bd .content li.cf .options-halfWidth {\r\n color: peru !important;\r\n margin: 0;\r\n text-align: center !important;\r\n width: 49%;\r\n}\r\ndiv.modal.options-dialog .modal-bd .content li.cf .options-halfWidth.custom-select::after {\r\n content: \"\";\r\n position: absolute;\r\n right: -21px !important;\r\n top: 2px;\r\n z-index: -1;\r\ncolor: peru !important;\r\n}\r\n/* PARAMETRES - BLOCKED ADRESSES / ADRESSES BLOQUEES - === */\r\n#blocked-addresses {\r\n height: 689px !important;\r\n overflow-x: hidden;\r\n overflow-y: auto;\r\nbackground: #222 !important;\r\n}\r\n#blocked-addresses\u003eli a {\r\n color: #EAD986 !important;\r\n}\r\n#blocked-addresses\u003eli.selected a {\r\n border-bottom: 1px dotted gold !important;\r\n background: rgba(255, 0, 0, 0.72) !important;\r\n color: gold !important;\r\n} \r\n#blocked-addresses\u003eli a:hover {\r\n background: #333 !important;\r\n color: gold !important;\r\n}\r\n#blocked-addresses\u003eli.selected a:hover {\r\n background: red !important;\r\n color: gold !important;\r\n} \r\n#blocked-addresses\u003eli.selected a:before {\r\n content: \"X\" !important;\r\n display: inline-block !important;\r\n width: 17px !important;\r\n height: 17px !important;\r\n line-height: 13px !important;\r\n margin-left: -3px !important;\r\n margin-right: 5px !important;\r\n padding: 2px !important;\r\n border-radius: 100% !important;\r\n text-align: center !important;\r\ncolor: gold !important;\r\nbackground: green !important;\r\n}\r\n\r\n/* MAIL THEME BACKGOUND - PREVIEW */\r\n.boss.boss-mt .preview-overlay {\r\n box-shadow: 10px 5px 29px rgba(0, 0, 0, 0.81) !important;\r\n transform: scale(0.9) !important;\r\n}\r\n\r\n/* PERSON VIEW */\r\n.srp-outer-container {\r\n color: gray !important;\r\n background: #222!important;\r\n}\r\n.srp-header {\r\n background: #222!important;\r\n}\r\n.search-tab-container {\r\n border-top: 1px solid #d8d8d8;\r\n bottom: 0;\r\n overflow: hidden;\r\n position: absolute;\r\n top: 50px;\r\n transition: top 60ms ease 0s;\r\n width: 100%;\r\n background: #222!important;\r\n}\r\n.message-list-toolbar {\r\n box-sizing: border-box;\r\n display: block;\r\n height: 36px;\r\n line-height: 36px;\r\n padding: 0 18px;\r\ncolor: gray !important;\r\nbackground: #222!important;\r\nborder-bottom: 1px solid #f2f2f2;\r\n}\r\n.message-list-toolbar .icon, .message-list-toolbar button {\r\n color: gray !important;\r\n}\r\n.search-messages-container[data-density=\"0\"] .message-list-item {\r\n padding-bottom: 4px;\r\n padding-top: 5px;\r\nbackground: #222 !important;\r\n}\r\n.search-messages-container[data-density=\"0\"] .message-list-item.selected {\r\n padding-bottom: 4px;\r\n padding-top: 5px;\r\nbackground: #333 !important;\r\n}\r\n\r\n/* PERSON VIEW - PHOTO GRID - \r\nuh3 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\r\nOTHERS VIEWS :\r\n.document-grid, \r\n.link-grid, \r\n.message-list-group, \r\n.message-list-toolbar, \r\n.srp-header-main\r\n==== */\r\n\r\n.photo-grid {\r\n padding-left: 16px !important;\r\n padding-right: 5px !important;\r\n -moz-user-select: none;\r\nbackground: #222 !important;\r\n}\r\n\r\n/* PERSON VIEW - MESSAGES GROUPE GRID */\r\n.message-list-group {\r\nbackground: #222 !important;\r\n}\r\n.message-subject-inner-full-width .message-subject-main {\r\n display: inline-block;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n vertical-align: bottom;\r\n white-space: nowrap;\r\n width: 100%;\r\ncolor: gray !important;\r\n}\r\n.message-list-item .ui-checkbox {\r\n margin-left: -15px; \r\n cursor: pointer;\r\n font-size: 20px;\r\n font-weight: 400;\r\n height: 1em;\r\n letter-spacing: -6px;\r\n line-height: 1;\r\n width: 15px;\r\n}\r\n.message-list-item .ui-checkbox::before {\r\n position: relative;\r\n height: 1em;\r\n line-height: 1;\r\n left: -3px;\r\n font-size: 20px;\r\n font-weight: 400;\r\n letter-spacing: -6px;\r\n cursor: pointer;\r\n}\r\n.message-list-item .message-action-btn.read-status {\r\n position: relative;\r\n left: -30px !important;\r\n opacity: 1 !important;\r\n}\r\n.message-sender {\r\n position: relative;\r\n width: 222px !important;\r\n padding-right: 91px !important;\r\n padding-left: 4px !important;\r\n text-align: left !important;\r\n transition: padding-right 50ms linear 0s;\r\n}\r\n.message-list-item .message-action-btns {\r\n right: calc(100% - 262px);\r\n}\r\n.message-subject {\r\n width: calc(100% - 690px) !important;\r\n}\r\n\r\n/* TWEAKED COPY of USERSTYLES: \"Yahoo Mail Wide Messages List\" by \"120591\" -\r\nhttps://userstyles.org/styles/86752/yahoo-mail-wide-messages-list\r\n==== */\r\n\r\n#yucs-top-bar {\r\n background-color: rgba(45, 17, 82,0.6) !important;\r\n}\r\n.wide-right-rail #shellcontent {\r\n right: 0px !important;\r\n}\r\n#shellcontent {\r\n right: 0px !important;\r\n}\r\n#main {\r\n width: 100% !important;\r\n}\r\n#theAd, #slot_REC, .darla {\r\n display: none !important;\r\n}\r\n.panescroll #toolbar {\r\n right: 0px !important;\r\n}\r\n.panescroll #shellcontent {\r\n right: 0px !important;\r\n}\r\n#main, \r\n#yucs, #yuhead-bucket {\r\n max-width: 100% !important;\r\n}\r\n\r\n/* ==== END ==== COPY of the USERSTYLES: \"Yahoo Mail Wide Messages List by \"120591\" ====== */\r\n\r\n\r\n\r\n/* YAHOO ANSWERS */\r\n.Sticky-on .Sticky {\r\n position: fixed;\r\n margin-top: 0;\r\n top: 32px !important;\r\n transform: translate3d(0px, 0px, 0px);\r\n}\r\n/* CONTACT TOOLBAR */\r\n body.contacts #main #toolbar {\r\n margin-top: 33px !important;\r\n border-left: medium none;\r\n border-right: 0 none;\r\n margin-left: 260px;\r\n}\r\n.pc.contacts.panescroll #contacts-content {\r\n left: 1px;\r\n margin-top: 67px!important;\r\n overflow: hidden;\r\n}\r\n\r\n/* CONTACT - FOR LIST */\r\n.withoutad.panescroll.mf.headless.pc.contacts.ds.lt.outlook \u003ediv:first-of-type {\r\n position: fixed;\r\n height: 1px;\r\n width: 200px;\r\n left: 22%!important;\r\n top: 4%!important;\r\n z-index: 15499;\r\n}\r\n.withoutad.panescroll.mf.headless.pc.contacts.ds.lt.outlook \u003ediv:first-of-type .yui3-widget {\r\n position: relative;\r\n left: 487px !important;\r\n margin-left: -314px !important;\r\n top: 7.5px!important;\r\n z-index: 15500;\r\n}\r\n\r\n#modal-assign-to-lists .modal-hd {\r\n border-bottom: 1px solid gray !important;\r\n padding-bottom: 6px !important;\r\n padding-top: 4px !important;\r\n -moz-user-focus: ignore;\r\n -moz-user-select: none;\r\n}\r\n#modal-assign-to-lists .items {\r\n max-height: 500px !important;\r\n margin: 0;\r\n border-bottom: 1px solid gray !important;\r\n overflow: auto;\r\n}\r\n\r\n/* NEW HEADER - NAV BAR - === */\r\n#Stencil:not(.Sticky-on):not(.Answers) #masterNav:hover {\r\n position: relative;\r\n height: 22px!important;\r\n margin-right: 0;\r\n top: 19px!important;\r\n transition-delay: 0.3s;\r\n transition-duration: 0.2s, 0.2s;\r\n transition-property: top, opacity;\r\n transition-timing-function: ease, ease;\r\nborder-bottom: 1px solid red !important;\r\n}\r\n#Stencil:not(.Sticky-on):not(.Answers) #masterNav #Eyebrow {\r\n background: black !important;\r\n}\r\n/* MORE DROPDOWN */\r\n#Stencil:not(.Sticky-on):not(.Answers) #masterNav #Eyebrow .yucs-menu:not(yucs-hide) {\r\n top: 1px !important;\r\n padding: 1px 1px 1px 1px !important;\r\n transform: translate(140px, 22px) !important;\r\nbackground: black !important;\r\n\r\n}\r\n#Stencil:not(.Sticky-on):not(.Answers) #masterNav #Eyebrow .yucs-menu:not(yucs-hide) a b {\r\ncolor: peru !important;\r\n}\r\n#Stencil:not(.Sticky-on):not(.Answers) #masterNav:hover #Eyebrow .yucs-menu:not(yucs-hide) {\r\n width: 79px !important;\r\n background: black !important;\r\nborder: 1px solid red !important;\r\n}\r\n\r\n.yucs-trigger .Ycon.YconHome {\r\n display: inline-block !important;\r\n transform: scale(0.85) !important;\r\n}\r\n#UH {\r\n height: 12px!important;\r\n left: 0;\r\n margin-top: -23px!important;\r\n z-index: 10;\r\nbackground: rgba(0, 0, 0, 0) !important;\r\n}\r\n#uhWrapper {\r\n height: 30px !important;\r\n top: -14px !important;\r\n}\r\n\r\n/* Yahoo Answers */\r\n#Stencil.Answers.JsEnabled #UH {\r\n height: 12px!important;\r\n left: 0;\r\n margin-top: -13px!important;\r\n z-index: 10;\r\nbackground: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;\r\n}\r\n/* Yahoo Answers LOGO */\r\n#Stencil.Answers #uhWrapper .UHCol1 {\r\n left: 75px !important;\r\n max-width: 112px !important;\r\n}\r\n\r\n/* TOP SEARCH MENU */\r\n#Stencil .typeahead-list {\r\n position: absolute;\r\n left: 1px;\r\n margin-top: 0;\r\n right: 1px;\r\n top: 100%;\r\n border-radius: 0 0 3px 3px !important;\r\n z-index: 1;\r\nbox-shadow: -3px 9px 10px 7px rgba(9, 9, 9, 0.95) !important;\r\nbackground-color: white;\r\nborder: 1px solid red !important;\r\n}\r\n.search-menu {\r\n border-radius: 0 0 3px 3px !important;\r\n box-shadow: -3px 9px 10px 7px rgba(9, 9, 9, 0.95) !important;\r\nbackground-color: #222 !important;\r\nborder: 1px solid red !important;\r\n}\r\n.search-menu .search-menu-group-title {\r\n padding-left: 28px;\r\n padding-right: 28px;\r\ncolor: peru !important;\r\n}\r\n.search-menu-group .search-menuitem {\r\n color: gray !important;\r\n}\r\n.search-menuitem.all-account-menu-item span span {\r\n color: gold !important;\r\n}\r\n#Stencil .search-folder-dropdown.right-folder-dd .dropdown-menu-title:hover {\r\n cursor: auto;\r\nbackground-color: #333 !important;\r\n}\r\n\r\n/* COLOR - MENUS - ALL - ITEMS HOVER */\r\n.menu-active-item, .optionMenu li:hover, \r\n.optionMenu .optionMenuItem:hover, \r\n.dd-hLozengeBox, \r\n.search-ac .yui3-aclist-item.yui3-aclist-item-hover, \r\n.search-menu .search-menuitem:hover:not([data-disabled]), \r\n.search-ac .yui3-aclist-item.yui3-aclist-item-active {\r\n background-color: black!important;\r\n}\r\n\r\n/* COLOR - SEARCH + NO RESULTS PAGE - BACKGROUND */\r\n#storm-listnav li#Inbox.in .inbox-label ,\r\n#storm-listnav li#Folders.folders a .icon-text ,\r\n#toolbar #btn-select-dd ,\r\n#toolbar .btn-absolute ,\r\n#Stencil .bgc-db, \r\n#Stencil button.bgc-db:hover, \r\n#Stencil button.bgc-db:active ,\r\n#Stencil .bgc-lb, \r\n#Stencil button.bgc-lb:hover, \r\n#Stencil button.bgc-lb:active ,\r\n#web-search-btn ,\r\n#mail-search-btn ,\r\n#Stencil .search-folder-scope-dd ,\r\n#Stencil .typeahead-input ,\r\n#uhWrapper table tbody tr td .StencilRoot.search-container .search-content .search-autocomplete button + div form ,\r\n#Stencil .bgc-lg ,\r\n#masSearchAd + .inner {\r\n font-weight: bold !important;\r\n outline: none !important;\r\ncolor: rgb(170, 170, 170) !important;\r\ntext-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5) !important;\r\nbox-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;\r\nbackground-color: rgb(62, 62, 62) !important;\r\nbackground-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.12)) !important;\r\nborder: 1px solid rgb(0, 0, 0) !important;\r\n}\r\n\r\n/* SEARCH IN MAILS - MAILS / IMAGES RESULTS - REFINEMENTS */\r\n#dd_search_results_container_top .smartmail-contactdetails-base .tictac-contactdetails-header {\r\n font-size: 1.8rem;\r\ncolor: gold !important;\r\n}\r\n.smartmail-contactdetails .business-card {\r\n height: 199px;\r\n padding-right: 24px;\r\n padding-top: 8px;\r\n width: 342px;\r\nbox-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);\r\nbackground-color: white;\r\n}\r\n.smartmail-contactdetails .business-card .business-card-info {\r\n height: 203px !important;\r\n width: 342px !important;\r\n padding: 5px !important;\r\n overflow-x: hidden;\r\ncolor: black;\r\n}\r\n.business-card-image {\r\n float: left;\r\n height: 60px;\r\n width: 60px;\r\n background-position: center center;\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n}\r\n.smartmail-contactdetails .business-card .business-card-info .business-card-name {\r\n width: 267px !important;\r\n padding: 17px !important;\r\ncolor: gold !important;\r\n}\r\n.smartmail-contactdetails .xRichContact .xcontact-field span {\r\n color: gold !important;\r\n}\r\n#dd_search_results_container_top {\r\n overflow-x: hidden;\r\nbackground-color: #222 !important;\r\n}\r\n#dd_search_results_container_top .smartmail-contactdetails-base .tictac-contactdetails-thumb-flow li {\r\n position: relative;\r\n display: inline-block;\r\n float: left;\r\n height: 150px;\r\n width: 150px;\r\n margin: 0 8px 8px 0;\r\n background-position: center center;\r\n background-repeat: no-repeat;\r\n background-size: contain;\r\n overflow: hidden;\r\nbackground-color: #333 !important;\r\n}\r\n\r\n/* HEADER MESSAGE / TABS / SEARCH /* TOP MENUS */\r\n#shellcontent #tabs {\r\n opacity: 1;\r\n visibility: visible;\r\n margin-top: 15px!important;\r\n}\r\n.search-ac .recent-searches-header {\r\n background-color: #222222!important;\r\n}\r\n.search-ac .yui3-aclist-content .yui3-aclist-item .ac-label {\r\n color: gold!important;\r\n}\r\n.search-ac .recent-searches-header:hover span {\r\n background-color: black!important;\r\n color: gold!important;\r\n}\r\n.search-ac.yui3-aclist {\r\n z-index: 13 !important;\r\n width: 384px!important;\r\n}\r\n.search-ac .yui3-aclist-content {\r\n border-radius: 0 0 3px 3px;\r\n font-size: 13px;\r\nbackground-color: black!important;\r\nborder: 2px solid black!important;\r\n\r\n}\r\n#Stencil:not(.Answers) .StencilRoot ul li {\r\n list-style-type: none;\r\ncolor: peru !important;\r\nbackground-color: #222 !important;\r\n}\r\n#Stencil:not(.Answers) .StencilRoot ul li .ui-token {\r\n position: relative;\r\n display: inline-block;\r\n height: 23px !important;\r\n line-height: 21px !important;\r\n margin-top: -4px !important;\r\n box-shadow: none !important;\r\n box-sizing: border-box;\r\ncolor: #1c89ff;\r\n}\r\n#Stencil.Sticky-on .StencilRoot #yucs-help .js-Tooltip-Wrapper.Pos-r {\r\n margin-top: 30px \r\n}\r\n#Stencil .StencilRoot .cbox span.text {\r\n color: peru!important;\r\n}\r\nlabel {\r\n border-top: none !important;\r\n line-height: 3rem;\r\n padding-right: 15px;\r\n text-align: right;\r\ncolor: peru !important;\r\n}\r\n.suggestion-adv-search button {\r\n color: gray !important;\r\n}\r\n.suggestion-adv-search button:hover, \r\n.suggestion-adv-search button:focus, \r\n.menu-active-item .suggestion-adv-search button {\r\n color: peru!important;\r\n}\r\n#ac-search-results .as-item #as-button, \r\n.search-ac .as-item #as-button {\r\n cursor: pointer;\r\n line-height: 33px;\r\ncolor: gold!important;\r\n}\r\n.search-ac .yui3-aclist-content .yui3-aclist-item .ac-value {\r\n font-weight: bold;\r\ncolor: peru!important;\r\n}\r\n.yui3-advancedsearchwidget .label, .yui3-advancedsearchwidget #as-date-custom-fields span {\r\n height: 32px;\r\n line-height: 32px;\r\ncolor: gold!important;\r\n}\r\n.ac-results {\r\n position: relative;\r\n border-radius: 0 0 3px 3px;\r\n box-shadow: 0 2px 4px 5px rgba(133, 132, 132, 0.5)!important;\r\nbackground-color: #222222!important;\r\nborder: 1px solid #ddd;\r\n}\r\n#Stencil:not(.Sticky-on):not(.Answers) .W-1 {\r\n position: absolute!important;\r\n display: inline !important;\r\n width: 1%;\r\n max-height: 25px !important;\r\n line-height: 25px !important;\r\n top: 0px !important;\r\n right: 0px!important;\r\n}\r\n/* SEARCH - MENU ADVANCED FORM */\r\n#uhWrapper table tbody tr td .StencilRoot.search-container .search-content .search-autocomplete button + div form {\r\n outline: 1px solid gray !important;\r\n}\r\n\r\n/* DOSSIER - IN SEARCH FIELD ???? */\r\n#uhWrapper .W-100 tbody td .StencilRoot.search-container .search-content .search-autocomplete .tokenized-typeahead .tokenized-typeahead-container .typeahead-token-list {\r\n padding-right: 26px;\r\noutline: 1px solid gray !important;\r\n}\r\n\r\n/* TOP NAV BAR - HOVER ??? */\r\n#uhWrapper \u003e table\u003e tbody\u003e tr\u003etd:first-of-type {\r\n display: inline-block !important;\r\n height: 100% !important;\r\n max-height: 16px !important;\r\n width: 80px !important;\r\n margin-right: 36% !important;\r\n}\r\n#Stencil:not(.Sticky-on):not(.Answers) .StencilRoot #masterNav {\r\n position: relative !important;\r\n top: -16px !important;\r\n margin-bottom: -16px !important;\r\n text-align: center !important;\r\n transition: top ease 0.7s !important;\r\n z-index: 50000 !important; \r\n}\r\n#Stencil.Sticky-on .StencilRoot #masterNav {\r\n position: relative !important;\r\n top: -16px !important;\r\n margin-bottom: -16px !important;\r\n text-align: left !important;\r\n transition: transform ease 0.7s !important;\r\n z-index: 50000 !important; \r\n}\r\n#Stencil .StencilRoot #masterNav:hover ul#Eyebrow {\r\n position: relative !important;\r\n padding: 5px 0 7px 0 !important;\r\n margin-bottom: -55px !important;\r\n z-index: 50000 !important; \r\n transform: translatey(40px) !important;\r\nbackground: #222 !important;\r\n}\r\n#Stencil.Sticky-on #uhWrapper{\r\n position: relative;\r\n margin-top: 20px!important;\r\n}\r\n#Stencil .StencilRoot ul li.Grid-U.Mend-18 {\r\n list-style-type: none;\r\n margin-right: 5px !important;\r\n padding: 1px 2px !important;\r\ncolor: peru !important;\r\nbackground-color: #222 !important;\r\noutline: 1px solid gray !important;\r\n}\r\n\r\n/* PLUS / MORE MENU - cf :not(.Sticky-on) ??? */\r\n#yucs-top-menu .MoreDropDown-Box {\r\nbox-shadow: -3px 9px 10px 7px rgba(9, 9, 9, 0.95) !important;\r\nbackground: #222 !important;\r\nborder: 1px solid red !important;\r\n}\r\n#Eyebrow #yucs-home-menu a, \r\n#Eyebrow #yucs-top-menu a, \r\n.HomeDropDown-on #yucs-home-link b, \r\n.HomeDropDown-on #yucs-home-link i, \r\n.MoreDropDown-on #yucs-more-link b, \r\n.MoreDropDown-on #yucs-more-link i, \r\n.yucs-trigger b {\r\n color: #dcd4d3 !important;\r\n}\r\n#Eyebrow #yucs-home-menu a:hover, \r\n#Eyebrow #yucs-top-menu a:hover, \r\n.HomeDropDown-on #yucs-home-link b:hover, \r\n.HomeDropDown-on #yucs-home-link i:hover, \r\n.MoreDropDown-on #yucs-more-link b:hover, \r\n.MoreDropDown-on #yucs-more-link i:hover, \r\n.yucs-trigger b:hover {\r\n color: peru !important;\r\n}\r\n#Stencil:not(.Sticky-on):not(.Answers) .StencilRoot ul li#yucs-more {\r\n top: 37px !important;\r\n border-radius: 3px !important;\r\n box-sizing: border-box;\r\n transition: top ease 0.7s !important;\r\ncolor: rgb(170, 170, 170) !important;\r\nbackground-color: rgb(62, 62, 62) !important;\r\nbackground-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.12)) !important;\r\nborder: 1px solid rgb(0, 0, 0) !important;\r\n}\r\n#Stencil:not(.Sticky-on):not(.Answers) .StencilRoot ul#Eyebrow:hover li#yucs-more {\r\n position: absolute !important;\r\n top: 5px !important;\r\n}\r\n#Stencil.Sticky-on .StencilRoot ul li#yucs-more {\r\n position: absolute !important;\r\n top: 37px !important;\r\n left: 2px !important;\r\n border-radius: 3px !important;\r\n box-sizing: border-box;\r\n transition: top ease 0.7s !important;\r\ncolor: rgb(170, 170, 170) !important;\r\nbackground-color: rgb(62, 62, 62) !important;\r\nbackground-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.12)) !important;\r\nborder: 1px solid rgb(0, 0, 0) !important;\r\n}\r\n#Stencil .StencilRoot ul#Eyebrow:hover li#yucs-more {\r\n position: absolute !important;\r\n top: 30px !important;\r\n}\r\n#Stencil .Fl-start.Lh-17.MouseOver-TextDecoration {\r\n display: inline-block !important;\r\n height: 22px !important;\r\n line-height: 22px !important;\r\n padding-right: 6px !important;\r\n border: none !important;\r\n box-sizing: border-box;\r\ncolor: peru !important;\r\nbackground-color: rgb(62, 62, 62) !important;\r\nbackground-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.12)) !important;\r\n}\r\n#Stencil .YconArrowDown {\r\n height: 22px !important;\r\n margin-top: 0px !important;\r\n padding: 4px 0 2px 0 !important;\r\n border: none !important;\r\n box-sizing: border-box;\r\ncolor: peru !important;\r\nbackground-color: rgb(62, 62, 62) !important;\r\nbackground-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.12)) !important;\r\n}\r\n/* #yucs-more-link b */\r\n#masterNav #Eyebrow #yucs-more {\r\n border-radius: 3px !important;\r\nbox-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;\r\ncolor: rgb(170, 170, 170) !important;\r\nbackground-color: rgb(62, 62, 62) !important;\r\nbackground-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.12)) !important;\r\nborder: 1px solid rgb(0, 0, 0) !important;\r\n}\r\n.StencilRoot .MoreDropDown-on,\r\n.StencilRoot .MoreDropDown-Box {\r\n box-shadow: 0 4px 7px rgba(0, 0, 0, 0.9);\r\nbackground: #222 !important;\r\nborder: 1px solid gray !important;\r\n}\r\n#Eyebrow .MoreDropDown-on a:link, \r\n#Eyebrow .MoreDropDown-on a:visited {\r\n text-decoration: none !important;\r\ncolor: peru !important;\r\nbackground: #222 !important;\r\n}\r\n\r\n/* TOP MENU BUTTONS TXT / ICONS */\r\n#Stencil:not(.Answers) .Va-m.MouseOver-TextDecoration {\r\n display: inline-block !important;\r\n height: 22px !important;\r\n line-height: 22px !important;\r\n padding: 2px 5px !important;\r\n border-radius: 3px !important;\r\ncolor: rgb(170, 170, 170) !important;\r\nbackground-color: rgb(62, 62, 62) !important;\r\nbackground-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.12)) !important;\r\nborder: 1px solid rgb(0, 0, 0) !important;\r\n}\r\n#Stencil:not(.Answers) .Va-m.Ycon:not(.YconArrowDown):not(.MouseOver-TextDecoration) {\r\n display: inline-block !important;\r\n height: 22px !important;\r\n line-height: 22px !important;\r\n padding: 2px 5px !important;\r\n border-radius: 3px !important;\r\n font-size: 17px !important;\r\ncolor: rgb(170, 170, 170) !important;\r\nbackground-color: rgb(62, 62, 62) !important;\r\nbackground-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.12)) !important;\r\nborder: 1px solid rgb(0, 0, 0) !important;\r\n}\r\n/* PARAMETRES PROFILE */\r\n#Stencil #yucs-profile .Pos-r {\r\n margin-top: 2px!important;\r\n}\r\n/* PARAMETRES MAIL */\r\n#Stencil #yucs-help .Pos-r .Z-5 {\r\n margin-top: -22px!important;\r\n}\r\n/* CONFIRMATION DELETION MAIL */\r\n#notification-v2 {\r\n outline: 2px solid violet!important;\r\n margin-top: -40px!important;\r\n}\r\n/* CURSOR NOT ALLOWED */\r\ndiv.hasnomsg \u003e span.onemsg a, \r\ndiv.hasnomsg \u003e span.onemsg i, \r\ndiv.hasnomsg \u003e span.multimsg a, \r\ndiv.hasnomsg \u003e span.multimsg i, \r\ndiv.hasmultimsg \u003e span.onemsg a, \r\ndiv.hasmultimsg \u003e span.onemsg i, \r\ndiv.hasnomsg \u003e span.onemsg a, \r\ndiv.hasnomsg \u003e span.onemsg i, \r\ndiv.hasnomsg \u003e span.multimsg a, \r\ndiv.hasnomsg \u003e span.multimsg i, \r\ndiv.hasmultimsg \u003e span.onemsg a, \r\ndiv.hasmultimsg \u003e span.onemsg i , \r\n\r\ndiv.hasnomsg \u003e span.onemsg, \r\ndiv.hasnomsg \u003e span.multimsg, \r\ndiv.hasmultimsg \u003e span.onemsg, \r\ndiv.hasnomsg \u003e span.onemsg, div.hasnomsg \u003e span.multimsg, \r\ndiv.hasmultimsg \u003e span.onemsg {\r\n/* cursor: not-allowed; */\r\n/* 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; */\r\n/* cursor: url(https://static.addons.mozilla.net/static/img/impala/no.png?f10b6fb), auto !important; */\r\n opacity: 0.4;\r\n/* cursor: url('data:image/svg+xml,\u003csvg\\xmlns=\"http://www.w3.org/2000/svg\"\\width=\"12px\"\\height=\"12px\"\u003e\\\u003cstyle\u003e* {stroke:red; stroke-width:2px; fill:none;}\u003c/style\u003e\\\u003ccircle cx=\"6\" cy=\"6\" r=\"5\" /\u003e\\\u003cpath d=\"m 2.5,9.5 l 7,-7\" /\u003e\\\u003c/svg\u003e\\'), auto !important; */\r\n}\r\n\r\n/* YAHOO HELP */\r\n#yucsHead, \r\n#yucs {\r\n background-color: #222222 !important;\r\n}\r\n#doc {\r\n min-width: 100% !important;\r\n}\r\n#doc.help div.yui3-g-r {\r\n width: 100% !important;\r\n margin-top: -58px !important;\r\n}\r\n.content-wrap {\r\n max-width: 100%!important;\r\n}\r\n#doc.help #hd #yucsHead.yucs-help .yucs-fl-right {\r\n float: right;\r\n height: 12px !important;\r\n margin-top: -13px !important;\r\n}\r\n#yucs-profile_inner ,\r\n#yucs-help_inner.yucs-menu {\r\n background: #222222 !important;\r\n}\r\n\r\n/* YAHOO TOP BAR */\r\n#yucs-top-bar {\r\n margin-top: -23px !important;\r\n position: absolute !important;\r\nbackground-color: #333233 !important;\r\n}\r\n\r\n/* ANSWERS - SEARCH CONTAINER */\r\n#yucsHead.yucs-answers .yucs-fl-left {\r\n display: inline-block !important;\r\n float: left;\r\n height: 37px !important;\r\n left: 0 !important;\r\n margin-top: -10px !important;\r\n text-align: left !important;\r\n}\r\n#yucsHead.yucs-answers #yucs-search {\r\n display: block;\r\n left: 8.5% !important;\r\n width: 99% !important;\r\n}\r\n#yucsHead.yucs-answers #yucs-search form.yucs-search table tbody tr {\r\n display: inline-block ! important;\r\n width: 50% !important;\r\n height: 100% ! important;\r\n max-height: 19px !important;\r\n min-height: 19px !important;\r\n} \r\n\r\n/* A VOIR - OLD ??? - LOGO YAHOO MAIL */\r\n._yb_ruiiu ,\r\n.YLogoMY {\r\n display: block ;\r\n height: 23px !important;\r\n min-width: 100px !important;\r\n margin-left: -64px;\r\n margin-right: 23px;\r\n margin-top: -54px !important;\r\n text-indent: -20em;\r\n overflow: hidden;\r\n transform-origin: left top !important;\r\n transform: scale(0.5)!important;\r\n}\r\n/* ??? - 2019.22.09 - LOGO YAHOO MAIL = */\r\n.norrin-ybar ._yb_98v4s ._yb_1r1e7 ._yb_1r0xw a {\r\n display: block ;\r\n height: 35px !important;\r\n min-width: 100px !important;\r\n margin-left: 14px;\r\n margin-right: 23px;\r\n margin-top: -43px !important;\r\n text-indent: -20em;\r\n overflow: hidden;\r\n transform-origin: left top !important;\r\n transform: scale(0.5)!important;\r\n}\r\n/* TOP HEADER - NAV BAR - LEFT - CONTAINER with ICONS */\r\n.has-tabs #nav {\r\n display: inline-block ! important;\r\n height: 26px ! important;\r\n line-height: 26px !important;\r\n margin-top: -40px !important;\r\n overflow: hidden !important;\r\n z-index: 500 !important;\r\n}\r\n\r\n/* ANSWER - FLOATING TOP TAB DOCK + RIGHT PANEL FLOATING */\r\n#get-the-app {\r\n display: none ! important;\r\n}\r\n.ya-tabs ul#nav-menu {\r\n background: #3d3c3e !important;\r\n}\r\n#nav-menu.tab-dock {\r\n top: 31px !important;\r\n height: 30px !important;\r\n line-height: 15px !important;\r\n padding-bottom: 1px;\r\n white-space: nowrap;\r\n}\r\n.ya-page .y-col2 {\r\n position: absolute;\r\n width: auto;\r\n left: 0;\r\n margin-left: 190px;\r\n right: 0;\r\n top: -52px !important;\r\n}\r\n.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 {\r\n top: -10px !important;\r\n}\r\n.yom-ask {\r\n position: relative;\r\n height: 35px ! important;\r\n margin-bottom: -18px;\r\n padding: 10px 20px 28px 14px ! important;\r\nbackground: #333 !important;\r\n}\r\n\r\n/* IMAGES - IN MAIL - - ADD EMOTICON EXECEPTION */\r\n.msg-body.inner.undoreset img[src*=\".mail.yahoo.com/ya/download?\"]:not([src$=\"\u0026appid=yahoomail\"]):not([class*=\"lEmoticon\"]) ,\r\n.inner.undoreset [class$=\"_msg_container\"] img[src*=\".mail.yahoo.com/ya/download?\"]:not([src$=\"\u0026appid=yahoomail\"]):not([class*=\"lEmoticon\"]) {\r\n position: relative ! important;\r\n display: inline-block ! important;\r\n float: left ! important;\r\n clear: both ! important;\r\n margin-right: 5px ! important;\r\n margin-bottom: 5px ! important;\r\n border: 0 none;\r\n max-width: 40% !important;\r\n height: auto ! important;\r\n}\r\n\r\n/* IMAGES YAHOO MAIL CLASSIC - \r\nCOR INVALID IMAGE (SUPP):\r\nurl(\"https://thumbp5-ir2.mail.yahoo.com/tn?sid=783165327\u0026mid=AINUfbwAAA5ZUebJngAAAO%2BBIE8\u0026midoffset=2_0_0_110_41356\u0026partid=10\u0026f=1330\u0026fid=00%252dBRu%252dCtc%252dFamille\"),\r\n=== */\r\n.att-thumb.data-type-JPG.has-thumb {\r\n background-image: url(\"https://s.yimg.com/tq/shared/603/img/default-at.png\");\r\n height: 250px !important;\r\n width: 215px !important;\r\n}\r\n.att-thumb-flow .att-size {\r\n height: 16px;\r\n line-height: 14px;\r\n right: 1px;\r\n top: 0;\r\ncolor: #e6e6e6;\r\nbackground: #777!important;\r\n}\r\n\r\n/* ============ YAHO0 MAIL - DARCK AND GRAY - GENERAL COLOR =========== */\r\n\r\n/* GROUPS */\r\n\r\n/* GROUPS READ - === */\r\n#yg-msg-view .yg-msg-read-container .wrapper {\r\n background: white !important;\r\n height: 100%;\r\n position: relative;\r\n width: 100%;\r\n}\r\n\r\n/* GROUPS - PRESENTATION PAGE - IMAGE with DESCRIPTION */\r\n.yg-classic-cover-img-cont.fright {\r\n background-color: transparent !important;\r\n margin-top: -63px !important;\r\n}\r\n\r\n/* GROUPS - WIDE CONTAINER - === */\r\n#yucsHead #yucs {\r\n max-width: 100% !important;\r\n height: 23px !important;\r\n}\r\n#yg-manage-groups-view {\r\n width: 100% !important;\r\n}\r\n\r\n/* MESSAGE GROUP RIGHT - TOUR IMAGE */\r\n.yg-tourimage-container {\r\n position: relative! important;\r\n display: inline-block! important;\r\n min-width: 500px ! important;\r\n top: -55px! important;\r\n right: 450px! important;\r\n padding: 2px! important;\r\n background-color: #222222 !important;\r\n background-image: none!important;\r\n z-index: 5000! important;\r\n}\r\n#yg-memwiz {\r\n position: absolute! important;\r\n display: inline-block! important;\r\n float: none ! important;\r\n width: 600px ! important;\r\n top: -58px! important;\r\n left: -900px! important;\r\n padding: 2px! important;\r\n background-color: #222222 !important;\r\n background-image: none!important;\r\n z-index: 5000! important;\r\n}\r\n.yg-tourimage-heading {\r\n padding-bottom: 0 !important;\r\n}\r\n\r\n\r\n/* GROUP NAV BAR */\r\n.yg-page .yom-nav ,\r\n#grp-info .zero-z-index {\r\n max-width: 100% !important;\r\n}\r\n.yg-page .yom-actions ,\r\n.yg-page .yom-actions-small ,\r\n#about-grp-sec ,\r\n#yg-msg-view ,\r\n.yui3-app-views ,\r\n#yg-msg-list-container ,\r\n.yg-page .y-col2 .yg-grid .y-col2-1 ,\r\n.desktop .yg-page #body-container {\r\n max-width: 99.7% !important;\r\n}\r\n.yg-page .y-col2 .yg-grid .y-col2-1 {\r\n margin-right: 2px !important;\r\n min-height: 800px;\r\n min-width: 470px;\r\n max-width: 100% !important;\r\n}\r\n.subnav-refresh {\r\n height: 64px !important;\r\n}\r\n.subnav-refresh .cover-photo-holder {\r\n height: 100px !important;\r\n top: -30px !important;\r\n background-color: black ! important;\r\n}\r\n.subnav-refresh .cover-photo-holder .cover-photo.wviewvert {\r\n height: 92px !important;\r\n position: absolute;\r\n}\r\n.subnav-refresh .subnav-middle {\r\n top: -30px !important;\r\n height: 93px !important;\r\n}\r\n.page-has-scrolled #yucsHead {\r\n border-bottom: 1px solid #828182 !important;\r\n box-shadow: 0 0 9px 0 #000000 !important;\r\n}\r\n.yg-pend-not-empty ,\r\n#yg-groupdetail-navbar-empty {\r\n height: 4px !important;\r\n}\r\n.msg-title-bar {\r\n margin-bottom: -119px!important;\r\n}\r\n\r\n/* GROUPS MENUS */\r\n/* GROUP */\r\n.rcol-shadow {\r\n background: transparent !important;\r\n}\r\n#yucs-top-inner #yucs-top-list li:not([id=\"yucs-top-groups\"]) {\r\n display: none !important;\r\n}\r\n#yucs-top-inner #yucs-top-list #yucs-top-groups {\r\n display: inline-block !important;\r\n width: 100% !important;\r\n min-width: 20px !important;\r\n max-width: 20px !important;\r\n min-height: 20px !important;\r\n max-height: 20px !important;\r\n top: 20px !important;\r\n left: 170px !important;\r\n visibility: hidden !important;\r\n overflow: visible !important;\r\n font-size: 0 !important;\r\n z-index: 50000 !important;\r\n}\r\n#yucs-top-inner #yucs-top-list #yucs-top-groups a:before {\r\n content: \".\" !important;\r\n display: inline-block !important;\r\n height: 20px !important;\r\n width: 20px !important;\r\n min-height: 20px !important;\r\n visibility: visible !important;\r\n overflow: visible !important;\r\n font-size: 15px !important;\r\n color: transparent !important;\r\n background-color: transparent;\r\n background-repeat: no-repeat;\r\n background-position: -41px -120px;\r\n background-image: url(\"https://s1.yimg.com/dh/ap/groups/sprite16.png\");\r\n z-index: 50000 !important;\r\n}\r\n#yg-view-menu-options.optionMenu[aria-hidden=\"false\"]{\r\n background: #222222 !important;\r\n left: 0px !important;\r\n top: 0px !important;\r\n}\r\n#yg-view-menu-options.optionMenu[aria-hidden=\"true\"]{\r\n visibility: hidden !important;\r\n}\r\n#yg-view-menu-options.optionMenu ul.first li{\r\n color: gray !important;\r\n}\r\n\r\n#Stencil .yucs-mail-preview-panel {\r\n padding: 5px !important;\r\n background-color: black !important;\r\n color: peru !important;\r\n}\r\n.main-menu-content li, \r\n.sub-menu-content li {\r\n color: peru !important;\r\n line-height: 18px !important;\r\n}\r\n.optionMenu .tick {\r\n background-position: -60px -264px!important;\r\n}\r\n.optionMenu .sortby-group .asc {\r\n height: 16px !important;\r\n background-position: -60px -143px !important;\r\n top: 2px !important;\r\n}\r\n.optionMenu .sortby-group .desc {\r\n height: 16px !important;\r\n background-position: -60px -143px !important;\r\n}\r\n/* GROUPS ICON / BUTTONS */\r\n#yucs-sprop_button {\r\n background: linear-gradient(to bottom, #4A4646 0px, #030303 100%) repeat scroll 0 0 transparent !important;\r\n border: 1px solid #5B5B5B !important;\r\n box-shadow: 0 1px 3px 0 rgba(30, 31, 31, 0.8) inset !important;\r\n color: peru !important;\r\n}\r\n.yucs-search-buttons, \r\n.yucs-search-buttons div, \r\n.yucs-search-buttons button {\r\n height: 21px!important;\r\n}\r\na#yucs-mail_link_id {\r\n background-position: 5px -3102px !important;\r\n}\r\n#yucs #yucs-help_button {\r\n background-position: 0 -1588px !important;\r\n}\r\n.bg-purple, \r\n.bg-purple.btn-disabled:hover, \r\n#yucs-sprop_button {\r\n background-color: #373539 !important;\r\n background-image: -moz-linear-gradient(center top , #201F21, #403F41) !important;\r\n border: 1px solid #444444 !important;\r\n color: #FFFFFF !important;\r\n}\r\n/* GROUPS COLOR */\r\nbody {\r\n color: #929292 !important;\r\n text-shadow: none !important;\r\n}\r\n.yuhead-name.yucs-fc {\r\n color: gray !important;\r\n text-shadow: none !important;\r\n}\r\n.relaxed .yg-msglist-title span {\r\n max-width: 100% !important;\r\n color: #929292 !important;\r\n}\r\n\r\n/* GROUPS COLOR */\r\na,\r\n#yg-managemygroups-header .yg-new-button a ,\r\n#all-mygroups-label ,\r\n#all-my-groups.yg-rapid li div ,\r\n#all-my-groups.yg-rapid li.col-fields div a,\r\n\r\n.yucs-mail-preview-panel li .yucs-mailpreview-from ,\r\n.yg-grp-row-content .yg-grplist-name a span ,\r\n#yg-subcategory-list .category-list li a ,\r\n#yg-action-bar .actions-lt a ,\r\n.yg-msglist-title a ,\r\n.yg-page .y-col1 a, \r\n.mygroups-more-overlay a, \r\n#yg-create-group {\r\n color: gray !important;\r\n text-shadow: none !important;\r\n}\r\n\r\n/* (new19) GROUPS COLOR SELECTED - === */\r\n.yg-page .yom-actions .yom-bd ul li.btn-grey-selected \u003e a ,\r\n.btn-grey-selected \u003e a#manage-mygroups-label {\r\n color: #FFD700 !important;\r\n}\r\n\r\n/* BACKGROUND - ZEBBRA - GROUPS */\r\n#all-my-groups \u003e li:not(.fc-black):nth-child(even) {\r\n background: black !important;\r\n border-top: 1px solid gray ! important;\r\n}\r\n.yg-mygrp-row \u003e div, .yg-mygrp-scnd-msg:nth-child(even) {\r\n background: black !important;\r\n border-top: 1px solid gray ! important;\r\n}\r\n\r\n/* COLOR - CLASSIC - LINKS */\r\n.listings li a ,\r\n.mlink {\r\n color: gray !important;\r\n text-shadow: none !important;\r\n}\r\n.listings li:hover a ,\r\n#datatable\u003etbody\u003etr:hover .mlink ,\r\n.mlink:hover {\r\n color: peru !important;\r\n text-shadow: none !important;\r\n}\r\n#datatable\u003etbody\u003etr .mlink:hover {\r\n color: gold !important;\r\n text-shadow: none !important;\r\n}\r\n/* COLOR - CLASSIC - NEWS MESSAGES - COLOR TXT */\r\n.msgnew, \r\n.msgnew h2 a.mlink:link, \r\n.msgnew div a.mlink:link {\r\n font-weight: bold;\r\n color: #988D69 !important;\r\n}\r\n/* GROUPS SELECTED */\r\n.yom-bd .messages-link.btn-grey-selected a {\r\n color: gold !important;\r\n}\r\n/* (new19) GROUPS BACKGROUNDS */\r\n.yui3-overlay-content .yui3-widget-bd ul li ,\r\n#yg-group-detail-navbar ,\r\n.yg-page .yom-nav ,\r\n.bg-gray ,\r\nhtml:not(.Answers) {\r\n background-color: #222222 !important;\r\n}\r\n.yg-content-bg ,\r\n.yg-navbar-bg {\r\n background-color: #222222 !important;\r\n border: 1px solid #474748 !important;\r\n}\r\n.yg-msg-archive-data \u003e div {\r\n background-color: #363636 !important;\r\n color: peru !important;\r\n}\r\n.yg-msg-archive-datarow:hover {\r\n background-color: #161617!important;\r\n}\r\n#yg-main-content.y-col2 .msg-content\u003ediv\u003ediv[style^=\"color:#000;\"],\r\n#yg-main-content.y-col2 .msg-content\u003ediv\u003ediv[style^=\"color:rgb(0, 0, 0);\"]{\r\n background-color: #222222 !important;\r\n color: red !important;\r\n}\r\n.yg-action-bg {\r\n background: #000 !important;\r\n}\r\n#yg-group-detail .group-detail-sec:nth-child(odd) , \r\n#yg-welcome-msg .group-detail-sec:nth-child(odd) , \r\n.yg-grp-row:nth-child(odd) ,\r\nul.msg-list-container \u003e li:nth-child(odd) ,\r\n.y-col.yg-msg-row:nth-child(odd) {\r\n border-top: 1px solid #F2F2F5 !important;\r\n background: #222222!important;\r\n}\r\n#yg-group-detail .group-detail-sec:nth-child(even) ,\r\n#yg-welcome-msg .group-detail-sec:nth-child(even) , \r\n.yg-grp-row:nth-child(even) ,\r\nul.msg-list-container \u003e li:nth-child(even) ,\r\n.y-col.yg-msg-row:nth-child(even) {\r\n border-top: 1px solid #F2F2F5 !important;\r\n background: #333 !important;\r\n}\r\n\r\n/* CLASSIC */\r\n/* PUBS*/\r\n.sky-ad ,\r\n.tl1-ad {\r\n display: none !important;\r\n}\r\nhtml {\r\n color: gray !important;\r\n}\r\nhtml body {\r\n background-color: #222222 !important;\r\n color: gray !important;\r\n}\r\n.uh tbody {\r\n display: inline-block !important;\r\n height: 45px !important;\r\n margin-bottom: 2px !important;\r\n width: 100% !important;\r\n}\r\n.uh {\r\n display: block !important;\r\n height: 45px !important;\r\n margin-bottom: 2px !important;\r\n width: 100% !important;\r\n padding-left: 50px !important;\r\n}\r\n.uh-logo {\r\n display: inline-block !important;\r\n height: 36px !important;\r\n width: 150px !important;\r\n margin-left: -50px !important;\r\n text-align: left !important;\r\n text-indent: 1em !important;\r\n}\r\n.uh-logo-div {\r\n background-image: none !important;\r\n}\r\n.toolbar {\r\n background-color: #333333 !important;\r\n}\r\n.uh-srch-box {\r\n border: 1px solid #656567 !important;\r\n height: 17px !important;\r\n line-height: 17px !important;\r\n min-width: 200px;\r\n padding: 0 5px 3px 2px !important;\r\n vertical-align: top !important;\r\n color: white !important;\r\n background: rgba(102, 102, 103, 0.48) !important;\r\n}\r\n.uh-rt {\r\n display: inline-block !important;\r\n height: 22px !important;\r\n margin-top: 12px !important;\r\n padding: 0 15px !important;\r\n text-align: center !important;\r\n}\r\n.contentnav {\r\n background-color: #222222 !important;\r\n border-bottom: 1px solid gray !important;\r\n}\r\n.navigation ,\r\n.msgheader ,\r\n.sky-filler {\r\n background: transparent !important;\r\n}\r\n#datatable\u003etbody\u003etr:nth-child(odd) {\r\n background: black !important;\r\n}\r\n.vcard .details dd span {\r\n background: transparent !important;\r\n border: 1px solid gray !important;\r\n display: inline-block !important;\r\n margin: 2px 3px 2px 7px !important;\r\n padding: 1px 2px !important;\r\n}\r\n\r\n/* SORT BY - NAV BAR */\r\n.tbldata thead {\r\n display: inline-block !important;\r\n position: absolute !important;\r\n right: 40% !important;\r\n top: 38px !important;\r\n}\r\n/* SORT ITEMS */\r\n#datatable\u003ethead\u003etr\u003eth:not([style=\"border:none;\"]) {\r\n position: relative ! important;\r\n display: inline-block !important;\r\n height: 30px !important;\r\n line-height: 30px !important;\r\n width: 100%! important;\r\n min-width: 55px! important;\r\n max-width: 55px! important;\r\n margin-left: 5px ! important;\r\n margin-right: 5px ! important;\r\n padding: 1px 2px 0px 5px !important;\r\n vertical-align: middle !important;\r\n text-align: left! important;\r\n outline: 1px solid gray! important;\r\n}\r\n#datatable\u003ethead\u003etr\u003eth#senderheader:before {\r\ncontent: \"Sort:\"! important;\r\n position: absolute ! important;\r\n display: inline-block !important;\r\n height: 30px !important;\r\n line-height: 30px !important;\r\n left: -45px! important;\r\n border: none! important;\r\n color: gold! important;\r\n}\r\n\r\n#datatable\u003ethead\u003etr\u003eth#senderheader + .fixwidth {\r\n display: inline-block !important;\r\n max-height: 30px !important;\r\n min-height: 30px !important;\r\n line-height: 30px !important;\r\n min-width: 45px! important;\r\n max-width: 45px! important;\r\n margin-left: 5px ! important;\r\n margin-right: 5px ! important;\r\n outline: 1px solid peru ! important;\r\n}\r\n.pim.sortupicon {\r\n left: 45px !important;\r\n position: absolute !important;\r\n right: -7px !important;\r\n top: 8px !important;\r\n width: 11px !important;\r\n}\r\n/* NOT IN USE ??? */\r\n\r\n.pim.sortdownicon {\r\n position: absolute !important;\r\n width: 11px !important;\r\n top: -2px !important;\r\n left: 28px !important;\r\n}\r\n\r\n/* .fixwidth NOT IN USE -\r\n:not([id=\"thnoStyle\"])\r\n=== */\r\n#datatable\u003ethead\u003etr\u003eth.fixwidth {\r\n display: none! important;\r\n}\r\n/* MESSAGE LIST + PANEL LEFT - ITEMS TOP BORDER - === */\r\n.tbldata tbody td {\r\n border-top: 1px solid gray !important;\r\n vertical-align: middle;\r\n}\r\n\r\n/* FLAG FAVORIS */\r\n/* NOT IN USE ??? */\r\n#datatable\u003ethead\u003etr\u003eth#senderheader + .fixwidth a:before {\r\n content: \"★\";\r\n position: absolute! important;\r\n display: inline-block !important;\r\n width: 100%! important;\r\n height: 100%! important;\r\n max-height: 30px !important;\r\n min-height: 30px! important;\r\n max-width: 30px !important;\r\n min-width: 30px! important;\r\n font-size: 25px! important;\r\n margin-top: 6px! important;\r\n margin-left: -5px! important;\r\n padding: 0 5px! important;\r\n text-align: center;\r\n visibility: visible ! important;\r\n outline: none! important;\r\ncolor: #BEBEBE ! important;\r\ntext-shadow: 1px 1px #CC6600, 2px 2px #994400, 0.1em 0.1em 0.2em rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n#datatable\u003ethead\u003etr\u003eth#senderheader + .fixwidth.sorted a:before {\r\n color: #FF7700! important;\r\n}\r\n\r\n/* SELECTED*/\r\n.fixwidth.sorted ,\r\nthead .sortcol {\r\n background-color: black !important;\r\n}\r\n#datatable\u003ethead\u003etr\u003eth#senderheader + .fixwidth ,\r\n#datatable\u003ethead\u003etr\u003eth#senderheader + .fixwidth.sorted {\r\n outline: none! important;\r\n}\r\n/* LEFT PANEL - === */\r\n.folders li {\r\n border: 1px solid gray !important;\r\n vertical-align: middle;\r\n}\r\n\r\n/*MESSGAES*/\r\n.mailContent {\r\n overflow-x: auto;\r\nbackground: white !important;\r\nborder-top: 1px solid #DDDDDD;\r\n}\r\n.messagebody {\r\n background: white !important;\r\n margin: 25px 24px 22px 23px;\r\n padding: 10px !important;\r\ncolor: black !important;\r\n}\r\n\r\n/* + POOL */\r\n.thread-item.expanded .thread-body .body .email-wrapped, \r\n.msg-body .email-wrapped {\r\n display: table-cell;\r\n overflow-wrap: break-word;\r\n width: auto;\r\ntext-align: left !important;\r\n}\r\n\r\n/* NEW YAHOO - TABS*/\r\n.pimtabs li {\r\n background: -moz-linear-gradient(center top , #3D3D3D, #050708) repeat scroll 0 0 transparent !important;\r\n border-color: #545458 !important;\r\n}\r\n.pimtabs li.selected {\r\n border-radius: 5px 5px 0 0 !important;\r\nbackground: -moz-linear-gradient(center top , #5C5C5C, #050708) repeat scroll 0 0 transparent !important;\r\nborder-color: #545458 !important;\r\n}\r\n/* NEW YAHOO - LISTING SELECTED */\r\n.listings li.selected {\r\n background-color: black !important;\r\n border-top: 1px solid gold !important;\r\n border-bottom: 1px solid gold !important;\r\n}\r\n.listings li.selected a {\r\n color: gold ! important;\r\n}\r\n/*BUTTONS*/\r\n.btn .action ,\r\n.btn .lnk-btn {\r\nheight: 17px !important;\r\npadding: 1px 4px !important;\r\n background: -moz-linear-gradient(center top , #3D3D3D, #050708) repeat scroll 0 0 transparent !important;\r\n border-color: #545458 !important;\r\n}\r\n.action[name=\"sort\"] ,\r\n.action[name=\"action_contact_search\"] ,\r\n.action[name=\"self_action_msg_topaction\"] ,\r\n.action[name=\"self_action_msg_filter\"] {\r\n height: 23px !important;\r\n margin-top: -3px !important;\r\n padding: 0px !important;\r\ncolor: white !important;\r\nbackground: -moz-linear-gradient(center top , #3D3D3D, #050708) repeat scroll 0 0 transparent !important;\r\nborder-color: #545458 !important;\r\n}\r\n.uh-srch-btn {\r\n height: 22px !important;\r\n padding: 1px 4px !important;\r\nbackground: -moz-linear-gradient(center top , #3D3D3D, #050708) repeat scroll 0 0 transparent !important;\r\nborder-color: #545458 !important;\r\n}\r\n.uh-srch-prop-btn.uh-srch-prop-btn {\r\n height: 22px !important;\r\n padding: 1px 4px !important;\r\nbackground: -moz-linear-gradient(center top , #5C5959, #383B3D)repeat scroll 0 0 transparent !important;\r\nborder-color: #545458 !important;\r\n}\r\n.action.add {\r\n height: 22px !important;\r\n padding: 1px 4px !important;\r\ncolor: red !important;\r\nbackground: -moz-linear-gradient(center top , #3D3D3D, #050708) repeat scroll 0 0 transparent !important;\r\nborder-color: #545458 !important;\r\n}\r\n\r\n/* BUTTONS BLUE */\r\n.modal .btn.default, \r\n.compose .btn.default, \r\n.search .btn.default, \r\n#advanced-search .btn.default {\r\n font-weight: bold !important;\r\n outline: 0 none !important;\r\ntext-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5) !important;\r\ncolor: rgb(170, 170, 170) !important;\r\nbox-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;\r\nbackground-color: rgb(62, 62, 62) !important;\r\nbackground-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.12)) !important;\r\nborder: 1px solid rgb(0, 0, 0) !important;\r\n}\r\n\r\n/* DEL - PB*/\r\n.blk-btn .btn .action.del {\r\n color: red !important;\r\n background-color: transparent !important;\r\n border-color: #545458 !important;\r\n height: 22px !important;\r\n padding: 1px 4px !important;\r\n}\r\n.mopanel .opt-pane .blk-edit .blk-btn .action.del {\r\ndisplay: inline-block !important;\r\n background-color: transparent !important;\r\n background-position: 0 -217px !important;\r\n border: 1px solid #DDDDDD;\r\n color: transparent;\r\n height: 21px !important;\r\n width: 26px !important;\r\n}\r\n\r\n/*OPTIONS */\r\n.mopanel .opt-pane .blk-edit .blk-content .addr-list {\r\n border: 1px solid #ECECEC;\r\n height: 458px!important;\r\n padding-left: 8px;\r\n padding-top: 5px;\r\n width: 729px !important;\r\n}\r\n/* CONTACTS */\r\n.contactlist {\r\n height: 714px !important;\r\n overflow-x: hidden;\r\n overflow-y: scroll;\r\n width: 100%;\r\n}\r\n.toolpane {\r\n background-color: transparent !important;\r\n display: inline-block !important;\r\n height: 42px !important;\r\n padding: 4px 77% 10px 2%;\r\n position: relative;\r\n width: 35% !important;\r\n}\r\n.toolpane .tooltitle {\r\n display: inline-block !important;\r\n float: left;\r\n font-size: 16px;\r\n font-weight: bold;\r\n width: 100% !important;\r\n}\r\n\r\n/* ICON */\r\n#contacts-content .services .icon {\r\n color: rgba(248, 248, 248, 0.6) !important;\r\n}\r\n\r\n\r\n\r\n/* CONTACT INFOS PAGES - IMAGES - === */\r\nbody.smartcontacts .details-table .details-table-photos {\r\n height: 100px !important;\r\n width: 100px !important;\r\n background-size: contain !important;\r\n background-repeat: no-repeat !important;\r\n background-position: center center !important;\r\n}\r\n\r\n/* A VOIR - CONTACTS CUSTOMS FOLDER - ADD TXT\"custom folder\" + \"ADD NEW CONTACTS LIST\" */\r\n.custom-contacts-lists {\r\n border-top: 1px dotted gray !important;\r\n overflow-x: hidden;\r\n overflow-y: auto;\r\n position: fixed;\r\n margin-top: 5px !important;\r\n}\r\n.items-nav-contacts .legend[role=\"toolbar\"] {\r\n display: inline-block !important;\r\n height: 20px !important;\r\n line-height: 4px !important;\r\n margin-left: 2px;\r\n margin-top: 5px !important;\r\nborder: 1px solid gray!important;\r\n}\r\n.items-nav-contacts .legend[role=\"toolbar\"] span#custom-lists-btn {\r\n min-width: 147px !important;\r\n margin-left: 2px !important;\r\n margin-top: 1px !important;\r\n height: 18px !important;\r\n line-height: 18px!important;\r\n border-radius: 5px !important;\r\n color: peru !important;\r\nbackground: -moz-linear-gradient(center top , #3d3d3d, #050708) repeat scroll 0 0 transparent !important;\r\n}\r\n.items-nav-contacts .legend[role=\"toolbar\"] span#custom-lists-btn + span {\r\n background: transparent !important;\r\n line-height: 1px !important;\r\n margin-top: 18px!important;\r\n max-height: 20px !important;\r\n}\r\n.items-nav-contacts .legend[role=\"toolbar\"] span#custom-lists-btn + span .btn.small.left.right {\r\n display: inline-block ;\r\n background: transparent !important;\r\n line-height: 10px !important;\r\n margin-top: 2px !important;\r\n min-height: 10px !important;\r\n max-height: 10px !important;\r\n}\r\n.items-nav-contacts .legend[role=\"toolbar\"] span#custom-lists-btn + span .btn.small.left.right input.add {\r\n position: relative !important;\r\n display: inline-block ;\r\n vertical-align: text-top !important;\r\n width: 100% !important;\r\n max-height: 15px !important;\r\n min-height: 15px !important;\r\n line-height: 11px !important;\r\n font-size: 13px !important;\r\n left: 0px !important;\r\n margin-top: -18px !important;\r\n padding: 1px 2px 1px 2px !important;\r\n border: 1px solid gray!important;\r\n border-radius: 5px!important;\r\n font-family: \"Helvetica Neue\",\"Segoe UI\",Helvetica,Arial,\"Lucida Grande\",sans-serif!important;\r\nbackground: -moz-linear-gradient(center top , #3d3d3d, #050708) repeat scroll 0 0 transparent !important;\r\n -moz-appearance: none !important;\r\n}\r\n#add-new-list-inline {\r\n width: 163px !important;\r\n border: 1px solid gray !important;\r\n border-radius: 5px!important;\r\n color: white !important;\r\n}\r\n#new-list-name-add {\r\n width: 163px !important;\r\n border: 1px solid gray !important;\r\n border-radius: 5px!important;\r\n font-family: \"Helvetica Neue\",\"Segoe UI\",Helvetica,Arial,\"Lucida Grande\",sans-serif!important;\r\nbackground: -moz-linear-gradient(center top , #3d3d3d, #050708) repeat scroll 0 0 transparent !important;\r\ncolor: white !important;\r\n text-align: center!important;\r\n}\r\n/* LIST - PANEL LEFT - FOLDER - ALL??? */\r\n.items-nav li i {\r\n line-height: 22px !important;\r\n max-width: 180px ! important;\r\n}\r\n.items-nav li.selected {\r\n border-bottom-width: 0 !important;\r\n border-top-width: 0 !important;\r\n line-height: 22px !important;\r\n max-width: 180px ! important;\r\n background: black ! important;\r\n}\r\n.items-nav li a{\r\n color: peru ! important;\r\n}\r\n.items-nav li.selected a{\r\n color: gold ! important;\r\n}\r\n\r\n/* (CONTACTS LEFT PANEL - FOLDER + */\r\n.contacts-all a {\r\n line-height: 22px !important;\r\n max-width: 180px ! important;\r\n}\r\n.contacts-lists.btn-contactlists {\r\n border-bottom: 1px solid gray !important;\r\n height: 20px !important;\r\n}\r\n.contacts-lists.btn-contactlists\u003ea i {\r\n height: 15px !important;\r\n line-height: 15px !important;\r\n}\r\n/*CONTACT - LINK HOVER - === */\r\n.ml-contacts .list-view-items .list-view-item:hover .contact-info .contact-detail.contact-name span.linkifyplus a ,\r\n.ml-contacts .list-view-items .list-view-item:hover .contact-info .contact-detail.contact-name ,\r\n.contacts-lists.btn-contactlists:hover\u003ea i {\r\n color: gold !important;\r\n}\r\n\r\n/* ANSWERS YAHOO - LOGO */\r\n#yucsHead.yucs-answers #yucs-logo {\r\n margin-left: 172px !important;\r\n margin-top: -5px !important;\r\n width: 190px !important;\r\n}\r\n/* YAHOO LOGO + SEARCH */\r\n#Stencil:not(.Sticky-on):not(.Answers) .Mx-a {\r\n margin-top: 5px !important;\r\n margin-left: 32px!important;\r\n margin-right: auto;\r\n transform: scale(0.5)!important;\r\n transform-origin: top left !important;\r\n}\r\n#Stencil:not(.Sticky-on):not(.Answers) .W-100.Reset.H-100 {\r\n height: 14px !important;\r\n padding-right: 40px !important;\r\n width: 100%;\r\n margin-top: -12px!important;\r\n}\r\n#Stencil:not(.Sticky-on):not(.Answers) form#UHSearch.Reset table.W-100.Reset.H-100 tbody td{\r\n width: 100%;\r\n height: 100% !important;\r\n min-height: 19px !important;\r\n max-height: 19px !important;\r\n}\r\n#Stencil:not(.Sticky-on):not(.Answers) #UHSearchBox {\r\n min-height: 22px!important;\r\n color: white!important;\r\n font-size: 14px!important;\r\n padding: 0px 6px!important;\r\n box-sizing: content-box!important;\r\n}\r\n#Stencil.Sticky-on #UHSearchBox {\r\n color: white!important;\r\n}\r\n#Stencil:not(.Answers) .StencilRoot input#UHSearchBox {\r\n background-color: rgba(90, 90, 91, 0.85) ! important;\r\n}\r\n#Stencil:not(.Sticky-on) .W-100.search-autocomplete {\r\n display: inline-block !important;\r\n min-width: 100% !important;\r\n max-width: 100% !important;\r\n height: 27px!important;\r\n}\r\n.tokenized-typeahead {\r\n position: relative;\r\n width: 100%!important;\r\n min-width: 350px !important;\r\n}\r\n#Stencil:not(.Sticky-on):not(.Answers) .lt .typeahead-input-container ,\r\n.typeahead-content-box ,\r\n#Stencil .search-autocomplete .tokenized-typeahead-container {\r\n height: 24px!important;\r\n}\r\n#Stencil:not(.Sticky-on):not(.Answers) .search-autocomplete .tokenized-typeahead-container {\r\n border: 1px solid rgb(0, 0, 0) !important;\r\n 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;\r\n border-radius: 3px !important;\r\nbackground: transparent !important;\r\n}\r\n#Stencil .typeahead-input {\r\n border: 0 none;\r\n bottom: 4px !important;\r\n box-shadow: none;\r\n display: inline-block;\r\n font-size: 1.4rem;\r\n min-height: 24px!important;\r\n padding: 3px 10px !important;\r\n width: 100%;\r\n}\r\n#Stencil .search-folder-scope-dd {\r\n position: absolute;\r\n box-sizing: border-box;\r\n max-width: 120px;\r\n height: 24px!important;\r\n margin: 0;\r\n padding: 0 26px 0 0;\r\n right: 0;\r\n top: 1px !important;\r\n z-index: 1;\r\n}\r\n.search-content button .icon-chevron:before {\r\n content: \"\";\r\n left: -6px;\r\n position: relative;\r\n top: 1px;\r\n color: gold !important;\r\n}\r\n#Stencil .search-folder-scope-dd .search-folder-name, \r\n#Stencil .search-folder-scope-dd .icon-chevron {\r\n color: #7590f5;\r\n line-height: 24px !important;\r\n}\r\n.search-buttons {\r\n display: table-cell;\r\n height: 24px!important;\r\n}\r\n.search-menu-button.right-folder-dd.search-folder-scope-dd span.icon.icon-small-search{\r\n top: -3px !important;\r\n left: 1px !important;\r\n}\r\n#Stencil:not(.Sticky-on):not(.Answers) .StencilRoot .Btn {\r\n display: inline-block !important;\r\n line-height: 20px!important;\r\n height: 24px!important;\r\n margin-top: -2px !important;\r\n padding: 0 4px !important;\r\n vertical-align: top !important;\r\n border-radius: 3px;\r\n box-sizing: border-box;\r\n text-align: center;\r\n text-decoration: none;\r\n background-repeat: repeat-x;\r\n}\r\n#web-search-btn ,\r\n#mail-search-btn {\r\n display: inline-block !important;\r\n line-height: 20px!important;\r\n height: 24px!important;\r\n padding: 0 4px !important;\r\n vertical-align: top !important;\r\n border-radius: 3px;\r\n box-sizing: border-box;\r\n text-align: center;\r\n}\r\n#Stencil:not(.Sticky-on):not(.Answers) #UHSearchBox ,\r\n#Stencil:not(.Sticky-on):not(.Answers) #yucs-satray ,\r\n#Stencil:not(.Sticky-on):not(.Answers) #UHSearchWeb, \r\n#Stencil:not(.Sticky-on):not(.Answers) #UHSearchProperty {\r\n box-sizing: content-box;\r\n height: 24px!important;\r\n min-width: 92px;\r\n padding-left: 14px;\r\n padding-right: 14px;\r\n line-height: 24px!important;\r\n}\r\n/* COMPOSE BUTTON + TABS */\r\n.listnav \u003e li#Compose .btn-compose {\r\n height: 12px !important;\r\n line-height: 3px !important;\r\n overflow: visible !important;\r\n}\r\n.listnav \u003e li#Compose .btn-compose i {\r\n margin-top: -7px !important;\r\n}\r\n.nav-final #shellnavigation, .nav-final #shellinner {\r\n border-top: none !important;\r\n}\r\n.no-subnav .listnav \u003e #Compose {\r\n height: 30px !important;\r\n top: 7px !important;\r\n}\r\n.nav-tabs .nav-tab-li {\r\n position: relative;\r\n display: inline-block;\r\n height: 22px !important;\r\n line-height: 22px ! important;\r\n -moz-box-sizing: border-box;\r\n vertical-align: top;\r\n top: -1px !important;\r\n padding: 0px 11px;\r\n overflow: hidden;\r\n}\r\n.nav-tabs .nav-tab-li a {\r\n width: 120px!important;\r\n height: 26px!important;\r\n line-height: 25px!important;\r\n margin-top: -2px!important;\r\ncolor: white!important;\r\n text-overflow: ellipsis!important;\r\n}\r\n.nav-tabs .close-tab {\r\n bottom: 0;\r\n font-size: 13px;\r\n right: 0px!important;\r\n top: 0px ! important;\r\ncolor: red!important;\r\n}\r\n#tabs #tabOverflow.unremovable {\r\n display: inline-block;\r\n height: 20px !important;\r\n top: 0px !important;\r\n}\r\n#tabs #tabOverflow.unremovable a {\r\n margin-top: -13px !important;\r\n}\r\n\r\n/* COMPACT TOP HEADER - MAILS TOTAL CONTAINER - ==== */\r\n#paneshell {\r\n top: -40px !important;\r\n}\r\n.pc #main {\r\n top: 65px !important;\r\n}\r\n\r\n/* MAIL WRITE */\r\n.yui3-widget.yui3-overlay.yui3-autocompletewidget {\r\n width: 700px !important;\r\n}\r\n.compose-header {\r\n -moz-box-sizing: border-box;\r\n background: -moz-linear-gradient(center top , #3D3D3D, #050708) repeat scroll 0 0 transparent !important;\r\n border-bottom: 1px solid #D7D5D5;\r\n padding: 2px 28px 0;\r\n}\r\n.compose-header .cm-to-group {\r\n padding-top: 4px !important;\r\n}\r\n.compose-header .subject input {\r\n color: tan !important;\r\n padding-top: 9px !important;\r\n position: relative;\r\n}\r\n\r\n/* COMPOSE - CONTACT SEARCH */\r\n.contact-search.field li input {\r\n background: #C5C3C3 !important;\r\n border: 0 none;\r\n border-radius: 5px !important;\r\n color: black !important;\r\n height: 15px !important;\r\n margin-left: 4px !important;\r\n padding: 4px 8px;\r\n}\r\n#msg_details .lozenge-static , \r\n.lozenge-edit {\r\n background: -moz-linear-gradient(center top , #3D3D3D, #050708) repeat scroll 0 0 transparent !important;\r\n border-color: transparent;\r\n}\r\n.recipients .lozengfy:hover, \r\n.hLozenge span:hover {\r\n margin-top: 0 !important;\r\n color: gold !important;\r\n background: black !important;\r\n}\r\n.recipients .lozengfy:hover:after, \r\n.hLozenge span:hover:after {\r\n color: gold !important;\r\n}\r\n.lozenge-error {\r\n background: #D2322D !important;\r\n color: #FFFFFF;\r\n}\r\n/* (Without Advanced search selection */\r\nhtml:not(.lt-ie10) .custom-select:not(.W-100) {\r\n background: -moz-linear-gradient(center top , #3D3D3D, #050708) repeat scroll 0 0 transparent !important;\r\n}\r\nhtml:not(.lt-ie10) .custom-select select {\r\n margin-left: -2px !important;\r\n padding: 0 15px 0 6px !important;\r\n border-radius: 5px !important;\r\n border: 1px solid black !important;\r\n color: peru !important;\r\n text-align: center !important;\r\n background: -moz-linear-gradient(center top , #3D3D3D, #050708) repeat scroll 0 0 transparent !important;\r\n}\r\n.compose-header .address-btns a ,\r\n.compose-label[for=\"from-field\"]{\r\n color: #196AD4 !important;\r\n}\r\n.hLozenge, \r\n.dd-hLozengeBox span {\r\n color: tan !important;\r\n}\r\n#ac-to-results {\r\n border-radius: 5px !important;\r\n border-radius: 0 0 10px 10px !important;\r\n background: -moz-linear-gradient(center top , #333333, black) repeat scroll 0 0 transparent !important;\r\n}\r\n\r\n.yui3-widget #ac-to-results.ac-results li:nth-child(odd) {\r\nborder-radius: 5px !important;\r\n background: #333333 !important;\r\n color: #B5B4B4 !important;\r\n}\r\n.yui3-widget #ac-to-results.ac-results li:nth-child(even) {\r\n border-radius: 5px !important;\r\n background: #222222 !important;\r\n color: #939393 !important;\r\n}\r\n.yui3-widget #ac-to-results.ac-results li.yui3-acwidget-selected span.ac-value\u003e span {\r\n border-radius: 5px !important;\r\n background: -moz-linear-gradient(center top , #3D3D3D, #050708) repeat scroll 0 0 transparent !important;\r\n padding: 2px 5px !important;\r\n color: tan !important;\r\n}\r\n\r\n.yui3-widget #ac-to-results.ac-results li.yui3-acwidget-selected span.ac-value\u003e .email {\r\n color: violet !important;\r\n}\r\n.yui3-widget #ac-to-results.ac-results li.yui3-acwidget-selected span.ac-value\u003e span b ,\r\n.yui3-widget #ac-to-results.ac-results li.yui3-acwidget-selected span.ac-value\u003e .email b {\r\n font-size: 18px !important;\r\n color: green !important;\r\n}\r\n.compose-header .icon-close.icon {\r\n background: black !important;\r\n border-radius: 20px !important;\r\n color: red !important;\r\n font-size: 23px !important;\r\n margin-top: 10px !important;\r\n padding: 4px !important;\r\n}\r\n/* DELETE ADRESS EMAIL */\r\n.icon-small-close:before {\r\n content: \"\" !important;\r\n color: red !important;\r\n}\r\n\r\n/* BUTTON VIEW / CLOSE */\r\n#toolbar .btn-absolute {\r\n position: relative !important;\r\n top: -3px !important;\r\n height: 28px !important;\r\n left: -1.2% !important;\r\n text-align: left !important;\r\n}\r\n.pc #shellcontent {\r\n top: -10px !important;\r\n}\r\n.pc #shellnavigation {\r\n margin-top: -7px !important;\r\n}\r\n.listnav-outter {\r\n bottom: 0;\r\n left: 0;\r\n overflow-x: hidden;\r\n overflow-y: auto;\r\n padding-top: 10px;\r\n position: absolute;\r\n right: 0;\r\n top: 17px !important;\r\n}\r\n/* BUTTON - SELECTED */\r\n#toolbar #btn-select-dd {\r\n height: 28px !important;\r\n top: -2px !important;\r\n left: -3px;\r\n padding-left: 0;\r\n padding-right: 0;\r\n border-radius: 0 03px 3px 0 !important;\r\n}\r\n\r\n/* BUTTON - TOGGLE / SEPARATOR */\r\n#storm-listnav .nav-toggle {\r\n border-radius: 5px !important;\r\n background: -moz-linear-gradient(center top , #333333, black) repeat scroll 0 0 transparent !important;\r\n opacity: 0.6 !important;\r\n}\r\n#storm-listnav .nav-toggle:hover {\r\n background: -moz-linear-gradient(center top , tan, black) repeat scroll 0 0 transparent !important;\r\n opacity: 1 !important;\r\n}\r\n#storm-listnav .nav-toggle a:after {\r\n color: gold !important;\r\n content: \"\";\r\n}\r\n.nav-toggle a:before, \r\n.nav-separator {\r\n border-bottom: 3px dotted gray !important;\r\n}\r\n\r\n/* MAILS SEARCH - RESULTS HIGHTLIGHT - === */\r\n.result .found {\r\n color: #008000 !important;\r\n}\r\n\r\n/* BACKGROUND GENERAL (COLOR the RIGHT COLUMN - PUB - which is white when YOU OPEN THE YAHOOMAIL THE FIRST TIME */\r\n.panescroll.uh3.lt.non-threaded.mf.mas #main[aria-labelledby=\"tabinbox\"] {\r\n background: #333333 !important;\r\n top: 88px;\r\n}\r\n\r\n/* MAIL READ - WHITE - === */\r\n.panescroll #main #paneshell #shellcontent .reselectable .messagepane .message {\r\n height: 42px !important;\r\n}\r\n\r\n/* A VOIR - LINKS - COLOR - SHADOW\r\n:not([#paneshell #shellcontent .reselectable .messagepane .message .msg-body a]) ,\r\n:not([id=\".fullpage #paneshell #shellcontent .reselectable .messagepane .message .msg-body table tbody tr td table tbody tr td table tbody tr td a span\"]) ,\r\na :not([id=\"yucs-nav_button\"]):not([class=\"yui3-menuitem-content\"]):not([class=\"yucs-menu_anchor\"]):not([id=\".fullpage #paneshell #shellcontent .reselectable .messagepane .message .msg-body table tbody tr td table tbody tr td table tbody tr td a span\"]) ,\r\nspan ,\r\n=== */\r\n#modalOverlay ,\r\n.panescroll .yui3-widget #modalOverlay.modal h2.modal-hd , \r\n.panescroll .yui3-widget #modalOverlay.modal .frontpanel .modal-bd ,\r\n/*#main ,*/\r\n[id*=\"yucs\"],\r\n[id*=\"yucs\"] a ,\r\n[id*=\"btn\"] ,\r\n[id*=\"btn\"] a ,\r\n[id*=\"btn\"] a b ,\r\n[id*=\"menu\"] li a span ,\r\n#toolbar ,\r\n#shellnavigation ,\r\n[id*=\"shellnavigation\"] .items ul li a i {\r\n color: gray ! important;\r\n/* background: red !important; */\r\n}\r\n\r\n/* TOP HEADER - USER CONNEXION - BACKGROUND MENU HOVER - ==== */\r\n.Bg\\(\\#fff\\) {\r\n background: #222 !important;\r\n/* background: red !important; */\r\n}\r\n.C\\(\\#000\\) {\r\n color: peru !important;\r\n}\r\n/* TOP NAV - SEARCH TERMS / PROFILE CONNEXION */\r\n.StencilRoot .Ell {\r\n color: peru !important;\r\n}\r\n.StencilRoot #uhNavWrapper .Ell {\r\n color: peru !important;\r\n}\r\n.StencilRoot.search-container .typeahead-list .Fw-b {\r\n color:green !important;\r\n}\r\n#Stencil #uhWrapper #yucs-profile #yucs-profile-panel li a{\r\n color: gold !important;\r\n}\r\n\r\n\r\n/* )MSG LIST - SUPP LINE ADD (PUB */\r\n.list-view-items .list-view-items-page \u003e div:not(.list-view-item-date-label):not(.list-view-item ) {\r\n display: none !important;\r\n transition: none !important;\r\n visibility: hidden !important;\r\n height: 0 !important;\r\n width: 0 !important;\r\n overflow: hidden !important;\r\n}\r\n\r\n/* MSG LIST / PERSON VIEWS - TEST - NEW MAILS DATE INFOS + TOP DATE LABEL FROST on SCROLL */\r\n.list-view-item-date-label,\r\n.tc .list-view-item-date-label {\r\n height: 13px !important;\r\n line-height: 13px !important;\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.7) !important;\r\n color: gold !important;\r\n background: rgba(37, 34, 34, 0.75) none repeat scroll 0 0 !important;\r\n}\r\n.anchored-header ,\r\n.tc .anchored-header {\r\n height: 18px !important;\r\n line-height: 18px !important;\r\n background-color: black !important;\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.7) !important;\r\n border-bottom: 1px solid gold !important;\r\n}\r\n.message-list-group {\r\n background-color: black !important;\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.7) !important;\r\n border-bottom: 1px solid gold !important;\r\n}\r\n.anchored-header .list-view-item-date-label ,\r\n.tc .anchored-header .list-view-item-date-label {\r\n height: 18px !important;\r\n line-height: 15px !important;\r\n margin-top: 0px !important;\r\n font-size: 18px !important;\r\ncolor: peru !important;\r\nborder-top: 1px solid rgba(255, 255, 255, 0.7) !important;\r\nborder-bottom: 1px solid gold !important;\r\nbackground-color: black !important;\r\n}\r\n\r\n/* MSG LIST - LINE - ALL TXT COLOR */\r\n.list-view-item {\r\n color: #DCD4D3 !important;\r\n}\r\n\r\n/* MSG LIST - SEARCH IN MAIL - DATE TITLE */\r\n.message-list-group[data-title]::before {\r\n display: block;\r\n content: attr(data-title);\r\n line-height: 1;\r\n border-top: 1px solid gray !important;\r\n font-size: 13px;\r\nbackground: #333 !important;\r\n}\r\n\r\n/* MSG LIST - SEARCH IN MAIL - HIGHTLIGHT SEACH TERMS */\r\n.message-snippet .found, .message-subject .found {\r\n background-color: rgba(205, 134, 63, 0.74) !important;\r\n color: white !important;\r\n}\r\n.message-list-item:hover .message-action-btn {\r\n width: 20px !important;\r\n opacity: 1 !important;\r\n pointer-events: auto;\r\n}\r\n.message-list-item:hover .message-action-btn span {\r\n opacity: 1 !important;\r\n pointer-events: auto;\r\n}\r\n.message-list-item:hover .message-action-btns {\r\n background-color: rgba(0, 0, 0, 0.36) !important;\r\n}\r\n\r\n/* MESSAGE LIST - ZEBBRA */\r\n/* #slot_MB.ml-bg[hidden=\"hidden] .list-view-item:not(.list-view-item-date-label):nth-child(odd) , */\r\n.list-view-items .list-view-items-page \u003e div[class*=\"list-view-item\"]:not(.list-view-item-date-label):nth-child(odd) {\r\n background: #222 !important;\r\ntransition: all ease 0.4s !important;\r\n}\r\n.list-view-items .list-view-items-page \u003e div[class*=\"list-view-item\"]:not(.list-view-item-date-label):nth-child(even) {\r\n background: #333 !important;\r\ntransition: all ease 0.4s !important;\r\n}\r\n.list-view-items .list-view-items-page \u003e div[class*=\"list-view-item\"]:not(.list-view-item-date-label):nth-child(odd):hover ,\r\n.list-view-items .list-view-items-page \u003e div[class*=\"list-view-item\"]:not(.list-view-item-date-label):nth-child(even):hover {\r\n background: black !important;\r\ntransition: all ease 0.4s !important;\r\n}\r\n\r\n/* MSG LIST - SELECTED/FOCUS LINE */\r\n.expanded .list-view-item:focus, \r\n.keyboard-active .expanded .list-view-item:focus, \r\n.list-view .selected, \r\n.keyboard-active .list-view .selected, \r\n.expanded .list-view-item-master.selected, \r\n.keyboard-active .expanded .list-view-item-master.selected, \r\n.items li.cntxtmenu {\r\n border: 1px dotted gray !important;\r\n}\r\n/* MSG LIST - TOP SELECT BOX */\r\n#pagetoolbar #match-messagelist-sizing #btn-ml-cbox label input {\r\n cursor: pointer;\r\n left: 10px !important;\r\n opacity: 0;\r\n position: absolute;\r\n top: 2px !important;\r\n z-index: 1;\r\n}\r\n/* TOOLBAR TOP - TXT COLOR */\r\n.fresh-toolbar .btn .icon-text ,\r\n#toolbar.glass .commontasks #pagetoolbar span.btn span ,\r\n#toolbar.glass .commontasks #pagetoolbar span.btn label input {\r\n background: none repeat scroll 0 0 rgba(255, 255, 255, 0);\r\n border: 1px solid rgba(237, 237, 237, 0);\r\n color: gray !important;\r\n}\r\n\r\na ,\r\ni ,\r\nspan {\r\n text-shadow: none ! important;\r\n}\r\n/* (new21) PB A VOIR - CONTACT FOLDER SELECTED - === */\r\n.contacts-lists.selected a i ,\r\n.items-nav li.selected a i {\r\n color: peru ! important;\r\n}\r\n/* A VOIR - LINKS HOVER - GENERAL */\r\n#shellnavigation:hover ,\r\n[id*=\"shellnavigation\"] .items ul li a i:hover ,\r\ni:hover {\r\n text-shadow: none ! important;\r\n color: gold ! important;\r\n}\r\n\r\n/* PANEL RIGHT - CHECK BOX MENU - HOVER + FOCUS - === */\r\n#shellcontent .btn-hdr a.enabled:focus, \r\n#shellcontent .btn-hdr a.enabled:hover {\r\n background: #222222 ! important;\r\n outline: 0 none;\r\n}\r\n\r\n/* LINKS === */\r\n.list-view-items .txt a {\r\n text-shadow: none ! important;\r\n color: tomato ! important;\r\n}\r\nh2#custom-folders-nav .btn, \r\nh2#nav-applications .btn, \r\n.items h2 span.label {\r\n text-shadow: none ! important;\r\n color: gold ! important;\r\n background-color: gold ! important;\r\n}\r\n/* LABELS === */\r\n.items h2 span.label {\r\n background-color: gold ! important;\r\n}\r\n.items h2 span.label {\r\n text-shadow: none ! important;\r\n color: peru ! important;\r\n background-color: gold ! important;\r\n}\r\n\r\n/* TEST */\r\n.legend {\r\n border-radius: 5px !important;\r\n}\r\n\r\n/* ICONS - PANEL RIGHT + LIST MAILS + TABS CLOSE - ICONS - FORWARDED / JOINED FILE-PIECE JOINTE / TRASH (SOLUCE for ADBLOCK ENABLE too) */\r\n.icon-small-search ,\r\n.list-view .info-replied ,\r\n.info.info-forwarded ,\r\n.file.icon {\r\n display: inline-block !important;\r\n height: 100% !important;\r\n min-height: 20px !important;\r\n max-height: 20px !important;\r\n width: 100% !important;\r\n min-width: 18px !important;\r\n max-width: 18px !important;\r\n line-height: 20px !important;\r\n margin-top: 3px !important;\r\n border-radius: 5px !important;\r\n padding: 0 !important;\r\n background-color: #0F4789 !important;\r\n border: 1px solid green !important;\r\n opacity: 0.4 ! important; \r\n}\r\n.icon-small-search:hover {\r\n border: 1px gray solid ! important;\r\n opacity: 1 !important;\r\n visibility : visible !important;\r\nbackground-color: tan ! important;\r\n}\r\n.flag {\r\n line-height: 20px !important;\r\n height: 20px !important;\r\n width: 18px !important;\r\n margin-top: 3px! important;\r\n padding: 0 !important;\r\n border: 1px solid green !important;\r\n border-radius: 5px !important;\r\nbackground-color: #0F4789 !important;\r\n}\r\n.flag:hover {\r\n background-color: red ! important;\r\n border: 1px gray solid ! important;\r\n}\r\n.threadpane .message-header .flag {\r\n opacity: 0.2 !important;\r\n top: 10px !important;\r\n}\r\n.threadpane .message-header .flag:hover {\r\n opacity: 1 !important;\r\n top: 10px !important;\r\n}\r\n.icon.delete-msg {\r\n background-color: white ! important;\r\n height: 17px ! important;\r\n line-height: 17px !important;\r\n width: 19px ! important;\r\n border-radius: 10px ! important;\r\n opacity: 0.4 ! important; \r\n}\r\n.icon.delete-msg:hover {\r\n opacity: 1 ! important; \r\n}\r\n.tabs li.active:hover \u003e span.close-tab {\r\n background-color: red ! important;\r\n height: 11px ! important;\r\n width: 13px ! important;\r\n border-radius: 5px ! important;\r\n opacity: 0.8 ! important; \r\n}\r\n.list-view-item .icon.file {\r\n margin-top: 3px !important;\r\n opacity: 0.65 !important;\r\n width: 14px !important;\r\n}\r\n.list-view-item .icon.file:hover {\r\n opacity: 1 !important;\r\n}\r\n.thread-info .file {\r\n left: -5px !important;\r\n opacity: 1 !important;\r\n width: 15px !important;\r\n}\r\n.list-view-item .count {\r\n position: relative !important;\r\n color: white !important;\r\n display: inline-block !important;\r\n bottom: 11px !important;\r\n line-height: 10px !important;\r\n}\r\n.inf-scroll-btn .icon-back-to-top {\r\n color: red !important;\r\n padding: 1px 7px;\r\n}\r\n\r\n\r\n/* ARROWS + RIGHT ARROW for wide SCREEN */\r\n.wide-right-rail .right-ar {\r\n right: 18px !important;\r\n}\r\n.wide-right-rail .right-ar:before {\r\n color: red !important;\r\n}\r\n\r\n/* FOLDER PRESO - ARROW */\r\n#storm-listnav .listnav-container .listnav-folder .listnav-folder-open.icon.arrow-right {\r\n position: absolute !important;\r\n display: inline-block !important;\r\n right: 0px !important;\r\n top: -2px !important;\r\ncolor: blue !important;\r\n}\r\n#storm-listnav .listnav-container .listnav-folder .folder.selected a.listnav-folder-open {\r\n position: absolute !important;\r\n display: inline-block !important;\r\n right: 0 !important;\r\n top: 5px !important;\r\ncolor: gold !important;\r\n}\r\n\r\n/* BACKGROUND SPECIAL PLACES */\r\n/* (new15) OVERLAY - === */\r\n.yui3-overlay-mask, \r\n.yui3-overlay-clearmask {\r\n position: fixed;\r\n width: 100%;\r\n background-color: rgba(20, 20, 20, 0.7) !important;\r\n opacity: 0.7 !important;\r\n}\r\n\r\n/* BACKGROUND - TAB SELECTED + HOVER - === */\r\n#tabinbox[aria-selected=\"true\"] ,\r\n#tabcontacts[aria-selected=\"true\"] ,\r\n#tabcalendar[aria-selected=\"true\"] ,\r\n.tabs ul#tablist.tablist li.removable a[aria-selected=\"true\"] {\r\n background-color: black ! important;\r\n border: goldenrod 1px solid ! important;\r\n color: peru ! important;\r\n}\r\n.nav-bar .tabs .active a:hover {\r\n background-color: whitesmoke !important;\r\n background-image: linear-gradient(to bottom, #222222 0px, #333333 100%) !important;\r\n border-color: #252525;\r\n filter: none !important;\r\n}\r\n\r\n/* MENUS GENERAL - OPACITY - === */\r\n.colorPickerMenu {\r\n opacity: 1 ! important;\r\n box-shadow: 0 5px 10px rgba(0, 0, 0, 0.66)!important;\r\n}\r\n\r\n/* MENUS GENERAL - SETTINGS / PARAMETRES MAIL */\r\n#options-filters{\r\n background: #333 ;\r\n color: gold !important;\r\n}\r\n.modal-settings .modal-bd .nav .selectable li a {\r\n color: gold !important;\r\n}\r\n.modal-settings .modal-bd .nav .selectable li.selected a {\r\n background: green !important;\r\n color: gold !important;\r\n}\r\n.modal-settings ul.selectable li.selected a {\r\n background: #222 ;\r\n color: gold !important;\r\n}\r\n.modal-settings ul.selectable li a:hover {\r\n background: black ;\r\n color: gold !important;\r\n}\r\n/* BACKGOUND HOVER - MENUS - LIST ITEMS */\r\n#menu-system-folder.optionMenu li:hover ,\r\n#menu-msglist.optionMenu li:hover ,\r\n#menu-reply.optionMenu li:hover ,\r\n#menu-forward.optionMenu li:hover ,\r\n#menu-folder.optionMenu li:hover ,\r\n\r\n#menu-actions.optionMenu li:hover ,\r\n#menu-actions.optionMenu ul.multimsg li.multimsg:hover ,\r\n#menu-msg-actions.optionMenu li:hover ,\r\n\r\n#menu-move.optionMenu ul#menu-move-folder li:hover {\r\n background-color: black ! important;\r\n color: gold ! important;\r\n}\r\n#menu-system-folder.optionMenu li a span:hover ,\r\n#menu-msglist.optionMenu li a span:hover ,\r\n#menu-reply.optionMenu li a span:hover ,\r\n#menu-forward.optionMenu li a span:hover ,\r\n#menu-folder.optionMenu li a span:hover ,\r\n\r\n#menu-actions.optionMenu li a span:hover ,\r\n#menu-actions.optionMenu ul.multimsg li.multimsg a span:hover ,\r\n#menu-msg-actions.optionMenu li a span:hover ,\r\n\r\n#menu-move.optionMenu ul#menu-move-folder li a span:hover {\r\n color: gold ! important;\r\n}\r\n\r\n/* MAILS / CONTACTS - CHECK BOX - CHECKED / UNCHEKED */\r\n.cbox span {\r\n color: gray !important;\r\n}\r\n.cbox input + span::before {\r\n content: \"\";\r\n color: gray !important;\r\n}\r\n.cbox input[aria-checked=\"true\"] + span::before {\r\n color: peru !important;\r\n}\r\n\r\n/* POPUP MENU TOP RIGHT - OPTIONS - LINES between each - === */\r\n.yucs-separator {\r\n background-color: #222222 !important;\r\n margin: 0 ! important;\r\n}\r\n\r\n/* ZEBRA MESSAGE LIST= */\r\n\r\n/* ZEBBRA - MATCH MAILS LIST TOO - from SEARCH REFIMENT LIST */\r\n\r\n#msg-list.result.srpWithFolder.ml-regular .list-view-item:nth-child(even), \r\n#msg-list.result.srpWithoutFolder.ml-regular .list-view-item:nth-child(even) {\r\n height: 29px;\r\n line-height: 28px;\r\n background-color: #333333!important;\r\n}\r\n#msg-list.result.srpWithFolder.ml-regular .list-view-item:nth-child(odd), \r\n#msg-list.result.srpWithoutFolder.ml-regular .list-view-item:nth-child(odd) {\r\n height: 29px;\r\n line-height: 28px;\r\n background-color: #222222 !important;\r\n}\r\n#msg-list.result .list-view-item:hover, \r\n#msg-list.result .list-view-item.selected, \r\n#msg-list-no-result .list-view-item:hover, \r\n#msg-list-no-result .list-view-item.selected {\r\n background-color: blue !important;\r\n}\r\n\r\n/* CONTACT SEARCH REFINEMENT - AUTHOR - SUBJECT MAX WIDTH */\r\n.content.srpWithFolder .list-view-item .flex .from, .content.srpWithoutFolder .list-view-item .flex .from {\r\n right: 84%!important;\r\n}\r\n.result.srpWithFolder .list-view-item .flex .subj {\r\n right: 8% !important;\r\n width: 75% !important;\r\n}\r\n/* CONTACT SEARCH REFINEMENT - HOVER WORD REFINEMENT */\r\n.content.srpWithFolder .list-view-item .subj .subject-action-group, \r\n.content.srpWithoutFolder .list-view-item .subj .subject-action-group {\r\n color: peru !important;\r\n}\r\n.content.srpWithFolder .list-view-item:hover .subj .subject-action-group, \r\n.content.srpWithoutFolder .list-view-item:hover .subj .subject-action-group {\r\n position: relative;\r\n box-sizing: border-box;\r\n float: left;\r\n height: 26px !important;\r\n max-width: 60% !important;\r\n padding-right: 20px !important;\r\n padding-left: 5px !important;\r\n border-radius: 3px !important;\r\n overflow: hidden;\r\n transition: padding-right 100ms ease-out 0s;\r\ncolor: tomato !important;\r\nborder: 1px solid green !important;\r\n}\r\n.content.srpWithFolder .list-view-item .flex .subj .subject-snippet-group .subject-action-group .action-toolbar .icon, \r\n.content.srpWithoutFolder .list-view-item .flex .subj .subject-snippet-group .subject-action-group .action-toolbar .icon {\r\n transition: opacity 100ms ease-in-out 0s;\r\n transform: scale(0.7)!important;\r\n}\r\n\r\n/* UNREAD - SENDER NAME */\r\n#msg-list .list-view-item-container .list-view-item.unread .flex .name-list ,\r\n#msg-list .list-view-item-container .list-view-item.unread.selected .flex .name-list {\r\n color: tan ! important;\r\n}\r\n\r\n/* ICON REPLIED / FORWARDED */\r\n.list-view-item .icon.file ,\r\n.info-forwarded ,\r\n.info-replied {\r\n display: inline-block !important;\r\n width: 20px !important;\r\n height: 20px !important;\r\n margin-top: 4px !important;\r\n padding: 0 !important;\r\n}\r\n.list-view-item .icon.file::before ,\r\n.info-forwarded::before ,\r\n.info-replied::before {\r\n color: peru !important;\r\n width: 20px !important;\r\n height: 20px !important;\r\n padding: 0 !important;\r\n}\r\n\r\n/* (new20) ICON UNREAD - === */\r\n.info-unread:before {\r\n color: peru !important;\r\n content: \"\";\r\n}\r\n.list-view-items .unread .info-unread {\r\n opacity: 1;\r\n}\r\n.list-view-items .unread .info-unread:after {\r\n position: absolute !important;\r\n display: inline-block !important;\r\n content: \" \" !important;\r\n opacity: 1;\r\n min-width: 5px !important;\r\n max-width: 5px !important;\r\n min-height: 5px !important;\r\n max-height: 5px !important;\r\n line-height: 5px !important;\r\n margin-left: -16.5px !important;\r\n top: 8.6px !important;\r\n margin-top: -0.7px! important;\r\n padding: 3px !important;\r\n border-radius: 10px !important;\r\nborder: 1px solid red !important;\r\n}\r\n#msg-list .unread .flex .subj .subject.bold {\r\n color: tan !important;\r\n opacity: 1;\r\n}\r\n/* SELECTED */\r\n#msg-list .list-view-item-container .list-view-item.selected {\r\n background: #6D6C6C !important;\r\n color: tan ! important;\r\n}\r\n#msg-list .list-view-item-container .list-view-item.selected:hover {\r\n background: #4E4D4D !important;\r\n color: tan ! important;\r\n}\r\n\r\n/* HOVER - (even)#676767 (Gray light) / (odd)#4E4C4C or #151515 */\r\n#new-list-name-add:hover ,\r\n.items-nav-contacts .legend[role=\"toolbar\"] span#custom-lists-btn + span .btn.small.left.right input.add:hover ,\r\n#msg-list .list-view-item-container:nth-child(odd) .list-view-item:hover ,\r\n.items-nav-contacts.contacts-lists ul li:nth-child(odd):hover {\r\n background-color: #676767 ! important;\r\n color: gold ! important;\r\n opacity: 1!important;\r\n}\r\n#msg-list .list-view-item-container:nth-child(even) .list-view-item:hover ,\r\n.items-nav-contacts.contacts-lists ul li:nth-child(even):hover {\r\n background: #4E4C4C ! important;\r\n}\r\n#msg-list .list-view-item-container .list-view-item:hover span {\r\n color: gold ! important;\r\n}\r\n/* UNREAD */\r\n#msg-list .list-view-item.unread {\r\n color: #CCC49E ! important;\r\n color: #AD835A !important;\r\n}\r\n\r\n/* DATE */\r\n.date{\r\n color: tan !important;\r\n}\r\n/* Mesg List SNIPPET */\r\n#paneshell #shellcontent.threaded #inboxcontainer #msg-list.unselectable .list-view .list-view-items .list-view-items-page .list-view-item-container .list-view-item .flex .subj span.thread-snippet {\r\n display: inline-block !important;\r\n max-width: 35% !important;\r\n overflow: hidden !important;\r\n padding-left: 6px;\r\n text-overflow: ellipsis !important;\r\n}\r\n#paneshell #shellcontent.threaded #inboxcontainer #msg-list.unselectable .list-view .list-view-items .list-view-items-page .list-view-item-container:hover .list-view-item .flex .subj span.thread-snippet {\r\n display: inline-block !important;\r\n max-width: 100% !important;\r\n overflow: hidden !important;\r\n padding-left: 6px;\r\n text-overflow: ellipsis !important;\r\n}\r\n\r\n/* FOLDER LABEL */\r\n#storm-listnav li#Inbox.in .inbox-label ,\r\n#storm-listnav li#Folders.folders a .icon-text {\r\n max-width: 89% !important;\r\n margin-left: -10px !important;\r\n padding: 2px 5px 2px 2px !important;\r\n border-radius: 5px !important;\r\n}\r\n.listnav .listnav-container .listnav-folder li {\r\n left: -19px !important;\r\n width: 160px !important;\r\n}\r\n#custom-folders .foldername {\r\n min-width: 124px !important;\r\n max-width: 85% !important;\r\n left: -10px !important;\r\n}\r\n/* MESG READ */\r\n.thread-content .message-header {\r\n background-color: #222222 !important;\r\n cursor: default;\r\n min-height: 35px;\r\n overflow: visible;\r\n padding: 4px 0;\r\n position: relative;\r\n}\r\n.threadpane .thread-content {\r\n color: gray !important;\r\n}\r\n\r\n/* NEW / CLASSIC - CONTACTS */\r\n.business-card-container:not(:empty) ,\r\nbody.smartcontacts #emails.details-table:not(:empty) {\r\n position: relative ! important;\r\n display: inline-block !important;\r\n float: left !important;\r\n width: 40% !important;\r\n clear: both !important;\r\n padding: 10px ! important;\r\n margin-bottom: 10px ! important;;\r\noutline: 1px solid gray ! important;\r\n}\r\n#btn-contact-actions {\r\n float: right;\r\n padding-right: 0;\r\n height: 28px!important;\r\n line-height: 28px!important;\r\n top: 1px!important;\r\n}\r\n#attachments:not(:empty) {\r\n position: absolute !important;\r\n display: inline-block !important;\r\n clear: both !important;\r\n float: right !important;\r\n width: 50% !important;\r\n height: 169px !important;\r\n right: 2%!important;\r\n margin-top: 20px !important;\r\n padding: 10px ! important;\r\noutline: 1px solid gray ! important;\r\n}\r\nbody.smartcontacts .details-table .details-table-item ,\r\nbody.smartcontacts .details-table h3 {\r\n border-bottom: 1px solid rgba(193, 192, 192, 0.2) !important;\r\n}\r\nbody.smartcontacts .details-table .details-table-item .details-table-item-sub {\r\n max-width: 75% !important;\r\n padding-left: 10px;\r\n}\r\nbody.smartcontacts .details-table .details-table-item .details-table-item-date {\r\n opacity: 0.6;\r\n right: 4% !important;\r\n}\r\nbody.smartcontacts .details-table h3 {\r\n margin-top: -20px !important;\r\n padding: 10px !important;\r\n border-bottom: medium none;\r\nbackground: black !important;\r\n}\r\n.details-table .details-table-item .details-table-item-date {\r\n position: absolute;\r\n max-width: 180px;\r\n top: 9px;\r\n text-align: right;\r\n}\r\n/* ============== */\r\n.contactpane .trow:nth-child(odd) {\r\n background: #333333 !important;\r\n height: 25px;\r\n}\r\n.contactpane .trow:hover {\r\n background: black !important;\r\n height: 25px;\r\n}\r\n.contactpane .datalist .name {\r\n width: 44% !important;\r\n}\r\n.contactpane .datalist td:not(.insert) {\r\n padding-left: 5px! important;\r\n border-right: 1px solid gray! important;\r\n}\r\n/* CLASSIC - CONTACT LEFT SIDE*/\r\n\r\n/* CONTACTS - PANEL LIST */\r\n.pc.contacts.panescroll #shellnavigation {\r\n top: 31px !important;\r\n\r\n}\r\nbody.contacts #msg-list {\r\n top: 31px !important;\r\n background: transparent;\r\n}\r\n\r\n/* CONTACT - LEFT PANEL - TOP BLOCK CONTAINER */\r\n.contacts #storm-listnav {\r\n margin-top: 40px !important;\r\n}\r\n\r\n/* CONTACT LIST - CONTACTS INFOS */\r\n.ml-contacts .list-view-items .list-view-item {\r\n height: 30px !important;\r\n overflow: hidden ! important;\r\n}\r\n.ml-contacts .list-view-items .list-view-item:hover {\r\n height: 70px !important;\r\n}\r\n/* (new40) CONTACT LIST - CONTACTS INFOS - BUSINESS CARD - === */\r\n.business-card {\r\n position: relative;\r\n max-width: 600px !important;\r\n min-height: 170px;\r\n padding: 0 170px 30px 20px;\r\n background: black !important;\r\n}\r\n.business-card-silhouette {\r\n line-height: 170px;\r\n font-size: 150px ! important;\r\n color: #333333;\r\n opacity: 0.5 ! important;\r\nbackground-color: #1C1C1C !important;\r\n}\r\nbody.smartcontacts .business-card-silhouette::before {\r\n content: \"👤\";\r\n}\r\n\r\n\r\n/* CONTACT - HOVER SELECTED */\r\n.list-view #msg-list.unselectable .list-view #contacts-list-box.list-view-items #contacts-list-box.list-view-items-inner .list-view-item.selected ,\r\n.ml-contacts .list-view-items .list-view-item.draggable.selected {\r\n background-color: black! important;\r\n border: 1px solid peru ! important;\r\n}\r\n.list-view #msg-list.unselectable .list-view #contacts-list-box.list-view-items #contacts-list-box.list-view-items-inner .list-view-item.selected:hover ,\r\n.ml-contacts .list-view-items .list-view-item.draggable.selected:hover {\r\n background-color: black ! important;\r\n border: 1px solid peru ! important;\r\n}\r\n.flex .contact span .contact-detail a {\r\n color: gray ! important;\r\n font-size: 12px ! important;\r\n}\r\n.flex .contact span .contact-detail.contact-name {\r\n width: 210px !important;\r\n margin-top: 2px !important;\r\n color: white ! important;\r\n border-radius: 5px 0 0 5px !important;\r\n font-size: 13px ! important;\r\n padding: 0px 5px !important;\r\n background: -moz-linear-gradient(center top , #3D3D3D, #050708) repeat scroll 0 0 transparent !important;\r\n}\r\n.flex .contact span.contact-info .subj.contact-detail {\r\n min-width: 100% !important;\r\n padding: 0px 5px !important;\r\n background: -moz-linear-gradient(center top , #3D3D3D, #050708) repeat scroll 0 0 transparent !important;\r\n}\r\n.flex .contact span.contact-info .subj.contact-detail:nth-child(2){\r\n margin-top: 3px !important;\r\n}\r\n.flex .contact span.contact-info .subj.contact-detail+.subj {\r\n margin-top: 3px !important;\r\n}\r\n.flex .contact span.contact-info .subj.contact-detail\u003ea {\r\n color: tan !important;\r\n}\r\n\r\n/* CONTACTS RIGHT PANEL */\r\n#contacts-content .services .btn.default , \r\n#import_container .services .btn.default {\r\n background-color: rgb(62, 62, 62) !important;\r\n background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.12)) !important;\r\n border: 1px solid rgb(0, 0, 0) !important;\r\n 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;\r\n color: rgb(170, 170, 170) !important;\r\n font-weight: bold !important;\r\n outline: 0 none !important;\r\n text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5) !important;\r\n}\r\n#card-header\u003eh2{\r\n color: tan !important;\r\n}\r\n#contacts-content .header, \r\n#contacts-content .scroll-inner, \r\n#contacts-content .actions {\r\n background: #222222 !important;\r\n}\r\n.contact-details .details.label {\r\n border-radius: 5px !important;\r\n font-size: 18px ! important;\r\n padding: 5px 15px !important;\r\n background: -moz-linear-gradient(center top , #3D3D3D, #050708) repeat scroll 0 0 transparent !important;\r\n color: tan !important;\r\n}\r\n.contact-details .details:not(.label) {\r\n border-radius: 5px !important;\r\n font-size: 14px ! important;\r\n padding: 5px 15px !important;\r\n background: -moz-linear-gradient(center top , #3D3D3D, #050708) repeat scroll 0 0 transparent !important;\r\n color: tan !important;\r\n}\r\n.contact-details .details:not(.label) .details-value {\r\n min-height: 18px !important;\r\n color: gray !important;\r\n}\r\n.details-value.icn {\r\n line-height: 17px !important;\r\n color: gold !important;\r\n}\r\n/* ICON SURNOM */\r\n.details-value[dir=\"\"]:before {\r\n content: url(\"http://tympanus.net/Development/MegaWebButtonsPack1//images/icons/user.png\") !important;\r\n display: inline-block !important;\r\n position: relative !important;\r\n transform: scale(0.8, 0.6) !important;\r\n height: 20px !important;\r\n margin-left: -10px !important;\r\n top: 12px !important;\r\n}\r\n.contact-details .details-value[dir=\"\"] {\r\n position: relative !important;\r\n display: inline-block !important;\r\n top: -15px !important;\r\n left: 0px !important;\r\n margin-bottom: -15px !important;\r\n}\r\n/* ICON EMAIL */\r\n.details\u003edd.user-email:before {\r\n display: inline-block !important;\r\n content: \".\" !important;\r\n width: 16px !important;\r\n height: 16px !important;\r\n margin-right: 5px !important;\r\n background-image: url(https://s.yimg.com/ok/u/assets/sprite/default/16x16/opis-mode-ltr.png) !important;\r\n background-position: -0px -389px !important;\r\n background-repeat: no-repeat !important;\r\n color: transparent !important;\r\n}\r\n/* ICON MOBILE */\r\n.details\u003edt + .ymsg-mobile a span:before {\r\n display: inline-block !important;\r\n content: \".\" !important;\r\n width: 13px !important;\r\n height: 19px !important;\r\n margin-right: 10px !important;\r\n background-image: url(https://s.yimg.com/ok/u/assets/sprite/default/16x16/opis-mode-ltr.png) !important;\r\n background-position: -2px -240px !important;\r\n background-repeat: no-repeat !important;\r\n color: transparent !important;\r\n}\r\n\r\n.details-value\u003ea {\r\n line-height: 17px !important;\r\n color: gray !important;\r\n} \r\n.mobile-conv\u003espan {\r\n line-height: 17px !important;\r\n color: gray !important;\r\n} \r\n#contacts-content .header span {\r\n color: tan !important;\r\n display: block;\r\n padding: 15px 0 0 25px;\r\n position: relative;\r\n white-space: nowrap;\r\n width: 100%;\r\n}\r\n#contacts-content div.field span.qualify ,\r\n.btn.multimsg span ,\r\nfieldset label {\r\n color: gray !important;\r\n} \r\n#email\\:email\\:279 .btn.multimsg span {\r\n color: red !important;\r\n}\r\n#contacts-content span.multimsg:hover {\r\n background: none repeat scroll 0 0 black !important;\r\n color: inherit;\r\n}\r\n.icon-chevron-down:before ,\r\n.icon-chevron-right:before {\r\n color: gold !important;\r\n content: \"\";\r\n}\r\n.icon-minus:before ,\r\n.icon-add:before {\r\n background: none repeat scroll 0 0 black !important;\r\n border-radius: 8px 8px 8px 8px !important;\r\n color: gold !important;\r\n content: \"\";\r\n padding: 2px !important;\r\n} \r\n\r\n/* MENU - MOVE MAIL IN FOLDER - TEST COUNTER */\r\n#menu-move-folder {\r\n counter-increment: myIndex ! important;\r\n display: inline-block !important;\r\n max-height: 600px !important;\r\n width: 269px !important;\r\n}\r\n#menu-move ul li:before {\r\n position: absolute !important;\r\n min-width: 17px !important;\r\n margin-top: 4px !important;\r\n counter-increment: myIndex ! important;\r\n content: counter(myIndex, decimal-leading-zero);\r\n border-radius: 10px 0 0 10px !important;\r\n box-shadow: 0 0 2px rgba(162, 160, 160, 0.6) inset !important;\r\n font-size: 12px !important;\r\n text-align: center !important;\r\n color: peru !important;\r\n background: none repeat scroll 0 0 rgba(62, 59, 59, 0.6) !important;\r\n}\r\n\r\n/* MENU POPUP - OPTION MENU */\r\n.optionMenu {\r\n background: #222222 !important;\r\n}\r\n.menu-active-item, \r\n.optionMenu li:hover, \r\n.dd-hLozengeBox {\r\n background-color: #0D0D0D !important;\r\n color: gold !important;\r\n}\r\n.optionMenu li a, \r\n.optionMenu li i, \r\n.optionMenu .menu-group .group-title, \r\n.optionMenu .menu-group em {\r\n color: gold !important;\r\n}\r\n\r\n/* CREATE NEW FOLDER */\r\n.folder-menu-create-info {\r\n color: gold !important;\r\n}\r\n.folder-menu-ul.folder-menu-create.folder-menu-input-on input {\r\n color: white !important;\r\n}\r\n\r\n/* =================== */\r\n/* PANEL LEFT - FOLDER - HOVER */\r\n#Notepad:hover ,\r\n.custom-contacts-lists:hover ,\r\n#Contacts:hover ,\r\n#Calendar:hover ,\r\n#messenger:hover ,\r\n#Folders:hover ,\r\n.hasmultimsg:hover {\r\n background-color: #113663 !important;\r\n background-color: black !important;\r\n background: -moz-linear-gradient(center top , black , #4b4a4a) repeat fixed 0 0 transparent !important;\r\n}\r\n\r\n/* PANEL LEFT - SELECTED FOLDER*/\r\n#shellnavigation.unselectable #custom-folders-nav.items ul#custom-folders li.folder.selected ,\r\n.hasmultimsg.selected {\r\n background-color: #0F4789 !important;\r\n}\r\n#shellnavigation.unselectable #custom-folders-nav.items ul#custom-folders li.folder.selected:hover ,\r\n.hasmultimsg.selected:hover {\r\n background-color: black !important;\r\n}\r\n.hasmultimsg.selected a i{\r\n color: gold ! important;\r\n}\r\n\r\n\r\n/* ==== BACKGROUND - WITHE COMENTS INSIDE ==== */\r\n\r\n/* BACKGROUND - DARCK(#222222) - PANEL RIGHT - LIST MAILS - HEADER SORT/TRIER - ETC ... - Background - \r\nbody , \r\nhtml ,\r\n\r\nA VOIR :\r\n.fullpage .empty-folder, \r\n.fullpage .send-confirm ,\r\n.content.empty-folder ,\r\n.empty-folder ,\r\nbody[role=\"application\"] ,\r\n=== */\r\n/*#main ,\r\n.fullpage ,\r\n#toolbar ,\r\n#shellcontent ,\r\n#paneshell #shellnavigation.unselectable ,\r\n.unselectable ,\r\n.fresh-toolbar ,\r\n#inboxcontainer ,\r\n.yui3-menu ,\r\n.yui3-menu.yucs-menu ,\r\n.panescroll .message.content ,*/\r\n\r\n\r\n/* BACKGROUND - PAGE CONTACT - JUST ??? FINE LINE UNDER - TRIPANE TOO (LET COMMENTED TO HAVE WHITE BACKGROUND - but SCROLLBAR WHITE...) */\r\n/*.panescroll ,*/\r\n \r\n/* BACKGROUND - LEFT SIDE */\r\n#shellnavigation ,\r\n/* BACKGROUND - PANEL LEFT - LABELS */\r\n.items h2 span.label ,\r\n\r\n/* BACKGROUND - RIGHT SIDE - MAIL OPTIONS .panescroll .content , */\r\n\r\n/* BACKGROUND - RIGHT SIDE - 2 SIDES (left RIGHT) - TOUCHE under message WRITE */\r\n#paneshell ,\r\n\r\n/* BACKGROUND - RIGHT SIDE - CONTACT */\r\n#contacts-content , /* CONTACT RIGHT SIDE*/\r\n.list-view-items , /*2nd CONTACT LIST */\r\n\r\n/* BACKGROUND - MESSAGE LISTE - PAGINATOR(top/right) */\r\n#inboxcontainer #msg-list.unselectable .list-view .list-header-wrapper .list-header .pagination.l-split-right ,\r\n\r\n/* BACKGROUND - POPUP(GENEARL)- \r\n#yucs ,\r\n.yucs-menu ,\r\n#yucs .yucs-menu ,\r\n#yucs-nav ,\r\n#yucs-nav li ,\r\n#yucs-nav a ,(icon site yahoo)\r\n \r\n=== */\r\n#yucs .yucs-menu .yui3-menu-content ,\r\n.yucs-menu a ,\r\n#yucs.yucs-mc ,\r\n\r\n\r\n\r\n/* BACKGROUND - POPUP MENUS TOP - PROFILE - LINE between ITEMS */\r\n.yucs-profile-items-panel ,\r\n.dialog , \r\n.modal ,\r\n.modal.lg ,\r\n.modal .modal-bd, \r\n.modal .modal-ft ,\r\n.modal-pane-shell ,\r\n.modal-pane-bd ,\r\n.modal .modal-bd .items, \r\n.modal .modal-bd .items h2 ,\r\n.iowa_window_div ,\r\n .items-choose ul ,\r\n.items-choose li ,\r\n.items ol ,\r\n\r\n/* BACKGROUND - POPUP MENUS - GENERAL - MAILS LIST / MAIL READ / CONTACT ACTION / FOLDERS / ACTION / SELECTION CHECK BOX / SORT OPTION / MOVE */\r\n#menu-msglist ,\r\n/*#menu-ml-sortby ,*/\r\n#menu-ml-cbox ,\r\n#menu-folder ,\r\n#menu-contact-actions ,\r\n#menu-msg-actions ,\r\n#menu-actions ,\r\n#menu-move ,\r\n#menu-move-folder , \r\n#menu-move-folder li ,\r\n\r\n/* BACKGROUND - POPUP MENU - CONTACTS - ADD CONTACT TO LIST */\r\n#modal-assign-to-lists ,\r\n#modal-assign-to-lists .modal-bd ,\r\n#modal-assign-to-lists .modal-ft ,\r\n\r\n\r\n/* BACKGROUND - THE ADD */\r\n.fullpage #theAd ,\r\n.panescroll #theAd {\r\n background-color: #222 !important;\r\n background: #222 !important;\r\n color: gray !important;\r\n}\r\n\r\n/* NOTEPAD VIEW */\r\nbody.calendar.notepad #main ,\r\n.calendar.notepad #main {\r\n max-width: 100% !important;\r\n min-width: 100% !important;\r\n top: 38px !important;\r\n background-attachment: fixed;\r\n background-position: center center;\r\n background-image: none !important;\r\n}\r\nbody.notepad #paneshell #shellcontent {\r\n width: 90% !important;\r\n left: 190px;\r\n}\r\nbody.notepad #paneshell {\r\n top: 5px !important;\r\n}\r\n\r\nbody.notepad .ml-notepad .list-view-item .flex .note-name {\r\n color: peru !important;\r\n}\r\nbody.notepad .ml-notepad .list-view-item.selected .flex .note-name {\r\n color: gold !important;\r\n}\r\n#main #toolbar {\r\n display: inline-block !important;\r\n max-width: 100% !important;\r\n left: 10.2% !important;\r\n}\r\n.calendar.notepad #main #pagetoolbar {\r\n margin-top: 0;\r\n max-height: 30px;\r\n width: 100% !important;\r\n}\r\n.calendar.notepad #main #toolbar .btn:first-child {\r\n margin-left: 30px !important;\r\n margin-top: 5px;\r\n}\r\n#noteEditPage textarea#note-body-edit {\r\n margin-left: -9px;\r\n}\r\nbody.notepad .ml-notepad .list-view-item .flex {\r\n margin-left: 5px !important;\r\n padding-top: 5px !important;\r\n border-bottom: 1px solid gray !important;\r\n}\r\nbody.notepad #add-new-list-inline {\r\n height: 25px !important;\r\n width: 183px !important;\r\n}\r\n.pc.calendar.notepad #shellnavigation {\r\n top: 7px !important;\r\n border-right: 1px solid gray !important;\r\n}\r\n\r\n/* NOTE - EDIT */\r\nbody.notepad #shellcontent #noteEditPage {\r\n width: 84.5% !important;\r\n background: #333 !important;\r\n}\r\nbody.notepad #noteEditPage #note-title-edit {\r\n width: 99% !important;\r\n height: 33px !important;\r\n line-height: 33px !important;\r\n padding-left: 10px !important;\r\n}\r\nbody.notepad #noteEditPage .edit-note-body {\r\n bottom: 55px;\r\n position: absolute;\r\n right: 0;\r\n top: 50px;\r\n padding: 5px 5px 18px 15px !important;\r\n}\r\nbody.notepad #noteEditPage .edit-note-footer {\r\n width: 84% !important;\r\n border-top: 1px solid #d7d5d5;\r\n bottom: 0;\r\nbackground: #222 !important;\r\n}\r\nbody.notepad #noteEditPage .edit-note-footer span.btn.default {\r\n line-height: 25px !important;\r\n}\r\n\r\n/* NOTEPAD VIEW - BACKGROUND / COLOR NOTEPAD */\r\nbody.calendar.notepad #msg-list {\r\ncolor: gray !important;\r\nbackground-color: #333 !important;\r\n}\r\n\r\n/* MAILS - TOOLBAR TOP */\r\n#toolbar .btn:first-child {\r\n margin-left: 5px !important;\r\n margin-top: 5px!important;\r\n}\r\n\r\n#toolbar.fresh-toolbar .hasnomsg.hideReplyGroup #match-messagelist-sizing span.btn {\r\n height: 26px !important;\r\n line-height: 26px !important;\r\n min-width: 20px !important;\r\n margin-left: 0px !important;\r\n top: -1px !important;\r\n border-radius: 3px 0 0px 3px !important;\r\n background-color: rgb(62, 62, 62) !important;\r\n background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.12)) !important;\r\n border: 1px solid rgb(0, 0, 0) !important;\r\n 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;\r\n color: rgb(170, 170, 170) !important;\r\n font-weight: bold !important;\r\n outline: 0 none !important;\r\n text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5) !important;\r\n}\r\n#toolbar.fresh-toolbar .hasnomsg.hideReplyGroup.disableReplyGroup.hasmultimsg.msgChecked #match-messagelist-sizing span.btn {\r\n height: 30px !important;\r\n line-height: 30px !important;\r\n min-width: 20px !important;\r\n margin-left: 0px !important;\r\n top: 21px !important;\r\n border-radius: 3px 0 0px 3px !important;\r\n background-color: rgb(62, 62, 62) !important;\r\n background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.12)) !important;\r\n border: 1px solid rgb(0, 0, 0) !important;\r\n 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;\r\n color: rgb(170, 170, 170) !important;\r\n font-weight: bold !important;\r\n outline: 0 none !important;\r\n text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5) !important;\r\n}\r\n\r\n#toolbar.fresh-toolbar .hasnomsg.hideReplyGroup #match-messagelist-sizing span.btn label {\r\nmin-width: 20px !important;\r\n margin-left: 10px !important;\r\n}\r\n#toolbar #main-btn-spam + #btn-spam {\r\n margin-left: 3px;\r\n border-radius: 0 3px 3px 0!important;\r\n}\r\n/* MAIL / CONTACT - TOOLBAR */\r\n#pagetoolbar {\r\n width: 98%!important;\r\n max-height: 30px !important;\r\n margin-top: 0px !important;\r\n}\r\n\r\n/* REPLY FORWARD BUTTONS - ADD TXT on HOVER (US / FR) */\r\n#toolbar .btn.reply:hover:before {\r\n position: absolute !important;\r\n content: \"Reply\" !important;\r\n margin-top: -18px !important;\r\n margin-right: 10px;\r\n font-size: 10px !important;\r\n}\r\n#Stencil[lang=\"fr-FR\"] #toolbar .btn.reply:hover:before {\r\n content: \"Répondre\" !important;\r\n}\r\n#toolbar .btn.reply-all:hover:before {\r\n position: absolute !important;\r\n content: \"Reply to ALL\" !important;\r\n margin-top: -18px !important;\r\n margin-right: 10px;\r\n font-size: 10px !important;\r\n}\r\n#Stencil[lang=\"fr-FR\"] #toolbar .btn.reply-all:hover:before {\r\n content: \"Répondre à TOUS\" !important;\r\n} \r\n#btn-forward:hover:before {\r\n position: absolute !important;\r\n content: \"Forward\" !important;\r\n margin-top: -18px !important;\r\n margin-right: 10px;\r\n font-size: 10px !important;\r\n}\r\n#Stencil[lang=\"fr-FR\"] #btn-forward:hover:before {\r\n content: \"Transfert\" !important;\r\n}\r\n/* BACKGROUND COLOR - TOOLBARS - NEAR BLACK (#0D0D0D ) */\r\n.fullpage #toolbar.fresh-toolbar ,\r\n.uh2 #main #toolbar.fresh-toolbar {\r\n background-color: #0D0D0D !important;\r\n background-image: none ! important;\r\n}\r\n.fresh-toolbar .btn {\r\n height: 28px !important;\r\n line-height: 28px !important;\r\n top: -2px !important;\r\n left: -19px !important;\r\n margin-right: 4px !important;\r\n padding: 0px 2px 0 2px !important;\r\n background-color: rgb(62, 62, 62) !important;\r\n background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.12)) !important;\r\n border: 1px solid rgb(0, 0, 0) !important;\r\n 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;\r\n color: rgb(170, 170, 170) !important;\r\n font-weight: bold !important;\r\n outline: 0 none !important;\r\n text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5) !important;\r\n}\r\n\r\n/* BACKGROUND COLOR - TOOLBARS (#222222 ) */\r\n#toolbar ,\r\n.fresh-toolbar ,\r\n.actions , /* CONTACT PAGE*/\r\n.intro , /*OPTIONS(top) MAIL */\r\n\r\n.fullpage #toolbar.fresh-toolbar ,\r\n.uh2 #main #toolbar.fresh-toolbar {\r\n background-color: #0D0D0D !important;\r\n background-image: none ! important;\r\n}\r\n/* BACKGROUND COLOR + BACKGROUND IMAGE - 2 TOOLBARS - RIGHT PANNEL - TRIER (top) + PGES SUIVANTES (bottom) */\r\n.list-header-wrapper {\r\n background-color: #222222 !important;\r\n background-image: none ! important;\r\n}\r\n\r\n/* BACKGROUND COLOR - CORRECTON - === */\r\n\r\n/* BACKGROUND COLOR - CORRECTON - RAIL RESIZE - === */\r\n#rail-resize, \r\n#rail-resize-hori, \r\n#rail-resize-vert {\r\n background-color: black !important;\r\n border: 1px solid gray !important;\r\n}\r\n\r\n/* BACKGROUND MENU POPUP - MOVE / ACTIONS */\r\n\r\n#menu-sort.optionMenu , \r\n#menu-sort.optionMenu li ,\r\n#menu-forward.optionMenu ,\r\n#menu-forward.optionMenu li ,\r\n#menu-reply.optionMenu ,\r\n#menu-reply.optionMenu li ,\r\n#menu-move.optionMenu ,\r\n#menu-move.optionMenu li ,\r\n#menu-preview.optionMenu ,\r\n#menu-preview.optionMenu li ,\r\n#menu-folder.optionMenu ,\r\n#menu-folder.optionMenu li ,\r\n#menu-system-folder.optionMenu ,\r\n#menu-system-folder.optionMenu li ,\r\n#menu-msglist.optionMenu ,\r\n#menu-msglist.optionMenu li ,\r\n#menu-msg-actions.optionMenu ,\r\n#menu-msg-actions.optionMenu li ,\r\n#menu-apps.optionMenu ,\r\n#menu-apps.optionMenu li ,\r\n#menu-columns.optionMenu ,\r\n#menu-columns.optionMenu li ,\r\n#menu-actions.optionMenu ,\r\n#menu-actions.optionMenu li {\r\n opacity: 1 ! important;\r\n box-shadow: 0 5px 10px rgba(0, 0, 0, 0.66)!important;\r\n background-color: #333333 !important;\r\n}\r\n/* (new48) BACKGROUND MENU POPUP - COLOR PICKER - === */\r\n#mail-app-container [data-test-id=\"menu\"] \u003e [data-test-id=\"color-picker\"][role=\"menu\"] ,\r\n.colorPickerMenu {\r\n opacity: 1 ! important;\r\n box-shadow: 0 5px 10px rgba(0, 0, 0, 0.66)!important;\r\n}\r\n#mail-app-container [data-test-id=\"menu\"] \u003e [data-test-id=\"color-picker\"][role=\"menu\"] .P_6DEy .W_7rdk \u003eul[data-test-id=\"navigable-list\"][role=\"list\"] {\r\n background-color: transparent ! important;\r\n}\r\n\r\n/* == WHITE + SIZE CORRECTION */\r\n\r\n/* MAIL WRITE (+ MAIL LIST)- BORDURE AUTOUR MAIL */\r\n.fullpage #shellcontent .content {\r\n background: white! important;\r\n position: relative;\r\n}\r\n/* MAIL READ / WRITE - HEIGHT MIN (padding or/+ min-height) */\r\n.fullpage .msg-body {\r\n overflow-x: auto;\r\n overflow-y: hidden;\r\n min-height: 550px ! important;\r\n padding-bottom: 200px !important;\r\n word-wrap: break-word;\r\n}\r\n\r\n/* TRIPANE - BACKGROUND COLOR (#222222) - TOOLBARS */\r\n\r\n.list-header {\r\n background: #222222 !important;\r\n background-color: #222222 !important;\r\n background-image: none ! important;\r\n}\r\n/* TRIPANE - BACKGROUND COLOR (#222222) - MAIL READ - MESSAGE NUMBER MAILS SELECTED - UNDER MESSAGE LIST (.msgs-selected) */\r\n.comm-modes , \r\n.cm-loadingpane ,\r\n.msgs-selected {\r\n background: #222222 !important;\r\n color: gold !important;\r\n padding-top: 30px ! important;\r\n margin-bottom: 23px;\r\n margin-top: -29px ! important;\r\n min-height: 780px !important;\r\n text-align: center;\r\n overflow: hidden ! important;\r\n}\r\n\r\n/* no VAR - TRIPANE - CORRECTION - BACKGROUND COLOR(WHITE) - WHITE */\r\n#msg-preview {\r\n background: white! important;\r\n position: relative;\r\n}\r\n\r\n/* no VAR - BACKGROUND (#222222) - SPECIAL PLACES - A VOIR */\r\n.empty-folder ,\r\n.content.empty-folder ,\r\n#inboxcontainer .content.empty-folder ,\r\n.send-confirm {\r\n background-color: #222222 ! important;\r\n color: gray !important;\r\n}\r\n.list-view-status.loading {\r\n background-color: #222 ! important;\r\n color: gold ! important;\r\n}\r\n\r\n/* (new20) MENU - LINE BETWEEN BLOCK ITEMES - Shrink it - === */\r\n.optionMenu ul, \r\n#menu-tab-overflow div ul {\r\n clear: both;\r\n padding: 2px 0 !important;\r\n}\r\n\r\n/* (new15) no VAR - MAIL READ - BACKGROUND (white)COLOR - === */\r\n.panescroll .content{\r\n background: none repeat scroll 0 0 white !important;\r\n color: gray !important;\r\n}\r\n/* (new15) no VAR - CONTACTS - BACKGROUND (DARK GRADIENT)COLOR - \r\n background: -moz-linear-gradient(center top , #0E0E0E 0px, #333232 100%) repeat scroll 0 0 transparent !important;\r\n background: -moz-linear-gradient(center top , #3D3D3D, #050708) repeat scroll 0 0 transparent !important;\r\n=== */\r\n/*.content .inner */\r\ndiv.card-lg {\r\n background: -moz-linear-gradient(center top , #3D3D3D, #050708) repeat scroll 0 0 transparent !important;\r\n}\r\n\r\n\r\n\r\n\r\n/* ============ END COULEUR =========== */"},{"urls":[],"urlPrefixes":["https://calendar.yahoo.com"],"domains":[],"regexps":[],"code":"/* (new63) YAHOO CALENDAR (Agenda / Note) 2021 */\r\n\r\n/* START - URL PREF - YAHOO CALENDAR (Agenda / Note) ==== */\r\nbody[data-test-id=\"epoch-calendar-app\"] .norrin-ybar {\r\n top: 0px !important;\r\nbackground-color: #111 !important;\r\nbackground-image: linear-gradient(-45deg, #393939 15%, #070707 60%) !important;\r\n}\r\nbody[data-test-id=\"epoch-calendar-app\"] #body-container {\r\n margin-top: 59px !important;\r\n}\r\nbody[data-test-id=\"epoch-calendar-app\"] #app[data-test-id=\"epoch-calendar-app\"] {\r\n height: 93.5vh;\r\n}\r\n\r\n\r\n/* CALENDAR (Agenda / Note) - INFOS POPOVER */\r\n#ycalendar-app-component-container + div \u003e div[data-test-id=\"popover-content\"] {\r\n top: 56.219px !important;\r\n z-index: 50000 !important;\r\nborder:1px solid red !important;\r\n}\r\n#ycalendar-app-component-container + div \u003e div[data-test-id=\"popover-content\"] button[data-test-id=\"normal-button-btn\"] + div{\r\n height: 22px;\r\n line-height: 15px;\r\n font-size: 15px;\r\nmargin-bottom: 10px !important;\r\ncolor:gold !important;\r\n}\r\n\r\n/* COLOR - CALENDAR (Agenda / Note) - SVG FILL - NOT WORK */\r\nsvg ,\r\nbutton[data-test-id=\"journal-move-button-fuji-btn\"] span svg ,\r\n#ycalendar-app-component-container + div \u003e div[data-test-id=\"popover-content\"] button[data-test-id=\"normal-button-btn\"] svg {\r\n fill: peru !important;\r\nbackground: gold !important;\r\n}\r\n\r\n/*COLOR - CALENDAR (Agenda / Note) - BACKGROUND WHITE */\r\n#ycalendar-app-component-container div[data-test-id=\"note-detail-wrapper\"] ,\r\ndiv[data-test-id=\"notepad-toolbar-wrapper\"] {\r\n background: white !important;\r\n}\r\n\r\n\r\n/*COLOR - CALENDAR (Agenda / Note) - BACKGROUND #333 */\r\n#ycalendar-app-component-container div[data-test-id=\"notepad-container\"] .W_ZKGeo5 {\r\n background: #333 !important;\r\n}\r\n\r\n/* END - URL PREF - CALENDAR (Agenda / Note) === */"}],"url":"http://userstyles.org/styles/85010","updateUrl":"https://userstyles.org/styles/chrome/85010.json","md5Url":"https://update.userstyles.org/85010.md5","originalMd5":"c6fb9bf056e24b47121bd5563a951e69","name":"Yahoo New Mail - Simply Dark and Gray - 2023- v.70","thumbnail":"https://userstyles.org/style_screenshots/85010_after.jpeg"}