LSQZrzyAPP/css/query_where.css

/**
 * 创建者：王成
 * 创建日期：2022年6月24日
 * 描述：查询条件样式集
 */

/* 查询条件文字标签 */
.jt-query-where-group-label {
	position: relative;
	font-size: 13px;
	color: rgb(203, 203, 203);
	background-color: rgb(44, 64, 134);
	padding-left: 24px !important;
	height: 40px !important;
	line-height: 40px !important;
	font-weight: bold;
}

/* 查询条件文字标签前置div小方块样式 */
.jt-query-where-group-label:before {
	position: absolute;
	content: '';
	width: 4px;
	height: calc(40px - 16px);
	background-color: rgb(64, 97, 173);
	left: 12px;
	top: 8px;
}

/* 输入查询条件、选择查询条件样式 */
input[type=number],
input[type=text],
.jt-query-where-input,
.jt-query-where-select {
	background-color: rgba(255, 255, 255, 0);
	border: solid 1px rgb(133, 215, 253) !important;
	width: calc(100% - 30px);
	margin: 5px 15px;
	height: 30px;
	line-height: 30px;
	font-size: 13px;
	color: rgb(133, 215, 253);
	padding-left: 10px !important;
	border-radius: 5px !important;
}

/* 选择查询条件样式 */
.jt-query-where-select {
	padding: 0px;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* 选择条件行样式 */
.jt-query-where-row {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

/* 查询按钮\重置按钮样式 */
.jt-query-btn,
.jt-reset-btn {
	background-color: rgb(81, 121, 251);
	border: solid 0px rgb(255, 255, 255);
	margin-top: 20px;
	color: rgb(255, 255, 255);
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin-right: 10px;
}

/* 重置按钮样式 */
.jt-reset-btn {
	background-color: rgb(199, 62, 67);
}

/* 查询按钮图标样式 */
.jt-reset-btn>span,
.jt-query-btn>span {
	background: linear-gradient(to bottom, rgb(255, 255, 0) 50%, rgb(76, 245, 255) 50%);
	-webkit-background-clip: text;
	color: transparent;
	margin-right: 5px;
}