/*color code for leaves*/
/*color code for employee*/
/*background color codes*/
.incomplete-tasks-list__content-wrapper {
  padding: 20px;
}
.incomplete-tasks-list__filter {
  margin-bottom: 20px;
}
.incomplete-tasks-list__filter-input:after {
  right: 21px;
}
.incomplete-tasks-list__filter .col-md-2 {
  padding-right: 10px;
}
.incomplete-tasks-list__filter .col-md-1 {
  text-align: center;
}
.incomplete-tasks-list__content {
  margin-top: 20px;
}
.incomplete-tasks-list__content table {
  width: 100%;
}
.incomplete-tasks-list__content table th {
  font-size: 16px;
  font: 'tahoma-bold', Arial, 'Helvetica Neue', sans-serif;
  text-align: center;
  height: 40px;
  font-weight: normal;
}
.incomplete-tasks-list__content table th:first-child {
  text-align: left;
}
.incomplete-tasks-list__content table td {
  text-align: center;
  vertical-align: middle;
  height: auto;
  min-height: 40px;
  line-height: 1.35;
  padding: 8px 6px;
  border-top: 1px solid #eef4f7;
}
.incomplete-tasks-list__content table td:first-child {
  text-align: left;
}
.incomplete-task-datetime-cell {
  line-height: 1.35;
}
.incomplete-task-datetime-cell .incomplete-task-date-line {
  display: block;
  white-space: normal;
}
.incomplete-task-datetime-cell .incomplete-task-time-line {
  display: block;
  font-size: 12px;
  color: #666;
  white-space: nowrap;
}
.incomplete-task-thumb {
  width: 60px;
  height: 60px;
  object-fit: cover;
  cursor: pointer;
  border-radius: 4px;
  vertical-align: middle;
  border: 1px solid #e0e0e0;
}
.incomplete-task-thumb_empty {
  cursor: default;
  opacity: 0.9;
}
.incomplete-task-remarks-link {
  color: #1aacc6;
  cursor: pointer;
}
#overlay-incomplete-task-remarks .page-cover__content {
  padding: 20px 24px;
}
#overlay-incomplete-task-remarks #incomplete-task-remarks-body {
  margin: 16px 0;
  line-height: 1.5;
  word-break: break-word;
}
#incompleteTaskImageModal .modal-body {
  position: relative;
  height: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}
#incompleteTaskImageModal .modal-body img#incompleteTaskModalImage {
  max-width: 475px;
  height: 350px;
  object-fit: cover;
  border-radius: 12px;
}
#incompleteTaskImageModal .nav-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-weight: bold;
  font-size: 55px;
  color: #1aacc6;
  background: transparent;
  border: none;
  cursor: pointer;
}
#incompleteTaskImageModal .nav-btn:disabled {
  color: grey;
  cursor: not-allowed;
}
#incompleteTaskImageModal #incompleteTaskPrevImage {
  left: 10px;
}
#incompleteTaskImageModal #incompleteTaskNextImage {
  right: 10px;
}
#incomplete-tasks-pagination .paging {
  text-align: center;
  padding: 20px 0px;
  min-width: auto;
  margin-left: 0;
}
#incomplete-tasks-pagination .paging span {
  display: inline-block;
  padding: 0 5px;
  margin-bottom: -3px;
}
#incomplete-tasks-pagination .paging span:not(.disabled):not(.current) {
  color: #337ab7;
  cursor: pointer;
}
#incomplete-tasks-pagination .paging span:not(.disabled):not(.current):hover {
  color: #23527c;
}
#incomplete-tasks-pagination .paging .prev:not(.disabled),
#incomplete-tasks-pagination .paging .next:not(.disabled) {
  color: #337ab7;
  cursor: pointer;
}
#incomplete-tasks-pagination .paging .prev:not(.disabled):hover,
#incomplete-tasks-pagination .paging .next:not(.disabled):hover {
  color: #23527c;
}
#incomplete-tasks-pagination .paging .prev .g-icon,
#incomplete-tasks-pagination .paging .next .g-icon {
  display: inline-block;
  vertical-align: middle;
}
#incomplete-tasks-pagination .paging span.current {
  font-weight: bold;
}
#incomplete-tasks-pagination .paging .prev.disabled,
#incomplete-tasks-pagination .paging .next.disabled {
  color: gray;
  cursor: auto;
}
#overlay-incomplete-task-assigned #incomplete-assigned-view-table thead tr th {
  height: 50px !important;
}
#overlay-incomplete-task-assigned #incomplete-assigned-view-table tbody tr td {
  vertical-align: middle;
  line-height: 1.4;
  min-height: 45px;
  padding: 10px 8px;
  box-sizing: border-box;
}
#overlay-incomplete-task-assigned #incomplete-assigned-view-table .incomplete-assigned-roster-cell {
  vertical-align: middle;
}
#overlay-incomplete-task-assigned #incomplete-assigned-view-table .incomplete-assigned-roster-line {
  display: block;
  white-space: nowrap;
  line-height: 1.45;
}
#overlay-incomplete-task-assigned #incomplete-assigned-view-table .incomplete-assigned-roster-line + .incomplete-assigned-roster-line {
  margin-top: 2px;
}
#overlay-incomplete-task-assigned .incomplete-assigned-view__empty {
  text-align: center;
  padding: 16px 0;
  color: #888;
}