.quick-actions__header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.my-task__container {
  
  border-right: 1px solid #F1F1F1;
}
.quick-actions__my-tasks{
  padding-right: 30px;
}
.quick-actions__employee-tasks{
  padding-left: 30px;
}
.quick-action-toggle{
  display: none;
}

#quick-actions .task__item {
  padding-left: 0px;
}

@media screen and (max-width: 768px) {

  .quick-actions__my-tasks .task__item .task-due {
    gap: 0.8rem !important;
  }
}

@media screen and (max-width: 767px) {
  .quick-actions__my-tasks #my-tasks .task__info {
    max-width: 40%;
  }

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

@media screen and (max-width: 576px) {
  .quick-actions__header .quick-actions__title, 
  .quick-actions__header .quick-actions__btn-create {
    width: 100%;
  }
  .quick-actions__header .quick-actions__btn-create {
    margin-top: 1rem;
  }

  .my-task__container{
    border-right: 0;
  }
  .quick-actions__my-tasks{
    padding-right: 0;
  }
  .quick-actions__employee-tasks{
    padding-left: 0;
  }
  .quick-action-toggle{
    display: block;
    margin-top: -15px;
    border:0;
  }
  #employee-tasks .toggle-content{
    display: none;
  }
  .quick-actions__header .quick-actions__title {
    font-size: 18px;
  }
  .quick-actions__my-tasks #my-tasks .dashboard-task-item {
    display: block!important;
  }
  .quick-actions__my-tasks #my-tasks .dashboard-task-item .task__tags {
    float: left;
  }
  .quick-actions__my-tasks #my-tasks .task__info, .quick-actions__my-tasks #my-tasks .task__tags {
    max-width: 100%;
  }
}