.bx-tasks-tasklist .bx-def-color-bg-hl{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center
}
.bx-tasks-tasklist-title {
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	max-width: calc(100% - 220px);
}

.bx-task-due-date {
    color: red;
}
.bx-tasks-members .bx-base-pofile-unit-wo-info {
    width: 2rem;
    height: 2rem;
	display: inline-block;   
}
.bx-tasks-members .bx-def-thumb-size{
	width: 2rem;
    height: 2rem;
	 font-size: 1rem;
}
.bx-tasks-members div.bx-base-pofile-unit-wo-info {
    margin-left: -1rem;
}

.bx-tasks-task-checkbox{
    display: inline-block;
	height: 24px;
}
.bx-tasks-task-checkbox input[type=checkbox] {
        display:none;
}
.bx-tasks-task-checkbox  input[type=checkbox] + label{
	height: 24px;
	width: 24px;
	display:inline-block;
	padding: 0;
	cursor: pointer;
}

.bx-tasks-task-checkbox  input[type=checkbox] + label:before{
    content: "\f111";
    font-family: "sys-user-far", sans-serif;
    display: block;
    width: 100%;
    height: 100%;
    font-size: 1.5rem;
    line-height: 1;
}

.bx-tasks-task-checkbox input[type=checkbox]:checked + label{
	height: 24px;
	width: 24px;
	display:inline-block;
	padding: 0;
}
.bx-tasks-task-checkbox input[type=checkbox]:checked + label:before{
    content: "\f058";
    font-family: "sys-user-far", sans-serif;
    display: block;
    width: 100%;
    height: 100%;
    font-size: 1.5rem;
    line-height: 1;
}
.bx-tasks-task{
	display: flex;
	justify-content: space-between;
	align-items: center
}
.bx-tasks-members{
	flex-grow: 2;
	text-align: right;
    display: flex;
    justify-content: flex-end;
}
.bx-tasks-task .bx-badge, .bx-tasks-task .bx-badges-list{
	display: inline-block;
}
.bx-tasks-tasklist .bx-tasks-task-completed{
	display: none;
}
.bx-tasks-tasklist-filter-all .bx-tasks-task-completed{
	display: flex;
}
.bx-tasks-tasklist-filter-completed .bx-tasks-task-uncompleted{
	display: none;
}
.bx-tasks-tasklist-filter-completed .bx-tasks-task-completed{
	display: flex;
}
.bx-tasks-tasklist .bx-def-border-bottom:last-child{
	border: none;
}
.bx-tasks-task .bx-tasks-task-name{
	max-width: 50%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
}
.ui-autocomplete{
	z-index: 10000 !important;
}
.bx-media-desktop .bx-tasks-form-cnt{
	width: 800px;
}