/*列表上方操作按钮区域*/
.ant-card-body .table-operator {
	margin-bottom: 18px;
}

/** Button按钮间距 */
.table-operator .ant-btn {
	margin-right: 8px;
}

/*列表td的padding设置 可以控制列表大小*/
.ant-table-thead > tr > th, .ant-table-tbody > tr > td {
	padding: 10px 7px;
}

.ant-table-tbody .ant-table-row td {
	padding: 10px 7px;
}

/*列表页面弹出modal*/
.ant-modal-cust-warp {
	height: 100%
}

/*弹出modal Y轴滚动条*/
.ant-modal-cust-warp .ant-modal-body {
	height: calc(100% - 110px) !important;
	overflow-y: auto;
	padding: 12px 12px;
}

/*弹出modal 先有content后有body 故滚动条控制在body上*/
.ant-modal-cust-warp .ant-modal-content {
	height: 90% !important;
	overflow-y: hidden
}

/*列表中有图片的加这个样式 参考用户管理*/
.anty-img-wrap {
	height: 25px;
	position: relative;
}

.anty-img-wrap > img {
	max-height: 100%;
}

/*列表中范围查询样式*/
.query-group-cust {
	width: calc(50% - 10px)
}

.query-group-split-cust:before {
	content: "~";
	width: 20px;
	display: inline-block;
	text-align: center
}

.ant-card-wider-padding .ant-card-body {
	padding: 20px 9px;
}

/*erp风格子表外框padding设置*/
.ant-card-wider-padding.cust-erp-sub-tab > .ant-card-body {
	padding: 5px 12px
}

/*表单样式*/
.form-table {
	margin: 20px 0;
	width: 100%;
	font-size: 12px;
	text-align: center;
	background-color: #fff;
	font-family: "\5FAE\8F6F\96C5\9ED1";
	color: #000000;

	td {
		//border: 1px solid #d9d9d9;
		border: 1px solid #878787;
		height: 41px;
		position: relative;

		.ant-radio-group {
			position: absolute;
			top: 10px;
			left: 13px;
		}
	}

	.label-left {
		text-align: left;
	}

	.ant-input {
		border: 0 solid #fff !important;
		border-radius: 0;
		background-color: #fff;
		margin: 0 auto;
		width: 100%;
		font-size: 14px;
		height: 38px;
	}

	.ant-select-selection {
		border: 0;
	}

	.ant-calendar-picker {
		width: 100% !important;
	}

	.span-required {
		margin-right: -5px;
		color: red;
	}
}

.form-descriptions {
	.required-span-input {
		margin-left: -20px;
		float: left;
		color: red;
		padding-top: 10px;
	}

	.required-span-textarea {
		margin-left: -20px;
		float: left;
		color: red;
		padding-top: 84px;
	}

	.ant-descriptions-bordered.ant-descriptions-small .ant-descriptions-item-content {
		padding: 0;
	}

	.ant-form-item {
		margin: 0 !important;
	}

	.ant-input {
		border: 0px solid #d9d9d9;
	}

	.ant-input[disabled] {
		background-color: #ffffff;
	}

	.ant-input:hover, textarea.ant-input:hover {
		border-color: white;
	}

	.ant-select-selection {
		border: none;
	}

	textarea.ant-input {
		height: auto;
		margin-bottom: 0;
		padding: 10px 11px;
	}
}

.tableFormTemplate {
	.form-table {
		td {
			border-left: 0;
		}
	}
}

.form-card-shadow {
	box-shadow: 0 0 1px 1px #aaa, 3px 0 5px 0 #aaa, 0 4px 7px 0 #aaa;
}

.form-span-title {
	margin-top: 1px;
	font-weight: 700;
	text-align: center;
	display: block;
	color: #000;
	font-size: 24px;
}

.btn-footer {
	margin: 0 8px 12px 0;
}

.btn-form {
	width: 100px;
}

.ant-tabs-bar {
	margin: 0;
}

// Table组件上面显示已选项的框框 样式
.table-detail {
	width: 100%;
	height: 40px;
	padding: 0 15px;
	border-radius: 5px;
	border: 1px solid #91d5ff;
	display: flex;
	align-items: center;
	background-color: #e6f7ff;
	margin-bottom: 9px;

	a {
		font-weight: 600;
	}
}

.ant-form-item {
	margin-bottom: 7px !important;
}

// 取消 ant-form-item 自带的 margin-bottom 值
.form-item-mb0 {
	.ant-form-item {
		margin-bottom: 0 !important;
	}
}

w100 {
  width: 100%;
}

//margin-left
.ml5 {
	margin-left: 5px;
}

.ml10 {
	margin-left: 10px;
}

.ml15 {
	margin-left: 15px;
}

.ml20 {
	margin-left: 20px;
}

.ml25 {
	margin-left: 25px;
}

.ml30 {
	margin-left: 30px;
}

.ml35 {
	margin-left: 35px;
}

.ml40 {
	margin-left: 40px;
}

.ml45 {
	margin-left: 45px;
}

.ml50 {
	margin-left: 50px;
}

.ml85 {
    margin-left: 85px;
}

.ml135 {
    margin-left: 85px;
}

//margin-right
.mr5 {
	margin-right: 5px;
}

.mr10 {
	margin-right: 10px;
}

.mr15 {
	margin-right: 15px;
}

.mr20 {
	margin-right: 20px;
}

.mr25 {
	margin-right: 25px;
}

.mr30 {
	margin-right: 30px;
}

.mr35 {
	margin-right: 35px;
}

.mr40 {
	margin-right: 40px;
}

.mr45 {
	margin-right: 45px;
}

.mr50 {
	margin-right: 50px;
}

//margin-top
.mt4 {
	margin-top: 4px;
}

.mt5 {
	margin-top: 5px;
}

.mt6 {
  margin-top: 6px;
}

.mt10 {
	margin-top: 10px;
}

.mt15 {
	margin-top: 15px;
}

.mt20 {
	margin-top: 20px;
}

.mt25 {
	margin-top: 25px;
}

.mt30 {
	margin-top: 30px;
}

.mt35 {
	margin-top: 35px;
}

.mt40 {
	margin-top: 40px;
}

.mt45 {
	margin-top: 45px;
}

.mt50 {
	margin-top: 50px;
}

//margin-bottom
.mb5 {
	margin-bottom: 5px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb15 {
	margin-bottom: 15px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb25 {
	margin-bottom: 25px;
}

.mb30 {
	margin-bottom: 30px;
}

.mb35 {
	margin-bottom: 35px;
}

.mb40 {
	margin-bottom: 40px;
}

.mb45 {
	margin-bottom: 45px;
}

.mb50 {
	margin-bottom: 50px;
}

.t10 {
	.ant-modal {
		top: 10px;
	}
}

.t20 {
	.ant-modal {
		top: 20px;
	}
}

.t30 {
	.ant-modal {
		top: 30px;
	}
}

.t40 {
	.ant-modal {
		top: 40px;
	}
}

.t50 {
	.ant-modal {
		top: 50px;
	}
}

.flex-justify-between {
  display: flex;
  justify-content: space-between;
}

// flex布局 水平居中
.flex-center {
	width: 100%;
	display: flex;
	justify-content: center;
}

// flex布局 垂直居中
.flex-items {
	height: 100%;
	display: flex;
	align-items: center;
}

// flex布局 水平垂直居中
.flex-items-center {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

// flex布局 水平垂直居中
.flex-items-center-between {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

// 严重提醒操作（例如：删除操作）
.dust-red {
	color: #f5222d !important;
}

// 执行按钮颜色
.execute-btn {
	background-color: #ff9933;
	color: #FFFFFF;
}

.execute-btn:focus, .execute-btn:hover {
	background-color: #ffa749;
	color: #FFFFFF;
}

.ant-btn-danger {
	background-color: #ff524e;
	color: #FFFFFF;
}

.ant-btn-danger:focus, .ant-btn-danger:hover {
	background-color: #ff7875;
	color: #FFFFFF;
}

//.ant-form-item-label {
//  text-align: left;
//}

.tabs {
	.ant-tabs-bar {
		margin-bottom: 0 !important;

		.ant-tabs-tab {
			background-color: #fafafa !important;
		}

		.ant-tabs-tab-active {
			color: #ffffff !important;
			background-color: #1890ff !important;
		}
	}

	.ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab {
		border: 1px solid #e8e8e8 !important;
	}

	.ant-tabs .ant-tabs-top-content, .ant-tabs .ant-tabs-bottom-content {
		padding: 15px 0;
		background-color: #fff !important;
	}
}

.search-input {
	width: 150px;
	color: white;

	.ant-select-selection {
		background-color: inherit;
		border: 0;
		border-bottom: 1px solid white;
	}

	.ant-select-selection__placeholder,
	.ant-select-search__field__placeholder {
		color: inherit;
	}
}

// 改样式用来显示 textarea 用户输入时有回车换行操作的样式
.pre-text {
	white-space: pre-wrap;
	word-wrap: break-word;
	word-break: break-all;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 0;
}

.table-list-wrapper {
	.ant-descriptions-item-label {
		width: 150px;
	}
}

// 给 a-descriptions 组件添加必填样式
// 使用方法：在 a-descriptions 组件中添加 class="descriptions-required-field"
.descriptions-required-field {
	.ant-descriptions-item-label:before {
		content: '* ';
		color: #f5222d !important;
	}
}

.beyond-ellipsis {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.tip-error {
	background-color: #FFEDE9 !important;
}

.ant-table-tbody > .tip-error:hover > td {
	background-color: #FFEDE9 !important;
}

.task-error {
	background-color: #ffccc7
}

.task-leak {
	background-color: #f5f5f5
}

.task-normal {
	background-color: #d6e4ffff
}

.task-warn {
	background-color: #ffe58f
}

.task-normal {
	background-color: #e6f7ff;
}

// 许可人
.licensor {
  color: red;
  //color: #4D7BFF;
}

// 负责人
.principal {
  color: red;
  //color: #FF9900;
}

// 联系人
.contact-person {
  color: red;
  //color: #DDB674;
}

// 修改 a-descriptions-item 背景颜色 （在 <a-descriptions> 标签上添加该类）
.descriptions-item-1-1 {
  tr:nth-of-type(1) {
    th:nth-of-type(1) {
      background-color: #FF9900;
    }
  }
}

.descriptions-item-1-2 {
  tr:nth-of-type(1) {
    th:nth-of-type(2) {
      background-color: #FF9900;
    }
  }
}

.descriptions-item-1-3 {
  tr:nth-of-type(1) {
    th:nth-of-type(3) {
      background-color: #FF9900;
    }
  }
}

.descriptions-item-2-1 {
  tr:nth-of-type(2) {
    th:nth-of-type(1) {
      background-color: #FF9900;
    }
  }
}

.descriptions-item-2-2 {
  tr:nth-of-type(2) {
    th:nth-of-type(2) {
      background-color: #FF9900;
    }
  }
}

.descriptions-item-2-3 {
  tr:nth-of-type(2) {
    th:nth-of-type(3) {
      background-color: #FF9900;
    }
  }
}

.descriptions-item-3-1 {
  tr:nth-of-type(3) {
    th:nth-of-type(1) {
      background-color: #FF9900;
    }
  }
}

.descriptions-item-3-2 {
  tr:nth-of-type(3) {
    th:nth-of-type(2) {
      background-color: #FF9900;
    }
  }
}

.descriptions-item-3-3 {
  tr:nth-of-type(3) {
    th:nth-of-type(3) {
      background-color: #FF9900;
    }
  }
}

.descriptions-item-4-1 {
  tr:nth-of-type(4) {
    th:nth-of-type(1) {
      background-color: #FF9900;
    }
  }
}

.descriptions-item-4-2 {
  tr:nth-of-type(4) {
    th:nth-of-type(2) {
      background-color: #FF9900;
    }
  }
}

.descriptions-item-4-3 {
  tr:nth-of-type(4) {
    th:nth-of-type(3) {
      background-color: #FF9900;
    }
  }
}

.descriptions-item-5-1 {
  tr:nth-of-type(5) {
    th:nth-of-type(1) {
      background-color: #FF9900;
    }
  }
}

.descriptions-item-5-2 {
  tr:nth-of-type(5) {
    th:nth-of-type(2) {
      background-color: #FF9900;
    }
  }
}

.descriptions-item-5-3 {
  tr:nth-of-type(5) {
    th:nth-of-type(3) {
      background-color: #FF9900;
    }
  }
}
