div [id*="task_history"]{
    /* padding-left: 100px; */
    background: #8CF4E433;
}
div [id*="task_note"]{
    /* padding-left: 100px; */
    background: #F5F7F4;
}
div [id*="task_audit"]{
    /* padding-left: 100px; */
    background: #eeecd0;
}
td {
}
th.history {
   background: #8CF4E4;
}
th.note {
    background: #D1D5CF;
}
th.audit {
   background: #EAC697;
}
table.task_detail {
   background: #CEE0F2;
}
.dateheader {
   background: #8b9d9f3d;
}
.breadcrumbs {
	background-color: #f7f7f7;
	border: 0px solid #ddd;
}
.credits {
	color: #666;
}
.credits a {
	color: #666;
}
.size_8 {
	font-size: 8px;
}
.credits_title {
	color: #999;
	font-size: 12px;
	font-weight: bold;
}
.primarytask_title {
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}
.subtask_title {
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}
.small_title {
	color: #999;
	font-size: smaller;
}
#ed_toolbar {
	background-color: #ddd;
	border: 1px solid #999;
	padding: 2px;
}
input.filtercheckbox {
        height: 10px;
        width: 10px;
}
input.ed_button {
	font-family: verdana;
	font-size: 10px;
	padding: 0px;
}
#ed_toggle {
	border: 1px solid #999;
	border-bottom: 0px;
	background-color: #e8e8e8; 
	padding: 1px;
	cursor: pointer;
	cursor: hand;
}
#ed_toolbar select {
	font-family: verdana;
	font-size: 10px;
}
.form {
	background-color: #ffc;
	border: 1px solid #ff6;
}
.form_toolbar {
	background-color: #e8e8e8;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
}
.form_button {
	border: 1px solid #e8e8e8;
}
.form_button_on {
	border-bottom: 1px solid #999;
	border-left: 1px solid #ccc;
	border-right: 1px solid #999;
	border-top: 1px solid #ccc;
}
.form_button_down {
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #999;
	border-right: 1px solid #ccc;
	border-top: 1px solid #999;
}
.group {
	border: 1px solid #f7f7f7;
}
.groupActive {
	background-color: #ffc;
	border: 1px solid #ff6;
}
.groupTable {
	background-color: #f7f7f7;
}
.header {
	border: 1px solid #ff6;
	background-color: #ff6;
	color: #333;
	padding: 3px;
}
.label {
	color: #666;
	padding-bottom: 2px;
	padding-top: 2px;
}
.subtask_label {
	color: #000;
	padding-bottom: 2px;
	padding-top: 2px;
}
.one_pixel_border {
	background-color: #fff;
	border: 1px solid #999;
}
.search_label {
	width: 100px;
	text-align: right;
}
.search_label_group {
	width: 75px;
	text-align: right;
}
.task_background_header {
	color: #fff;
	border: 0px solid #000;
	background-color: rgb(102, 153,204);
	margin-top: 5px;
}
.task_background_header h2 {
	margin-top: 0px;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 0px;
}
.task_background_focus {
	border: 0px solid #ff6;
	background-color: #ffc;
	margin-top: 1px;
}
.task_background_even {
	border: 0px solid #ddd;
	background-color: #f7f7f7;
	margin-top: 1px;
}
.task_background_odd {
	border: 0px solid #ccc;
	background-color: #ffffff;
	margin-top: 1px;
}
.hold_check_background {
	border: 0px solid #CCE0CC; 
	background-color: #aef4ae;
	margin-top: 1px;
        opacity: 0.8;
        background-image:  repeating-linear-gradient(45deg, #444cf7 25%, transparent 25%, transparent 75%, #444cf7 75%, #444cf7), repeating-linear-gradient(45deg, #444cf7 25%, #e5e5f7 25%, #e5e5f7 75%, #444cf7 75%, #444cf7);
        background-position: 0 0, 10px 10px;
        background-size: 20px 20px;
}
[class*="task_background_complete"] {
	border: 0px solid #CCE0CC; 
	background-color: #aef4ae;
	margin-top: 1px;
}
.open_header_dark {
	background-color: #BEE1E9;
}
.root_header_dark {
	background-color: #000000;
}
.complete_header_dark {
	background-color: #63ce1a;
	border: 0px solid #ccc;
}
.form_dialog{
  border:5px solid #666;
  padding:10px;
  background-color:#fff;
  position:fixed;
  top:10;
  left:10;
  display:none;
}
.form_dialog label{
  display:inline-block;
  color:#cecece;
}
.task_tree_major {
  float: right;
}
.task_tree_minor {
  display: none;
}
.task_edit {
  text-align: center;
  white-space: nowrap;
  padding-right: 5px;
  padding-left: 5px;
}
[class*="priority_"] img {
   vertical-align: middle;
   width: 25px;
   height: 25px;
}
.priority_1 {
   background-color: #ddeec3; 
   width: 20px;
   height: 20px;
}
.priority_2 {
   background-color: #82ecb0; 
}
.priority_3 {
   background-color: #f2ef35; 
}
.priority_4 {
   background-color: #f2b2bd; 
}
.priority_5 {
   background-color: #f22146; 
}
.priority_6 {
   background-color: #ddeec3; 
}
.priority_6 img{
}
.priority_7 img{
   width: 20px;
   height: 20px;
}

hr.sub_hr {
  border-top: 1px solid blue;
}

hr.sub_hr_dotted {
  border-top: 1px dotted blue;
}

hr.sub_hr_dashed {
  border-top: 1px dashed blue;
}

#goTop {
  display: none; /* Hidden by default */
 position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
 left: 20px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Removeoutline */
 background-color: lightblue; /* Set a background color */
  color: white; /* Text color */
 cursor: pointer; /* Add a mouse pointer on hover */
  padding: 5px; /* Some padding */
 border-radius: 10px; /* Rounded corners */
  font-size: 8px; /* Increase font size */
}

#goTop:hover {
  background-color: #555; /* Add a dark-grey background on hover */
} 
.edit_task {
   white-space: nowrap;
}
[id^="task_subnote"] ul { 
        padding-left: 1.2em; 
}
[id^="task_subnote"] h1, h2, h3, p { 
        margin: 0px; 
}
/* #note_table table, #note_table tr, #note_table td, #note_table th  {   */
[id^="task_subnote"] table table, [id^="task_subnote"] table table tr, [id^="task_subnote"] table table td, [id^="task_subnote"] table table th,  
[id^="task_subhistory"] table table, [id^="task_subhistory"] table table tr, [id^="task_subhistory"] table table td, [id^="task_subhistory"] table table th  {
      table-layout: auto !important;
      width: auto !important;
      height: auto !important;
}
[id^="task_subnote"] table table td, [id^="task_subnote"] table table th, [id^="task_subhistory"] table table td, [id^="task_subhistory"] table table th  {
      padding: 1px; 
      border-bottom: 1px solid black !important;
}
[id^="task_history"] p { 
        margin: 0px; 
}