.lws-tablenav{
	display: flex;
	flex: 1 1 auto;
	justify-content: flex-end;
	height: 40px;
	margin-top:5px;
	line-height: 30px;

	.lws-perpage-input{
		display: grid;
		grid-template-columns: auto 30px 30px 30px 30px;
		gap: 1px;
		border-left: 5px solid #ccc;
		background-color: #eee;
		padding:5px 5px 5px 0;
		box-sizing: border-box;

		.lws-label-ipp{
			padding: 0 10px;
		}
	}
	.lws-tablenav-pages{
		display: flex;
		flex-wrap: nowrap;
		height:40px;
		background-color:#eee;
		padding:5px;
		box-sizing: border-box;
		border-left: 5px solid #ccc;
		.lws-pagination-links{
			display: grid;
			padding-left:10px;
			grid-template-columns: 30px 30px 70px 30px 30px;
			gap: 1px;
			.lws-input-enter-submit{
				width:40px;
			}
		}
	}
	.lws-input-ipp, .lws-paging-navspan{
		background-color: #ccc;
		width: 30px;
		height: 30px;
		display: flex;
		justify-content: center;
		align-items: center;
		transition: all 0.3s ease;
		cursor: pointer;

		&:hover{
			background-color: var(--group-medium-color,#366);
			color: #333;
		}

		&.lws-input-ipp-sel{
			background-color: var(--group-color,#366);
			color: #fff;

		}
	}
}