.task_menu_icon{
  width: var(--space-lg);
}

/* *-----------------------------------------------------------------------------------------* */
/* Sub Section ( 9 / 10 ) for TASK MANAGEMENT BOARD SCREEN
/* *-----------------------------------------------------------------------------------------* */

.task_board {
  margin:auto;
  position: relative;
}
.task_board_main {
  width: 100%;
  display: inline-block;
}
.main_container {
  position: relative;
  background-color: var(--color-white);
  outline-width: 0px;
  padding-bottom: var(--space-lg);
  min-height: 100%;
  user-select: none;
  overflow-x: hidden;
  overflow-y: hidden;
  display: flex;
  flex-shrink: 0;
  flex-direction: row;
  border-radius: var(--space-sm);
}

.task_board_container {
  display: flex;
  flex-shrink: 0;
  flex-direction: row;
  border-radius: var(--space-sm);
  width: auto;
  margin: var(--space-sm) 0px var(--space-sm) 0px;

}

.tooltip_content_container{
  background-color:var(--color-white);
  top: 2110.62px;
  left: 1078.88px;
  border: var(--space-2xs) solid rgb(193, 193, 193);
  position: absolute;
  top: 594.656px;
  left: 592.094px;
  padding: var(--space-lg);
  color: rgb(51, 51, 51);
  border-radius: var(--space-sm);
  box-shadow: rgb(193 193 193) var(--space-2xs) var(--space-2xs) 7px var(--space-2xs);
  z-index: 1050;
}

.task_content_container_hide{
  opacity:0 !important;
}

#task_content{
  z-index: 1000;
  width: 740px;
  height: 400px;
  overflow:hidden;
  overflow-y:auto;
  text-overflow:ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  box-orient: vertical;
  -webkit-line-clamp: 10;
  -moz-line-clamp: 10;
  -ms-line-clamp: 10;
  line-clamp: 10;
}

.tooltip_task_menu_container{
  background-color:var(--color-white);
  border: var(--space-2xs) solid rgb(193, 193, 193);
  position: absolute;
  padding: var(--space-sm) 0px;
  color: rgb(51, 51, 51);
  border-radius: var(--space-sm);
  box-shadow: rgb(193 193 193) var(--space-2xs) var(--space-2xs) 7px var(--space-2xs);
}

#task_menu_content{
  z-index: 9999;
  width: auto;
  height: auto;
  overflow:hidden;
  overflow-y:auto;
  text-overflow:ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  box-orient: vertical;
  -webkit-line-clamp: 10;
  -moz-line-clamp: 10;
  -ms-line-clamp: 10;
  line-clamp: 10;
}

.task_group_name {
  color:var(--color-white);
}

.project_container{
  display: flex;
  flex-shrink: 0;
  flex-direction: row;
  width: 100%;
  border-radius: var(--space-sm);
}
.task_project_body{
  overflow-x:hidden;
  padding-bottom:4px;
}
.task_project_header_count{
  color: var(--color-text);
  background-color: var(--color-bg);
  padding-left: var(--space-lg);
  padding-right: var(--space-lg);
  border-radius: var(--space-base);
  font-size: var(--font-sm);

}
.fixed_height{
  height:320px!important;
}
.task_status {
  position: relative;
  border-radius: var(--space-sm);
  overflow-y: hidden;
  height: 739px;
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  margin: var(--space-sm) var(--space-base) var(--space-base) 0px;
  background-color: var(--color-white);
  padding: var(--space-sm);
  min-width: 280px;
}
.task_status_header {
  margin-top: -5px;
  margin-bottom: -5px;
  display: inline-block;
  width: 100%;
}
.task_status_header_color {
  width: var(--icon-font-size);
  height: var(--icon-font-size);
  border-radius: 100rem;
  display: inline-block;
}
.task_status_header_title {
  color: var(--color-text-lighter);
  font-size: var(--font-sm);
  display: inline-block;
  font-weight: 600;
}
.task_status_body {
  position: relative;
  border-radius: var(--space-sm);
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  grid-auto-flow: column;
  grid-auto-columns: minmax(300px, 1fr);
  grid-gap: var(--space-base);
}

.task_group {
  height: 100%;
  width: 100%;
  background-color: var(--color-white);
  overflow: hidden;
  border-radius: var(--space-sm);
}
.task_group_header {
  margin-left: var(--space-xl);
  margin-top: var(--space-base);
  color: var(--color-text);
  font-size: var(--font-lg);
}
.task_project_name{
  color: var(--color-text);
  border-left: var(--space-2xs) solid var(--color-border);
  padding-left: var(--space-base);
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
}

.task_item {
  cursor: move;
  background-color: var(--color-white);
  padding: var(--space-2xs) var(--space-sm);
  border-radius: var(--radius-xs);
  width: 99%;
  border: var(--space-2xs) solid var(--color-border-dark);
  margin: auto;
  margin-bottom: var(--space-sm);
  color: var(--color-text);
  line-height: 1.5;
}
.task_item:hover:not(.disabled_task) {
	border: var(--space-2xs) solid var(--color-border);
  box-shadow: rgba(99, 99, 99, 0.6) 0px var(--space-2xs) var(--space-sm) 0px;
  border-color: rgba(162, 179, 207, 0.2) !important;
}
.task_item .disabled_task:hover{
  box-shadow: none !important;

}
.task_item .tooltip_area {
  margin-left: var(--space-sm);
}
.task_item_footer {
  position: relative;
}
.task_item_header {
  position: relative;
  display: flex;
  justify-content: space-between;
}
.task_item_header time {
  font-size: var(--font-xs);
}
.task_item_pic_container {
  position: inherit !important;
}
.task_item_pic {
  width: var(--icon-size-lg)!important;
  height: var(--icon-size-lg)!important;
  border-radius: 100rem !important;
  margin-right: var(--space-sm)!important;
}
.task_item_pic[src=''] {
  display: none !important;
}
.task_item_pic_name {
  position: absolute !important;
  right: 37px !important;
  top: 30px !important;
  width: max-content !important;
}
.hidden_task_item{
  display:none !important;
}
.adjustable_height{
  max-height:750px!important;
  height:auto;
  margin-bottom: var(--space-base);
  min-height: 120px;
}