.task-status-ctn {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  font-size: 0.85em;
  word-spacing: -0.08em;
  min-width: 145px;
  max-width: 145px;
}

.task-status-ctn .dropdown {
  height: 100%;
  width: 100%;
}

#task-status-dropdown {
  height: 100%;
  width: 100%;
  padding: 0;
  text-align: left;
  background: none;
  color: #e0e0e0;
  border: none;
}

.edit-icon-ctn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 40px;
}

#task-edit-icon {
  display: none;
  position: relative;
}

.task-status-ctn:hover #task-edit-icon {
  display: block;
}

.task-status-ctn .dropdown ul {
  z-index: 9001;
  border-radius: 5px;
  margin: 4px 0 0 -7px;
  padding: 0;
  min-width: 0;
}

.task-status-ctn .dropdown ul li a {
  padding: 2px 6px;
}

.task-status-ctn img {
  display: flex;
  min-width: 30px;
  max-width: 46px;
  width: 14vw;
  height: auto;
  margin-left: 6px;
}

@media (min-width: 1367px) {
  .task-status-ctn {
    white-space: nowrap;
  }
}

@media (max-width: 499px) {
  .task-status-ctn {
    min-width: 74px;
    max-width: 74px;
  }
  #task-status-dropdown {
    word-break: break-word;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: pre-wrap;
  }
  .task-status-ctn img {
    display: none;
  }
}

.task-status-Done #task-status-dropdown {
  color: #2bde2b;
}
