/*
 * TODO's
 */
.todo-group-title {
	margin: 0;
	line-height: 31px;
	padding: 0 0 0 10px;
	background: lighten( $gray-lightest, 2.5%);
	border-bottom: 1px solid darken($gray-lighter, 3%);
	border-top: 1px solid $gray-lightest;
	color: $gray-light;
}

.todo {
	margin: 0;
	padding: 0;
	min-height: 5px;
	list-style: none;
  > li {
	  display: block;
	  position: relative;
	  overflow: hidden;
	  border-bottom: 1px solid darken($gray-lighter, 3%);
	  margin: 0 5px;
	  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAQCAYAAADagWXwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0RkQ1OEY4NTM4NUIxMUUzQjdCMUMxQzJCQUE3MTMxOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0RkQ1OEY4NjM4NUIxMUUzQjdCMUMxQzJCQUE3MTMxOCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjRGRDU4RjgzMzg1QjExRTNCN0IxQzFDMkJBQTcxMzE4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjRGRDU4Rjg0Mzg1QjExRTNCN0IxQzFDMkJBQTcxMzE4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+pTD+wgAAACtJREFUeNpimDBhwn8gYABhdDYjiIELMDHgAUwTJ06Ea0VnjxpLO2MBAgwAGYZLegQbQ3UAAAAASUVORK5CYII=) 1px 11px no-repeat;
	  
	  &:last-child, &:only-child { border-bottom: none; }
	  >:first-child {
	    display: block;
	    border-right: 1px solid #FFE1EB;
	    height: 100%;
	    padding: 6px 11px 6px 18px;
	    width: 20px;
	    vertical-align: top;
	    position: absolute;
	    &:hover { cursor: move; }
    }
    > p {
	    height: 100%;
	    margin-left: 52px;
	    border-left: 1px solid #FFE1EB;
	    display: inline-block;
	    padding: 8px 0px 6px 7px;
	    margin-bottom: 0;
	    min-height: 37px;
	    line-height: normal;
	    font-size: 14px;
	    font-weight: 500;
	    color: $gray-dark;
	
	    >:first-child {
	      margin-top: -5px;
	      color: $gray-light;
	      margin-bottom: 4px;
      }
      > .date {	color:$gray-mid-light; }
	    > span {
	      display: block;
	      line-height: 12px;
	      font-size: 10px;
	      font-weight: normal;
      }
    }
  }
  > li.complete {
	  background: none;
	  >:first-child:hover { cursor: default; }
	  > * {
	    text-decoration: line-through;
	    font-style: italic;
    }
  }
}

/* drag */
.todo > li.ui-sortable-helper {
	border-top: 1px solid $gray-lighter;
	background: rgba(113, 132, 63,0.1);
}