.salvus-tasks-editor
  background: #fff
  width: 100%

.salvus-tasks-new
  background-color: white

.salvus-task
  background-color: white
  padding-left: 1ex
  padding-bottom: 0ex
  padding-right: 0em
  padding-top: 1ex
  cursor: pointer
  border: 2px solid transparent
  border-radius: 1ex
  width: 99%
  margin-left: 0px
  margin-right: 0px

.highlight-tag
  background-color: orange !important
  margin: 0px

.salvus-task:hover
  background-color: #efe

.salvus-task-desc
  border: 1px solid #ddd
  padding: 1ex
  padding-bottom: 0px
  margin: 1ex
  margin-top: 0px
  background: white
  &:hover
    cursor: text
    /*border-radius: 3px;
     *border-color: #51a7e8;
     *box-shadow: inset 0 0 5px rgba(81,167,232,0.5);
     */

.salvus-tasks-desc-edit
  width: 100%

.salvus-task-icon
  color: #888
  padding-top: 4px
  padding-bottom: 0
  font-size: 9pt
  &:hover
    color: #0088cc

.salvus-task-sort-icon
  font-size: 15pt
  margin-right: 4em

.salvus-task-icon-done-box
  font-size: 17pt
  color: #888
  &:hover
    color: #51a7e8

.salvus-task-viewer
  color: #444

.salvus-current-task
  border: 2px solid #08c
  background-color: #e8f2ff

.salvus-tasks-search-describe
  margin-top: 4px
  font-size: 11pt
  padding-bottom: 4px

.salvus-new-task-cm-editor
  margin-bottom: 1ex
  min-height: 2em
  padding-left: 1ex
  padding-right: 1ex
  border: 1px solid #ccc
  border-radius: 3px
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075)

.salvus-new-task-cm-editor-focus
  border-color: #51a7e8
  box-shadow: inset 0 0 5px rgba(81, 167, 232, 0.5)

.salvus-new-task-cm-scroll
  overflow-y: hidden
  overflow-x: auto

.salvus-tasks-list-heading
  padding-bottom: .5ex
  font-size: 11pt
  cursor: pointer

.salvus-tasks-header
  // border-right: 1px solid grey;
  padding-right: 10px

.salvus-task-header-current
  font-weight: bold

.salvus-tasks-list
  overflow-y: auto
  overflow-x: hidden
  margin-bottom: 2em
  padding-right: 10px
  padding-left: 10px

.salvus-task-reorder-handle
  font-size: 17pt
  color: #888
  margin-right: 6px
  &:hover
    color: #51a7e8

.salvus-task-icon-active
  font-size: 13pt

.salvus-task-icon-active-is_active, .salvus-task-active
  color: orange

.salvus-task-is_active
  background: lightyellow

.salvus-task-toggle-icon
  color: #888
  font-size: 17pt
  margin-left: 0 !important
  // undo the pull-right bootstrap style
  &:hover
    color: #51a7e8

.salvus-task-active-icon:hover
  color: #222

.salvus-task-last-edited
  color: #888
  font-size: 10pt

.salvus-task-due
  color: #888
  font-size: 10pt
  &:hover
    color: #08c

.salvus-task-done
  color: #888
  font-size: 10pt

.salvus-task-overdue
  background: red
  color: white

.salvus-task-delete
  font-size: 15pt
  color: #888
  &:hover
    color: red

.salvus-task-deleted
  color: red

.salvus-tasks-filename
  font-weight: bold
  font-size: 11pt
  color: #666

.salvus-task-due-clear:hover
  color: #f00

.salvus-tasks-hash
  background-color: #2f96b4
  color: white
  padding: 3px
  border-radius: 3px
  cursor: pointer
  &:hover
    background-color: #2a85a0

.salvus-tasks-hashtags
  overflow: hidden
  padding: 3px
  margin: 0
  line-height: 0

// .salvus-tasks-hashtag-button!

.salvus-tasks-first
  cursor: pointer

// .salvus-task-active-button!

.salvus-task-checkbox
  cursor: pointer

.salvus-task-overall-done
  opacity: .7
  &:hover
    opacity: 1

.salvus-task-sort
  padding-left: 0

.salvus-tasks-loading
  font-size: 16pt

.salvus-tasks-list-none
  margin-left: 3em

.salvus-task-search-deleted-icon
  margin-bottom: 4px

.bootstrap-datetimepicker-widget > ul
  padding: 0