body {
  padding: 2rem;
}
#task_table th,
#task_table2 th,
#task_table td,
#task_table2 td {
  font-size: 14px;
  border: 1px solid gray;
  padding: 5px;
}
#task_table,
#task_table2 {
  thead {
    position: sticky;
    top: 0;
    background: #bbbbbb;
    opacity: 1;
  }
  th {
    cursor: pointer;
  }
  th:hover {
    background: beige;
  }

  .gray {
    color: gray;
    opacity: 0.6;
  }
  .red {
    color: #d70e0e;
  }
}
#task_table p,
#task_table2 p {
  cursor: pointer;
  margin: 0;
}
.dataTables_wrapper .dataTables_filter{
    float: left;
}
.dataTables_wrapper .dataTables_info {
    position: sticky;
    bottom: 0;
    background: gray;
    color: white;
}