/* load the default Redmine stylesheet */
@import url(../../../stylesheets/application.css);

#content h1, h2, h3, h4, h5, h6 {
  color: inherit;
}

textarea {
  font-size: 1.2em;
}

/* -----------------------------------
   MAIN TITLE
*/
#header {
  background: #628db6 url(../images/logo.png) no-repeat 0% 7px;
  height: 68px;
}

#header > h1 {
  margin-left: 350px;
}

/* -----------------------------------
   BUTTONS
*/
/* cancel buttons */
div.warning + p > a,
form#news-form > a,
form#new_page > p > a,
form.new_message > p > a {
  background: #ffd6d6;
  padding: 5px;
  border: 1px solid;
  border-radius: 5px;
}

/* shift main menu down a little*/
#top-menu {
  font-size : 1em;
  padding: 4px 10px 0px 12px;
}

/* confirm button */
input[type="submit"] {
  background: #aaff9e;
}

/* continue */
input[name="continue"] {
  background: #d9d6fd;
}

/* Leave comment button */
div#comments + p > a {
  background: #aaff9e;
  padding: 5px;
  border: 1px solid;
}

/* -----------------------------------
   HEADERS
*/

/* links in header*/
h2 > a, h2 > a:link, h2 > a:visited {
  color: white;
}

h1 {
  padding: 0 0 5px 10px;
  margin-top: 0.5em;
  color: white;
}

h2 {
  color: white;
  background-color: rgb(79,129,189);
  padding-bottom: 3px;
  color: white;
}

h3 {
  color: rgb(43,87,154);
  background-color: rgb(219,229,241);
  padding-bottom: 1px;
  color: #169;
}

/* -----------------------------------
   DOCUMENTS
*/
div.updated_on > em {
  font-size: 80%;
  color: silver;
}

div.document-group > div.document-item {
  margin-left: 30px;
}

div.document-item > div.description {
  border: 1px solid silver;
  border-radius: 5px;
  box-shadow: 2px 2px 5px 1px #c0c0c078;
  margin: 0px 30px 10px 20px;
}

div.document-item > h4 {
  font-size: 130%;
  font-weight: bold;
}

/* -----------------------------------
   WIKI HEADERS
*/

#content .wiki h1, #content .wiki h2, #content .wiki h3, #content .wiki h4, #content .wiki h5, #content .wiki h6 {
  color: black;
  background: white url(../images/title_icon.png) no-repeat 0% 55%;
  border-bottom: 1px dotted #b4d3ea;
  padding-left: 20px;
}

#content .wiki h1 {
  color: white;
  font-size: 2em;
  background-color: #289d8d;
}

#content .wiki h2 {
  font-size: 1.7em;
}

#content .wiki h3 {
  font-size: 1.5em;
}

#content .wiki h4 {
  font-size: 1.3em;
}

#content .wiki h5 {
  font-size: 1.2em;
}

#content .wiki h6 {
  font-size: 1em;
}

div.wiki span {
  background: #eaeaea;
  padding: 3px;
  border: 1px solid #bfbfbf;
  border-radius: 3px;
}

/* -----------------------------------
   Project editor
*/
/*increase default height*/
textarea#settings_welcome_text {
  min-height: 300px;
}

/* -----------------------------------
   Role editor
*/
input#role_name {
  width: 100%;
}

select#role_issues_visibility, select#role_time_entries_visibility, select#role_users_visibility {
  width: 30%;
}

/* -----------------------------------
   TASKS
*/
/*messages*/
h4.note-header {
  background: rgb(219,229,241);
}

div#activity dl {
  border-left: 10px double #e1e1e1;
}

div#activity dd {
  margin-bottom: 0em;
  padding-left: 0px;
}

/* task form */

p#issue_is_private_wrap {
  float: none;
}

select#issue_tracker_id {
  width: 50%;
}

th.subject {
  width:50%;
}

td.subject a {
  color: rgb(13, 81, 121);
}

td.subject {
  border-left: 1px solid #79cafb;
  border-right: 1px solid #79cafb;
  font-weight: bold;
}

table.list td.fixed_version, table.list td.project {
  text-align: left;
}

.splitcontentright {
  border-left: 1px dotted silver;
  border-bottom: 1px dotted silver;
}

.splitcontentleft {
  border-right: 1px dotted silver;
  border-bottom: 1px dotted silver;
}

/* -----------------------------------
   SEARCH
*/

#search-results {
  margin-left: 0em;
}

#search-results dd {
  margin-bottom: 1em;
  padding-left: 2em;
}

.reply {
  padding-top: 5px;
  padding-bottom: 5px;
}

/* -----------------------------------
   NEWS
*/

.news-article > header > h3 {
  background: white;
}

article > header {
  padding-left: 10px;
  border-left: 10px double #e1e1e1;
}

header + div.wiki {
  border: 1px solid silver;
  border-radius: 5px;
  box-shadow: 2px 2px 5px 1px #c0c0c078;
  margin: 0px 30px 10px 20px;
}

.summary {
  font-style: italic;
  display: block;
  border: 1px solid #a4a4a4;
  background: white;
}

div.contextual + h4 {
  font-size: 80%;
  font-weight: normal;
  color: silver;
  border-bottom: 0px;
}

/* -----------------------------------
   ACTIONS
*/

div#activity dd span.description, #search-results dd span.description {
  display: block;
  border: 1px solid #a4a4a4;
  padding-bottom: 1px;
  margin-bottom: 2px;
  padding-left: 3px;
  font-style: normal;
}

/* -----------------------------------
   FORUM
*/

div#replies {
  background: cadetblue;
}

/* original message */
div.message > p + div.wiki {
  background: #ffffdd;
  border: 1px solid #a6a600;
}

/* base reply button on top WO reply */
div.message + br + p > a {
  background: #aaff9e;
  padding: 5px;
  border: 1px solid;
}

/* reply button */
span.pagination + p > a, div#replies h3 + p > a {
  background: linear-gradient(0deg, rgb(220, 249, 214) 0%, rgb(187, 247, 175) 100%);
  padding: 5px;
  border: 1px inset #3e8f47;
  border-radius: 5px;
}

span.pagination {
  padding-top: 10px;
  padding-bottom: 5px;
}

.message .contextual {
  margin-top: 1px;
  margin-right: 2px;
}

div.message.reply:nth-child(2n+1) {
  background: #ebfbed; /*#f5f5f5;*/
}

div.message.reply:nth-child(2n) {
  background: white;
}

.message.reply {
  margin-top: 1em;
  display: table;
  width: 100%;
  border-radius: 3px;
  border: 1px solid #d9d9d8;
  box-shadow: 2px 2px 4px 0px #c0c0c078;
}

div.attachments {
  border-top: 1px dotted #716f6f;
  border-left: 1px dotted #716f6f;
  border-radius: 5px;
  float: right;
  margin-bottom: -3px;
}

.author {
  color: silver;
}

.reply-header {
  padding-top: 5px;
  margin: 2px 5px 0px 0px;
  float: inline-end;
}

a.issue {
  background: #c7f9b9;
/*
  padding-left: 5px;
  padding-right: 5px;
*/
  padding: 3px 5px;
}

div.thumbnails {
  margin: 0.6em 0.6em 0.6em 2em;
  border: 1px dotted silver;
  padding: 5px;
}

/* -----------------------------------
   GENERAL
*/

blockquote {
  font-style: italic;
  padding: 0px 0px 0px 1em;
  background: white;
  border: 1px solid silver;
  margin: 0px 30px 0 30px;
  color: #678a6a;
}

p.percent {
  font-size: 100%;
  float: right;
}

/* sub-projects*/
.project {
  font-size: 1.3em;
}

.splitcontentleft {
  flex: 1;
  margin-right: 8px;
}

/* -----------------------------------
   OPERATE PLAN
*/
article div.version-overview, article form {
  margin-left: 40px;
  display: block;
}

/* -----------------------------------
   SIDEBAR
*/

#sidebar ul li, ul.flat li {
  font-size: 130%;
}

#sidebar .query.default {
  font-weight: normal;
  border: 1px solid #169;
  padding-right: 5px;
  padding-left: 5px;
}

#sidebar a.selected {
  color: #169;
  font-weight: bold;
/*
  background-color: #9DB9D5;
  font-size: 150%;
*/
}

/* -----------------------------------
   TOOL BUTTONS
*/
.contextual {
  padding: 5px 3px 4px 3px;
  border-radius: 3px 3px 3px 3px;
  border: 1px solid gray;
  background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 10%, rgba(251,251,251,1) 95%, rgba(153,153,153,1) 100%);
}

.icon {
/*  border: 1px solid #cacaff;*/
  border-radius: 3px 3px 3px 3px;
  margin: 3px;
}

.drdn {
  background: #cecece;
  padding: 2px 5px 3px 5px;
  border: 1px solid #a4a4a4;
}

/* -----------------------------------
   ISSUE VIEW
*/

.issue > .description {
  background: white;
}

div.contextual + h4.note-header + div.wiki {
  border: 1px solid silver;
  border-radius: 5px;
  box-shadow: 2px 2px 5px 1px #c0c0c078;
  /*margin: 0px 30px 10px 0px;*/
}

td.status, td.assigned_to, td.start_date, td.start_date, td.due_date, td.done_ratio {
  border-right: 1px solid #79cafb;
}

h4.note-header {
  background: none;
}

#history .tab-content {
  padding: 0 6px;
  margin-bottom: 10px;
  border: 0;
}

div.issue {
  background: #fbfbf4;
}

div.wiki {
  padding-left: 5px;
  padding-right: 5px;
}

div.issue .attributes {
  margin-top: 1em;
}

.attribute {
  border-bottom: 1px solid #909091;
}

div.issue .subject {
  background: rgb(219,229,241);
  color: #169;
}

div.issue .attributes .attribute {
  min-height: 1.8em;
  display: flex;
  align-items: center;
}

div.issue .attributes .attribute .label {
  width: 30%;
  font-weight: bold;
  float: left;
  background: #e8e8e8;
  padding: 4px;
}

div.issue .attribute .value {
  overflow: auto;
  text-overflow: ellipsis;
  padding-left: 10px;
  font-weight: bold;
}