.task__item{
  border-bottom: 1px solid var(--grayscale-200);
  padding: 7px 0;
}
.task__item:first-child{
  border-top: 1px solid var(--grayscale-200);
}

.task__item:last-of-type{
  border-bottom: 1px solid var(--grayscale-200);
}

.task__item p{
  margin-bottom: 5px;
  line-height: 0.8;
}

.link-verimus-btn{
  font-size: 14px;
}

.task__tags span, .task__info span{
  background-color: var(--grayscale-100);
  border-radius: 3px;
  margin-right: 5px;
  color: var(--grayscale-500);
  font-size: 14px;
  padding: 4px 7px;
}
.task__tags .tag-div{
  padding: 2px 5px;
  margin: unset;
}
.task__tags .tag-author {
  margin-left: unset;
}
.task__view{
  background-color: var(--grayscale-100);
  color: var(--grayscale-500);
  border-radius: 4px;
  padding: 5px 10px;
  text-decoration: none;
  font-size: 10px;
}

.task__view:hover{
  text-decoration: none;
  background-color: var(--main);
  color: white;
}

.task__label{
  font-size: 14px;
  font-weight: 500;
  margin-right: 5px;
}

.task__title{
  font-size: 14px;
  font-weight: 800;
}
.form-check .form-check-label, .form-check .task__tags{
  cursor: pointer;
}

.task__content .form-check-label{
  font-size: 14px;
  cursor: pointer;
}
#my-tasks .task__info, #my-tasks .task__tags {
  max-width: 50%;
}

.task-out-of-date{
  background: var(--bg-error)!important;
  color: var(--error)!important;
}
@media (min-width: 1400px) {
  .task__label {
    width: 25%;
  }
}
@media (max-width: 1024px) {
  #my-tasks .task__info, #my-tasks .task__tags {
    max-width: 100%;
  }
}
@media (max-width:767px){
  .task__content .form-check-label {
    width: 100%;
  }

  .task__label {
    width: 200px;
  }
}

@media (max-width:768px){
  .task__tags{
    text-align: end;
  }

  .task-name, .task-out-of-date {
    display: inline-block;
    white-space: normal;
    overflow-wrap: break-word;
  }

  .task-name {
    padding: 2px 5px !important;
  }

  .tag-author span.author-name {
    padding-left: 20px;
  }

  /* .employee-detail-document */
}