@import '~@/utils/utils.less';

.proUsertableList {
	margin: -24px;
  .proUsertableListOperator {
    margin-bottom: 16px;
    button {
      margin-right: 8px;
    }
  }

  .editColumn {
    > div:last-child {
      display: none;
    }
  }
}

.proUsertableListForm {
	// height: 45px;
  :global {
	  .ant-form {
		  background-color: #e5eaf8;
		  padding: 10px 0 0 0;
	  }
    .ant-form-item {
      display: flex;
      margin-right: 0;
      margin-bottom: 24px;

      .ant-form-item-label {
        // width: 80px;
        // padding-right: 8px;
        line-height: 32px;
        text-align: left;
      }

      .ant-form-item-control {
        line-height: 32px;
        width: calc(100% - 80px);

        .ant-form-item-control-input-content {
          height: 32px;
        }
      }

      > .ant-row {
        flex-wrap: nowrap;
      }
    }

    .ant-form-item-control-wrapper {
      flex: 1;
    }
  }
}

.summaryButton {
	cursor: pointer;
}

.summaryContent {
  display: flex;
  margin-top: 10px;
  > div {
	  flex: 2;
	  // height: 60px;
	  // border-right: 2px solid #eeeeee;
	  padding-left: 10px;
	  // background-color: #1890FF
  }
  .titleLabel {
	color: #bbbbbb;
	font-weight: 500;
	margin-bottom: 10px;
	display: inline-block;
	width: 90px;
	text-align: right;
  }
  .titleVal {
	font-weight: 500;
	display: inline-block;
	.toolTip {
		margin: 0 5px;
		color: rgb(210, 210, 238);
	}
  }
}

.operateContent {
	display: flex;
	margin: 20px 0;
	justify-content: space-between;
	.workClass {
		display: inline-block;
		width: 10px;
		height: 10px;
		margin-left: 10px;
	}
}

//搜索
.searchBox, .searchbox, .searchInput, .searchinput {
  margin-left: 0 !important;
  flex-wrap: nowrap !important;
  width: 100% !important;

  > div {
    padding-left: 0 !important;
	padding-right: 0 !important;
    &:last-child {
      padding-right: 0 !important;
    }
  }

  :global {
    .ant-form-item {
      margin-right: 0;
    }

    .ant-form-item-row, .ant-picker {
      width: 100%;
    }
  }

  .searchBtn {
	:global {
		.ant-btn {
		  height: 40px;
		}
	}
  }
}

.searchInput, .searchinput {
  > div {
    &:nth-child(2) {
      // margin-left: 12px !important;
    }

    &:last-child {
      padding-right: 24px !important;
      margin-left: 12px !important;
    }
  }

  :global {
    .ant-form-item-row {
      width: 100%;
    }
  }
  
  .searchSelectFirst {
  	  height: 40px;
  	  :global {
  		  .ant-select-selector {
  			  height: 40px;
  			  border-radius: 5px;
			  background-color: #e5eaf8;
			  border: none;
  			  .ant-select-selection-item {
				  line-height: 40px;
				  font-size: 18px;
				  font-weight: 500;
			  }
  		  }
  	  }
  }
  
  .searchSelectSecond {
	  height: 40px;
	  :global {
		  .ant-select-selector {
			  height: 40px;
			  border-radius: 5px;
			  border: none;
			  .ant-select-selection-overflow-item {
				  .ant-select-selection-item {
					  height: 30px;
					  line-height: 30px;
					  border-radius: 15px;
					  background-color: #e9f0f7;
				  }
			  }
		  }
	  }
  }
}

.searchCondition {
	width: 100%;
	padding-bottom: 10px;
	background-color: #f4f5fc;
	.searchConditionFirst {
		display: flex;
		justify-content: space-between;
		background-color: #f4f5fc;
		height: 30px;
		line-height: 30px;
		padding: 0 10px;
	}
	
	.searchConditionLeft {
		display: inline-block;
		width: 40px;
		height: 20px;
		line-height: 20px;
		border-radius: 15px;
		text-align: center;
		background-color: #d8ddf4;
		margin: 0 5px;
	}
	
	.searchConditionSecond {
		display: flex;
		height: 40px;
		line-height: 40px;
		background-color: #fff;
		padding: 0 10px;
		:global {
			.ant-form-item {
				margin-right: 30px;
				margin-top: 5px;
			}
		}
	}
}

.dataSummary {
	display: flex;
	justify-content: space-between;
	width: 100%;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	background-image: linear-gradient(to right, #c6d2ee, #d2dfff)
}