@import "./mixins/mixin.scss";

@include b(ztable) {
	position: relative;
	@include v-deep {
		.el-table {
			font-size: 13px;
			font-weight: 400;
			color: #282828;
		}
		.el-table thead {
			font-size: 13px;
			color: #5d5d5d;
		}
		.table-header th {
			font-weight: 500;
			background: #f8f8f8;
		}
		.el-table .el-table-column--selection > .cell {
			padding-left: 14px;
		}
		.el-table td,
		.el-table th {
			height: 48px;
		}
		.el-pagination {
			display: flex;
			align-items: center;
		}
		.el-pagination__editor {
			height: 24px;
			&.el-input {
					width: 36px;
					.el-input__inner {
						height: 24px;
						padding: 0 2px;
						line-height: 1;
						text-align: center;
						cursor: pointer;
					}
			}
		}
		.number {
			font-size: 12px;
			font-weight: 500;
			color: #282828;
			&.active {
					color: #0071ce;
			}
		}
		.btn-prev,
		.btn-next {
			width: 24px;
			min-width: 24px;
			height: 24px;
			padding: 0;
			text-align: center;
			border: 1px solid #cecece;
			border-radius: 2px;
		}
	}
		
	.pagination {
		justify-content: flex-end;
		padding: 16px 0;
	}
	.page-info {
		font-size: 12px;
		color: #a9a9a9;
		&.total {
			margin-right: 20px;
			margin-left: 20px;
		}
	}

	.jumpbtn {
		width: 48px;
		font-size: 12px;
		line-height: 22px;
		color: #0071ce;
		text-align: center;
		cursor: pointer;
		border: 1px solid #0071ce;
		border-radius: 2px;
	}
}