.project-lotSize{
	position: relative;
	@mixin icobox-have{
		font-size: 18px;
        vertical-align: middle;
        color: #94CFFC;
	}
	@mixin icobox-active{
		color: #1587D9;
        vertical-align: middle;
		font-size: 18px !important;
	}
	.icon-approval{
		top:10px;
	}
	.tu-infotip.infotip-default .infotip-inner {
		text-align: left;
	}
	.tu-icon-singlebox-avtive{
        @include icobox-active;
    }
    .tu-icon-singlebox-have{
        @include icobox-have;
    }
	.tu-icon-checkbox-have{
        @include icobox-have;
	}
	.tu-icon-check-active{
        @include icobox-active;
	}
	& &__task{
		&_border{
			border-bottom:1px solid #E4EBF0;
		}
		&-li{
			line-height: 40px;
		}
		&-header{
			border-bottom:2px solid #E4EBF0;
		}
		&-headerNew{
			margin:15px 0 4px 0 !important;
		}
		// &-name{
		// 	white-space:nowrap;
		// 	overflow:hidden;
		// 	text-overflow:ellipsis;
		// }
		&-fontSize{
			font-size: 14px;
		}
		&-milepost-name{
			display: block;
			width: 100%;
			height: 40px;
			border-bottom:1px solid #E4EBF0;
			line-height: 40px;
			white-space: nowrap;
			text-overflow: ellipsis;
			overflow: hidden;
		}
		&-icon_size{
			font-size: 18px;
			vertical-align: middle;
		}
		&-icon-empty{
			display: inline-block;
			width: 18px;
			height: 1px;
		}
		&-grid-name{
			float: left;
			width: 45% !important;
			box-sizing: border-box;
			text-overflow : ellipsis; 
			white-space : nowrap; 
			overflow : hidden; 
		}
		&-grid-checked{
			float: left;
			width: 3%;
		}
		&-grid-checked-lineHeight{
			line-height: 40px;
		}
		&-grid-checked-height{
			// height: 40px;
			height: 20px;
		}
		&-grid-status{
			float: left;
		    display: block;
		    width: 8%;
		    white-space: nowrap;
			margin-left: 20px;
		}
		&-grid-startTime{
			float: left;
			width: 10%;
			margin-left: 20px;
			// height: 40px;
		}
		&-grid-EndTime{
			float: left;
			width: 10%;
			margin-left: 20px;
			// height: 40px;
		}
		
	}
	.icon-gray{
		color: #A9B8BF;
	}
}