.tasks_cont{
	width: 100%;
    background: white;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.tasks {
	column-count: 8;
    column-gap: 10px;
    column-width: 250px;
    padding: 20px;
    background: white;
    border: 1px solid #e0e0e0;
}
.task_cont{
	margin: 0;
    display: grid;
    grid-template-rows: 1fr auto;
    margin-bottom: 10px;
    break-inside: avoid;
    padding: 16px;
    background: rgb(247 247 247);
    /* color: white; */
    font-size: 0.9rem;
    border-bottom: 4px solid #d3d3d3;
    clip-path: polygon(0% 0%, calc(100% - 15px) 0%, 100% 15px, 100% 100%, 100% 100%, 0% 100%, 0% 100%, 0% 0%);
    min-height: 150;
}
.task_cont_completed{
	opacity: .7;
}
.task_inner_cont{
	padding: 8px 0;
}
.task_inner_cont .task_inner_cont{
	padding-left: 20px;
}
.task_current{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.point_dot{
	width: .8rem;
	height: .8rem;
	background: white;
	border: 2px solid gray;
}
.task_current_text_cont{
	display: flex;
	gap: 10px;
}
.task_nadpis_cont{
	display: flex;
	flex-direction: column;
	gap: 10px;
	justify-content: space-between;
}
.task_nadpis{
	word-break: break-word;
}
.task_ChangeState{
	color: green;
	cursor: pointer;
	font-size: .9rem;
}
.task_ChangeState:hover{
	text-decoration: underline;
}
.task_inp_group_cont{
	display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    height: 100%;
}
.task_details_cont{
	display: flex;
	gap: 4px;
    justify-content: space-between;
    flex-direction: column;
    text-align: right;
}
.task_details{
	color:gray; font-size: .8rem;
}
.task_executor{
	font-weight: 500;
	cursor: pointer;
}
.task_executor:hover{
	text-decoration: underline;
}

.subtask_text{
	word-break: break-word;
}