/* Couleurs Jetset Magazine sur le theme Elastic (bleu #37beff remplace par le rose de la charte). */
:root {
  --jetset-rose: #ef2673;
  --jetset-rose-fonce: #c9175c;
  --jetset-rose-clair: #fde4ee;
}

/* Liens */
a, .link, a.link, .popover a.active,
.listing li a:hover, .formcontent a {
  color: var(--jetset-rose);
}

/* Boutons principaux (connexion, envoyer, enregistrer) */
.btn-primary, .btn-primary:disabled, .button.mainaction,
#login-form button.mainaction, .formbuttons .btn-primary {
  background-color: var(--jetset-rose) !important;
  border-color: var(--jetset-rose) !important;
  color: #fff !important;
}
.btn-primary:hover, .btn-primary:focus, .button.mainaction:hover,
#login-form button.mainaction:hover {
  background-color: var(--jetset-rose-fonce) !important;
  border-color: var(--jetset-rose-fonce) !important;
}

/* Champs actifs */
.form-control:focus, input.form-control:focus, textarea:focus, select:focus,
.custom-select:focus {
  border-color: var(--jetset-rose) !important;
  box-shadow: 0 0 0 .2rem rgba(239, 38, 115, .2) !important;
}
.custom-control-input:checked ~ .custom-control-label::before,
input[type=checkbox].form-check-input:checked {
  background-color: var(--jetset-rose) !important;
  border-color: var(--jetset-rose) !important;
}

/* Menu de gauche : element actif et bouton Rediger */
#layout-menu .menu a.selected, #layout-menu .menu a:hover,
#layout-menu .menu a:focus, #layout-menu a.compose, #layout-menu a.compose:before {
  color: var(--jetset-rose) !important;
}

/* Liseré de l'element pointe (message ou dossier) */
table.records-table tr.focused > td:first-child,
table.records-table tr.selected > td:first-child,
.listing li.focused > a, .listing li.selected > a {
  border-left-color: var(--jetset-rose) !important;
}

/* Dossier et message selectionnes */
.listing li.selected, .listing li.selected > a,
table.records-table tr.selected td,
.listing li.droptarget, table.records-table tr.droptarget td {
  background-color: var(--jetset-rose-clair) !important;
}
.listing li.selected > a, table.records-table tr.selected td a {
  color: #222 !important;
}
html.dark-mode .listing li.selected, html.dark-mode .listing li.selected > a,
html.dark-mode table.records-table tr.selected td {
  background-color: rgba(239, 38, 115, .25) !important;
}
html.dark-mode .listing li.selected > a, html.dark-mode table.records-table tr.selected td a {
  color: #fff !important;
}

/* Liste des messages : ligne selectionnee (Elastic y utilise des selecteurs plus precis) */
table.messagelist tr.selected td, table.messagelist tr.selected.focused td {
  background-color: var(--jetset-rose-clair) !important;
}
table.messagelist tr.selected td, table.messagelist tr.selected td a,
table.messagelist tr.selected td span {
  color: #222 !important;
}
table.messagelist tr.focused > td:first-child, table.messagelist tr.selected > td:first-child {
  border-left: 2px solid var(--jetset-rose) !important;
}
html.dark-mode table.messagelist tr.selected td {
  background-color: rgba(239, 38, 115, .25) !important;
}
html.dark-mode table.messagelist tr.selected td, html.dark-mode table.messagelist tr.selected td a,
html.dark-mode table.messagelist tr.selected td span {
  color: #fff !important;
}

/* Compteurs de non-lus et messages non lus */
.unreadcount, .listing li .unreadcount, .menu .unreadcount {
  background-color: var(--jetset-rose) !important;
  color: #fff !important;
}
table.messagelist tr.unread span.subject a {
  color: var(--jetset-rose-fonce);
}

/* Page de connexion : logo plus large */
#login-form #logo, body.task-login #logo {
  max-width: 320px;
  max-height: 90px;
  margin-bottom: 1.5rem;
}