@import  "coco-variables.scss";


.formTable{
	td{ padding:6px 12px; color:#999;
		&.name{ color:rgb(50,60,80); /*padding-left: 30px;*/ vertical-align: top; text-align: right;
			line-height: 24px;
			padding-top: 14px;
			padding-bottom: 14px;
		}
		&.name:first-child{ padding-left: 0px;}
		&.title{ color:rgb(99,111,128); padding-left: 0}
		&.value{ color:rgb(50,60,80); min-width: 100px; position: relative;}
	}
	
	&.border{ border:1px solid #DEE2E7; border-collapse:collapse;
		td{ border:1px solid #DEE2E7; padding:10px 15px;
			&.name{ background-color: #F1F4F7}
			&.name:first-child{ padding-left: 10px;}
			&.title{ padding-left: 10px}
		}
	}
	
	&.form{
		td{ padding: 4px 4px;
			&.name{ padding-left: 20px;}
			&:first-child.name{ padding-left: 0px;}
		}
		.el-input-group__append{ padding-left: 8px; padding-right: 8px;}
		.unit-1>input{ padding-right: 30px;}
		.unit-2>input{ padding-right: 40px;}
		.unit-2_5>input{ padding-right: 48px;}
		[class*="unit-"]>.el-input__suffix{ right: 12px;}
		.el-date-editor.el-input{ width: 100%;}
		
		&.border td:first-child.name{ padding-left: 20px;}
	}
}