@import "tagColors.css";

/*---- Hiding all unneccessary parts of a checklist*/

.hidden, .topbar, div#toolbar, div.sidenotes, div#treeDebug, div.singleLineForm, div#checklistsData, img#progressImage,
  div#ec_debug_logging_jslog_handle, img.nodeImage, div#hidden_node, .notice, #deleteBlockId, div.recently, table.dueTable td.actions,
  .goLink, #search_form

{
  display: none;
}

.clr_left, .clr {
  clear: left;
  font-size: 0;
  height: 0;
}

.clr {
  clear: both;
}


h1 {
  margin: 0;
  padding-top: 0;
  border-bottom:1px solid black;
}

h1 span.archivedMessage, h1 span.readOnlyMessage {
  display: none;
}

#showAllNotes {
	float: right;
	font-size: small;
    margin-top: 1em;
	z-index: 2000;
}

span.divider {
  color: #888;
  padding: 0 0.3em;
}

#tasks_block.compact {
  width: auto;
}

img.checkMark {
  position: relative;
  top: 2px;
  left: -5px;
  padding: 2px;
  border: 0;
  z-index: 2;
}

.task_invalidated img.checkMark, .task_closed img.checkMark {
  visibility: hidden;
}

ul#searchResultList li img.checkMark {
  display: none;
}

ul#searchResultList ul li img.checkMark {
  display: inline-block;
}

div.hrDivider {
  width: 100%;
  background-color: #bbb;
  height: 1px;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

span.task_closed {
  color: #888;
  text-decoration:line-through;
}

span.task_invalidated {
  color: #888;
}

.taskStatus, .taskStatus a, a.commentsCount {
  font-size: small;
  color: #888;
}

.taskStatus a, a.commentsCount {
  text-decoration: none;
}

a.commentsCount {
  margin-left: 0.5em;
}

/* Style for status text, like 'updated by kir' */
.taskStatus {
  display: none;
}

.showDetails .taskStatus {
  display: inline;
}

ul#parentTask_0 li, ul#searchResultList li {
  line-height: 1.6;
  font-weight: bold;
  list-style: none;
}

ul#parentTask_0 ul li.task, ul#searchResultList ul li {
  line-height: 1.5;
  font-weight: normal;
  list-style: none;
}

/*------------- hiding notes */

span.commentActions, div.addCommentLink {display:none;}

div.commentInfo {border-bottom: 1px dotted #ccc; padding-bottom:.5em; color: #888; font-size: smaller; margin-right: 1em;}

div.comments {margin-left: 1em; padding-left: 1em; background-color:#f3f3f3; font-size:small; font-weight: normal;}



/* --------- Hiding all unnecessary parts from the Checklist index */

.indexToolbar, .topTabs2, table.dashboard td.checkbox, table.dashboard td.tasks b, h5, div.indexActionsBottom {
  display:none;
}


table.dashboard {
  border-bottom:1px solid #ccc;
  width:100%;
}

table.dashboard td.number {
  vertical-align:middle;
  width:1.2em;
  text-align:left;
}

table.dashboard td.checklistName {
  font-weight:bold;
  width:60%;
  text-align:left;
}

table.dashboard td.checklistName a:link, table.dashboard td.checklistName a:visited,
table.dashboard td.shared a:link, table.dashboard td.shared a:visited {
  color:black;
  text-decoration:none;
}

table.dashboard td.tasks {
  width:13%;
}

table.dashboard td.tasks p {
  margin: 0.2em;
}

table.dashboard td.shared {
  text-align:right;
}

/*----- printing the Reference page */

h5.keyShortcuts, h5.help {display:block;}

div.illustrate img {border:1px solid gray;}

/*----------------- task colors --- */
div.coreDiv span.fg1, a.listItem.fg1 {color: #cc0000;}
div.coreDiv span.fg2, a.listItem.fg2 {color: blue;}
div.coreDiv span.fg3, a.listItem.fg3 {color: green;}

div.coreDiv span.bg1, a.listItem.bg1 {background-color: #ff6666;}
div.coreDiv span.bg2, a.listItem.bg2 {background-color: #6397ff;}
div.coreDiv span.bg3, a.listItem.bg3 {background-color: #66cc66;}
div.coreDiv span.bg1, div.coreDiv span.bg2, div.coreDiv span.bg3 {
  -webkit-border-radius: 3px;
  -moz-border-radius: 2px;
}

.favicon {
  width: 16px;
  height: 16px;
  border: none;
  vertical-align: middle;
  margin-right: .1em;
}

.dueDate {
  display: inline-block;
  margin-right: 0.7em;
  margin-left: 0.7em;

  font-size: 85%;
  font-weight: normal;
  color: gray;
}

.dueDate div, div.dialog {
  display: none;
}

/* If there is a background, we remove padding for div and add padding to span. This is required to
    make better look of the background + selection
    Unfortunately, there will be a shift for the first line if the task is multiline one.
 */
 div.coreDiv.bg1, div.coreDiv.bg2, div.coreDiv.bg3 {
   padding-left:  0;
   padding-right: 0;
 }

 div.coreDiv span.bg1, div.coreDiv span.bg2, div.coreDiv span.bg3 {
   padding-left:  4px;
   padding-right: 4px;
 }

/*---------------- Due task tab printing */

table.dueTable {width: 100%;}

td.dueTask {padding: 5px 0 5px 5px;}
a.listItem {text-decoration: none; color: black;}
td.dueTask span.parentBreadcrumb {font-size: smaller; color: gray; font-style: italic;}
td.dueInfo {font-size: smaller; color: gray; white-space: nowrap; padding-left: 1em;}

td.chlName {border-bottom: 1px solid gray;}
td.chlName a {text-decoration: none; color: black; font-weight: bold; font-size: smaller;}
h2.dueGroup {margin: 10px 0; font-variant: small-caps; font-size: smaller; color: #8b0000;}

/**--------------- Tags styling */
span.archivedList, .updateLine {
  margin-left: 0.5em;
  font-size: 85%;
  color: gray;
}

.tag:before {
  content: "#";
}

.tag {
  padding: 0.2em 0.3em 0.1em;
  margin-left: 0.5em;
  font-size: 85%;
}