.error {
  color: red;
  font-size: 13px;
}

#layoutSidenav_content {
  margin-top: 20px;
}

.task_content {
  height: 470px;
}

input#is_finish {
  width: 24px;
  height: 24px;
}

tr.open {
  background: white;
  color: black;
}

tr.done {
  background: #beffbe;
  color: #00440f;
}

tr.in-past {
  background: #c7c7c7;
  color: #505050;
}

tr.urgent {
  background: #ffc55a;
  color: #634000;
}

.dataTables_filter {
  font-size: 0px;
}

.dataTables_filter input {
  font-size: 12px;
}

.dataTables_filter {
  display: none;
}

#custom-search {
  margin-bottom: 5px;
}

.table-dark.table-hover tbody tr:hover {
  color: #2d2d2d;
  background-color: #e6e6e6;
}

.table {
  table-layout: fixed;
}

.table .mobile-date {
  color: #343a40;
}

.table td {
  overflow-wrap: break-word;
}

.modal-body .action-col td:nth-child(2) {
  text-align: left !important;
}

.action-col {
  width: 120px !important;
}

.action-col .finished-from {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  width: 100px;
  margin-top: 3px;
  float: right;
}

.action-col input {
  margin-left: -5px !important;
  margin-top: 0 !important;
}

main {
  min-height: 100vh;
}

.bg-primary {
  background-color: white !important;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
  background-color: #007e9c;
  border-color: #007e9c;
}

.page-item.active .page-link {
  background-color: #007e9c;
  border-color: #007e9c;
}

.dataTables_filter label {
  width: 100%;
}

a {
  color: #007e9c !important;
}

nav {
  border-bottom: 1px solid #505050;
  box-shadow: 0px 5px 7px rgba(45, 45, 46, 0.23);
  background: #007e9c;
}

nav a {
  color: white !important;
}

nav small {
  line-height: 38px;
  margin: 30px;
  color: white;
}

.dtr-bs-modal table tr:first-child {
  display: none;
}

.dataTables_wrapper {
  min-height: 100vh;
}

.page-item.active .page-link {
  color: white !important;
}

footer {
  margin-top: 50px;
  background-color: #007e9c;
  color: white;
}

.modal .all.action-col.text-center td {
  text-align: left !important;
}

.modal .finished-from {
  width: 100% !important;
}

.modal table td {
  padding: 5px;
}

.modal table td:first-child {
  width: 85px;
  font-size: 12px;
}

.modal table td:nth-child(2) {
  overflow-wrap: break-word;
}