[data-module=todo] .content{
  overflow: hidden;
}
#project-module-container{
  display: flex;
  flex-direction: column;
}

#project-todo {
  padding: 10px;
}

.project-description-container {
  display: flex;
  font-size: 1em;
  width: 100%;
  word-break: break-all;
  overflow: hidden;
  white-space: pre-wrap;
}

#todo-app-content-container {
  display: flex;
  flex-direction: row;
}

.trigger-collapse-button {
  padding: 8px 8px 0px 8px;
  display: flex;
  flex: none;
  align-items: flex-end;
}

.trigger-collapse-button {
  color: var(--theme-active-text);
}
.state-filter-container {
  display: flex;
  flex-wrap: wrap;
  align-self: flex-start;
}

.right-btn,
.left-btn {
  padding: 0px 8px 0px 8px;
  cursor: pointer;
  font: normal normal normal 30px Lato;
  align-self: center;
}

.left-btn {
  position: absolute;
  top: calc(50% - 21px);
}

.state-list-content-container {
  display: flex;
  padding: 10px;
  position: relative;
  border-bottom: solid #d8d8d8 1px;
  padding: 10px 0px 9px 0px;
}

.state-label-and-left-btn {
  display: flex;
  flex-direction: column;
}

.state-label {
  align-self: flex-start;
  display: flex;
  color: #919196;
}

.state-item {
  margin: 2px;
  padding: 4px 6px;
  border-radius: 10px;
  background: var(--secondary-background);
  font: 14px Lato;
  line-height: 14px;
  word-break: break-all;
  cursor: pointer;
  color: #9696A0;
}

.state-item.checked {
  color: var(--primary-button-color);
  background: var(--primary-button-background);
}

.suffix-input-container {
  display: flex;
  align-items: center;
}

.advance-search-trigger-icon {
  cursor: pointer;
  width: 20px;
  height: 20px;
  mask-image: url(../../common/img/commonIcon/filter-search-icon.svg);
  -webkit-mask-image: url(../../common/img/commonIcon/filter-search-icon.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  background-color: #96969f;
}
.advance-search-trigger-icon:hover {
  background-color: var(--main-key-color);
}

.search-project-task-input-container {
  max-width: 340px;
  width: 340px;
}
#shared-task-container .search-project-task-input-container{
  margin-bottom: 3px;
}
.search-project-task-input-container input.ant-input {
  padding-right: 55px !important;
}

.view-search-wrapper {
  display: flex;
  justify-content: space-between;
  border-bottom: solid #d8d8d8 1px;
  flex: 1;
}

.clear-advance-search-text,
.clear-new-template-text {
  width: 24px;
  height: 24px;
  background: url(../../common/img/commonIcon/close-icon.svg);
  background-size: 24px 24px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.advance-search-text-label-container {
  display: flex;
  justify-content: space-between;
  border: 1px solid var(--main-border-color);
  border-radius: 5px;
  height: 32px;
  cursor: pointer;
  padding: 0px 10px 0px 10px;
  text-align: left;
  align-items: center;
}

.advance-search-text-label {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.advance-search-content-container {
  padding: 10px;
  min-width: 300px;
}

.state-control-button-list-container {
  display: flex;
  justify-content: flex-end;
}

.state-control-btn {
  cursor: pointer;
  padding: 0px 4px 0px 4px;
  color: var(--main-key-color);
  display: flex;
  align-items: center;
}

.rich-text-editor-wrapper .description-input.rich-text-editor{
  min-height: 200px !important;
}
.task-name-text-input input{
  border: none !important;
  font-size: 20px;
}
.task-name-text-input .input-label {
  font-size: 20px;
}

.task-name-text-input{
  border-bottom: 4px solid var(--main-key-border-color);
  margin-bottom: 10px;
}

.gantt-container {
  /* height: 100%; */
  display: flex;
  flex-direction: row;
  overflow-y: auto;
  flex-grow: 1;
}

.gantt-task-name-container {
  display: flex;
  align-items: center;
}

.gantt-name-container {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-height: 35px;
}

.icon-container {
  margin: 0px 4px 0px 4px;
}

.icon-container:first-child {
  margin-left: 0px;
}

.icon-container:last-child {
  margin-right: 0px;
}

.timeLine {
  flex: 1;
}

.gantt-task-detail-column i{
  width: 14px;
  height: 14px;
}

.gantt-task-detail-column i svg {
  width: 14px;
  height: 14px;
}

.timeLine-main-non-infinity-scroll {
  height: 100%;
}

#timeLinedataViewPort {
  display: block;
}

#project-module-container .justify-between {
  justify-content: space-between;
}

#project-module-container .items-center {
  align-items: center;
}

div[data-module="todo"] .public-DraftStyleDefault-block {
  margin: 4.5px 70px 4.5px 10px;
}

div.tagger-with-manhour-container {
  display: flex;
  align-items: start;
}

.w-1\/2 {
  width: 50%;
}

div.tag-select-section {
  padding: 5px 5px 5px 0px;
}

div.manhour-textfield-section {
  padding: 5px 0px 5px 5px;
}

.normal-button {
  background-color: var(--normal-button-background);
  color: var(--normal-button-color);
  border: var(--normal-button-border);
  padding: 4px 8px;
  border-radius: 5px;
  cursor: pointer;
}

#report-manhour-tag-assignee-section,
#report-manhour-tag-assignee-section > * {
  max-height: 180px;
}

.h-full {
  height: 100%;
}

#report-manhour-tag-assignee-section .members-input .list,
#report-manhour-tag-assignee-section .tag-list-container {
  max-height: 130px;
}

#report-manhour-tag-assignee-section .tag-list-container {
  overflow-y: auto;
}

div#update-subtask-main-task-label,
div#update-task-main-task-label {
  width: fit-content;
}