/* Datapyramid theme for Redmine
   Generated by Install-Redmine.ps1 - safe to edit by hand.
   Brand: #FF0000 accent, white wordmark on a dark header. */

@import url("/assets/application-cbcd1bdd.css");

:root {
  --dp-red:      #FF0000;
  --dp-red-dark: #CC0000;
  --dp-ink:      #0B1220;
  --dp-ink-soft: #16203A;
}

/* ---- Header bar ---------------------------------------------------------- */
#header {
  background-color: var(--dp-ink);
  background-image: url("/assets/themes/datapyramid/logo-db5b878d.png");
  background-repeat: no-repeat;
  background-position: 16px 14px;
  background-size: 190px auto;
  border-bottom: 3px solid var(--dp-red);
  min-height: 64px;
  padding-top: 58px;
}

/* Redmine prints the project name in #header h1; nudge it clear of the logo. */
#header h1 {
  color: #fff;
  padding-left: 4px;
}
#header a, #header a:link, #header a:visited { color: #E6EAF2; }
#header a:hover { color: #fff; }

/* ---- Top menu ------------------------------------------------------------ */
#top-menu {
  background-color: #060B16;
  border-bottom: 1px solid var(--dp-ink-soft);
}
#top-menu a { color: #C9D2E3; }
#top-menu a:hover { color: #fff; }
#loggedas { color: #8C97AD; }

/* ---- Main menu tabs ------------------------------------------------------ */
#main-menu li a {
  color: #24303F;
  font-weight: 600;
}
#main-menu li a:hover {
  background-color: var(--dp-red);
  color: #fff;
}
#main-menu li a.selected,
#main-menu li a.selected:hover {
  background-color: var(--dp-red);
  color: #fff;
}

/* ---- Links and buttons --------------------------------------------------- */
a { color: var(--dp-red-dark); }
a:hover { color: var(--dp-red); }

input[type="submit"].button-positive,
.button-positive,
a.icon-add.button-positive {
  background: var(--dp-red);
  border-color: var(--dp-red-dark);
  color: #fff;
}

/* ---- Tables and panels --------------------------------------------------- */
table.list thead th {
  background: #F3F5F9;
  border-bottom: 2px solid var(--dp-red);
}
#sidebar h3 { color: var(--dp-ink); }
div.box { border-radius: 4px; }

/* ---- Login page ---------------------------------------------------------- */
#login-form table { border-top: 3px solid var(--dp-red); }