html,
body,
body>div.container:first-child {
  height: 100%;
}

/*navbar*/
.nav-item {
  white-space: nowrap;
}

.navbar {
  margin-bottom: 2%;
}

/*user info page*/
.user-page .list-group-item {
  padding: 10px 15px;
}

/*list index page*/
.todolist-previews {
  list-style-type: none;
  padding-left: 0;
}

.todolist-previews li a {
  font-size: 22px;
}

/*list show page*/
.description-light {
  opacity: 0.5;
}

.list-list {
  list-style-type: none;
  margin-top: 15px;
}

.input-add-item {
  display: inline;
  margin-right: 5px;
}

.list-item {
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 5px;
}

.list-item-text {
  align-items: center;
  margin-left: 10px;
}

.edit-button {
  height: 31px;
  align-items: center;
}

a.edit-button i.fa-edit {
  padding: 3px 0;
}

.delete-button {
  margin-left: 10px;
  height: 31px;
  align-items: center;
}

li.list-item .list-item-checkbox {
  margin-top: 5px;
  margin-right: 8px;
}

.move-btn-box {
  margin-right: 10px;
}

.move-btn-box :first-child {
  margin-bottom: 2px;
}

.item-move-btn {
  border-color: rgb(211, 211, 211);
  width: 38px;
  justify-content: center;
  text-align: center;
  height: 20px;
}

/*footer */
#footer {
  /*bottom: 0;*/
  height: 60px;
  line-height: 60px;
  padding: 0 20px;
  margin-top: 50px;
}

/*forms*/
.todolist-form-header {
  margin: auto;
  max-width: 500px;
}

.todolist-form {
  max-width: 500px;
  margin: auto;
}

#item-form {
  line-height: 1em;
}

.bg-dsg {
  background-color: darkslategray;
}

.text-white.bg-dsg:hover {
  background-color: black;
}