@import url("../../elastic/styles/styles.min.css");

/*
 * Webmail Consiliul Județean Galați
 * Paletă locală inspirată din portal:
 * - crem fundal: #FFF3E9
 * - bleumarin antet/text: #06163A / #001030
 */

:root {
  --cjg-cream: #FFF3E9;
  --cjg-cream-2: #F8EBDD;
  --cjg-navy: #06163A;
  --cjg-navy-dark: #001030;
  --cjg-border: rgba(6, 22, 58, 0.16);
}

/* Fundal general: login + interior */
html,
body,
body:not(.iframe),
#layout,
#layout-content,
#layout-sidebar,
#layout-list,
#layout-list-content,
#layout-content .header,
#layout-content .footer,
#layout-sidebar .header,
#layout-sidebar .footer,
#message-content,
#message-header,
#compose-content,
#preferences-details,
#settings-sections,
#folderlist-content,
#messagelist-content,
#layout-menu,
#taskmenu,
#taskbar,
#layout-footer {
  background-color: var(--cjg-cream) !important;
}

/* Login */
body.task-login,
body.task-login #layout-content,
body.task-login #login-form,
body.task-login .box,
body.task-login .formcontent,
body.task-login .formbuttons,
body.task-login #login-footer {
  background-color: var(--cjg-cream) !important;
}

/* Zone/carduri/liste */
.content,
.box,
.frame-content,
.listing,
.listing tbody,
.listing li,
.listbox,
.uibox,
.menu,
.popupmenu,
.popover,
.formcontent,
.formbuttons,
#messagebody,
#messagepartheader,
#composebody,
#compose-headers,
#contact-details,
#identity-details,
#response-details,
#folder-details {
  background-color: var(--cjg-cream) !important;
}

/* Text general UI */
body,
body:not(.iframe),
input,
textarea,
select,
button,
label,
legend,
h1,
h2,
h3,
h4,
h5,
h6,
a,
p,
span,
td,
th,
li,
.listing li,
.listing td,
.listing th,
.menu a,
.toolbar a,
#taskmenu a,
#layout-menu a,
#login-footer,
#login-footer a,
#message-header,
#message-header *,
#compose-headers,
#compose-headers *,
#settings-sections,
#settings-sections *,
#folderlist-content,
#folderlist-content *,
#layout-menu *,
#taskmenu *,
#taskbar *,
#layout-footer * {
  color: var(--cjg-navy) !important;
}

/* Top / bottom / toolbars: crem, nu bleumarin inchis */
#layout-menu,
#taskmenu,
#taskbar,
.toolbar,
.header,
.footer,
.navbar,
.ui-dialog-titlebar,
#layout-footer {
  background-color: var(--cjg-cream) !important;
  color: var(--cjg-navy) !important;
  border-color: var(--cjg-border) !important;
}

/* Iconuri si linkuri din bare */
#layout-menu a,
#taskmenu a,
#taskbar a,
.toolbar a,
.header a,
.footer a,
.navbar a,
.ui-dialog-titlebar a,
#layout-footer a,
#layout-menu .button,
#taskmenu .button,
#taskbar .button,
.toolbar .button {
  color: var(--cjg-navy) !important;
  background-color: transparent !important;
}

/* Hover/active in bare: tot pe crem, cu accent discret */
#layout-menu a:hover,
#taskmenu a:hover,
#taskbar a:hover,
.toolbar a:hover,
#layout-menu a.selected,
#taskmenu a.selected,
#taskbar a.selected,
.toolbar a.selected {
  background-color: var(--cjg-cream-2) !important;
  color: var(--cjg-navy-dark) !important;
  box-shadow: inset 0 -3px 0 var(--cjg-navy-dark);
}

/* Selectie/hover in lista de mesaje: fara fundal bleumarin plin */
.listing li.selected,
.listing tr.selected,
.listing li.focused,
.listing tr.focused,
#messagelist tbody tr.selected,
#messagelist tbody tr.focused,
#messagelist tbody tr:hover {
  background-color: var(--cjg-cream-2) !important;
  color: var(--cjg-navy) !important;
  box-shadow: inset 4px 0 0 var(--cjg-navy-dark);
}

.listing li.selected *,
.listing tr.selected *,
.listing li.focused *,
.listing tr.focused *,
#messagelist tbody tr.selected *,
#messagelist tbody tr.focused *,
#messagelist tbody tr:hover * {
  color: var(--cjg-navy) !important;
}

/* Borduri discrete */
input,
textarea,
select,
.form-control,
.listing,
.box,
.uibox,
.frame-content,
#login-form,
#message-header,
#compose-headers,
#layout-menu,
#taskmenu,
#taskbar,
#layout-footer {
  border-color: var(--cjg-border) !important;
}

/* Placeholder si texte secundare */
::placeholder,
.hint,
.description,
fieldset.advanced legend,
.formlinks,
.formlinks a,
.quota-widget,
#login-footer {
  color: var(--cjg-navy) !important;
  opacity: 0.88;
}

/* Butoane principale: bleumarin */
button,
input[type="button"],
input[type="submit"],
.button,
.btn,
.ui-button {
  background-color: var(--cjg-navy) !important;
  border-color: var(--cjg-navy-dark) !important;
  color: var(--cjg-cream) !important;
}

button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
.button:hover,
.btn:hover,
.ui-button:hover {
  background-color: var(--cjg-navy-dark) !important;
  border-color: var(--cjg-navy-dark) !important;
  color: var(--cjg-cream) !important;
}

/* Nu fortam culori in corpul mesajelor HTML */
iframe,
iframe html,
iframe body,
.message-htmlpart,
.message-part,
#message-htmlpart {
  color: initial;
}

/*
 * Etapa 3.6 - bara stanga separata vizual:
 * blue navy normal #06163A, nu navy dark.
 */

:root {
  --cjg-leftbar: #06163A;
  --cjg-leftbar-hover: #0C234A;
  --cjg-leftbar-active: #14305F;
}

/* Bara stanga principala */
#taskmenu,
#layout-menu,
#taskmenu.taskmenu,
#layout-menu .scroller,
#layout-menu .listing,
#layout-menu .footer,
#taskmenu .footer {
  background-color: var(--cjg-leftbar) !important;
  color: var(--cjg-cream) !important;
}

/* Linkuri, iconuri, butoane din bara stanga */
#taskmenu a,
#taskmenu a:link,
#taskmenu a:visited,
#taskmenu button,
#taskmenu .button,
#taskmenu .inner,
#taskmenu .icon,
#taskmenu .button-inner,
#taskmenu span,
#taskmenu li,
#taskmenu .task,
#taskmenu .special-buttons a,
#layout-menu .icon,
#layout-menu .button,
#layout-menu a {
  color: var(--cjg-cream) !important;
  background-color: transparent !important;
}

/* Hover / focus in bara stanga */
#taskmenu a:hover,
#taskmenu button:hover,
#taskmenu .button:hover,
#taskmenu li:hover,
#taskmenu .task:hover,
#taskmenu .special-buttons a:hover,
#layout-menu a:hover,
#layout-menu .button:hover {
  background-color: var(--cjg-leftbar-hover) !important;
  color: var(--cjg-cream) !important;
  box-shadow: none !important;
}

/* Element activ in bara stanga */
#taskmenu a.selected,
#taskmenu a.active,
#taskmenu li.selected,
#taskmenu li.active,
#taskmenu .selected,
#taskmenu .active,
#layout-menu a.selected,
#layout-menu .selected {
  background-color: var(--cjg-leftbar-active) !important;
  color: var(--cjg-cream) !important;
  box-shadow: inset 4px 0 0 var(--cjg-cream) !important;
}

/* Zona de jos din bara stanga */
#taskmenu .minmodetoggle,
#taskmenu .special-buttons,
#taskmenu .special-buttons a,
#taskmenu .footer,
#layout-menu .footer {
  background-color: var(--cjg-leftbar) !important;
  color: var(--cjg-cream) !important;
}

/* Asiguram iconuri vizibile inclusiv pentru About / Logout / Dark mode */
#taskmenu .special-buttons *,
#taskmenu .footer *,
#layout-menu .footer * {
  color: var(--cjg-cream) !important;
  fill: var(--cjg-cream) !important;
}

/*
 * Etapa 3.7
 * 1. Logout revine pe rosu
 * 2. Patratul inchis care acopera plicul + sageata devine crem
 */

/* 1. Logout rosu */
#taskmenu a.logout,
#taskmenu .logout,
#taskmenu a[aria-label="Logout"],
#taskmenu a[title="Logout"],
#taskmenu a[href*="_action=logout"],
#taskmenu .special-buttons a.logout,
#taskmenu .special-buttons .logout {
  color: #FF3514 !important;
}

#taskmenu a.logout *,
#taskmenu .logout *,
#taskmenu a[href*="_action=logout"] *,
#taskmenu .special-buttons a.logout * {
  color: #FF3514 !important;
  fill: #FF3514 !important;
}

#taskmenu a.logout:hover,
#taskmenu .logout:hover,
#taskmenu a[href*="_action=logout"]:hover,
#taskmenu .special-buttons a.logout:hover {
  color: #FF6A4D !important;
}

#taskmenu a.logout:hover *,
#taskmenu .logout:hover *,
#taskmenu a[href*="_action=logout"]:hover *,
#taskmenu .special-buttons a.logout:hover * {
  color: #FF6A4D !important;
  fill: #FF6A4D !important;
}

/* 2. Patratul bleumarin din header-ul listei de mesaje devine crem */
#layout-content .header,
#layout-list .header,
#messagelist-header,
#messagelist-header .header,
#messagelist-header .buttons,
#messagelist-header .menu,
#messagelist-header .button,
#messagelist-header a.button,
#messagelist-header .dropbutton,
#messagelist-header .popupbutton,
#layout-content .header .button,
#layout-content .header a.button,
#layout-list .header .button,
#layout-list .header a.button,
#mailview-top .header,
#mailview-top .button,
#mailview-top a.button,
#mailview-top .dropbutton,
#mailview-top .popupbutton {
  background-color: var(--cjg-cream) !important;
  color: var(--cjg-navy) !important;
  border-color: var(--cjg-border) !important;
}

#messagelist-header .button *,
#messagelist-header a.button *,
#layout-content .header .button *,
#layout-content .header a.button *,
#layout-list .header .button *,
#layout-list .header a.button *,
#mailview-top .button *,
#mailview-top a.button * {
  color: var(--cjg-navy) !important;
  fill: var(--cjg-navy) !important;
}

/*
 * Etapa 3.8
 * Fix pentru pătratul din zona listei de mesaje care conține plic + săgeată.
 * Îl forțăm pe crem, cu iconuri bleumarin.
 */

body.task-mail #layout-list > .header,
body.task-mail #layout-list > .header *,
body.task-mail #layout-list > .header *::before,
body.task-mail #layout-list > .header *::after,
body.task-mail #layout-list .header,
body.task-mail #layout-list .header *,
body.task-mail #layout-list .header *::before,
body.task-mail #layout-list .header *::after {
  background-color: var(--cjg-cream) !important;
  background-image: none !important;
  color: var(--cjg-navy) !important;
  fill: var(--cjg-navy) !important;
  border-color: var(--cjg-border) !important;
}

body.task-mail #listcontrols,
body.task-mail #listcontrols *,
body.task-mail #listcontrols *::before,
body.task-mail #listcontrols *::after,
body.task-mail .listcontrols,
body.task-mail .listcontrols *,
body.task-mail .listcontrols *::before,
body.task-mail .listcontrols *::after,
body.task-mail #messagelist-header,
body.task-mail #messagelist-header *,
body.task-mail #messagelist-header *::before,
body.task-mail #messagelist-header *::after,
body.task-mail .messagelist-header,
body.task-mail .messagelist-header *,
body.task-mail .messagelist-header *::before,
body.task-mail .messagelist-header *::after {
  background-color: var(--cjg-cream) !important;
  background-image: none !important;
  color: var(--cjg-navy) !important;
  fill: var(--cjg-navy) !important;
  border-color: var(--cjg-border) !important;
}

body.task-mail #messagelist thead,
body.task-mail #messagelist thead tr,
body.task-mail #messagelist thead th,
body.task-mail #messagelist thead td,
body.task-mail #messagelist thead a,
body.task-mail #messagelist thead span,
body.task-mail #messagelist thead *::before,
body.task-mail #messagelist thead *::after {
  background-color: var(--cjg-cream) !important;
  background-image: none !important;
  color: var(--cjg-navy) !important;
  fill: var(--cjg-navy) !important;
  border-color: var(--cjg-border) !important;
}

/* Butoane/dropdown-uri din capul listei de mesaje */
body.task-mail #layout-list .header a,
body.task-mail #layout-list .header button,
body.task-mail #layout-list .header .button,
body.task-mail #layout-list .header .dropbutton,
body.task-mail #layout-list .header .popupbutton,
body.task-mail #layout-list .header .dropdown,
body.task-mail #layout-list .header .menu,
body.task-mail #layout-list .header .toolbar,
body.task-mail #layout-list .header .select,
body.task-mail #layout-list .header .selection,
body.task-mail #layout-list .header .threads,
body.task-mail #layout-list .header .status,
body.task-mail #layout-list .header .flag,
body.task-mail #layout-list .header .attachment {
  background-color: var(--cjg-cream) !important;
  background-image: none !important;
  color: var(--cjg-navy) !important;
  fill: var(--cjg-navy) !important;
  box-shadow: none !important;
}

/* Păstrăm Logout roșu, în caz că selectorul larg îl atinge indirect */
#taskmenu a.logout,
#taskmenu .logout,
#taskmenu a[href*="_action=logout"],
#taskmenu .special-buttons a.logout,
#taskmenu .special-buttons .logout,
#taskmenu a.logout *,
#taskmenu .logout *,
#taskmenu a[href*="_action=logout"] *,
#taskmenu .special-buttons a.logout * {
  color: #FF3514 !important;
  fill: #FF3514 !important;
}

/*
 * Etapa 3.9
 * Searchbar are wrapper="searchbar menu".
 * Regula generala .menu a.selected il facea bleumarin inchis.
 * Fortam explicit unread/options/search pe crem.
 */

body.task-mail .searchbar,
body.task-mail .searchbar.menu,
body.task-mail #mailsearchform,
body.task-mail #mailsearchform.searchbar,
body.task-mail #mailsearchform.searchbar.menu,
body.task-mail .searchbar form,
body.task-mail .searchbar input,
body.task-mail .searchbar a,
body.task-mail .searchbar a.search,
body.task-mail .searchbar a.unread,
body.task-mail .searchbar a.options,
body.task-mail .searchbar a.reset,
body.task-mail .searchbar a.selected,
body.task-mail .searchbar a.active,
body.task-mail .searchbar.menu a,
body.task-mail .searchbar.menu a.selected,
body.task-mail .searchbar.menu a.active,
body.task-mail .searchbar.menu a.unread,
body.task-mail .searchbar.menu a.options {
  background-color: var(--cjg-cream) !important;
  background-image: none !important;
  color: var(--cjg-navy) !important;
  border-color: var(--cjg-border) !important;
  box-shadow: none !important;
}

/* Iconurile FontAwesome din searchbar: lupa, plic unread, sageata options */
body.task-mail .searchbar form::before,
body.task-mail .searchbar a::before,
body.task-mail .searchbar a.search::before,
body.task-mail .searchbar a.unread::before,
body.task-mail .searchbar a.options::before,
body.task-mail .searchbar a.reset::before,
body.task-mail .searchbar a.selected::before,
body.task-mail .searchbar a.active::before,
body.task-mail .searchbar.menu a::before,
body.task-mail .searchbar.menu a.selected::before,
body.task-mail .searchbar.menu a.unread::before,
body.task-mail .searchbar.menu a.options::before {
  background-color: transparent !important;
  background-image: none !important;
  color: var(--cjg-navy) !important;
  fill: var(--cjg-navy) !important;
}

/* Hover in searchbar: ramane crem, doar usor accentuat */
body.task-mail .searchbar a:hover,
body.task-mail .searchbar a.unread:hover,
body.task-mail .searchbar a.options:hover,
body.task-mail .searchbar.menu a:hover {
  background-color: var(--cjg-cream-2) !important;
  color: var(--cjg-navy-dark) !important;
  box-shadow: none !important;
}

body.task-mail .searchbar a:hover::before,
body.task-mail .searchbar a.unread:hover::before,
body.task-mail .searchbar a.options:hover::before,
body.task-mail .searchbar.menu a:hover::before {
  color: var(--cjg-navy-dark) !important;
  fill: var(--cjg-navy-dark) !important;
}

/*
 * Etapa 3.12
 * Doar imaginea mica pe login, fara background mare.
 */

body.task-login #layout-content {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

body.task-login #logo {
  display: block !important;
  width: min(88vw, 720px) !important;
  max-width: 720px !important;
  height: auto !important;
  margin: 1.2rem auto 1.4rem auto !important;
  border-radius: 18px !important;
  box-shadow: 0 14px 34px rgba(6, 22, 58, 0.18) !important;
  background: transparent !important;
}

body.task-login #login-form {
  margin: 0 auto !important;
}

/*
 * Etapa 3.13
 * Logo login compus: imagine + text.
 * Proportie mai inalta, nu banner foarte lung.
 */

body.task-login #logo {
  display: block !important;
  width: min(88vw, 560px) !important;
  max-width: 560px !important;
  height: auto !important;
  margin: 1.2rem auto 1.4rem auto !important;
  border-radius: 18px !important;
  box-shadow: 0 14px 34px rgba(6, 22, 58, 0.18) !important;
  background: transparent !important;
}

/*
 * Etapa 3.14
 * Micșorăm cardul/logo-ul de login ca să nu mai aibă frame prea lat.
 */

body.task-login #logo {
  width: min(88vw, 430px) !important;
  max-width: 430px !important;
  border-radius: 16px !important;
}

/*
 * Etapa 3.15
 * Frame decupat: imaginea ramane la scara mare, doar canvas-ul este mai ingust.
 */

body.task-login #logo {
  width: min(88vw, 430px) !important;
  max-width: 430px !important;
  height: auto !important;
  border-radius: 18px !important;
}

/*
 * Etapa 3.16
 * Renuntam la orice frame/card si afisam direct imaginea originala.
 */

body.task-login #logo {
  display: block !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  margin: 1.2rem auto 1.4rem auto !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
}

body.task-login #layout-content {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

/*
 * Etapa 3.17
 * Marim imaginea de login cu 30%.
 */

body.task-login #logo {
  transform: scale(1.3) !important;
  transform-origin: center top !important;
  margin: 1.2rem auto 5.2rem auto !important;
}

/*
 * Etapa 3.18
 * Marire suplimentara imagine login:
 * 1.3 x 1.25 = 1.625.
 */

body.task-login #logo {
  transform: scale(1.625) !important;
  transform-origin: center top !important;
  margin: 1.2rem auto 7.6rem auto !important;
}

/*
 * Etapa 3.19
 * Imagine login:
 * - marire totala la scale 1.95
 * - mascare chenar alb/deschis prin clip-path
 * - umbra discreta pentru integrare pe fundal crem
 */

body.task-login #logo {
  transform: scale(1.95) !important;
  transform-origin: center top !important;
  margin: 1.2rem auto 10.6rem auto !important;

  border-radius: 0 !important;
  box-shadow: 0 14px 34px rgba(6, 22, 58, 0.16) !important;
  background: transparent !important;
  padding: 0 !important;

  clip-path: inset(10px 16px 10px 16px) !important;
}

/*
 * Etapa 3.20
 * Revenire imagine login la scale 1.6.
 * Nu modificam altceva in aceasta etapa.
 */

body.task-login #logo {
  transform: scale(1.6) !important;
  transform-origin: center top !important;
  margin: 1.2rem auto 7.3rem auto !important;
}

/*
 * Etapa 3.21
 * Eliminare clipping ramas din etapa de mascare a chenarului.
 * Imaginea login trebuie sa fie vizibila integral, inclusiv logo-ul RC din dreapta jos.
 */

body.task-login #logo {
  transform: scale(1.6) !important;
  transform-origin: center top !important;
  margin: 1.2rem auto 7.3rem auto !important;

  clip-path: none !important;
  -webkit-clip-path: none !important;
  overflow: visible !important;

  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
}

/*
 * Etapa 3.24
 * Imagine mare de fundal doar pentru pagina de login.
 * Fundalul este acoperit cu overlay crem pentru contrast scazut.
 */

body.task-login {
  background-color: var(--cjg-cream) !important;
  background-image:
    linear-gradient(
      rgba(255, 243, 233, 0.64),
      rgba(255, 243, 233, 0.76)
    ),
    url("../images/cjg-login-background.png") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
}

/* Regulile mai vechi puneau crem solid peste tot; aici lasam login-ul transparent peste fundal. */
body.task-login #layout,
body.task-login #layout-content {
  background-color: transparent !important;
  background-image: none !important;
}

/* Formularul ramane lizibil peste fundal. */
body.task-login #login-form {
  background-color: rgba(255, 243, 233, 0.90) !important;
  border: 1px solid rgba(6, 22, 58, 0.14) !important;
  box-shadow: 0 18px 44px rgba(6, 22, 58, 0.16) !important;
}

/*
 * Etapa 3.26
 * Scoatem borderul/paddingul/shadow din logo-ul din coltul stanga sus.
 */

body:not(.task-login) #layout-menu .header,
body:not(.task-login) #taskmenu .header,
body:not(.task-login) #layout-menu .header a,
body:not(.task-login) #taskmenu .header a {
  background: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

body:not(.task-login) #layout-menu .header img,
body:not(.task-login) #taskmenu .header img {
  display: block !important;
  background: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
}

/* BEGIN CJG high-contrast message stack */
/*
 * Mesaje temporare Roundcube:
 * contrast ridicat pentru confirmari, informari, avertizari si erori.
 */
#messagestack > div {
  background-color: #06163A !important;
  border: 1px solid rgba(255, 255, 255, 0.45) !important;
  border-radius: 0.45rem !important;
  box-shadow:
    0 0.35rem 1.1rem rgba(0, 0, 0, 0.38),
    0 0 0 1px rgba(0, 0, 0, 0.12) !important;
  color: #FFFFFF !important;
  font-weight: 600;
  line-height: 1.4;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.22);
}

/* Suprascrie regulile generale CJG pentru span-uri, linkuri si iconuri. */
#messagestack > div *,
#messagestack > div > i.icon,
#messagestack > div > i.icon::before {
  color: #FFFFFF !important;
}

/* Informare */
#messagestack .alert-info,
#messagestack .alert-info.information {
  background-color: #0B4F8A !important;
}

/* Confirmare / succes */
#messagestack .alert-success {
  background-color: #146C43 !important;
}

/* Atentionare */
#messagestack .alert-warning {
  background-color: #8A4B00 !important;
}

/* Eroare */
#messagestack .alert-danger {
  background-color: #A61B29 !important;
}

/* Operatie in curs si cercul animat */
#messagestack .loading {
  background-color: #1F4E79 !important;
}

#messagestack .loading > i.icon,
#messagestack .loading > i.icon::before {
  color: #FFFFFF !important;
}

/* Linkurile din mesaj raman distincte si usor de citit. */
#messagestack > div a,
#messagestack > div a:hover,
#messagestack > div a:focus {
  color: #FFFFFF !important;
  text-decoration: underline !important;
}
/* END CJG high-contrast message stack */

/* BEGIN CJG TinyMCE white toolbar icons */
/*
 * Editor HTML Compose:
 * toolbar-ul este bleumarin, deci iconurile, textele si sagetile
 * TinyMCE trebuie afisate alb pentru contrast.
 */
body.task-mail .tox .tox-toolbar,
body.task-mail .tox .tox-toolbar__primary,
body.task-mail .tox .tox-toolbar-overlord {
  color: #FFFFFF !important;
}

body.task-mail .tox .tox-tbtn,
body.task-mail .tox .tox-tbtn__select-label,
body.task-mail .tox .tox-tbtn__select-chevron,
body.task-mail .tox .tox-split-button {
  color: #FFFFFF !important;
}

body.task-mail .tox .tox-tbtn svg,
body.task-mail .tox .tox-tbtn .tox-icon svg,
body.task-mail .tox .tox-tbtn__select-chevron svg,
body.task-mail .tox .tox-split-button svg {
  fill: #FFFFFF !important;
  color: #FFFFFF !important;
}

body.task-mail .tox .tox-tbtn:hover,
body.task-mail .tox .tox-tbtn--enabled,
body.task-mail .tox .tox-tbtn--enabled:hover,
body.task-mail .tox .tox-split-button:hover {
  color: #FFFFFF !important;
}

body.task-mail .tox .tox-tbtn:hover svg,
body.task-mail .tox .tox-tbtn--enabled svg,
body.task-mail .tox .tox-tbtn--enabled:hover svg,
body.task-mail .tox .tox-split-button:hover svg {
  fill: #FFFFFF !important;
}

body.task-mail .tox .tox-tbtn:disabled,
body.task-mail .tox .tox-tbtn--disabled {
  color: rgba(255, 255, 255, 0.48) !important;
}

body.task-mail .tox .tox-tbtn:disabled svg,
body.task-mail .tox .tox-tbtn--disabled svg {
  fill: rgba(255, 255, 255, 0.48) !important;
}
/* END CJG TinyMCE white toolbar icons *//* BEGIN CJG recipient remove contrast */
/*
 * Butonul X din recipient tokens trebuie sa ramana lizibil
 * pe fundalul bleumarin al controlului.
 */
body.task-mail.action-compose .recipient-input li.recipient a.button.icon.remove,
body.task-mail.action-compose .recipient-input li.recipient a.button.icon.remove::before {
  color: #FFFFFF !important;
}

body.task-mail.action-compose .recipient-input li.recipient a.button.icon.remove:hover,
body.task-mail.action-compose .recipient-input li.recipient a.button.icon.remove:focus,
body.task-mail.action-compose .recipient-input li.recipient a.button.icon.remove:hover::before,
body.task-mail.action-compose .recipient-input li.recipient a.button.icon.remove:focus::before {
  color: #FFFFFF !important;
}
/* END CJG recipient remove contrast */

/* BEGIN CJG addressbook options contrast */
/*
 * Address Book: sageata butonului Options din searchbar
 * trebuie sa fie vizibila pe fundalul bleumarin.
 */
body.task-addressbook .searchbar a.options,
body.task-addressbook .searchbar.menu a.options,
body.task-addressbook .searchbar a.options::before,
body.task-addressbook .searchbar.menu a.options::before {
  color: var(--cjg-cream) !important;
}

body.task-addressbook .searchbar a.options:hover,
body.task-addressbook .searchbar a.options:focus,
body.task-addressbook .searchbar.menu a.options:hover,
body.task-addressbook .searchbar.menu a.options:focus,
body.task-addressbook .searchbar a.options:hover::before,
body.task-addressbook .searchbar a.options:focus::before,
body.task-addressbook .searchbar.menu a.options:hover::before,
body.task-addressbook .searchbar.menu a.options:focus::before {
  color: #FFFFFF !important;
}
/* END CJG addressbook options contrast */