.tasklist-dashboard {
	max-height: 370px;
  
	.scrollbar-container {
	  border-radius: 0;
	}
  
	.todo-task-list-wrapper {
	  height: calc(100%);
	}
  
	ul {
	  margin:0;
	  padding:0;
	  list-style-type: none;
  
	  li {
		margin-top: 5px;
	  }
  
	  li:first-child {
		margin-top: 0px;
	  }
  
	  .todo-item {
		padding-top: 5px;
		padding-bottom: 5px;
	  }
  
	  .todo-item:hover {
		cursor: pointer;
		background-color: #67d6f1;
	  }
  
	  .custom-checkbox {
		margin-left: 5px;
	  }
  
	  .todo-title-wrapper {
		display: flex;
		justify-content: space-between;
	  }
  
	  .todo-title-area {
		display: flex;
		align-items: center;
	  }
  
	  .todo-title {
		padding-left: 5px;
		padding-right: 5px;
	  }
	}
  }
  
  /*========================================
	activity tree css
  ========================================*/
  
  /* the tree node's style */
  .tree-view {
	overflow-y: hidden;
  }
  
  .tree-view_item {
	/* immediate child of .tree-view, for styling convenience */
  }
  
  /* style for the children nodes container */
  .tree-view_children {
	margin-left: 16px;
  }
  
  .tree-view_children-collapsed {
	height: 0px;
  }
  
  .tree-view_arrow {
	cursor: pointer;
	margin-right: 6px;
	display: inline-block;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
  }
  
  .tree-view_arrow:after {
	content: '▾';
  }
  
  /* rotate the triangle to close it */
  .tree-view_arrow-collapsed {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
  }
  
  .node {
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	border-radius: 3px;
	padding: 2px 10px 2px 5px;
	display: inline-block;
  }
  
  .node .folder-icon {
	display: inline-block;
	margin-right: 5px;
  }
  
  .activity-btn {
	background: none;
	border: none;
	color: inherit;
	text-align: left;
  }
  
  .activity-icon {
	display: inline-block;
	margin-right: 5px;
	margin-left: 5px;
  }
  
  .node:hover {
	background-color: rgb(220, 245, 243);
	cursor: pointer;
  }
  
  .info, .node {
	padding: 2px 10px 2px 5px;
	font: 14px Helvetica, Arial, sans-serif;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
  }
  
  .tree-view_arrow {
	-moz-transition: all 0.1s;
	-o-transition: all 0.1s;
	-ms-transition: all 0.1s;
	-webkit-transition: all 0.1s;
	transition: all 0.1s;
  }
  
  .tree-view_arrow-empty {
	color: yellow;
  }
  