/*
 * Theme "espoc" - derive de PurpleMine2 v2.14.0 (MIT, voir ../../PurpleMine2/LICENSE)
 * Couleur principale : #1F4E79 (au lieu du violet #614ba6 de PurpleMine2).
 *
 * Fichier unique de surcharge : il charge le CSS d'origine de PurpleMine2 (non modifie)
 * puis ne redefinit que les declarations qui dependent de la couleur principale.
 * Ces regles sont generees : voir ../README.md pour les regenerer.
 */
@import url("../../PurpleMine2/stylesheets/application.css");

/* ---- Surcharges couleur principale (generees, 52 declarations) ---- */
tr.group .count,
.badge-count {
  background: #1F4E79;
}
select:focus,
textarea:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
input[type="search"]:focus,
input[type="email"]:focus,
input[type="text"]:focus,
input[type="password"]:focus {
  border-color: rgba(12, 79, 140, 0.6);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 0 2px rgba(12, 79, 140, 0.2);
}
.pagination .page.current,
.pagination .current > span {
  border-color: #1F4E79;
  background-color: #1F4E79;
}
#wrapper .context-menu-selection,
#wrapper .context-menu-selection > td {
  background-color: #1F4E79 !important;
}
tr.group > td a {
  color: #1F4E79;
}
.issue .attributes td.status,
.issue .attributes .attribute.status .value {
  background-color: #1F4E79;
}
.journal > div:target::before {
  box-shadow: 0 0 0 1px #0c4f8c, 0 0 0 4px rgba(12, 79, 140, 0.2);
}
.journal > div:target > h4::before {
  border-right-color: #0c4f8c;
  filter: drop-shadow(-4px 0 0 rgba(12, 79, 140, 0.2));
}
table.progress td.done {
  background-color: #1F4E79 !important;
}
.text-primary {
  color: #1F4E79;
}
.bg-primary {
  background-color: #1F4E79;
}
#content table.filecontent th.filename {
  border-color: #1F4E79;
  background-color: #1F4E79;
}
.ui-widget-header {
  background: #1F4E79;
}
.ui-widget-header a.ui-state-default,
.ui-widget-header button.ui-state-default {
  border-color: #1F4E79;
  background: #1F4E79;
}
.ui-widget-header a.ui-state-hover, .ui-widget-header a.ui-state-focus,
.ui-widget-header button.ui-state-hover,
.ui-widget-header button.ui-state-focus {
  border-color: #132f48;
  background: #153450;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #1F4E79;
  background: #1F4E79;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #1F4E79;
  background: #1F4E79;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-focus,
.ui-datepicker .ui-datepicker-calendar .ui-state-hover {
  border-color: #1F4E79;
  background: #1F4E79;
}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today .ui-state-highlight {
  border-color: #1F4E79;
}
.contextual .drdn.expanded > .drdn-trigger {
  border-color: #1F4E79;
  background-color: #1F4E79;
}
#top-menu {
  background: #0e2f4e;
  color: #d2dce4;
}
#top-menu a {
  color: #d2dce4;
}
#top-menu a:hover {
  color: #e3e9ee;
}
#header {
  background-color: #1F4E79;
}
#header > h1 .root {
  color: #d2dce4;
}
#quick-search > form > input,
#quick-search > select {
  border-color: #071b2e;
}
#quick-search > form > input:focus,
#quick-search > select:focus {
  border-color: #4c7194;
}
#project-jump .drdn-trigger {
  border-color: #071b2e;
}
#project-jump a:hover, #project-jump a:focus {
  background-color: #1F4E79;
}
#main-menu > ul > li > a.selected {
  border-bottom: 3px solid #1F4E79;
}
#main-menu .menu-children a:hover, #main-menu .menu-children a:focus {
  background-color: #1F4E79;
}
@media screen and (max-width: 899px) {
  body .flyout-menu + div #header {
    background-color: #1F4E79;
  }
}
@media screen and (max-width: 899px) {
  body .flyout-menu {
    background-color: #0e2f4e;
  }
}
@media screen and (max-width: 899px) {
  body .flyout-menu a.selected {
    background-color: #e3e9ee;
  }
}
@media screen and (max-width: 899px) {
  body .flyout-menu h3,
  body .flyout-menu h4 {
    border-top: 1px solid #071b2e;
    border-bottom: 1px solid #071b2e;
    background-color: #071b2e;
  }
}
.select2-container.select2-container--default.select2-container--open .select2-selection, .select2-container.select2-container--default.select2-container--focus .select2-selection {
  border-color: rgba(12, 79, 140, 0.6);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 0 2px rgba(12, 79, 140, 0.2);
}
.select2-container.select2-container--default .select2-search__field:focus {
  border-color: rgba(12, 79, 140, 0.6);
}
#top-menu .dropdown .dropdown-menu > li a:hover,
#top-menu .dropdown .dropdown-menu > li a:focus,
#top-menu .dropdown .dropdown-submenu:hover a,
#top-menu .dropdown .dropdown-submenu:focus a {
  background-color: #1F4E79;
}

/* ---- Compatibilite plugin ONLYOFFICE (onlyoffice_redmine 2.1.0) ----
 * Le plugin injecte ses boutons "ouvrir / convertir" en .icon-only avec une image de fond
 * en ligne. PurpleMine2 ne donne pas de hauteur a .icon-only (le coeur Redmine : 16px),
 * ces boutons y seraient donc invisibles (0px de haut). Regle limitee a ces seuls boutons. */
.onlyoffice-editor-button.icon-only,
.onlyoffice-editor-button-convert.icon-only {
  height: 16px;
  vertical-align: middle;
}

/* Page editeur ONLYOFFICE : le plugin donne height:100% a #onlyoffice-container, mais
 * #content n'a pas de hauteur definie, l'editeur retombait donc a 150px (y compris avec
 * le theme par defaut). On lui donne la hauteur de la fenetre moins l'en-tete. */
.controller-onlyoffice.action-editor #onlyoffice-container {
  height: calc(100vh - 120px);
  min-height: 480px;
}