#task-list-jumbotron {
  min-height: 400px;
}

#task-list-jumbotron h2 {
  font-size: 1.5rem;
}

.importance-rating {
  padding: 0 !important;
  width: 30%;
  vertical-align: middle;
}

  .importance-rating div {
    background-color: #0f3247;
    color: #fff;
    border-radius: 0 5px 5px 0;
    padding-right: 7px;
    text-align: right;
  }

#task-list {
  border: 1px solid #0f3247;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 15px;
  margin: 3rem auto 5rem;
}

  #task-list th {
    background: #0f3247;
    text-align: center;
  }

  #task-list td {
    border: none;
  }

#task-list {
  border-radius: 15px;
}

#task-list > thead > tr > th:first-child {
  border-radius: 15px 0 0 0;
}

#task-list > thead > tr > th:last-child {
  border-radius: 0 15px 0 0;
}

#task-list > tbody > tr:last-child > td {
  border-bottom: 0;
}

#task-list > tbody > tr:last-child > td:first-child {
  border-radius: 0 0 0 15px;
}

#task-list > tbody > tr:last-child > td:last-child {
  border-radius: 0 0 15px 0;
}

@media only screen and (min-width: 768px) {
  .importance-rating {
    width: 50%;
  }
}

@media print {
  .navbar {
    position: absolute !important;
    top: 0 !important;
    width: 100% !important;
  }
}