#task-form label {
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: 700;
}

.task-action-container {
    min-width: 40%;
    margin-bottom: 29px;
}

.task-action-container a {
  display: flex;
  align-items: center;
  justify-content: center;
}

a.show-hide-completed-task-btn {
    text-decoration: underline;
}

#create-other-task {
  min-height: 50px;
  font-weight: 700;
}
.task__item a:hover{
  text-decoration: none;
}
#view-tasks {
  min-height: 50px;
  font-weight: 700;
}

#my-tasks-completed{
  display: none;
}

#my-tasks-completed .task__item .form-check-label,
#my-tasks-completed .task__item .task__tags{
  opacity: 0.6;
}

.my-tasks .task__item .form-check-input:checked[type=checkbox] {
  border-color: #27A376 !important;
  background-color: #27A376 !important;
}

.my-tasks .task__item .form-check-input {
  box-shadow: unset !important;
}

.my-tasks .task__info {
  max-width: 70%;
}

.task__tags .task-out-of-date{
  background:var(--bg-error);
  color: var(--error);
}

.table-user_task input[type="checkbox"]{
  pointer-events: none;
}


/*
.tasks-completed.task-out-of-date{
  background-color: var(--grayscale-100);
  color: var(--grayscale-500);
}*/

.task__item {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.task__item::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, #CEEFDF, #ffffff);
  z-index: -1;
  transition: left 1s;
}

.task__item.animate::before {
  left: 100%;
}

#add-task-btn {
  margin-right: 15px;
}

#add-task-type-btn {
  border: 0;
}

.my-tasks {
  height: 100%;
}

@media (max-width: 1248px) {
  .my-tasks .task__info, .my-tasks .task__tags {
    max-width: 50%;
  }
}

@media only screen and (max-width: 1069px) {
  .task-header .task__title {
    width: 100%;
  }

  .task-header .task-header-right {
    width: 100%;
    justify-content: flex-start !important;
    margin: 1em;
  }
}

@media (max-width: 920px) {
  .my-tasks .task__info {
    max-width: 40%;
  }

  .my-tasks .task__tags {
    max-width: 60%;
  }
}

@media (min-width: 768px) and (max-width: 771px) {
  .add-task-gr-btn #add-task-btn {
    display: inline-block;
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 485px) {
  #show-hide-completed-task-btn {
    width: 100%;
  }

  .task-header .task-header-right {
    width: 100%;
    justify-content: flex-start !important;
    margin: 1em;
    display: block !important;
  }

  .add-task-gr-btn {
    margin-top: 10px;
  }

  #save-task {
    width: 100%;
  }

  .my-tasks #task-form #select2-task-category-container {
    font-size: 14px;
  }
}

@media screen and (max-width: 576px) {
  .task-action-container {
    flex-wrap: wrap;
  }
  .task-action-container a {
    width: 100% !important;
  }
  .create-my-task-complete {
    padding: 1rem;
  }
}