a {
  color: black;
  text-decoration: none;
}

.container-xs {
  max-width: 840px;
}

.content {
  margin-top: 60px;
}

.navbar-expand-lg .navbar-nav .nav-link, .navbar-light .navbar-brand {
  font-size: 13px;
}


/* autocomplete */

.autocomplete {
    background: white;
    z-index: 1000;
    overflow: auto;
    box-sizing: border-box;
    border: 1px solid #ccc;
}

.autocomplete * {
    font: inherit;
}

.autocomplete > div {
    padding: 0 6px;
}

.autocomplete .group {
    background: #eee;
}

.autocomplete > div:hover:not(.group),
.autocomplete > div.selected {
    background: #007bff;
    cursor: pointer;
}

/* task list */

.task-list {
  font-size: 13px;
}

.task-list i.task-status {
  color: red;
  font-size: 22px;
  padding-top: 5px;
}

.task-list i.task-status.status-done {
  color: #198754;
}

.task-list .task-date {
  margin-top: 8px;
  color: gray;
}

.template-list li {
  font-size: 13px;
  padding: 5px 20px;
}